.site-panel{box-sizing:border-box;width:min(500px,calc(100vw - 32px));max-height:90dvh;border:1px solid var(--line);border-radius:18px;padding:30px;background:var(--surface);color:var(--ink);box-shadow:0 24px 100px #10262130;font-family:var(--font-ui)}
.site-panel::backdrop{background:#15292366;backdrop-filter:blur(5px)}
.site-panel [hidden]{display:none!important}.site-panel button{letter-spacing:normal;min-width:0}.site-panel p{line-height:1.7}.site-panel form>*{min-width:0}.site-panel-message:empty{display:none}
.site-auth-methods{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.site-auth-methods button{padding:0 0 12px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font:500 14px var(--font-ui);cursor:pointer}.site-auth-methods [aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}
.site-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.site-code-send,.site-panel-secondary{border:1px solid var(--line-strong,var(--line));border-radius:8px;background:transparent;color:var(--ink);padding:12px;font:500 14px var(--font-ui);cursor:pointer;min-height:48px}.site-code-send:disabled{opacity:.6;cursor:default}.site-phone-choice{display:grid;gap:14px}.site-panel :is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.site-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.site-panel h2{font:500 28px var(--font-display);margin:0}.site-panel-close{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:inherit;cursor:pointer;display:grid;place-items:center;padding:0;line-height:0}.site-panel-close svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.site-panel form{display:grid;gap:18px}.site-panel label{display:grid;gap:9px;font-size:14px}.site-panel input:not([type=checkbox]),.site-panel textarea{box-sizing:border-box;width:100%;padding:12px 14px;border:1px solid var(--line-strong,var(--line));border-radius:8px;background:var(--bg);color:inherit;font:inherit}.site-panel :is(input,textarea):focus{outline:2px solid var(--accent);outline-offset:2px}.site-panel .site-panel-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.8}.site-panel-check input{width:auto;margin-top:5px}.site-panel a{color:inherit}
.site-panel-primary{display:block;text-align:center;text-decoration:none;padding:13px 20px;border:0;border-radius:8px;background:var(--accent);color:var(--accent-ink)!important;font:500 15px var(--font-ui);cursor:pointer}.site-panel-primary:disabled{opacity:.5;cursor:wait}.site-panel-text{display:block;margin:16px auto 0;border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.site-panel-message{font-size:14px;line-height:1.7;color:var(--muted);margin:16px 0 0;white-space:pre-wrap}.site-panel-tabs{display:flex;gap:8px;padding:4px;margin-bottom:22px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.site-panel-tabs button{flex:1;padding:10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.site-panel-tabs [aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #1026210a}
.site-account-detail{display:grid;grid-template-columns:90px 1fr;gap:16px;margin:0 0 28px;font-size:14px}.site-account-detail dt{color:var(--muted)}.site-account-detail dd{margin:0;overflow-wrap:anywhere}.site-panel details{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.site-panel summary{cursor:pointer;margin-bottom:18px}.site-support-history article{border-top:1px solid var(--line);margin-top:20px;padding-top:10px;font-size:14px;line-height:1.7}
:is(#authEntryDialog,#supportDialog,#accountCenterDialog){border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 24px 100px #10262130}
:is(#authEntryDialog,#supportDialog,#accountCenterDialog)::backdrop{background:#15292366;backdrop-filter:blur(5px)}
:is(.site-panel-close,#authEntryClose,#supportClose,#accountCenterClose){width:38px;height:38px;flex:none;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;padding:0;line-height:0}:is(.site-panel-close,#authEntryClose,#supportClose,#accountCenterClose) svg{display:block;margin:auto}

/* A dialog owns scrolling; its content must not create a second scrollport. */
html:has(dialog[open]){overflow:hidden}
.site-panel,#authEntryDialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
#authEntryDialog .auth-dialog-frame{max-height:none;overflow:visible;box-sizing:border-box;border:0;border-radius:0;padding:30px;background:var(--surface)}
#authEntryDialog .auth-dialog-head .kicker{display:none}
#authEntryDialog .auth-dialog-head h2{font:500 28px var(--font-display);margin:0}
#authEntryDialog .auth-dialog-head{margin-bottom:24px}
#authEntryDialog .field>label{font:400 14px/1.5 var(--font-ui)}
.site-panel .site-panel-check input[type=checkbox],#authEntryDialog input[type=checkbox]{box-sizing:border-box;appearance:auto;display:inline-block;flex:0 0 16px;width:16px;height:16px;min-width:16px;min-height:16px;padding:0;margin:3px 0 0;align-self:flex-start;accent-color:var(--accent)}
.site-panel .site-panel-check{display:flex;align-items:flex-start;gap:8px}
.site-panel .site-panel-check>span{flex:1;min-width:0}
.site-panel input:not([type=checkbox]),#authEntryDialog .field>input{height:48px;font:400 15px/1.5 var(--font-ui)}
@media(max-width:600px){.site-panel,#authEntryDialog .auth-dialog-frame{padding:22px}.site-panel h2,#authEntryDialog .auth-dialog-head h2{font-size:26px}}
.site-panel details{padding-top:16px;margin-top:16px}.site-panel summary{margin-bottom:0}.site-panel details[open]>summary{margin-bottom:16px}.site-panel-close{width:44px;height:44px}
.site-panel .site-account-action{box-sizing:border-box;display:block;width:100%;min-height:48px;margin-top:12px;padding:12px 18px;border:1px solid var(--line-strong,var(--line));border-radius:8px;background:var(--surface);color:var(--ink);font:500 15px var(--font-ui);cursor:pointer}
.site-panel .site-account-action[data-logout]{margin-top:24px}
.site-panel .site-account-danger{border-color:#9e4c38;background:#9e4c38;color:#fff}
.site-panel .site-account-danger:hover{background:#873b2d}
.auth-action-dialog{box-sizing:border-box;width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);padding:0;box-shadow:0 24px 100px #10262130;font-family:var(--font-ui)}
.auth-action-dialog::backdrop{background:#15292366;backdrop-filter:blur(5px)}.auth-action-dialog .dialog-body{padding:30px}.auth-action-dialog .dialog-head h2{font:500 28px var(--font-display);margin:0}.auth-action-dialog .dialog-head .icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;line-height:0;border-radius:8px}.auth-action-dialog .field>label{font:400 14px var(--font-ui)}.auth-action-dialog .field>input{box-sizing:border-box;height:48px;padding:12px 14px;border-radius:8px;font:400 15px var(--font-ui)}.auth-action-dialog .primary-button{font:500 15px var(--font-ui);padding:13px 20px;border-radius:8px}
@media(max-width:600px){.auth-action-dialog .dialog-body{padding:22px}.auth-action-dialog .dialog-head h2{font-size:26px}}