
.account-shell{min-height:100svh}.account-shell .shell{width:min(100% - 40px,480px);margin:24px auto 56px}.account-shell .card{padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.account-shell .drive{margin-bottom:0}.account-shell .drive-count{margin-bottom:22px}.account-shell h1{font-size:clamp(28px,5vw,34px);line-height:1.2;margin-bottom:10px;outline:none}.account-shell .intro{font-size:17px;line-height:1.55;margin:0 0 22px;color:var(--muted);overflow-wrap:anywhere;text-wrap:pretty}.account-shell .intro:empty{display:none}.account-shell .access-panel{margin:0 0 24px;background:var(--paper)}.account-shell .access-panel p{font-size:16px}.account-shell label{display:block;margin:16px 0 8px;font-size:15px;font-weight:600}.account-shell form>label:first-child{margin-top:0}.account-shell input{display:block;width:100%;min-height:54px;border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--paper);color:var(--ink);font:inherit;font-size:17px}.account-shell input::placeholder{color:var(--faint)}#code{min-height:60px;font-size:26px;font-weight:600;letter-spacing:.32em;text-align:center;font-variant-numeric:tabular-nums}#code::placeholder{letter-spacing:.32em}.account-shell main button,.account-shell main a.primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;width:100%;padding:12px 18px;border:1px solid transparent;border-radius:6px;font:inherit;font-size:17px;font-weight:650;cursor:pointer}.account-shell main button:disabled{cursor:wait;opacity:.65}.account-shell main button[data-unsupported=true]{cursor:not-allowed}.account-shell .primary{background:var(--button);color:var(--button-ink);margin-top:16px;text-decoration:none}.account-shell .primary:hover:not(:disabled){background:var(--mint);color:var(--button-ink)}.account-shell main .secondary{background:transparent;border-color:var(--line);color:var(--ink);margin-top:14px}.account-shell main .secondary:hover:not(:disabled){background:var(--paper)}.account-shell main .text-button{min-height:44px;padding:8px 0;width:auto;background:transparent;color:var(--ink);font-size:15px;font-weight:600}.account-shell main .text-button:disabled{color:var(--muted);font-weight:500}.account-shell input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account-shell .helper{font-size:14px;line-height:1.65;color:var(--muted);margin:10px 0 0}.account-shell .fineprint{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--muted);text-align:center}.account-shell .fineprint a{color:var(--ink)}.account-shell .centered{text-align:center}.account-shell .centered,.account-shell .fineprint,.account-shell .footer-note{text-wrap:balance}.account-shell .row{display:grid;justify-items:center;margin-top:8px}.account-shell .divider{display:flex;align-items:center;gap:12px;margin:26px 0 8px;color:var(--muted);font-size:14px}.account-shell .divider::before,.account-shell .divider::after{content:"";flex:1;height:1px;background:var(--line)}.account-shell .status{font-size:15px;line-height:1.6;margin:0 0 18px;color:var(--muted);overflow-wrap:anywhere}.account-shell .status:empty{display:none}.account-shell .status[data-error=true]{padding:12px 16px;background:var(--paper);border:1px solid #CC826F;border-radius:8px;color:var(--ink)}.account-shell .account-heading{display:flex;align-items:center;gap:10px;margin-top:6px}.account-shell h2{font-size:22px}.account-shell .account-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.account-shell .settings-section{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.account-shell .settings-section h2{font-size:20px}.account-shell .account-links{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0}.account-shell .account-links a{color:var(--accent);min-height:44px;display:flex;align-items:center}.account-shell .item-list{padding:0;list-style:none;margin:16px 0}.account-shell .item-list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:16px;overflow-wrap:anywhere}.account-shell .item-list button,.account-shell .item-list input{margin-top:10px}.account-shell .footer-note{font-size:13px;color:var(--muted);text-align:center;margin:24px 12px 0}@media(max-width:540px){.account-shell .shell{width:calc(100% - 32px);margin-top:8px}.account-shell .card{padding:24px 20px}.account-shell h1{font-size:28px}}@media(prefers-reduced-motion:no-preference){.account-shell main button{transition:background-color .15s}}
