:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#edf4ff;background:#06101d;--panel:#0b1829;--line:#20344e;--muted:#91a4bf;--blue:#4d8dff;--cyan:#66e3ff;--green:#6ce7aa}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% -10%,#173d70 0,transparent 34%),linear-gradient(180deg,#071321,#050b13 72%);color:#edf4ff}.nav{position:sticky;top:0;z-index:20;background:#06101de8;backdrop-filter:blur(18px);border-bottom:1px solid #1a2c43}.nav-inner{max-width:1240px;margin:auto;min-height:72px;padding:10px 24px;display:flex;align-items:center;gap:24px}.brand{font-weight:900;letter-spacing:.04em;font-size:22px}.brand span{color:var(--cyan);font-size:13px}.muted{color:var(--muted)}.tiny{font-size:12px}.nav nav{display:flex;gap:5px;margin-left:auto}.navbtn,.ghost{width:auto;background:transparent;border:1px solid transparent;color:#aebdd1;padding:9px 12px}.navbtn.active{background:#12253e;color:#fff;border-color:#294769}.nav-actions{display:flex;align-items:center;gap:8px}.r8-lang{width:112px}.pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#132944;border:1px solid #25466b;font-size:12px;white-space:nowrap}.wrap{max-width:1240px;margin:auto;padding:38px 24px 80px}.hero{max-width:850px;padding:55px 0 28px}.hero h1,.welcome h1,.pagehead h1{font-size:clamp(34px,6vw,64px);line-height:1.02;margin:10px 0 16px;letter-spacing:-.045em}.hero p{font-size:18px;line-height:1.7;color:#a9b9cf;max-width:700px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--cyan)}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.hero-tags span,.modeltag{border:1px solid #29435f;background:#0d1c2e;border-radius:999px;padding:7px 10px;font-size:12px}.auth-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.auth-grid{max-width:900px}.card{background:linear-gradient(180deg,#0d1c2f,#091522);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 22px 60px #0005}.card h2{margin:0 0 14px}.welcome,.pagehead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.welcome h1,.pagehead h1{font-size:42px}.welcome p{margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{min-height:145px;display:flex;flex-direction:column}.metric span,.metric small{color:var(--muted)}.metric b{font-size:30px;margin:auto 0 4px}.insight{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.lockmark{font-weight:1000;letter-spacing:.12em;color:var(--green);border:1px solid #235c48;background:#0d2b23;padding:16px;border-radius:16px}input,select,button{width:100%;padding:12px 13px;border-radius:11px;border:1px solid #29425f;background:#071322;color:#fff;margin:6px 0;font:inherit}button{background:linear-gradient(135deg,#367cff,#2f68dd);border:0;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.08)}label{display:block;color:var(--muted);font-size:12px;margin-top:10px}.row{display:flex;gap:10px}.row>*{flex:1}.page{animation:fade .2s ease}@keyframes fade{from{opacity:.5;transform:translateY(4px)}}.prediction-card{min-height:360px}.prediction-title{display:flex;align-items:center;justify-content:space-between}.empty-state{display:grid;place-items:center;min-height:260px;text-align:center;color:var(--muted);border:1px dashed #2a4565;border-radius:15px;padding:24px}.pick{display:flex;align-items:center;gap:12px;background:#0c2239;border:1px solid #264d74;border-radius:15px;padding:16px;margin:16px 0}.pick span{color:var(--muted)}.pick b{font-size:28px}.pick em{margin-left:auto;font-style:normal;font-size:10px;color:var(--green)}.prob-row,.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.prob-row div,.score-chip{background:#071421;border:1px solid #203a57;border-radius:14px;padding:14px}.prob-row span,.score-chip span{display:block;color:var(--muted);font-size:11px}.prob-row b,.score-chip b{font-size:22px}.score-chip:first-child{border-color:#3f79bd;background:#0b2038}.locked-note{margin-top:18px;color:var(--green);font-size:12px}.advanced{margin-top:18px}.advanced summary{cursor:pointer;font-weight:800}.table-card{padding:0;overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #1d3048;white-space:nowrap}th{color:#91a4bf;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.big-plan{font-size:36px;font-weight:900;margin:25px 0 8px}.benefits{display:grid;gap:14px;color:#c4d1e2}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:15px 0}.plan-card{border:1px solid #29425f;border-radius:16px;padding:18px;background:#071421}.price{font-size:28px;font-weight:900;margin:14px 0}.price small{font-size:12px;color:var(--muted)}.hide{display:none!important}@media(max-width:900px){.nav-inner{flex-wrap:wrap;padding:10px 14px}.nav nav{order:3;width:100%;overflow:auto;margin:0}.navbtn{flex:1;min-width:90px}.nav-actions{margin-left:auto}.wrap{padding:24px 14px 60px}.auth-grid,.two-col,.metric-grid{grid-template-columns:1fr 1fr}.hero{padding-top:28px}.welcome h1,.pagehead h1{font-size:34px}}@media(max-width:620px){.auth-grid,.two-col,.metric-grid{grid-template-columns:1fr}.row{display:block}.insight,.welcome,.pagehead{align-items:flex-start;flex-direction:column}.hero h1{font-size:42px}.nav .tiny{display:none}.nav-actions .pill{display:none}.prob-row,.score-grid{grid-template-columns:repeat(3,1fr)}.prob-row b,.score-chip b{font-size:18px}}
/* Phase 19: R8 terminal visual language, inspired by the supplied reference without copying it. */
.terminal-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.terminal-head h1{font-size:44px;margin:7px 0}.live-badge{font-size:12px;letter-spacing:.1em;border:1px solid #1f5c4a;background:#09271f;padding:9px 12px;border-radius:999px;color:#79edb7}.live-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79edb7;margin-right:7px;box-shadow:0 0 12px #79edb7}.terminal-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:14px}.market-panel{padding:0;overflow:hidden}.panel-title{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#081522}.match-feed{min-height:510px}.fixture-row{display:grid;grid-template-columns:42px minmax(190px,1.5fr) 90px 150px minmax(180px,1fr);gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid #162b42;background:linear-gradient(90deg,#091724,#08131f)}.fixture-row:hover{background:#0d1e30}.rank{font:800 12px ui-monospace,SFMono-Regular,monospace;color:#607b9b}.fixture-main{display:flex;flex-direction:column;gap:4px}.fixture-main small{color:#62809f;font-size:10px;text-transform:uppercase}.fixture-main b{font-size:14px}.fixture-main em{font-style:normal;color:#4e6d8f;font-size:10px;margin:0 5px}.fixture-main span{font-size:11px;color:#7189a5}.signal{border-left:2px solid #4d8dff;padding-left:10px}.signal small{display:block;font-size:9px;color:#7189a5}.signal b{font-size:20px}.mini-probs{display:flex;gap:5px}.mini-probs span{font:700 10px ui-monospace,SFMono-Regular,monospace;padding:6px;background:#07111d;border:1px solid #19324c;border-radius:5px}.top3{display:flex;gap:6px;justify-content:flex-end}.top3 span{min-width:48px;padding:7px;border:1px solid #244463;background:#0a1b2c;border-radius:7px;font-weight:800;text-align:center}.top3 i{display:block;font-style:normal;font-size:8px;color:#66819f}.side-stack{display:grid;grid-template-columns:1fr;gap:12px}.side-stack .metric{min-height:115px;border-radius:12px}.signal-strip{margin-top:14px;display:flex;gap:8px;align-items:center;padding:12px 15px;border-radius:12px}.signal-strip span{font:800 11px ui-monospace,SFMono-Regular,monospace;color:#8fa8c5}.signal-strip b{margin-left:auto;font-size:10px;color:#6ce7aa;letter-spacing:.12em}.empty-terminal{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#738ba7;gap:8px;text-align:center}.empty-terminal b{color:#b8c8da;font-size:18px}.publish-admin{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.toggleline{display:flex;align-items:center;gap:8px;margin:10px 0}.toggleline input{width:auto}.ghost{background:transparent!important;border:1px solid #29425f!important}.section-gap{margin-top:12px}.small{font-size:12px}
@media(max-width:900px){.terminal-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(4,1fr)}.fixture-row{grid-template-columns:32px 1fr 72px}.mini-probs,.top3{grid-column:2/4;justify-content:flex-start}.publish-admin{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.terminal-head{align-items:flex-start;flex-direction:column;gap:12px}.terminal-head h1{font-size:34px}.side-stack{grid-template-columns:1fr 1fr}.fixture-row{grid-template-columns:28px 1fr 62px;padding:13px 11px;gap:8px}.fixture-main b{font-size:13px}.mini-probs{grid-column:2/4}.top3{grid-column:1/4;justify-content:stretch}.top3 span{flex:1}.publish-admin{grid-template-columns:1fr}.match-feed{min-height:360px}}
.channel-tabs{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);overflow:auto}.channel-tabs button{width:auto;padding:8px 13px;background:#07111d;border:1px solid #19324c;color:#7f99b7}.channel-tabs button.active{border-color:#4d8dff;color:#dce9ff;background:#102644}.channel-stats{display:flex;gap:10px;padding:8px 14px;border-bottom:1px solid #162b42;font-size:11px;color:#7189a5}.channel-stats span{padding-right:10px;border-right:1px solid #19324c}.channel-stats b{color:#79edb7;margin-left:4px}
/* Phase 22: member-facing match detail / explainability report. */
.clickable{cursor:pointer}.clickable:hover{transform:translateY(-1px)}.backbtn{width:auto}.detail-shell{display:grid;gap:14px}.detail-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.detail-hero h2{font-size:32px;margin:8px 0}.detail-hero h2 em{font-style:normal;color:#56718f;font-size:14px;margin:0 8px}.detail-hero p{color:var(--muted);margin:0}.lock-inline{color:var(--green);font-size:11px}.risk-badge{min-width:125px;text-align:center;border:1px solid #29425f;border-radius:14px;padding:12px;background:#071421}.risk-badge small{display:block;color:var(--muted);font-size:10px}.risk-badge b{font-size:22px}.risk-low b{color:var(--green)}.risk-medium b{color:#ffd479}.risk-high b{color:#ff9b9b}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-title.plain{height:auto;padding:0 0 14px;background:none}.prob-bars{display:grid;gap:14px}.prob-bars div{display:grid;grid-template-columns:52px 60px 1fr;align-items:center;gap:10px}.prob-bars span{color:var(--muted);font-size:12px}.prob-bars i{height:7px;border-radius:10px;background:#07111d;overflow:hidden}.prob-bars u{display:block;height:100%;background:linear-gradient(90deg,#367cff,#66e3ff);text-decoration:none}.signal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.signal-cards div{padding:13px;border:1px solid #203a57;background:#071421;border-radius:12px}.signal-cards small,.signal-cards span{display:block;color:var(--muted);font-size:10px}.signal-cards b{display:block;font-size:17px;margin:5px 0}.detail-score-grid .score-chip{position:relative}.detail-score-grid .score-chip em{display:block;color:#79edb7;font-size:11px;font-style:normal;margin-top:5px}.detail-disclosure{font-size:11px;color:#7189a5;padding:2px 4px 20px}.empty-state.compact{min-height:100px}.detail-scores{overflow:hidden}
@media(max-width:760px){.detail-grid{grid-template-columns:1fr}.detail-hero{align-items:flex-start;flex-direction:column}.detail-hero h2{font-size:26px}.risk-badge{width:100%;display:flex;justify-content:space-between;align-items:center}.signal-cards{grid-template-columns:1fr}.backbtn{width:100%}}
.music-btn{min-width:42px;font-size:18px}.music-btn.music-on{box-shadow:0 0 0 1px rgba(255,255,255,.18) inset}
.notify-fab{position:fixed;right:18px;bottom:18px;z-index:50;border-radius:999px;width:48px;height:48px}.notify-fab b{position:absolute;right:-4px;top:-5px;background:#fff;color:#111;border-radius:20px;padding:2px 6px;font-size:11px}.notify-panel{position:fixed;right:18px;bottom:76px;z-index:49;width:min(380px,calc(100vw - 36px));max-height:65vh;overflow:auto;background:#0d1117;border:1px solid #2a3441;border-radius:16px;padding:14px;box-shadow:0 18px 60px #0008}.notify-item{padding:12px;border-bottom:1px solid #26303b;display:grid;gap:5px}.notify-item.unread{background:#ffffff08}.notify-item span,.notify-item small{opacity:.72}.hide{display:none!important}

/* Phase 28 team identity */
.team-line,.detail-team-line{display:flex!important;align-items:center;gap:9px;flex-wrap:wrap}.team-line>span,.detail-team-line>span{display:inline-flex;align-items:center;gap:7px}.team-logo,.team-logo-fallback{width:28px;height:28px;object-fit:contain;border-radius:50%;background:#07111d;border:1px solid #244463;padding:2px;flex:0 0 auto}.team-logo-fallback{align-items:center;justify-content:center;font-size:14px}.detail-team-line .team-logo,.detail-team-line .team-logo-fallback{width:42px;height:42px}.detail-team-line>span{gap:10px}@media(max-width:620px){.team-logo,.team-logo-fallback{width:24px;height:24px}.detail-team-line .team-logo,.detail-team-line .team-logo-fallback{width:34px;height:34px}}
/* Phase 29 verified customer history */
.history-controls{padding:14px}.history-filter-grid{display:grid;grid-template-columns:150px 150px minmax(180px,1fr) 110px;gap:8px}.history-filter-grid>*{margin:0}.history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.history-summary div{display:grid;gap:3px;padding:12px;border:1px solid #203a57;background:#071421;border-radius:12px}.history-summary small,.history-summary span{color:var(--muted);font-size:10px}.history-summary b{font-size:22px}.history-teams{display:grid;gap:4px}.history-teams span{display:flex;align-items:center;gap:6px}.history-teams em{font-style:normal;color:#607b9b;font-size:9px}.history-teams+.tiny,td>small{display:block;color:var(--muted);margin-top:4px}.hit-pill{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.hit-ok{color:#79edb7;background:#0d2b23;border:1px solid #235c48}.hit-no{color:#ffadad;background:#2b1115;border:1px solid #66313a}@media(max-width:700px){.history-filter-grid{grid-template-columns:1fr 1fr}.history-summary{grid-template-columns:1fr 1fr}}

/* Phase 30 live settlement */
.live-result{display:flex;flex-direction:column;gap:3px;align-items:flex-end;min-width:100px;font-size:12px}.live-result b{font-size:14px}.live-result.hit-ok,.result-banner.hit-ok{color:#38d996}.live-result.hit-no,.result-banner.hit-no{color:#ff6b7a}.live-result.pending{opacity:.55}.result-banner{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid currentColor;border-radius:12px;margin-bottom:12px;background:rgba(255,255,255,.025)}
.match-state{display:flex;align-items:center;gap:7px;font-size:12px;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.05)}.match-state span{font-weight:800}.match-state b{font-size:15px}.match-state small{opacity:.72}.match-state.live{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.match-state.finished{opacity:.9}.match-state.paused{opacity:.75}
/* Phase 32: live match event timeline */
.event-timeline{display:flex;flex-direction:column;gap:8px;margin-top:10px}.event-row{display:grid;grid-template-columns:52px 28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}.event-row>b{font-variant-numeric:tabular-nums}.event-row div{display:flex;flex-direction:column;gap:2px}.event-row small,.event-row em{opacity:.65;font-style:normal}.event-row em{text-align:right}@media(max-width:640px){.event-row{grid-template-columns:44px 24px 1fr}.event-row em{grid-column:3;text-align:left;font-size:11px}}

/* Phase 35: performance core */
.performance-console{margin-top:18px;position:relative;overflow:hidden}.performance-console:before{content:"";position:absolute;inset:-60% 45% auto -10%;height:220px;background:radial-gradient(circle,#3b82f633,transparent 65%);pointer-events:none}.version-performance{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.version-tile{position:relative;padding:15px;border:1px solid #24476a;border-radius:15px;background:linear-gradient(145deg,#081725,#0b2136);overflow:hidden}.version-tile:after{content:"";position:absolute;left:-30%;right:-30%;top:0;height:1px;background:linear-gradient(90deg,transparent,#66e3ff,transparent);animation:r8scan 3.8s linear infinite}.version-tile span,.version-tile small,.version-tile em{display:block}.version-tile span{color:#66e3ff;font-size:11px;font-weight:900;letter-spacing:.12em}.version-tile b{display:block;font-size:27px;margin:7px 0 2px}.version-tile small{color:#91a4bf}.version-tile em{font-style:normal;color:#7189a5;font-size:10px;margin-top:7px}.performance-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.performance-channels div{padding:11px 13px;border:1px solid #1c3855;border-radius:12px;background:#071421}.performance-channels small,.performance-channels span{display:block;color:#8196b2;font-size:10px}.performance-channels b{display:block;font-size:18px;margin:3px 0}.performance-note{margin-top:10px;color:#607995;font-size:10px}@keyframes r8scan{0%{transform:translateX(-40%)}100%{transform:translateX(40%)}}@media(max-width:760px){.version-performance,.performance-channels{grid-template-columns:1fr 1fr}}
/* Phase 36: live data cockpit */
.live-cockpit{margin-top:18px;overflow:hidden;position:relative}.live-cockpit:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 43%,rgba(102,227,255,.045) 49%,transparent 55%);animation:cockpitSweep 5s linear infinite;pointer-events:none}.cockpit-pulse{color:#75f0bd;border-color:#285f50!important;box-shadow:0 0 16px rgba(117,240,189,.12)}.cockpit-grid{display:grid;grid-template-columns:180px 1fr 1.2fr;gap:18px;align-items:center;padding:20px}.cockpit-orb{height:150px;position:relative;display:grid;place-items:center}.orb-ring{position:absolute;border:1px solid #2d658b;border-radius:50%;box-shadow:0 0 18px rgba(76,201,240,.12)}.ring-a{width:132px;height:132px;animation:orbSpin 8s linear infinite;border-top-color:#69e5ff}.ring-b{width:104px;height:104px;animation:orbSpin 5s linear infinite reverse;border-right-color:#9c7cff}.orb-core{width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#123b55,#071522 68%);box-shadow:0 0 32px rgba(70,211,255,.2)}.orb-core small,.orb-core span{font-size:8px;letter-spacing:.14em;color:#6f9fbd}.orb-core b{font-size:26px;color:#d9f8ff}.cockpit-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cockpit-kpis div,.cockpit-channels div{border:1px solid #1c3d59;background:#071522;border-radius:12px;padding:11px 13px}.cockpit-kpis small,.cockpit-channels small{display:block;color:#6487a5;font-size:9px;letter-spacing:.1em}.cockpit-kpis b{display:block;font-size:22px;margin:3px 0}.cockpit-kpis span,.cockpit-channels span{font-size:10px;color:#7890a8}.cockpit-channels{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cockpit-channels b{display:block;font-size:18px;margin:3px 0}.cockpit-ticker{border-top:1px solid #17344d;padding:10px 18px;white-space:nowrap;overflow:hidden;color:#78a9c7;font:700 10px ui-monospace,SFMono-Regular,monospace}.cockpit-ticker span{display:inline-block;animation:tickerMove 16s linear infinite}.cockpit-ticker .live-dot{color:#72efb6;margin-right:8px}@keyframes orbSpin{to{transform:rotate(360deg)}}@keyframes cockpitSweep{from{transform:translateX(-80%)}to{transform:translateX(80%)}}@keyframes tickerMove{from{transform:translateX(100%)}to{transform:translateX(-110%)}}@media(max-width:900px){.cockpit-grid{grid-template-columns:140px 1fr}.cockpit-channels{grid-column:1/-1}}@media(max-width:620px){.cockpit-grid{grid-template-columns:1fr}.cockpit-orb{height:130px}.cockpit-channels{grid-column:auto}.cockpit-kpis,.cockpit-channels{grid-template-columns:1fr 1fr}}
/* Phase 37: animated AI prediction core */
.ai-robot-console{margin-top:18px;overflow:hidden;position:relative;background:radial-gradient(circle at 28% 48%,rgba(32,189,255,.11),transparent 28%),linear-gradient(145deg,#06111d,#071a2a 65%,#091225)}.robot-stage{height:280px;position:relative;overflow:hidden;display:flex;align-items:center;padding-left:9%;border-top:1px solid #15344c}.robot-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(74,207,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(74,207,255,.035) 1px,transparent 1px);background-size:28px 28px;perspective:300px}.robot-scanline{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#66e3ff,transparent);box-shadow:0 0 18px #42d8ff;animation:robotScan 3.2s linear infinite}.robot-halo{position:absolute;left:5%;border-radius:50%;border:1px solid #2d7194;box-shadow:0 0 30px rgba(63,207,255,.08)}.halo-one{width:230px;height:230px;animation:orbSpin 13s linear infinite}.halo-two{width:185px;height:185px;border-style:dashed;border-color:#795fff;animation:orbSpin 8s linear infinite reverse}.ai-robot{width:130px;height:210px;position:relative;z-index:3;filter:drop-shadow(0 0 16px rgba(70,220,255,.22));animation:robotFloat 3.6s ease-in-out infinite}.robot-head{position:absolute;left:25px;top:14px;width:80px;height:62px;border:2px solid #5ce3ff;border-radius:25px 25px 19px 19px;background:linear-gradient(180deg,#112b42,#07121d);box-shadow:inset 0 0 22px rgba(71,215,255,.12),0 0 20px rgba(71,215,255,.12)}.robot-visor{position:absolute;left:10px;right:10px;top:21px;height:19px;border:1px solid #24627f;border-radius:10px;background:#03101a}.robot-eye{position:absolute;top:28px;width:9px;height:5px;border-radius:5px;background:#76efff;box-shadow:0 0 12px #6beaff;z-index:2;animation:robotBlink 4s infinite}.eye-l{left:26px}.eye-r{right:26px}.robot-neck{position:absolute;top:75px;left:55px;width:20px;height:15px;border:1px solid #377b9b}.robot-body{position:absolute;top:88px;left:21px;width:88px;height:90px;display:grid;place-content:center;text-align:center;border:2px solid #428fb0;border-radius:18px 18px 28px 28px;background:linear-gradient(160deg,#0c2b40,#07131f);box-shadow:inset 0 0 25px rgba(90,221,255,.1)}.robot-body b{font-size:25px;color:#7cecff;text-shadow:0 0 12px #34c9ff}.robot-body small{font-size:7px;letter-spacing:.18em;color:#758da6}.robot-arm{position:absolute;top:100px;width:15px;height:72px;border:1px solid #3b7895;border-radius:12px;background:#091b29}.arm-l{left:2px;transform:rotate(9deg)}.arm-r{right:2px;transform:rotate(-9deg)}.robot-radar{position:absolute;left:31%;width:100px;height:100px;border:1px solid #254c6b;border-radius:50%;animation:radarPulse 2.5s ease-out infinite}.robot-radar i{position:absolute;inset:20%;border:1px solid #23516f;border-radius:50%}.robot-copy{position:absolute;left:48%;right:7%;z-index:3}.robot-copy small{color:#62cce9;letter-spacing:.18em;font-size:9px}.robot-copy b{display:block;font-size:26px;margin:7px 0;color:#e3faff}.robot-copy span{display:block;color:#6f8fa8;font-size:11px}.robot-bars{height:38px;display:flex;align-items:end;gap:5px;margin-top:18px}.robot-bars i{width:4px;background:#52dcff;box-shadow:0 0 8px #38cfff;animation:neuralBars 1.1s ease-in-out infinite}.robot-bars i:nth-child(2){animation-delay:.15s}.robot-bars i:nth-child(3){animation-delay:.3s}.robot-bars i:nth-child(4){animation-delay:.45s}.robot-bars i:nth-child(5){animation-delay:.6s}.robot-flash{position:absolute;inset:0;opacity:0;pointer-events:none}.robot-flash.hit{animation:hitFlash 1.6s ease}.robot-flash.miss{animation:missFlash 1.6s ease}.ai-robot-console.is-live .robot-head,.ai-robot-console.is-live .robot-body{border-color:#77efff;box-shadow:0 0 25px rgba(72,224,255,.2)}
@keyframes robotFloat{50%{transform:translateY(-9px)}}@keyframes robotScan{from{top:0}to{top:100%}}@keyframes robotBlink{0%,46%,50%,100%{transform:scaleY(1)}48%{transform:scaleY(.1)}}@keyframes radarPulse{0%{transform:scale(.65);opacity:.8}100%{transform:scale(1.5);opacity:0}}@keyframes neuralBars{0%,100%{height:8px;opacity:.45}50%{height:34px;opacity:1}}@keyframes hitFlash{0%{opacity:0}20%{opacity:1;background:radial-gradient(circle,rgba(67,255,172,.28),transparent 65%)}100%{opacity:0}}@keyframes missFlash{0%{opacity:0}20%{opacity:1;background:radial-gradient(circle,rgba(255,80,112,.24),transparent 65%)}100%{opacity:0}}@media(max-width:700px){.robot-stage{height:360px;padding:20px;align-items:flex-start;justify-content:center}.robot-halo{left:50%;transform:translateX(-50%)}.robot-radar{display:none}.robot-copy{left:8%;right:8%;top:245px;text-align:center}.robot-copy b{font-size:20px}}


/* Phase 38-40: cinematic access layer + responsive command dock */
.boot-sequence{position:fixed;inset:0;z-index:99999;background:#02070d;display:grid;place-items:center;overflow:hidden;transition:opacity .8s ease,visibility .8s ease}.boot-sequence.boot-done{opacity:0;visibility:hidden}.boot-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(76,213,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(76,213,255,.06) 1px,transparent 1px);background-size:46px 46px;transform:perspective(500px) rotateX(62deg) translateY(28%);animation:bootGrid 5s linear infinite}.boot-core{position:relative;width:180px;height:180px;display:grid;place-items:center}.boot-orbit{position:absolute;border-radius:50%;border:1px solid #36cffa;box-shadow:0 0 30px rgba(54,207,250,.12)}.orbit-a{inset:0;border-left-color:transparent;animation:orbSpin 4s linear infinite}.orbit-b{inset:25px;border-style:dashed;border-color:#8d6dff transparent #8d6dff #8d6dff;animation:orbSpin 2.7s linear infinite reverse}.boot-mark{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font:900 31px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;color:#c8f7ff;background:radial-gradient(circle,#123b55,#04101a 70%);box-shadow:0 0 55px rgba(64,219,255,.25),inset 0 0 24px rgba(72,224,255,.12);animation:bootPulse 1.5s ease-in-out infinite}.boot-copy{position:absolute;top:calc(50% + 125px);width:min(360px,80vw);text-align:center;font-family:ui-monospace,SFMono-Regular,monospace}.boot-copy small{color:#4fb9d8;letter-spacing:.24em;font-size:8px}.boot-copy b{display:block;margin:10px 0;color:#d8f8ff;font-size:11px;letter-spacing:.12em}.boot-copy span{display:block;color:#5d839d;font-size:9px;margin-top:7px}.boot-progress{height:2px;background:#102637;overflow:hidden}.boot-progress i{display:block;width:0;height:100%;background:#65e7ff;box-shadow:0 0 14px #55dfff;transition:width .08s linear}@keyframes bootGrid{to{background-position:0 46px,46px 0}}@keyframes bootPulse{50%{transform:scale(1.06);box-shadow:0 0 75px rgba(64,219,255,.36),inset 0 0 30px rgba(72,224,255,.18)}}
.auth-shell{position:relative;overflow:hidden}.auth-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}.auth-ambient i{position:absolute;border:1px solid rgba(68,210,255,.12);border-radius:50%;animation:ambientFloat 9s ease-in-out infinite}.auth-ambient i:nth-child(1){width:380px;height:380px;left:-180px;top:5%}.auth-ambient i:nth-child(2){width:260px;height:260px;right:-90px;top:12%;animation-delay:-3s;border-color:rgba(137,103,255,.13)}.auth-ambient i:nth-child(3){width:520px;height:520px;right:12%;bottom:-390px;animation-delay:-6s}.login-ai{width:94px;height:94px;position:relative;margin:0 0 22px;display:grid;place-items:center}.login-ai-ring{position:absolute;inset:0;border:1px dashed #42d8ff;border-radius:50%;animation:orbSpin 8s linear infinite}.login-ai-face{width:62px;height:54px;border:1px solid #54dcff;border-radius:22px 22px 17px 17px;background:#071522;display:grid;place-items:center;box-shadow:0 0 25px rgba(72,220,255,.16)}.login-ai-face i{position:absolute;top:37px;width:7px;height:4px;border-radius:5px;background:#72efff;box-shadow:0 0 8px #72efff}.login-ai-face i:first-child{left:32px}.login-ai-face i:nth-child(2){right:32px}.login-ai-face b{font-size:12px;color:#78eaff;margin-top:18px}.auth-grid .card{backdrop-filter:blur(14px);background:linear-gradient(145deg,rgba(7,24,38,.88),rgba(5,14,24,.94));box-shadow:0 22px 70px rgba(0,0,0,.22)}@keyframes ambientFloat{50%{transform:translateY(-25px) scale(1.05)}}
.mobile-dock{display:none}.r8-paused *{animation-play-state:paused!important}@media(max-width:760px){body.r8-authenticated{padding-bottom:76px}.mobile-dock{position:fixed;z-index:9990;left:12px;right:12px;bottom:10px;height:60px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;border:1px solid #1c4966;border-radius:19px;background:rgba(3,13,22,.9);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.45),0 0 28px rgba(45,190,255,.06)}.mobile-dock.hide{display:none}.mobile-dock button{border:0!important;background:transparent!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#6e91aa;font-size:9px}.mobile-dock button b{font-size:17px;color:#7feaff;font-weight:500}.mobile-dock button:active{transform:scale(.94)}.nav #mainNav{display:none!important}.nav-actions .pill{display:none}.auth-shell{padding-bottom:30px}.login-ai{margin-left:auto;margin-right:auto}}

/* Phase 41-45 Intelligence Hub */
.intelligence-hub{margin-top:18px;position:relative;overflow:hidden}.intelligence-hub:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(82,218,255,.05),transparent 28%);animation:hubSweep 12s linear infinite;pointer-events:none}.hub-grid{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:18px}.hub-score,.hub-integrity{border:1px solid #1d405c;border-radius:14px;padding:16px;background:linear-gradient(145deg,#071521,#091b2a);min-height:120px}.hub-score small,.hub-integrity small{font-size:9px;letter-spacing:.14em;color:#658ba8}.hub-score b,.hub-integrity b{display:block;font-size:27px;margin:7px 0;color:#dff9ff}.hub-score span,.hub-integrity span,.hub-integrity em{display:block;color:#7391a8;font-size:10px;font-style:normal}.hub-score i{display:block;height:4px;background:#102b3e;border-radius:8px;margin-top:15px;overflow:hidden}.hub-score u{display:block;height:100%;width:0;background:linear-gradient(90deg,#59dfff,#9a7cff);box-shadow:0 0 12px #59dfff;transition:width .8s ease}.hub-integrity b{color:#77f1c0}.hub-integrity em{margin-top:12px;color:#9c7cff}.hub-stream{position:relative;border-top:1px solid #17354c;padding:14px 18px}.hub-stream>div:first-child{display:flex;gap:10px;align-items:center;margin-bottom:10px}.hub-stream>div:first-child b{font-size:11px;letter-spacing:.12em}.hub-stream>div:first-child span{font-size:10px;color:#6688a2}.hub-recent{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hub-recent button{border:1px solid #173b55;background:#071522;border-radius:10px;padding:10px;text-align:left;color:inherit;cursor:pointer}.hub-recent button:hover{border-color:#54cde9;transform:translateY(-1px)}.hub-recent span{font-size:8px;color:#6f8ba0}.hub-recent b{display:block;font-size:10px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-recent em{font-style:normal;font-size:15px}.hub-recent i{float:right;font-style:normal;font-size:8px;padding:3px 5px;border-radius:8px}.hub-hit{color:#76efba;background:#0c382c}.hub-miss{color:#ff8c9d;background:#3a1720}@keyframes hubSweep{to{transform:rotate(360deg)}}@media(max-width:800px){.hub-grid{grid-template-columns:1fr}.hub-recent{grid-template-columns:1fr 1fr}}@media(max-width:480px){.hub-recent{grid-template-columns:1fr}}

/* Phase 46: compact model command center */
.command-center{margin-top:18px;overflow:hidden;position:relative}.command-center:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(80,220,255,.035),transparent 65%);animation:cmdscan 7s linear infinite}.cmd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px}.cmd-grid>div{padding:14px;border:1px solid #1b405d;border-radius:13px;background:#071522}.cmd-grid small,.cmd-grid span{display:block;color:#708da4;font-size:9px}.cmd-grid b{display:block;font-size:24px;margin:6px 0;color:#dff9ff}.cmd-trend{height:76px;border-top:1px solid #17354c;padding:10px 16px;display:flex;align-items:flex-end;gap:4px}.cmd-trend i{width:8px;min-height:8px;border-radius:4px 4px 1px 1px;background:#3d5d72;box-shadow:0 0 8px #284b60}.cmd-trend i.ok{background:#61e7b0;box-shadow:0 0 9px #61e7b066}.cmd-trend i.no{background:#ff7188;box-shadow:0 0 9px #ff718855}@keyframes cmdscan{to{transform:translateX(30%)}}@media(max-width:760px){.cmd-grid{grid-template-columns:1fr 1fr}}

/* Phase 47 · customer historical performance telemetry */
.history-trend-card{margin-bottom:16px;overflow:hidden;position:relative}.history-trend-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(87,225,255,.045),transparent 65%);animation:r8trendscan 5s linear infinite}.history-trend-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.history-trend-kpis>div{padding:14px;border:1px solid rgba(88,215,255,.16);background:rgba(2,16,31,.62);border-radius:12px}.history-trend-kpis small,.history-trend-kpis span,.history-trend-kpis em{display:block}.history-trend-kpis b{display:block;font-size:26px;margin:5px 0;color:#bff7ff}.history-trend-kpis em{font-style:normal;font-size:11px;opacity:.62;margin-top:4px}.trend-legend{display:flex;justify-content:space-between;font-size:11px;opacity:.7;margin:8px 0}.history-trend-bars{height:68px;display:flex;align-items:flex-end;gap:4px;padding:8px;border:1px solid rgba(88,215,255,.1);border-radius:10px;background:rgba(0,8,18,.55)}.history-trend-bars i{flex:1;min-width:3px;max-width:16px;border-radius:4px 4px 1px 1px;background:rgba(95,122,150,.35);transition:.3s}.history-trend-bars i.ok{background:linear-gradient(180deg,rgba(97,245,255,.95),rgba(72,135,255,.45));box-shadow:0 0 10px rgba(73,222,255,.28)}@keyframes r8trendscan{from{transform:translateX(-70%)}to{transform:translateX(70%)}}@media(max-width:720px){.history-trend-kpis{grid-template-columns:1fr}.history-trend-kpis>div{display:grid;grid-template-columns:1fr auto;gap:2px 10px}.history-trend-kpis b{grid-row:1/4;grid-column:2;font-size:24px}.trend-legend b{display:none}}


/* Phase 48 · R8 family comparison */
.model-compare-card{margin-bottom:18px}.model-compare-head{display:flex;justify-content:space-between;gap:12px;margin:8px 0 14px;color:var(--muted);font-size:12px}.model-compare-head b{color:#7cecff;letter-spacing:.08em}.model-compare-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.model-compare-tile{border:1px solid rgba(91,214,255,.16);background:linear-gradient(180deg,rgba(13,31,54,.76),rgba(5,13,25,.9));border-radius:16px;padding:14px;box-shadow:inset 0 0 24px rgba(55,190,255,.035)}.model-compare-tile>div{display:flex;align-items:end;justify-content:space-between}.model-compare-tile>div b{font-size:22px;color:#a9f2ff}.model-compare-tile>div span{font-size:10px;color:var(--muted)}.model-compare-tile section{margin:14px 0}.model-compare-tile label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:8px}.model-compare-tile label strong{color:#e8fbff}.model-compare-tile i{display:block;height:4px;background:rgba(255,255,255,.06);border-radius:9px;overflow:hidden;margin-top:4px}.model-compare-tile i u{display:block;height:100%;background:linear-gradient(90deg,#29c9ff,#9a65ff);box-shadow:0 0 10px #43d7ff}.model-compare-tile footer{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:8px;border-top:1px solid rgba(255,255,255,.07);padding-top:10px}.model-compare-tile footer span,.model-compare-tile footer small{font-size:9px;color:var(--muted)}.model-compare-tile footer b{text-align:center;font-size:18px;color:#c7b7ff}@media(max-width:900px){.model-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.model-compare-grid{grid-template-columns:1fr}.model-compare-head{display:block}.model-compare-head b{display:block;margin-top:5px}}


/* Phase 50: verified settlement timeline */
.settlement-timeline-card{overflow:hidden}.settlement-timeline-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:4px 0 16px;color:rgba(220,240,255,.72);font-size:12px}.settlement-timeline-head b{letter-spacing:.12em;color:#8eeaff}.settlement-timeline{position:relative;display:flex;flex-direction:column;gap:10px}.settlement-timeline:before{content:"";position:absolute;left:9px;top:12px;bottom:12px;width:1px;background:linear-gradient(transparent,rgba(96,224,255,.65),rgba(160,96,255,.45),transparent);box-shadow:0 0 12px rgba(96,224,255,.35)}.settle-row{position:relative;display:grid;grid-template-columns:18px minmax(220px,1fr) auto;gap:12px;align-items:center;width:100%;padding:12px 14px 12px 2px;border:1px solid rgba(125,215,255,.12);border-radius:14px;background:rgba(4,13,28,.58);color:inherit;text-align:left;cursor:pointer}.settle-row:hover{border-color:rgba(110,226,255,.42);transform:translateY(-1px)}.settle-node{z-index:1;width:9px;height:9px;border-radius:50%;background:#7eeaff;box-shadow:0 0 0 4px rgba(80,220,255,.08),0 0 16px #66dcff}.settle-row>div{display:flex;flex-direction:column;gap:3px}.settle-row>div small{font-size:10px;letter-spacing:.12em;color:#77cce7}.settle-row>div>b{font-size:13px}.settle-row>div>span{font-size:12px;opacity:.72}.settle-row>section{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.settle-badge{min-width:62px;padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.1);font-style:normal;text-align:center;background:rgba(255,255,255,.03)}.settle-badge small,.settle-badge b{display:block}.settle-badge small{font-size:9px;opacity:.68}.settle-badge b{font-size:10px;letter-spacing:.1em}.settle-badge.hit{border-color:rgba(70,255,190,.38);box-shadow:inset 0 0 14px rgba(40,255,180,.08),0 0 10px rgba(40,255,180,.08)}.settle-badge.hit b{color:#69ffc5}.settle-badge.miss{border-color:rgba(255,100,145,.28)}.settle-badge.miss b{color:#ff88ad}.settle-badge.push{border-color:rgba(255,205,90,.36)}.settle-badge.push b{color:#ffd36b}.score-rank{font-style:normal;color:#79f2ff;margin-left:7px}@media(max-width:760px){.settle-row{grid-template-columns:18px 1fr}.settle-row>section{grid-column:2;justify-content:flex-start}.settlement-timeline-head{align-items:flex-start;flex-direction:column}}


/* Phase 52 · Asian totals settlement board */
.asian-settlement-card{margin:18px 0;overflow:hidden}.asian-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.asian-kpis>div{border:1px solid rgba(83,217,255,.15);background:#071522;border-radius:12px;padding:12px}.asian-kpis small{display:block;color:#6e8da5;font-size:9px;letter-spacing:.12em}.asian-kpis b{display:block;font-size:23px;margin-top:5px;color:#dff9ff}.asian-legend{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.asian-legend span,.asian-status{padding:5px 8px;border-radius:9px;border:1px solid rgba(255,255,255,.1);font-size:9px;font-weight:900;letter-spacing:.08em}.asian-feed{display:grid;gap:8px}.asian-feed button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:rgba(4,14,27,.72);border:1px solid rgba(100,205,255,.12);padding:11px 13px}.asian-feed button div{display:flex;flex-direction:column;gap:3px}.asian-feed small{color:#6fcde9;font-size:9px}.asian-feed span{color:#7792a8;font-size:10px}.asian-status{font-style:normal;white-space:nowrap}.win,.asian-status.win{color:#6dffc5;border-color:rgba(70,255,190,.35);box-shadow:0 0 12px rgba(70,255,190,.08)}.half-win,.asian-status.half-win{color:#9ef5ce;border-color:rgba(100,235,185,.25)}.push,.asian-status.push{color:#ffd36b;border-color:rgba(255,205,90,.34)}.half-loss,.asian-status.half-loss{color:#ffad8e;border-color:rgba(255,155,110,.28)}.loss,.asian-status.loss{color:#ff86a8;border-color:rgba(255,95,140,.28)}@media(max-width:680px){.asian-kpis{grid-template-columns:1fr 1fr}.asian-feed button{align-items:flex-start}}

/* Phase 53: homepage AI recommendation channels */
.ai-recommend-entry{margin:14px 0 16px;position:relative;overflow:hidden}.ai-recommend-entry:after{content:"";position:absolute;inset:-80% -20%;pointer-events:none;background:linear-gradient(115deg,transparent 44%,rgba(83,224,255,.055) 50%,transparent 56%);animation:aiRecScan 7s linear infinite}.ai-recommend-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.ai-recommend-card{position:relative;z-index:1;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:13px;min-height:94px;padding:14px 16px;text-align:left;border:1px solid rgba(89,221,255,.2);border-radius:16px;background:linear-gradient(135deg,rgba(6,28,45,.94),rgba(7,12,29,.92));box-shadow:inset 0 0 28px rgba(65,207,255,.035),0 10px 32px rgba(0,0,0,.18);cursor:pointer;transition:.25s}.ai-recommend-card:hover{transform:translateY(-2px);border-color:rgba(112,236,255,.55);box-shadow:inset 0 0 34px rgba(65,207,255,.06),0 0 24px rgba(65,207,255,.09)}.ai-recommend-card .ai-rec-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(100,230,255,.34);border-radius:50%;font-size:24px;color:#9df5ff;box-shadow:0 0 20px rgba(66,218,255,.12)}.ai-recommend-card small,.ai-recommend-card b,.ai-recommend-card em{display:block}.ai-recommend-card small{font-size:9px;letter-spacing:.14em;color:#66cde8}.ai-recommend-card b{font-size:18px;margin:4px 0;color:#e5fbff}.ai-recommend-card em{font-size:10px;font-style:normal;color:#7894aa}.ai-recommend-card>i{font-size:9px;font-style:normal;letter-spacing:.12em;color:#75ecff;border:1px solid rgba(93,220,255,.2);padding:5px 7px;border-radius:8px}.corner-ai{background:radial-gradient(circle at 12% 50%,rgba(110,77,255,.12),transparent 34%),linear-gradient(135deg,rgba(6,28,45,.94),rgba(7,12,29,.92))}.totals-ai{background:radial-gradient(circle at 12% 50%,rgba(33,230,204,.11),transparent 34%),linear-gradient(135deg,rgba(6,28,45,.94),rgba(7,12,29,.92))}.ai-recommend-notice{position:relative;z-index:2;margin-top:10px;padding:9px 12px;border:1px solid rgba(116,218,255,.15);border-radius:10px;color:#8fb4ca;font-size:11px;background:rgba(3,13,24,.76)}@keyframes aiRecScan{from{transform:translateX(-45%)}to{transform:translateX(45%)}}@media(max-width:700px){.ai-recommend-grid{grid-template-columns:1fr}.ai-recommend-card{grid-template-columns:46px 1fr auto;min-height:82px}.ai-recommend-card .ai-rec-icon{width:42px;height:42px}.ai-recommend-card b{font-size:16px}}
/* Phase 54: corner AI intelligence panel */
.corner-ai-panel{position:relative;z-index:2;margin-top:12px;padding:14px;border:1px solid rgba(130,105,255,.22);border-radius:14px;background:radial-gradient(circle at 8% 0,rgba(113,82,255,.1),transparent 35%),rgba(3,12,25,.8)}.corner-ai-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.corner-ai-head small,.corner-ai-head b{display:block}.corner-ai-head small{font-size:9px;letter-spacing:.16em;color:#9c8dff}.corner-ai-head b{margin-top:3px;color:#effcff}.corner-ai-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.corner-ai-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px;border:1px solid rgba(106,213,255,.12);border-radius:11px;background:rgba(4,18,32,.72)}.corner-ai-row small,.corner-ai-row b,.corner-ai-row span{display:block}.corner-ai-row small{font-size:9px;color:#718fa5}.corner-ai-row b{font-size:13px;margin:3px 0}.corner-ai-row span{font-size:10px;color:#80a9be}.corner-ai-pick{text-align:right}.corner-ai-pick strong{display:block;color:#a9f7ff;font-size:14px}.corner-ai-pick em{font-size:9px;font-style:normal;color:#998cff}@media(max-width:700px){.corner-ai-feed{grid-template-columns:1fr}}

/* Phase 55 Corner AI full channel */
.corner-channel-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.corner-channel-kpis>div{padding:10px;border:1px solid rgba(114,220,255,.12);border-radius:10px;background:rgba(4,18,32,.7)}.corner-channel-kpis small,.corner-channel-kpis b{display:block}.corner-channel-kpis small{font-size:8px;letter-spacing:.12em;color:#708da3}.corner-channel-kpis b{font-size:19px;color:#baf8ff;margin-top:3px}.corner-filter-bar{display:flex;gap:7px;margin-top:10px;overflow:auto}.corner-filter-bar button{border:1px solid rgba(126,113,255,.18);background:rgba(8,17,35,.8);color:#7e9ab0;border-radius:8px;padding:7px 11px;font-size:10px;white-space:nowrap}.corner-filter-bar button.active{color:#dffcff;border-color:rgba(117,226,255,.5);box-shadow:0 0 15px rgba(76,214,255,.08)}.corner-line-map{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.corner-line-map span{padding:6px 9px;border:1px solid rgba(111,208,255,.12);border-radius:8px;background:rgba(3,14,27,.7)}.corner-line-map b,.corner-line-map small{display:block}.corner-line-map b{font-size:11px;color:#a9f7ff}.corner-line-map small{font-size:8px;color:#718ba0}@media(max-width:700px){.corner-channel-kpis{grid-template-columns:repeat(3,1fr)}}
/* Phase 57: verified Corner AI performance cockpit */
.corner-performance-card{margin-top:16px}.corner-perf-windows{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.corner-perf-window,.corner-perf-side{padding:12px;border:1px solid rgba(112,224,255,.13);border-radius:11px;background:rgba(3,17,31,.76)}.corner-perf-window small,.corner-perf-window b,.corner-perf-window span,.corner-perf-side small,.corner-perf-side b,.corner-perf-side span{display:block}.corner-perf-window small,.corner-perf-side small{font-size:8px;letter-spacing:.12em;color:#748fa4}.corner-perf-window b,.corner-perf-side b{font-size:21px;color:#bdf9ff;margin:4px 0}.corner-perf-window span,.corner-perf-side span{font-size:9px;color:#7d9caf}.corner-perf-split{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px;margin-top:12px}.corner-perf-split>div>small{color:#887cff;font-size:9px;letter-spacing:.14em}.corner-perf-split #cornerPerfSides{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}.corner-perf-lines{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.corner-perf-lines span{padding:7px 9px;border:1px solid rgba(115,214,255,.13);border-radius:8px;background:rgba(4,16,29,.72)}.corner-perf-lines b,.corner-perf-lines small{display:block}.corner-perf-lines b{font-size:11px;color:#b8f7ff}.corner-perf-lines small{font-size:8px;color:#738ea2}.corner-perf-legend{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 8px}.corner-perf-legend span{font-size:8px;padding:4px 7px;border:1px solid rgba(112,218,255,.12);border-radius:7px;color:#8eabba}.corner-perf-recent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.corner-perf-recent button{display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left;padding:10px;border:1px solid rgba(100,207,255,.1);border-radius:10px;background:rgba(4,16,29,.7);color:#dff9ff}.corner-perf-recent small,.corner-perf-recent b{display:block}.corner-perf-recent small{font-size:8px;color:#718ba0}.corner-perf-recent i{font-style:normal;font-size:9px;color:#9cf2ff}.corner-perf-recent i.loss,.corner-perf-recent i.half_loss{color:#ff9bba}.corner-perf-recent i.push{color:#ffd88c}@media(max-width:700px){.corner-perf-windows{grid-template-columns:repeat(2,1fr)}.corner-perf-split{grid-template-columns:1fr}.corner-perf-recent{grid-template-columns:1fr}}
.corner-analysis-card{margin-top:16px}.corner-analysis-summary{display:flex;justify-content:space-between;gap:10px;margin:10px 0;color:#7896aa;font-size:9px}.corner-analysis-summary b{color:#aef7ff}.corner-analysis-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.corner-analysis-grid>div>small{color:#887cff;font-size:9px;letter-spacing:.14em}.corner-analysis-grid>div>div{display:grid;gap:6px;margin-top:7px}.corner-analysis-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px;border:1px solid rgba(100,207,255,.11);border-radius:9px;background:rgba(4,16,29,.7)}.corner-analysis-row b,.corner-analysis-row small{display:block}.corner-analysis-row b{font-size:10px;color:#c8faff}.corner-analysis-row small{font-size:8px;color:#718ba0}.corner-analysis-row i{font-style:normal;font-size:8px;color:#ffd88c}.corner-analysis-row i.qualified{color:#8dffd0}@media(max-width:700px){.corner-analysis-grid{grid-template-columns:1fr}}


/* Phase 61 · Corner A/B client laboratory */
.ab-lab-card{margin-top:16px;position:relative;overflow:hidden}.ab-lab-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(87,225,255,.035),transparent 70%);animation:aiRecScan 8s linear infinite}.ab-lab-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:12px 0 7px}.ab-lab-head small,.ab-lab-head b{display:block}.ab-lab-head small{font-size:8px;letter-spacing:.14em;color:#7d8dff}.ab-lab-head b{margin-top:3px;color:#e8fbff}.ab-lab-head>span{font-size:11px;color:#8ef2ff}.ab-progress{height:5px;border-radius:10px;background:rgba(91,129,157,.15);overflow:hidden}.ab-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6d75ff,#73f0ff);box-shadow:0 0 14px rgba(91,224,255,.4);transition:width .5s}.ab-model-grid{display:grid;grid-template-columns:1fr 48px 1fr;gap:10px;align-items:stretch;margin-top:12px}.ab-model{padding:13px;border:1px solid rgba(104,218,255,.15);border-radius:12px;background:rgba(3,16,30,.78)}.ab-model.b{border-color:rgba(145,105,255,.24);background:radial-gradient(circle at 100% 0,rgba(120,80,255,.1),transparent 45%),rgba(3,16,30,.78)}.ab-model>small{font-size:8px;letter-spacing:.13em;color:#718da4}.ab-model>b{display:block;font-size:17px;margin:4px 0 10px;color:#c9faff}.ab-vs{display:grid;place-items:center;color:#7deaff;font-weight:900;font-size:11px}.ab-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ab-kpis span{padding:8px;border:1px solid rgba(104,209,255,.09);border-radius:8px}.ab-kpis small,.ab-kpis b{display:block}.ab-kpis small{font-size:7px;color:#6e899d}.ab-kpis b{font-size:13px;margin-top:3px}.ab-counts{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.ab-counts i,.ab-status-legend span{font-style:normal;font-size:8px;padding:4px 6px;border:1px solid rgba(110,215,255,.1);border-radius:6px;color:#8eabba}.ab-status-legend{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 8px}.ab-pairs{display:grid;gap:7px}.ab-pair{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid rgba(101,207,255,.1);border-radius:9px;background:rgba(4,15,28,.68)}.ab-pair small,.ab-pair b{display:block}.ab-pair small{font-size:9px;color:#8aa5b8}.ab-pair b{font-size:9px;color:#d7f8ff;margin-top:2px}.ab-pair>span{font-size:8px;padding:4px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.ab-pair .win,.ab-pair .half_win{color:#82f5c5}.ab-pair .push{color:#ffd37a}.ab-pair .loss,.ab-pair .half_loss{color:#ff91af}.review-ready{color:#7ff5c4!important;border-color:rgba(75,255,190,.35)!important}@media(max-width:700px){.ab-model-grid{grid-template-columns:1fr}.ab-vs{height:22px}.ab-pair{grid-template-columns:1fr}.ab-kpis{grid-template-columns:repeat(3,1fr)}}

/* R8 V1.0 client UI refresh · reference dashboard */
:root{--gold:#f5c45b;--electric:#28b8ff;--deep:#020813;--panel2:rgba(4,18,35,.91)}
body{background:radial-gradient(circle at 72% 4%,rgba(15,94,181,.32),transparent 28%),radial-gradient(circle at 20% 95%,rgba(0,91,186,.22),transparent 30%),linear-gradient(180deg,#020713,#03101d 54%,#020812);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(35,160,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(35,160,255,.08) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.nav{background:rgba(2,9,20,.9);border-bottom:1px solid rgba(48,163,255,.35);box-shadow:0 8px 40px rgba(0,88,180,.14)}
.nav-inner{max-width:1500px}.brand{font-size:31px;color:var(--gold);text-shadow:0 0 20px rgba(245,196,91,.22)}.brand span{color:#d9f5ff;letter-spacing:.14em}.wrap{max-width:1500px}.card{background:linear-gradient(180deg,rgba(5,23,43,.94),rgba(3,13,27,.95));border:1px solid rgba(42,151,224,.38);border-radius:12px;box-shadow:inset 0 0 24px rgba(16,91,150,.08),0 14px 38px rgba(0,0,0,.32)}
.navbtn.active{background:linear-gradient(90deg,#086be8,#123c89);border-color:#43b9ff;box-shadow:0 0 22px rgba(21,132,255,.38)}
.reference-hero{min-height:260px;margin-bottom:14px;border:1px solid rgba(42,151,224,.4);border-radius:14px;overflow:hidden;position:relative;display:grid;grid-template-columns:1fr 260px 260px;align-items:center;padding:28px 34px;background:radial-gradient(circle at 55% 50%,rgba(20,114,235,.3),transparent 24%),radial-gradient(circle at 10% 40%,rgba(14,82,174,.22),transparent 32%),linear-gradient(115deg,rgba(2,13,28,.96),rgba(5,32,62,.86));box-shadow:inset 0 0 55px rgba(17,107,211,.13)}
.reference-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 42%,rgba(57,185,255,.08) 50%,transparent 58%);animation:heroSweep 7s linear infinite;pointer-events:none}.reference-hero-copy span{font-size:10px;letter-spacing:.28em;color:#9ddcff}.reference-hero-copy strong{display:block;font-size:78px;line-height:.95;color:var(--gold);letter-spacing:-.05em;text-shadow:0 0 26px rgba(245,196,91,.18)}.reference-hero-copy strong i{font-size:18px;font-style:normal;letter-spacing:.35em;color:#dff6ff}.reference-hero-copy h2{font-size:24px;margin:15px 0 4px}.reference-hero-copy p{margin:0;color:#86b7d4;font-size:11px;letter-spacing:.1em}.reference-orbit{width:170px;height:170px;position:relative;display:grid;place-items:center;margin:auto;border:1px solid rgba(54,179,255,.25);border-radius:50%;box-shadow:0 0 42px rgba(0,139,255,.13)}.reference-orbit:before,.reference-orbit:after,.reference-orbit i{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(72,192,255,.55)}.reference-orbit:before{inset:16px;animation:orbSpin 13s linear infinite}.reference-orbit:after{inset:35px;border-style:solid;animation:orbSpin 8s linear infinite reverse}.reference-orbit i:first-child{width:205px;height:82px;transform:rotate(25deg)}.reference-orbit i:nth-child(2){width:205px;height:82px;transform:rotate(-25deg)}.reference-orbit b{font-size:40px;color:#8de9ff;text-shadow:0 0 22px #21a9ff}.reference-clock{justify-self:end;width:230px;padding:20px;border:1px solid rgba(62,173,239,.34);border-radius:12px;background:rgba(1,12,25,.62)}.reference-clock small,.reference-clock b,.reference-clock span{display:block}.reference-clock small{color:#81b9d8;letter-spacing:.14em}.reference-clock b{font:700 34px ui-monospace,monospace;margin:8px 0;color:#c9f8ff}.reference-clock span{color:var(--gold);font-size:10px;letter-spacing:.16em}.terminal-grid{grid-template-columns:minmax(0,4fr) minmax(230px,1fr)}.panel-title{background:linear-gradient(90deg,rgba(4,29,53,.95),rgba(4,17,32,.88));border-bottom-color:rgba(42,151,224,.25)}.metric b{color:#c9f8ff}.metric:nth-child(2) b{color:var(--gold)}.fixture-row{background:rgba(4,18,33,.74);border-bottom-color:rgba(41,119,173,.2)}.fixture-row:hover{background:rgba(7,37,65,.92);box-shadow:inset 3px 0 #2bbaff}.ai-recommend-card{border-radius:10px}.signal-strip b,.live-badge{color:#75f4c2}@keyframes heroSweep{from{transform:translateX(-55%)}to{transform:translateX(55%)}}
@media(max-width:950px){.reference-hero{grid-template-columns:1fr 170px}.reference-clock{display:none}.reference-hero-copy strong{font-size:62px}}
@media(max-width:650px){.reference-hero{grid-template-columns:1fr;min-height:220px;padding:22px}.reference-orbit{position:absolute;right:-35px;bottom:-45px;opacity:.42}.reference-hero-copy strong{font-size:52px}.reference-hero-copy h2{font-size:19px}}
/* R8 V62 Gate 4: source evidence UI. These badges render backend verification state only. */
.evidence-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 8px;padding:10px 12px;border:1px solid #1d3853;border-radius:13px;background:#071421}.evidence-strip small{margin-left:auto;color:var(--muted);font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.evidence-badge{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:999px;border:1px solid #33475f;font-size:10px;font-weight:900;letter-spacing:.045em}.evidence-badge.source-verified{color:#79edb7;background:#0d2b23;border-color:#235c48;box-shadow:0 0 18px rgba(108,231,170,.08)}.evidence-badge.unverified{color:#aebdd1;background:#111d2b;border-color:#34485f}.evidence-badge.failed{color:#ffadad;background:#2b1115;border-color:#66313a}.evidence-badge.pre-match-locked{color:#8eeaff;background:#092636;border-color:#23647b}@media(max-width:620px){.evidence-strip small{width:100%;margin-left:0}}