/* Neutral materials shared by every mirror account route. */
:root {
  color-scheme:light;
  --bg:#ececef; --surface:rgb(250 250 253 / 88%); --raised:#fafafd;
  --text:#24262b; --muted:#535962; --line:rgb(55 65 85 / 16%);
  --control:rgb(255 255 255 / 70%); --hover:rgb(255 255 255 / 95%);
  --accent:#735628; --accent-soft:rgb(115 86 40 / 8%);
  --button:#282c33; --button-text:#fff; --error:#a2382c;
  --shadow:0 18px 60px rgb(29 31 45 / 8%),inset 0 1px rgb(255 255 255 / 90%);
  --veil:rgb(236 236 239 / 80%); --video-opacity:.65;
}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){
  color-scheme:dark; --bg:#18191c; --surface:rgb(34 35 39 / 88%); --raised:#292b30;
  --text:#f5f5f7; --muted:#b9bdc7; --line:rgb(255 255 255 / 16%);
  --control:rgb(255 255 255 / 6%); --hover:rgb(255 255 255 / 11%);
  --accent:#e7d5b5; --accent-soft:rgb(231 213 181 / 8%);
  --button:#f0f0f3; --button-text:#24262b; --error:#ffb7aa;
  --shadow:0 20px 60px rgb(0 0 0 / 20%),inset 0 1px rgb(255 255 255 / 8%);
  --veil:rgb(18 19 22 / 68%); --video-opacity:.7;
}}
:root[data-theme=dark]{
  color-scheme:dark; --bg:#18191c; --surface:rgb(34 35 39 / 88%); --raised:#292b30;
  --text:#f5f5f7; --muted:#b9bdc7; --line:rgb(255 255 255 / 16%);
  --control:rgb(255 255 255 / 6%); --hover:rgb(255 255 255 / 11%);
  --accent:#e7d5b5; --accent-soft:rgb(231 213 181 / 8%);
  --button:#f0f0f3; --button-text:#24262b; --error:#ffb7aa;
  --shadow:0 20px 60px rgb(0 0 0 / 20%),inset 0 1px rgb(255 255 255 / 8%);
  --veil:rgb(18 19 22 / 68%); --video-opacity:.7;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}button:disabled{cursor:default;opacity:.55}
[hidden]{display:none!important}
a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.beta-shell{position:relative;isolation:isolate;min-height:100svh}
.beta-motion{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--bg)}
.beta-motion video{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:var(--video-opacity)}
.beta-motion::after{content:"";position:absolute;inset:0;background:var(--veil)}
.beta-main{min-height:100svh;display:grid;place-items:center;padding:90px 24px 40px}
.beta-content{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;text-align:center}
.beta-logo{display:inline-flex;width:160px}.brand-logo{width:100%;height:auto}
.beta-label{margin:18px 0 30px;font-size:10px;font-weight:600;letter-spacing:.22em;color:var(--muted)}
.beta-download{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 22px;border:1px solid var(--line);border-radius:12px;background:var(--control);color:var(--text);font-size:13px;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s,box-shadow .16s}
.beta-download:hover{background:var(--hover)}
.primary-action,#auth-submit,.access-actions .beta-download:first-child{background:var(--button);color:var(--button-text);border-color:transparent}
.primary-action:hover,#auth-submit:hover,.access-actions .beta-download:first-child:hover{opacity:.88;background:var(--button)}
h1,h2,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.045em;line-height:1.14}
.muted{color:var(--muted);font-size:13px;line-height:1.7}
.field-help,.download-details{color:var(--muted);font-size:12px;line-height:1.7}
.links{display:flex;gap:22px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:12px}
.links a,.text-button{color:var(--muted);text-decoration:none}.links a:hover,.text-button:hover{text-decoration:underline;color:var(--text)}
.text-button{border:0;background:none;padding:6px 0;font-size:12px;line-height:1.5}
.appearance-control{position:absolute;top:24px;right:28px;z-index:3;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}
.appearance-control select{border:1px solid var(--line);border-radius:999px;padding:8px 28px 8px 12px;color:var(--text);background:var(--surface);font-size:12px;min-height:36px}
.skip-link{position:fixed;left:20px;top:-80px;z-index:10;padding:12px 20px;background:var(--raised);border-radius:10px}.skip-link:focus{top:16px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:480px){.beta-main{padding:90px 18px 30px}.appearance-control{top:18px;right:18px}.beta-logo{width:135px}}
