.login-wrap{max-width:440px}.login-loading{justify-content:center}.lock-box h1{margin:0;font-size:1.25rem;font-weight:700;text-wrap:balance}.login-form{display:flex;flex-direction:column;gap:var(--s-4)}.login-form .field input{height:48px;font-size:1rem}.login-form .hint{margin-top:6px}.seg{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;background:var(--surface-2);border-radius:var(--r-md)}.seg button{min-height:40px;padding:0 var(--s-2);border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink-2);font:inherit;font-size:var(--fs-md);font-weight:600;cursor:pointer;white-space:nowrap}.seg button[aria-selected=true],.seg button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.save-tag{margin-left:4px;font-size:var(--fs-xs);font-weight:700;color:var(--accent)}.plans{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2);min-width:0}.plan{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2px var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);cursor:pointer}.plan:hover{border-color:var(--ink-3)}.plan:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.plan:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.plan input{width:20px;height:20px;margin:0;accent-color:var(--accent)}.plan-name{font-weight:600}.plan-price{font-weight:700;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.plan-per{font-weight:500;font-size:var(--fs-sm);color:var(--ink-2)}.plan-sub{grid-column:2 / 4;font-size:var(--fs-sm);color:var(--ink-3);font-variant-numeric:tabular-nums}.plans-more,.plans-fine{text-align:center}.plans-more a{color:var(--accent);font-weight:600}.plan-actions{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.legal-box{text-align:left}.legal-body h2{margin:0 0 var(--s-2);font-size:1.25rem;font-weight:700}.legal-body h3{margin:var(--s-4) 0 var(--s-1);font-size:var(--fs-lg);font-weight:700}.legal-body p,.legal-body li{font-size:var(--fs-md);line-height:1.6;color:var(--ink-2)}.legal-body p{margin:0 0 var(--s-2)}.legal-body ul{margin:0 0 var(--s-2);padding-left:1.3em}.legal-draft{display:flex;gap:var(--s-2);padding:var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);color:var(--ink)}.legal-draft .icon{flex:none;color:var(--warn)}.login-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-1) var(--s-3);margin:calc(-1 * var(--s-3)) 0 0}.login-privacy a{color:var(--accent)}@media(forced-colors:active){.seg button[aria-selected=true],.seg button[aria-checked=true],.plan:has(input:checked){outline:2px solid Highlight}}