.account-screen{overflow:auto;background:#edf1e9;color:#283e31;height:auto;min-height:100dvh}
.account-screen #app{height:auto;min-height:100dvh}
.auth-layout{max-width:1140px;margin:auto;min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(36px,6vw,100px);align-items:center;padding:clamp(24px,5vw,64px)}
.auth-brand{display:flex;align-items:baseline;gap:16px;text-decoration:none;color:#395e48;font:600 32px Georgia,serif;letter-spacing:-1px;margin-bottom:72px}
.auth-brand span{font:700 17px system-ui;letter-spacing:0}.platform-eyebrow{font-size:14px;letter-spacing:.08em;color:#60745e;margin:0 0 16px}
.auth-intro h1{font-size:clamp(28px,3.4vw,44px);line-height:1.45;letter-spacing:-.04em;margin:0 0 24px}.auth-intro>p:not(.platform-eyebrow){color:#566858;line-height:1.9;font-size:17px}
.auth-methods{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #cbd6c4;padding-top:24px;margin-top:40px;font-size:14px;color:#5a7057}
.auth-panel{background:#fffefa;border:1px solid #d3dccb;border-radius:20px;padding:clamp(24px,3.4vw,44px);box-shadow:0 12px 36px #29412a08}
.auth-panel h2{font-size:26px;line-height:1.4;margin:0 0 14px}.auth-subtitle{color:#5f705e;font-size:15px;line-height:1.7;margin-bottom:24px}
#auth-form>label,#redeem-form>label{display:block;font-weight:650;margin:18px 0 8px;font-size:15px}
#auth-form>input,.redeem-row input{width:100%;min-width:0;min-height:48px;border:1px solid #b9c7b2;border-radius:8px;background:#fff;color:#263e30;padding:10px 12px;font:inherit}
#auth-form small{display:block;font-size:12px;line-height:1.6;color:#62755e;margin-top:6px}
#auth-form .auth-consent{display:flex;gap:10px;font-weight:400;font-size:13px;line-height:1.7;align-items:flex-start}.auth-consent input{margin-top:4px;min-width:18px;min-height:18px;accent-color:#3a5e48}
.auth-submit{width:100%;justify-content:center;min-height:50px}.auth-switch{display:flex;justify-content:space-between;gap:12px;margin:18px 0;flex-wrap:wrap}.auth-switch button{background:transparent;border:0;text-decoration:underline;text-underline-offset:5px;color:#42634c;min-height:44px;font:inherit;font-size:14px;cursor:pointer}
.form-feedback{min-height:1.4em;color:#9b3f29;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.account-privacy{font-size:13px;line-height:1.8;color:#61715c;border-top:1px solid #d5ddcf;padding-top:16px;margin-top:24px}.account-privacy summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.account-privacy summary::before{content:'＋';margin-right:8px}.account-privacy[open] summary::before{content:'−'}
.auth-contact{margin-top:24px;font-size:14px;color:#4f6751;line-height:1.7}.auth-contact summary{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px}.auth-contact summary img{border-radius:50%}.auth-contact .auth-qr{width:260px;max-width:100%;height:auto;display:block;border-radius:12px}
.recovery-code{display:block;overflow-wrap:anywhere;user-select:all;background:#edf1e7;border:1px dashed #97a989;padding:18px;margin:24px 0;color:#2d4734;font:600 18px ui-monospace,monospace;line-height:1.6}
.platform-loading{padding:48px;text-align:center;color:var(--muted,#5b705d)}.platform-gate{max-width:680px;margin:auto;padding:clamp(24px,5vw,64px);line-height:1.8}.platform-gate>a{display:inline-flex;min-height:44px;margin-bottom:44px}.platform-gate h1{font-size:clamp(26px,4vw,36px);line-height:1.4}.platform-gate .button{margin:16px 12px 0 0}
.account-entry{white-space:nowrap}.account-body{padding:12px 28px 32px;overflow-y:auto;max-height:75dvh;line-height:1.8}.account-name{font-size:24px;overflow-wrap:anywhere}.account-name .status-badge{font-size:13px}.redeem-row{display:flex;gap:10px}.redeem-row button{flex-shrink:0}.account-note{font-size:14px;color:var(--muted,#61715c)}.account-actions{display:flex;flex-wrap:wrap;gap:12px}.account-actions label{cursor:pointer}.account-actions .button{font-size:14px;min-height:44px}.account-body hr{border:0;border-top:1px solid var(--line,#d5ddcf);margin:24px 0}.platform-locked{opacity:.85}
.account-body .text-button{font-size:14px;min-height:44px}.account-body .account-actions label:focus-within{outline:3px solid #8c6626;outline-offset:3px}
.account-screen :focus-visible{outline:3px solid #8c6626;outline-offset:3px}.account-screen button:disabled{opacity:.6;cursor:wait}
@media(max-width:760px){.auth-layout{display:block;max-width:560px;padding:24px 18px}.auth-brand{margin-bottom:28px;font-size:27px}.auth-intro h1{font-size:28px}.auth-intro>p:not(.platform-eyebrow),.auth-methods{display:none}.auth-contact{margin:16px 0}.auth-panel{padding:24px 20px}.auth-panel h2{font-size:23px}.account-body{padding:8px 20px 24px}.redeem-row{flex-wrap:wrap}.redeem-row input{flex:1 1 180px}.account-entry{min-height:44px}}
@media(prefers-reduced-motion:reduce){.account-screen *{scroll-behavior:auto!important}}