body{display:flex;flex-direction:column}
.sector-label{font-family:var(--mono);font-size:11px;color:var(--accent-text)}
.sector-select{width:100%;background:var(--surface-2);color:var(--text);border:1px solid var(--line-strong);border-radius:7px;padding:11px 10px;font:inherit;margin-bottom:12px}
.hero{flex:1;min-height:0;height:auto}
.education-footer{flex:none;padding:10px 18px;border-top:1px solid var(--line);color:var(--text-2);font-size:11px;text-align:center;background:var(--surface)}
.education-footer .copyright{margin-top:6px}
.education-footer .link{margin-left:8px;color:var(--accent-text)}
.welcome{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:4px}
.welcome .eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--accent-text);margin:0 0 10px}
.welcome h1{font-size:28px;line-height:1.15;letter-spacing:-.035em;margin:0 0 12px;font-weight:600}
.welcome p:not(.eyebrow){color:var(--text-2);font-size:13px;line-height:1.65}
.welcome .btn{height:42px;width:100%;justify-content:space-between}
.account-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid #343b46;border-radius:18px;background:#11151c;color:var(--text);padding:32px;box-shadow:0 30px 100px #0009}
.account-dialog::backdrop{background:#05080dc9;backdrop-filter:blur(9px)}
.dialog-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--text-2);font-size:27px;line-height:1}
.dialog-close:hover{background:var(--surface-3);color:white}
.account-brand{font-size:25px;font-weight:700;letter-spacing:-.04em;margin:4px 0 27px}
.account-brand span{display:block;font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.18em;color:var(--accent-text);margin-top:7px}
.account-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:25px;gap:24px}
.account-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 12px;color:var(--text-2)}
.account-tabs button[aria-pressed=true]{color:var(--accent-text);border-bottom-color:var(--accent)}
.account-dialog h2{font-size:25px;font-weight:600;letter-spacing:-.03em;margin:0 0 10px;line-height:1.2}
#accountDescription{color:var(--text-2);margin:0 0 24px;line-height:1.6}
#accountForm>label:not(.education-check){display:block;margin:18px 0 8px;font-size:12px;font-weight:500}
#accountForm input:not([type=checkbox]){width:100%;height:46px;border:1px solid var(--line-strong);border-radius:8px;background:#0b0e13;color:var(--text);padding:0 12px;font:inherit}
#accountForm input::placeholder{color:#9ca8ba;opacity:1}
.password-field{position:relative}
.password-field input{padding-right:62px!important}
.password-field button{position:absolute;right:5px;top:5px;height:36px;border:0;background:transparent;color:var(--text-2);font-size:11px;padding:0 10px}
.education-check{display:flex;align-items:flex-start;gap:9px;margin:20px 0;color:var(--text-2);font-size:11px;line-height:1.6}
.education-check input{accent-color:var(--accent);flex:none;margin-top:3px}
.account-submit{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;background:var(--accent);color:#151109;border:1px solid var(--accent);border-radius:8px;font-size:13px;font-weight:700}
.account-submit:hover{background:#f0c46a}.account-submit:disabled{opacity:.6;cursor:wait}
.account-local,.register-note{color:var(--text-3);font-size:11px;line-height:1.6}.account-local{border-top:1px solid var(--line);padding-top:17px;margin:22px 0 0}
.account-error{color:var(--down);font-size:12px;line-height:1.5}
.disclaimer-dialog p{color:var(--text-2);line-height:1.8}.disclaimer-dialog h2{padding-right:20px;margin-top:12px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:860px){html{height:auto;min-height:100%;overscroll-behavior-y:none}body{height:auto;min-height:100dvh;overflow:visible;overscroll-behavior-y:none}.hero{flex:none;min-height:auto}.brand span{display:none}.topbar{gap:8px}.topbar-actions{margin-left:auto}.topbar-actions [data-reset]{display:none}.topbar-actions .btn{font-size:10px;height:38px}.stage{height:55dvh;min-height:320px}.education-footer{font-size:10px;line-height:1.8}.welcome h1{max-width:330px}.account-dialog{padding:26px 24px}.account-brand{margin-top:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:860px){.topbar-status{white-space:normal;flex-wrap:wrap;text-align:center;line-height:1.5;gap:4px;font-size:9px;}}
/* Horizontal spike ticker */
.topbar-actions{margin-left:auto}
.spike-tape{display:flex;flex:none;min-width:0;margin:12px 18px 0;border:1px solid var(--line-strong);border-radius:10px;background:#191d23;overflow:hidden}
.tape-viewport{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.tape-viewport::-webkit-scrollbar{display:none}
.tape-track{display:flex;width:max-content;min-width:100%;padding:10px 0}
.tape-item{flex:none;display:grid;gap:4px;width:176px;padding:0 16px;border:0;border-right:1px solid #383d46;border-radius:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.tape-item:hover,.tape-item.is-selected{background:#ffffff08}
.tape-item.is-selected .tape-name b{color:var(--accent-text)}
.tape-name{display:flex;align-items:center;gap:7px;font-size:12px;line-height:16px}
.tape-name i{width:8px;height:8px;border-radius:50%;background:var(--status);flex:none}
.tape-name b{font-weight:700}.tape-name small{color:var(--status);margin-left:auto;font-size:10px}
.tape-price{font-family:var(--mono);font-size:13px;line-height:17px;font-weight:600}
.tape-score{font-family:var(--mono);color:var(--status);font-size:11px;line-height:15px}
.tape-pause{flex:none;width:38px;border:0;border-left:1px solid var(--line);background:#191d23;color:var(--text-2)}
.tape-pause:hover{color:var(--text);background:var(--surface-3)}.tape-pause svg{width:16px;height:16px}
.tape-message{color:var(--text-2);padding:8px 18px;margin:0;font-size:12px}
.panel{justify-content:center;background:var(--bg);border:0;padding:28px}
.welcome{border:0;padding:0;margin:0}.welcome h1{font-size:32px}.welcome .btn{margin-top:12px}
@media(max-width:860px){.spike-tape{margin:8px 12px 0}.tape-item{width:160px;padding:0 12px}.tape-pause{width:32px}.panel{padding:26px 20px}.welcome h1{font-size:28px}}
.sphere-filter{position:absolute;left:18px;bottom:18px;width:324px;z-index:4;padding:12px;border:1px solid var(--line);border-radius:9px;background:#10151ce8;backdrop-filter:blur(10px)}
.sphere-filter .panel-head{margin-bottom:9px}.sphere-filter h3{margin:0;font-size:10px}
@media(max-width:860px){.sphere-filter{left:12px;bottom:12px;width:min(306px,calc(100% - 24px));padding:10px}.stage{height:68dvh;min-height:470px}}
.sphere-filter{background:rgba(13,18,26,.28);border-color:rgba(183,199,221,.19);backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%);box-shadow:0 8px 24px #0002}
.sphere-filter .chip{background:rgba(17,23,32,.24)}
.sphere-filter .chip.is-active{background:color-mix(in srgb,var(--c) 10%,transparent)}
.sphere-filter .chip em{background:transparent}
@media(max-width:860px){.sphere-filter{width:min(324px,calc(100% - 24px))}.sphere-filter .chip{font-size:10.5px;padding:0 7px;gap:5px}.sphere-filter .chip em{font-size:10px;padding:0 3px}}
/* Compact two-line ticker */
.welcome p.hero-tagline{color:var(--text);font-size:20px;line-height:1.4;letter-spacing:-.02em;margin:0 0 18px}
.spike-tape{margin:8px 18px 0;border-radius:8px}
.tape-track{padding:7px 0}
.tape-item{width:166px;grid-template-columns:auto 1fr;column-gap:8px;row-gap:3px;padding:0 13px}
.tape-name{grid-column:1/-1;font-size:11px;line-height:15px}.tape-name small{font-size:9px}
.tape-price{font-size:11px;line-height:16px}.tape-score{font-size:10px;line-height:16px;text-align:right;white-space:nowrap}
.tape-pause{width:30px}.tape-pause svg{width:13px;height:13px}
@media(max-width:860px){.spike-tape{margin:6px 12px 0}.tape-item{width:156px;padding:0 10px}.tape-pause{width:27px}}

.brand-beta{align-self:center;padding:3px 5px;border:1px solid var(--accent);border-radius:4px;color:var(--accent-text);background:var(--accent-soft);font-family:var(--mono);font-size:9px;font-weight:600;line-height:1;letter-spacing:.06em}

.tape-item.is-topvalue .tape-name small{color:#bacbe0}.tape-item.is-topvalue .tape-score{color:#a6b7ca}
/* Sector accents add variety; status dots keep their original data meaning. */
.tape-item{position:relative;background:linear-gradient(110deg,color-mix(in srgb,var(--sector) 9%,transparent),transparent 80%)}
.tape-item::after{content:"";position:absolute;left:13px;right:13px;bottom:-6px;height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--sector) 65%,transparent),transparent)}
.tape-name{gap:5px}
.tape-name b{padding:0 4px;border-radius:3px;background:color-mix(in srgb,var(--sector) 15%,transparent);color:color-mix(in srgb,var(--sector) 70%,white)}
.tape-item:hover,.tape-item.is-selected{background:linear-gradient(110deg,color-mix(in srgb,var(--sector) 18%,transparent),#ffffff04)}
.tape-item.is-topvalue .tape-name small{color:#c9d7e7}
.tape-item.is-topvalue .tape-name small,.tape-item.is-topvalue .tape-score{color:var(--status)}

.tape-item.is-topvalue .tape-name small{color:#8acbd8}
/* Flat ticker surface, without glow or gradient accents. */
.tape-item{background:transparent;box-shadow:none}
.tape-item::after{display:none}
.tape-name b{background:transparent;padding:0;color:color-mix(in srgb,var(--sector) 70%,white);text-shadow:none;box-shadow:none}
.tape-item:hover,.tape-item.is-selected{background:#ffffff05;box-shadow:none}
.invitation-field{margin:18px 0 0}.invitation-field label{display:block;font-size:12px;font-weight:500;margin-bottom:8px}.invitation-field input{font-family:var(--mono)!important;font-size:12px!important}.invitation-field p{font-size:11px;line-height:1.5;color:var(--text-2);margin:8px 0 0}
.account-dialog [hidden]{display:none!important}.account-dialog.is-register{width:min(520px,calc(100vw - 24px))}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.contact-fields>div{min-width:0}.contact-fields label{display:block;margin-bottom:8px;font-size:12px;font-weight:500}.contact-fields p{grid-column:1/-1;font-size:11px;color:var(--text-2);margin:0;line-height:1.6}.registration-success ol{padding-left:24px;margin:24px 0;display:grid;gap:16px;color:var(--text-2)}.registration-success li[aria-current]{color:var(--accent-text);font-weight:600}.registration-success p{line-height:1.7;color:var(--text-2);margin-bottom:24px}.account-local,.register-note{color:var(--text-2)}@media(max-width:480px){.contact-fields{grid-template-columns:1fr}.account-dialog.is-register{padding:24px 20px}.account-dialog.is-register .account-brand{margin-bottom:20px}}