@import url('https://fonts.googleapis.com/css2?family=Anton&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#171024;--panel:#21182e;--ink:#f5f1e9;--muted:#b7abc7;--line:#ffffff20;--green:#d1fc78;--purple:#ac87e4;--paper:#f4f1e9;--paper-ink:#292035;--paper-muted:#71667b;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit;padding:12px 17px;font-size:13px;font-weight:700;transition:background .18s,border-color .18s,transform .18s}button:hover:not(:disabled){background:#ffffff0b;border-color:#ffffff55}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;flex-shrink:0}textarea{resize:none}::selection{background:#d1fc78;color:#171024}
.debate-page{isolation:isolate}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sparkle-field{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.sparkle-field i{position:absolute;background:var(--ink);opacity:.12;animation:room-sparkle 5s ease-in-out infinite}
.sparkle-field i:nth-child(3n){background:var(--purple)}
.sparkle-field i:nth-child(7n){background:var(--green)}
.sparkle-field.is-paused i{animation-play-state:paused}
@keyframes room-sparkle{0%,100%{opacity:.03}45%{opacity:var(--peak)}75%{opacity:.09}}
@media(max-width:780px){.sparkle-field i:nth-child(n+91){display:none}}
@media(prefers-reduced-motion:reduce){.sparkle-field i{animation:none;opacity:.16}}
.site-header{max-width:1440px;margin:auto;padding:26px 44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:23px;letter-spacing:-1px}.brand:hover{text-decoration:none}.brand strong{font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50% 50% 50% 10%;background:var(--green);color:var(--bg);font-size:24px;font-weight:800;letter-spacing:-3px;padding-right:3px;transform:rotate(-9deg)}
.room-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr);gap:clamp(28px,4vw,66px);max-width:1440px;padding:32px 44px 44px;margin:0 auto;align-items:start}.discussion{min-width:0;position:relative}.topic{padding:0 0 20px;position:relative}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.8px;line-height:1.6;display:block;color:var(--muted)}.topic .eyebrow{color:var(--purple);display:flex;align-items:center;gap:9px}.tiny-star{font-size:20px;line-height:1;color:var(--green)}#topic{font-family:Anton,Impact,'Arial Narrow',sans-serif;display:block;width:100%;font-size:clamp(32px,3.3vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.3px;color:var(--ink);background:none;border:0;padding:16px 0 8px;min-height:125px;overflow:hidden}#topic:disabled{opacity:1;-webkit-text-fill-color:var(--ink)}#topic:focus-visible{outline:0;box-shadow:0 2px 0 var(--purple)}#mode-label{font-size:10px;font-weight:600;color:var(--green);white-space:nowrap}
.speakers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}
.speaker{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);background:linear-gradient(160deg,#38254740,#21182e);border-radius:11px;padding:24px 10px 18px;text-align:center;overflow:hidden}
.speaker:disabled{opacity:1}
.avatar{display:block;object-fit:cover;flex-shrink:0;border-radius:50%;background:var(--paper)}
.speaker-portrait{width:clamp(48px,5.6vw,76px);height:clamp(48px,5.6vw,76px);margin:0 auto 13px;box-shadow:0 0 0 5px #ffffff05}
.speaker-name{font-size:14px;font-weight:800;letter-spacing:-.3px}
.speaker .role{font-size:9px;font-weight:400;line-height:1.6;color:var(--muted);min-height:29px;margin:5px 0 0;overflow-wrap:anywhere;transition:opacity 150ms ease}
.speaker-hint{position:absolute;bottom:18px;left:8px;right:8px;font-size:9px;line-height:1.6;color:var(--green);opacity:0;transition:opacity 150ms ease;pointer-events:none}
.speaker:not(:disabled):is(:hover,:focus-visible) .speaker-hint{opacity:1}
.speaker:not(:disabled):is(:hover,:focus-visible) .role{opacity:0}
.speaker.active{border-color:var(--green);background:linear-gradient(150deg,#d1fc7820,#291c34)}
.floor-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:24px}.floor-actions{display:flex;align-items:center;gap:12px;flex:1}.floor-actions .primary{flex:1;justify-content:center;gap:9px;white-space:nowrap}.floor-actions .subtle{display:flex;align-items:center;gap:5px;white-space:nowrap}.action-icon{width:18px;height:18px;flex-shrink:0}.primary{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:49px;border:0;background:var(--green);color:#251b31;padding:14px 21px;font-size:13px;font-weight:800;border-radius:8px}.primary:hover:not(:disabled){background:#defd9f;transform:translateY(-1px)}.primary>span{font-size:19px;line-height:1}.subtle{border-color:transparent;font-size:11px;color:var(--muted);padding:11px 8px}.wave{display:flex;align-items:center;gap:3px;height:20px;margin-left:auto}.wave i{width:2px;height:20px;border-radius:2px;background:#a78bc2;transform:scaleY(.15);transition:transform 60ms linear}.wave.active i{background:var(--green)}
.human-panel{display:flex;align-items:center;gap:14px;border:1px solid #a886c445;border-radius:12px;padding:18px;background:#3a24414d;transition:border-color .2s,background .2s}.human-symbol{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--purple);border-radius:50%;font-size:28px;color:var(--purple);line-height:1}.human-copy{flex:1;min-width:0}.human-copy h2{font-size:15px;letter-spacing:-.3px;font-weight:800}.human-copy p{font-size:10px;line-height:1.6;margin-top:5px;color:var(--muted)}.mic-switch{display:flex;flex-direction:column;gap:6px;align-items:center;border:0;padding:0;font-size:9px;color:var(--muted);min-width:48px}.mic-switch:hover:not(:disabled){background:none}.switch-track{width:43px;height:25px;padding:4px;background:#665174;border-radius:20px;transition:background .2s}.switch-track>span{display:block;width:17px;height:17px;border-radius:50%;background:var(--paper);transition:transform .2s}.mic-switch[aria-checked=true] .switch-track{background:var(--green)}.mic-switch[aria-checked=true] .switch-track>span{transform:translateX(18px);background:#251b31}.mic-switch[aria-checked=true]{color:var(--green)}.human-panel.on{border-color:#d1fc7880}.human-panel.speaking{background:#d1fc7815}.human-panel.speaking .human-symbol{color:var(--green);border-color:var(--green)}
.backstage{margin-top:24px;border-top:1px dashed #b2a0c340;border-bottom:1px dashed #b2a0c340}.backstage>summary{display:flex;align-items:center;gap:13px;padding:16px 0;cursor:pointer;list-style:none;user-select:none}.backstage>summary::-webkit-details-marker{display:none}.backstage-title{font-size:12px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:10px}.backstage-title>span{color:var(--purple);font-size:17px}.human-stamp{font-size:7px;font-weight:800;letter-spacing:1px;border:1px solid #b095cb55;border-radius:3px;padding:4px 6px;transform:rotate(-4deg);color:var(--purple)}.disclosure{margin-left:auto;font-size:20px;color:var(--muted);transition:transform .2s}.backstage[open] .disclosure{transform:rotate(45deg)}.backstage-body{padding:6px 0 20px}.backstage-links{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:10px;margin-bottom:15px}.backstage-links>a,.export-control>button{display:flex;align-items:center;justify-content:space-between;text-align:left;background:#ffffff05;border:1px solid var(--line);padding:13px 14px;border-radius:7px;font-size:12px;font-weight:700}.backstage-links span{color:var(--purple)}.check-label{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.backstage-options{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px;margin-top:23px}.backstage-options>label:first-child{font-size:10px;color:var(--muted)}.backstage select{display:block;width:100%;padding:10px;margin-top:7px;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:6px;font-size:11px}.backstage-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px}#connection{margin-left:auto;font-size:9px;color:var(--muted)}
.transcript-panel{background:radial-gradient(ellipse at 100% 0,#55406955,transparent 65%),var(--panel);color:var(--ink);border:1px solid #b499d140;border-radius:14px;position:sticky;top:32px;height:calc(100dvh - 64px);min-height:400px;max-height:960px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 65px #0000001a}.section-title{padding:27px 28px 22px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-shrink:0;border-bottom:1px solid #ffffff12}.section-title .eyebrow{color:var(--muted);font-size:8px;letter-spacing:1.5px;margin-bottom:9px}.section-title h1{font-size:23px;letter-spacing:-1px;font-weight:800}.section-title h1>span{color:var(--green)}.section-title #history-count{font-size:13px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}#history{min-height:0;flex:1;overflow-y:auto;padding:0 28px;scrollbar-width:thin;scrollbar-color:#79638d transparent;overscroll-behavior:contain;overflow-anchor:none}.empty{height:100%;min-height:100px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:32px;padding:30px 0 42px}.empty-star{font-size:100px;line-height:1;color:var(--green)}.empty p{font-size:30px;font-weight:700;letter-spacing:-.9px;line-height:1.4;color:var(--ink);max-width:380px;text-wrap:balance}.turn{padding:25px 0;border-bottom:1px solid #ffffff12;overflow-wrap:anywhere}.turn:last-child{border-bottom:0}.turn-meta{display:flex;align-items:center;gap:10px}.turn-meta>.avatar{width:34px;height:34px}.turn-meta>div{display:flex;flex-direction:column;gap:2px;min-width:0}.turn-meta strong{font-size:12px;font-weight:800}.turn-meta>div>span{font-size:9px;color:var(--muted)}.turn-meta small{margin-left:auto;font-size:8px;color:var(--purple)}.turn.current .turn-meta small{padding:4px 7px;border-radius:20px;background:#d1fc7815;color:var(--green)}.turn>p{font-size:13px;line-height:1.85;margin-top:13px;color:#ad9bbd}.turn.current>p{color:var(--ink)}.transcript-human{height:34px;width:34px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#34283f;color:var(--purple);font-size:27px}.transcript-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:43px;padding:10px 28px;border-top:1px solid #ffffff12;color:var(--muted);font-size:9px}.transcript-footer button{color:var(--green);font-size:10px;padding:3px 0;border:0}.transcript-footer button:focus-visible{outline-color:var(--green)}#error{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#f9ebe4;color:#753c3c;border:1px solid #d3978e;padding:14px 20px;max-width:560px;width:calc(100% - 32px);font-size:12px;line-height:1.6;box-shadow:0 8px 35px #0004;border-radius:9px;z-index:10}
.settings-page{max-width:1060px;margin:auto;padding:30px 44px 50px}.settings-header{border-bottom:1px solid var(--line)}.settings-header>a:last-child{font-size:12px;color:var(--muted)}.settings-intro{margin-bottom:35px}.settings-intro .eyebrow{color:var(--purple);margin-bottom:15px}.settings-intro h1{font:400 50px/1.1 Anton,Impact,sans-serif;letter-spacing:-.5px}.settings-intro em{font-style:normal;color:var(--green)}.settings-intro p{font-size:12px;color:var(--muted);margin-top:16px;line-height:1.7}.length-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border:1px solid var(--line);border-radius:10px;margin-bottom:22px;background:#ffffff04}.length-setting label{font-size:13px;font-weight:700}.length-setting p{font-size:10px;color:var(--muted);margin-top:5px}.length-setting input{width:70px;padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--ink)}.length-setting span{font-size:10px;color:var(--muted)}#agent-settings{display:grid;grid-template-columns:1fr 1fr;gap:20px}.agent-setting{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.agent-setting-title{display:flex;align-items:center;gap:14px;margin-bottom:18px}.agent-setting-title>.avatar{width:52px;height:52px}.agent-setting h2{font-size:18px;font-weight:800;letter-spacing:-.4px}.agent-setting-title span{font-size:10px;color:var(--muted)}.agent-setting label{display:block;font-size:11px;font-weight:700;margin:17px 0 8px;color:#dbd2e4}.agent-setting input,.agent-setting textarea,.voice-controls select{width:100%;display:block;border:1px solid var(--line);border-radius:6px;padding:11px 12px;font-size:12px;line-height:1.7;color:var(--ink);background:#17102490}.agent-setting textarea{resize:vertical}.agent-setting input[readonly]{color:var(--muted);font-size:10px;background:#ffffff03}.voice-controls{display:flex;gap:10px;align-items:stretch}.voice-controls select{flex:1;min-width:0}.voice-controls button{flex-shrink:0;font-size:11px;padding:10px 13px;background:#d1fc7815;color:var(--green);border-color:#d1fc7840}.voice-controls button[aria-pressed=true]{background:var(--green);color:var(--bg)}.preview-status{min-height:17px;margin:7px 0 0;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.preview-status.error{color:#ffa895}.agent-setting .key-note{font-size:10px;color:#ffa895;margin-top:13px}.save-bar{position:sticky;bottom:0;padding:18px 0;margin-top:25px;background:#171024f5;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.save-bar p{font-size:11px;color:var(--muted)}
@media(min-width:1500px){.site-header{padding-top:38px}}
@media(max-width:1050px) and (min-width:781px){.site-header{padding:24px}.room-layout{padding:24px 24px 32px;gap:24px;grid-template-columns:minmax(0,1fr) minmax(310px,.95fr)}.transcript-panel{top:24px;height:calc(100dvh - 48px)}.speakers{grid-template-columns:repeat(2,minmax(0,1fr))}.speaker-portrait{width:52px;height:52px;margin-bottom:8px}.human-panel{gap:10px;padding:15px}.human-symbol{width:30px;height:30px;font-size:24px}.human-copy h2{font-size:13px}.section-title,#history{padding-left:22px;padding-right:22px}.section-title h1{font-size:20px}}
@media(max-width:780px){.site-header{padding:22px 22px 18px}.brand{font-size:20px}.brand-mark{height:30px;width:30px;font-size:22px}.room-layout{display:flex;flex-direction:column;padding:16px 22px 28px;gap:0}.transcript-panel{order:0;position:sticky;top:0;z-index:3;width:100%;height:34dvh;min-height:210px;max-height:330px;border-radius:10px;box-shadow:0 12px 24px #08041060;margin-bottom:27px}.transcript-panel.is-empty{height:225px;min-height:225px}.section-title{padding:13px 17px 11px}.section-title .eyebrow{display:none}.section-title h1{font-size:17px;letter-spacing:-.6px}.section-title #history-count{font-size:11px}#history{padding:0 17px}.empty{padding:16px 1px 22px;gap:14px;min-height:0}.empty-star{font-size:52px}.empty p{font-size:22px;letter-spacing:-.5px;line-height:1.35;max-width:440px}.transcript-footer{min-height:29px;padding:7px 17px;font-size:8px}.turn{padding:16px 0}.turn>p{font-size:12px;line-height:1.75;margin-top:10px}.turn-meta>.avatar,.transcript-human{width:28px;height:28px}.turn-meta small{font-size:7px}.turn-meta strong{font-size:11px}.turn-meta>div>span{font-size:8px}.discussion{order:1;width:100%}.topic{padding-top:0;padding-bottom:20px}#topic{font-size:36px;min-height:100px;padding-top:12px}.topic .eyebrow{font-size:8px;letter-spacing:1.3px}.speakers{gap:9px}.speaker{padding:22px 8px 16px}.speaker-portrait{width:50px;height:50px;margin-bottom:12px}.speaker-name{font-size:12px}.speaker .role{font-size:8px;line-height:1.5}.human-panel{padding:16px;gap:12px}.human-copy p{font-size:9px}.floor-panel{padding-bottom:20px;gap:10px}.primary{min-height:46px;font-size:12px}.backstage{margin-top:22px}.settings-page{padding:24px 22px 36px}.settings-intro h1{font-size:42px}#agent-settings{grid-template-columns:1fr}.length-setting{padding:18px;flex-direction:column;align-items:flex-start;gap:15px}.settings-header>a:last-child{font-size:10px}.save-bar p{font-size:10px}.save-bar .primary{gap:0}.agent-setting{padding:21px}}
@media(max-width:400px){.site-header{padding-left:17px;padding-right:17px}.room-layout{padding-left:17px;padding-right:17px}.speakers{gap:10px}.human-panel{gap:10px;padding:14px}.human-symbol{width:33px;height:33px;font-size:26px}.human-copy h2{font-size:13px}.human-copy p{max-width:165px}.backstage-options{gap:12px}.backstage-options>.check-label{max-width:125px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:550px){.speakers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:781px) and (max-height:820px){.site-header{padding-top:20px;padding-bottom:18px}.topic{padding-bottom:18px}#topic{font-size:clamp(30px,3vw,40px);min-height:105px}.speaker-portrait{width:60px;height:60px;margin-bottom:10px}.floor-panel{padding-bottom:20px}.human-panel{padding:14px 16px}.backstage{margin-top:18px}.backstage>summary{padding:13px 0}}
.speakers.has-lead{grid-template-columns:repeat(3,minmax(0,1fr))}
.has-lead .speaker{padding:20px 8px 16px;min-height:146px}
.has-lead .speaker-portrait{width:52px;height:52px;margin-bottom:12px}
.has-lead .speaker-name{font-size:13px}
.has-lead .speaker .role{font-size:9px;min-height:29px}
.has-lead .speaker.featured{order:-1;grid-column:1 / -1;min-height:300px;padding:32px 24px}
.has-lead .featured .speaker-portrait{width:clamp(120px,13vw,164px);height:clamp(120px,13vw,164px);margin-bottom:22px}
.has-lead .featured .speaker-name{font-size:27px;letter-spacing:-.8px}
.has-lead .featured .role{font-size:12px;min-height:0;margin-top:7px}
.has-lead .featured .speaker-hint{bottom:32px;font-size:12px}
@media(max-width:780px){.has-lead .speaker.featured{min-height:260px;padding:28px 20px}.has-lead .featured .speaker-portrait{width:112px;height:112px}.has-lead .featured .speaker-name{font-size:25px}.has-lead .featured .speaker-hint{bottom:28px}}
@media(max-width:400px){.has-lead .speaker{padding-left:5px;padding-right:5px}.has-lead .speaker .role{font-size:8px}.has-lead .speaker-hint{font-size:8px}.has-lead .featured .role{font-size:12px}}
.speaker,.human-panel{--voice-level:0;transition:opacity 300ms ease,border-color 250ms ease,background 250ms ease}
.speaker,.human-panel,.backstage{transform-origin:top left}
.has-floor .speaker:not(.active){opacity:.56}
.has-floor .speaker:not(.active):is(:hover,:focus-visible){opacity:.9}
.speaker.featured{z-index:1}
.speaker-portrait{display:block;position:relative;border-radius:50%}
.speaker-portrait>.avatar{width:100%;height:100%;transform:scale(calc(1 + var(--voice-level) * .075));transition:transform 80ms linear}
.speaker-portrait::after{content:"";position:absolute;inset:-4px;border:1px solid var(--green);border-radius:50%;pointer-events:none;opacity:calc(var(--voice-level) * .85);transform:scale(calc(1 + var(--voice-level) * .3));transition:opacity 80ms linear,transform 80ms linear}
.has-floor .human-panel:not(.active){opacity:.72}
.human-panel.active{border-color:var(--green);background:#d1fc7815}
.human-panel.active .human-symbol{color:var(--green);border-color:var(--green);transform:scale(calc(1 + var(--voice-level) * .12));transition:transform 80ms linear}
.live-caption{display:grid;grid-template-rows:0fr;opacity:0;flex-shrink:0;transition:grid-template-rows 280ms cubic-bezier(.16,1,.3,1),opacity 180ms ease;background:#d1fc7806}
.has-caption .live-caption{grid-template-rows:1fr;opacity:1}
.caption-viewport{min-height:0;overflow:hidden}
.caption-stack{display:grid;align-items:center;padding:24px 28px 28px;min-height:196px;border-top:1px solid #ffffff12}
.caption-cue{grid-area:1/1;min-width:0;animation:caption-in 240ms cubic-bezier(.16,1,.3,1)}
.caption-speaker{display:block;margin-bottom:12px;font-size:11px;font-weight:800;color:var(--green)}
.caption-cue p{font-size:clamp(26px,2.5vw,34px);font-weight:700;line-height:1.25;letter-spacing:-.025em;color:var(--green);overflow-wrap:anywhere;text-wrap:pretty}
.caption-cue.leaving{pointer-events:none;animation:caption-out 140ms ease-in forwards}
@keyframes caption-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes caption-out{to{opacity:0;transform:translateY(-6px)}}
@media(max-width:780px){.transcript-panel.has-caption{height:44dvh;min-height:310px;max-height:400px}.caption-stack{padding:17px;min-height:153px}.caption-speaker{font-size:10px;margin-bottom:9px}.caption-cue p{font-size:24px}}
@media(prefers-reduced-motion:reduce){.speaker,.human-panel,.speaker-portrait,.speaker-portrait>.avatar,.speaker-portrait::after,.human-symbol,.caption-cue{transform:none!important}.speaker,.human-panel{transition:opacity 150ms ease,border-color 150ms ease!important}.live-caption{transition:opacity 150ms ease!important}}

/* Keep the room hidden until its identity check finishes. */
html[data-auth-pending] body > :not(.sparkle-field):not(.auth-message) { display: none; }
.auth-message { position: relative; max-width: 480px; margin: 20vh auto; padding: 32px; color: var(--cream, #f4f1e8); text-align: center; }
.auth-message a { color: #d6ff76; }
.login-page { min-height: 100svh; display: grid; place-items: center; padding: 24px; }
.login-card { position: relative; text-align: center; max-width: 480px; width: 100%; }
.login-card h1 { margin: 20px 0; font-size: clamp(48px, 8vw, 80px); line-height: 1; }
.login-card h1 em { color: #d6ff76; font-style: normal; }
.login-card > p { color: #bcb0ca; margin-bottom: 32px; }
#sign-in { display: grid; justify-items: center; }
#switch-account { margin-top: 24px; }

.export-control{display:grid;gap:10px;min-width:0}
.export-control>button{width:100%}
.export-control>.check-label{padding:0 14px}
.advance-control{padding-top:2px}
.advance-control .check-label{align-items:flex-start;line-height:1.5}
.control-help{font-size:10px;line-height:1.6;color:var(--muted)}
.advance-control .control-help{margin:7px 0 0 24px}
.reset-control{margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}
.reset-control .subtle{padding:0;font-weight:700}
.reset-control .control-help{margin-top:6px;max-width:340px}
@media(max-width:400px){.backstage-links,.backstage-options{grid-template-columns:1fr;gap:16px}.export-control>.check-label{padding:0 4px}}