/* Shared web / Windows design system. Loaded last, one token contract. */
:root,body[data-theme],body.light{color-scheme:dark;--bg:#0b0f19;--surface:rgba(16,23,42,.78);--surface-2:#131d30;--surface-3:#11282a;--text:#edf3fa;--muted:#94a3b8;--line:rgba(255,255,255,.08);--accent:#10b981;--amber:#06b6d4;--green:#10b981;--cyan:#06b6d4}
body{background:#0b0f19;color:var(--text)}button,a,input,select,.panel,.metric-card{transition:background 200ms,border-color 200ms,box-shadow 200ms,transform 200ms}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #06b6d4;outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}.primary,.brand-button-primary{background:#10b981;color:#041b15;border:1px solid #10b981}.primary:hover,.brand-button-primary:hover{background:#34d399;box-shadow:0 0 28px #10b98130}.panel,.metric-card,.feature-stat,.filter-bar,.stats-filter-panel,.insight-card,.calendar-panel,.obs-guide-card{background:var(--surface);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 55px #06b6d405}.panel:hover,.metric-card:hover,.feature-stat:hover{border-color:rgba(16,185,129,.3)}.sidebar{background:#0d1320;border-right:1px solid var(--line);padding:24px 16px;width:232px}.sidebar .brand{padding:0 12px 26px}.nav a{min-height:44px;padding:11px 14px;gap:12px;border-radius:10px}.nav a.active{background:var(--surface-2);color:var(--text);border:1px solid transparent;box-shadow:none}.nav-caption{padding:20px 14px 8px;font-size:10px;letter-spacing:.12em}.shell{margin-left:232px}.topbar{height:76px;padding:0 36px;background:rgba(11,15,25,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.main{max-width:1600px;margin:auto;padding:32px 36px 48px}.brand-mark,.overview-mascot,.preview-title img,.share-card-brand img,.brand-faq-intro img,.last-call-mark,.streamer-hero>img{background:#0b0f19!important;border:1px solid var(--line);border-radius:16px;object-fit:contain;padding:6px;opacity:1;transform:none}.topbar-brand{width:32px;height:32px;background:#0b0f19;border-radius:9px;border:1px solid var(--line)}.pokey-overview{border:1px solid var(--line);border-radius:18px;padding:28px;background:radial-gradient(ellipse at right,#10b98112,transparent 65%),var(--surface)}.overview-copy h1{font-size:clamp(26px,3vw,38px);max-width:650px}.overview-mascot{right:24px;bottom:24px;width:80px;height:80px}.overview-today{margin-right:96px}.metrics-grid,.kpis{gap:16px}.metric-card,.kpi{padding:24px}.metric-card strong,.kpi .value,.money,.mono,.feature-stat strong,.obs-metric strong{font-variant-numeric:tabular-nums;font-family:'IBM Plex Mono',ui-monospace,monospace}.panel-head{padding:22px 24px}.large-pad{padding:24px}.main>section,.main>.feature-stats{margin-bottom:24px}th{font-size:10px;letter-spacing:.07em;color:var(--muted);text-transform:uppercase}td{padding:16px 20px;border-bottom:1px solid var(--line)}tbody tr:hover{background:#06b6d407}.stats-filter-grid,.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end}.stats-filter-grid>.filter-group{grid-column:span 2;padding:16px;min-width:0;border:1px solid var(--line);border-radius:12px;margin:0}.control-field{display:flex;flex-direction:column;gap:8px;min-width:0}.control-field input,.control-field select,.control,.search-control{height:44px;width:100%;box-sizing:border-box}.search-control.wide{grid-column:span 2}.clear-filters{height:44px;grid-column:4}.filter-chips{flex-wrap:wrap;gap:8px}.stats-filter-panel{padding:24px}.stats-filter-head{margin-bottom:20px}.stats-line,.curve{stroke:#06b6d4;stroke-width:2.5;fill:none}.stats-chart,.chart{overflow:visible}.chart-area{fill:url(#profit-fill);stroke:none}.brm-head,.health-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.brm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.brm-gauge header{display:flex;justify-content:space-between;gap:16px}.brm-gauge strong{font-family:ui-monospace,monospace}.brm-gauge p{color:var(--muted);font-size:12px}.brm-track{height:6px;border-radius:9px;background:#ffffff0b;overflow:hidden;margin:14px 0}.brm-track i{display:block;height:100%;background:#10b981;border-radius:9px}.brm-gauge.warning i{background:#fbbf24}.brm-gauge.danger i{background:#fb7185}.brm-options{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.brm-options form{display:flex;gap:16px;align-items:end;margin-top:16px;flex-wrap:wrap}.brm-options .field{flex:1}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#10b981;margin-right:8px;box-shadow:0 0 12px #10b98155;animation:signal 2s infinite}.status-dot.off{background:#64748b;animation:none;box-shadow:none}.streamer-hero{background:radial-gradient(ellipse at right,#06b6d40f,transparent),var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px}.streamer-hero>img{width:100px;height:100px}.obs-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.obs-metric{padding:18px;border:1px solid var(--line);border-radius:12px;background:#0b0f1960}.obs-metric span{display:block;font-size:11px;color:var(--muted)}.obs-metric strong{display:block;font-size:22px;margin:12px 0}.obs-metric button{font-size:10px;padding:6px 8px}.obs-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-status{border-radius:30px;padding:6px 10px;font-size:11px;background:#ffffff08}.feature-status.on{background:#10b98112;color:#34d399}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.health-grid article{background:#0b0f1970;padding:16px;border:1px solid var(--line);border-radius:12px}.health-grid small{display:block;color:var(--muted);margin-top:8px}.health-logs{font-family:ui-monospace,monospace;font-size:12px}.health-logs p{padding:12px;border-bottom:1px solid var(--line)}.skeleton{min-height:95px;border-radius:12px;background:linear-gradient(100deg,#ffffff04 20%,#06b6d410 45%,#ffffff04 70%);background-size:250% 100%;animation:shimmer 1.8s infinite}.feature-error{background:#fb718510;border:1px solid #fb718540;border-radius:12px;padding:16px;color:#fda4af}.empty img,.filter-empty img{width:64px;height:64px;border-radius:16px;background:#0b0f19}.not-found{text-align:center;padding:80px 20px}.not-found img{width:120px;background:#0b0f19;border:1px solid var(--line);border-radius:24px}.table-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px}.table-sort{background:none;border:0;padding:0;color:inherit;font-size:inherit;letter-spacing:inherit}.app-footer{border-top:1px solid var(--line)}
@keyframes shimmer{to{background-position:-250% 0}}@keyframes signal{50%{box-shadow:0 0 0 5px #10b98110}}
@media(max-width:1100px){.stats-filter-grid,.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clear-filters{grid-column:auto}.obs-metrics{grid-template-columns:repeat(3,1fr)}.topbar{padding:0 24px}.main{padding:24px}.overview-today{display:none}}
@media(max-width:760px){.sidebar{width:232px}.shell{margin-left:0}.topbar{height:64px;padding:0 16px}.main{padding:20px 16px}.brm-grid,.health-grid{grid-template-columns:1fr}.obs-metrics{grid-template-columns:repeat(2,1fr)}.obs-guide-grid{grid-template-columns:1fr}.pokey-overview{padding:22px}.overview-mascot{display:none}.streamer-hero{padding:24px}.streamer-hero>img{width:64px;height:64px}.quick-nav-trigger,.brand-crumb{display:none}.stats-filter-grid,.filter-grid{grid-template-columns:1fr}.stats-filter-grid>.filter-group,.search-control.wide,.clear-filters{grid-column:auto}.feature-section-head,.brm-head{align-items:flex-start;flex-wrap:wrap}.topbar-right{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.room-connection{display:block;font-size:10px;margin-top:8px;color:var(--muted)}.feature-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-stat{padding:22px}.feature-stat strong{font-size:26px}.feature-stat small{min-height:32px;line-height:1.5}.feature-search{align-items:end;gap:16px}.feature-search button{height:44px}
@media(max-width:1100px){.feature-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.feature-stats{grid-template-columns:1fr}}
.startup-loader{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;color:#94a3b8}.startup-loader img{width:80px;height:80px;background:#0b0f19;border-radius:20px;border:1px solid var(--line)}
/* App identity and navigation */
.brand-mark,.overview-mascot,.preview-title img,.share-card-brand img,.brand-faq-intro img,.last-call-mark,.streamer-hero>img,.topbar-brand,.empty img,.filter-empty img,.not-found img{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;object-fit:contain}.empty:before{display:none!important}.empty>img,.filter-empty>img{display:block;margin:0 auto 18px}.sidebar{height:100dvh;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#334155 transparent}.sidebar>.brand,.sidebar>.workspace-label,.sidebar>.nav,.sidebar>.profile,.sidebar>.download-small{flex-shrink:0}.sidebar .nav{flex:1 0 auto}.sidebar .profile{margin-top:20px}.app-footer{display:none}
.stats-filter-disclosure{padding:0;overflow:hidden}.stats-filter-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;cursor:pointer}.stats-filter-disclosure>summary::-webkit-details-marker{display:none}.stats-filter-title,.filter-summary-right{display:inline-flex;align-items:center;gap:16px}.stats-filter-title>.icon{width:38px;height:38px;padding:10px;background:#10b98112;color:#10b981;border-radius:10px}.filter-summary-right{font-size:12px;color:#94a3b8}.filter-chevron{font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;transition:transform 200ms}.stats-filter-disclosure[open] .filter-chevron{transform:rotate(180deg)}.stats-filter-disclosure .stats-filter-grid{padding:24px;margin:0;border-top:1px solid #ffffff14;grid-template-columns:repeat(4,minmax(0,1fr)) auto;background:linear-gradient(180deg,#06b6d407,transparent 70%)}.stats-filter-grid>.control-field:nth-of-type(3){grid-column:1;grid-row:1}.stats-filter-grid>.control-field:nth-of-type(4){grid-column:2;grid-row:1}.stats-filter-grid>.control-field:nth-of-type(1){grid-column:3;grid-row:1}.stats-filter-grid>.control-field:nth-of-type(2){grid-column:4;grid-row:1}.stats-filter-disclosure .clear-filters{grid-column:5;grid-row:1}.stats-filter-disclosure .filter-group{grid-column:1/-1;padding:0;border:0;display:flex;align-items:center;gap:18px}.stats-filter-disclosure .filter-group legend{float:left;min-width:65px;margin:0}.stats-filter-disclosure .filter-chips{gap:10px}.stats-filter-disclosure .filter-chips label{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #ffffff20;border-radius:9px;background:#0b0f19}.stats-filter-disclosure .filter-chips span{padding:0;border:0;background:transparent}.stats-filter-disclosure input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:#10b981}.stats-filter-disclosure .filter-chips label:has(input:checked){border-color:#10b98170;background:#10b98108}.session-filter-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.session-filter-disclosure>summary .icon{vertical-align:middle;margin:0}
@media(max-width:1000px){.stats-filter-disclosure .stats-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-filter-grid>.control-field:nth-of-type(n){grid-column:auto;grid-row:auto}.stats-filter-disclosure .clear-filters{grid-column:1/-1;grid-row:auto}}
@media(max-width:760px){.stats-filter-disclosure>summary{padding:18px;gap:12px}.filter-summary-right{font-size:10px;gap:8px}.stats-filter-title{gap:10px;font-size:12px}.stats-filter-disclosure .stats-filter-grid{padding:18px;grid-template-columns:1fr}.stats-filter-disclosure .filter-group{align-items:flex-start;flex-direction:column;gap:10px}}
.session-filter-disclosure>summary{justify-content:flex-start}.session-filter-disclosure .filter-active-count{margin-left:auto}.filter-chevron{flex-shrink:0;vertical-align:middle;align-self:center}
.stats-filter-disclosure .filter-chips input{position:static;opacity:1;pointer-events:auto;flex-shrink:0}.stats-filter-disclosure .filter-chips span{display:inline;color:inherit}.stats-filter-disclosure .filter-chips input:checked+span{background:transparent;border:0;color:#34d399}
.stats-filter-disclosure .stats-filter-grid>.filter-group:nth-child(n){grid-column:1/-1;margin:0}.startup-loader img{background:transparent;border:0;border-radius:0;padding:0}
/* Compact navigation and composed account identity. */
.sidebar .nav-caption,.sidebar .workspace-label{display:none}.sidebar{padding:20px 14px 14px}.sidebar .brand{padding:0 10px 20px}.sidebar .nav{gap:8px}.sidebar .nav-section{gap:3px}.sidebar .nav a{min-height:38px;padding:8px 12px}.sidebar .profile{margin-top:12px;padding-top:12px}.sidebar .download-small{margin:8px 0;padding:9px 12px}.brand-auth .auth-story{justify-content:flex-start}.auth-story-content{margin:40px 0 24px;flex:1}.auth-chameleon{height:clamp(220px,32vh,360px);margin:24px 0 0;overflow:visible;mask-image:none;display:grid;place-items:center}.auth-chameleon img{position:static;width:100%;max-width:360px;height:100%;max-height:360px;object-fit:contain;transform:none;filter:drop-shadow(0 0 38px #10b98115)}.auth-story-footer{margin-top:auto}.pokey-overview{padding-right:150px}.overview-mascot{right:42px;bottom:50%;transform:translateY(50%)!important;width:90px;height:90px}.overview-today{margin-right:0}.billing-panel{grid-column:1/-1;order:-1;padding:32px;background:radial-gradient(ellipse at top right,#10b98114,transparent 60%),var(--surface);border-color:#10b98155}.billing-panel h2{font-size:30px;margin:12px 0}.billing-panel form{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin-top:24px}.billing-panel form>.hint,.billing-panel form>button{grid-column:1/-1}.billing-panel form>.hint{margin:0}.billing-panel form>button{justify-self:start;padding:13px 22px}.account-grid{display:grid}.premium-lock{padding:40px;text-align:center;background:radial-gradient(ellipse at top,#10b98110,transparent 70%),var(--surface)}.premium-lock>.icon{width:36px;height:36px;color:#10b981}.premium-lock h2{font-size:27px;margin:20px 0 12px}.premium-lock p{color:#94a3b8;max-width:480px;margin:0 auto 24px;line-height:1.7}.premium-lock .primary{display:inline-flex;align-items:center;gap:10px}.premium-lock.compact{padding:24px;margin-top:24px}.premium-lock.compact h2{font-size:20px}.premium-dialog{padding:8px}.premium-dialog p{color:#94a3b8;line-height:1.8}.premium-dialog .primary{display:inline-flex;padding:13px 20px}
@media(max-height:780px) and (min-width:801px){.sidebar .brand{padding-bottom:12px}.sidebar .nav a{min-height:33px;padding-top:6px;padding-bottom:6px}.sidebar .nav{gap:4px}.sidebar .profile{padding:8px}.sidebar .download-small{padding:7px;margin:4px 0}}
@media(max-width:1100px){.pokey-overview{padding-right:28px}.overview-mascot{display:none}.overview-today{margin-right:0}}
@media(max-width:760px){.billing-panel{padding:24px}.billing-panel form{grid-template-columns:1fr}.premium-lock{padding:28px 20px}.premium-lock h2{font-size:23px}}
.pokey-overview .overview-mascot{right:48px!important;bottom:50%!important;width:88px!important;height:88px!important;transform:translateY(50%)!important}
/* Shared first-paint and authenticated connection screen. */
.startup-loader{min-height:100dvh;box-sizing:border-box;padding:32px 24px;gap:28px;text-align:center;background:radial-gradient(ellipse at center,#10b98109,transparent 45%),#0b0f19}.startup-mark{position:relative;display:grid;place-items:center;width:160px;height:160px}.startup-mark:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#06b6d412,transparent 70%);animation:startup-breathe 2.8s ease-in-out infinite}.startup-mark img{position:relative;width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 0 20px #10b98118)}.startup-copy{display:grid;gap:10px}.startup-copy strong{font-size:21px;font-weight:500;letter-spacing:-.025em;color:#edf3fa}.startup-copy span{font-size:12px;color:#8b9cb5}.startup-progress{width:112px;height:3px;overflow:hidden;border-radius:8px;background:#ffffff0b}.startup-progress i{display:block;height:100%;width:45%;border-radius:8px;background:linear-gradient(90deg,#10b981,#06b6d4);animation:startup-slide 1.6s ease-in-out infinite}@keyframes startup-slide{from{transform:translateX(-110%)}to{transform:translateX(330%)}}@keyframes startup-breathe{50%{opacity:.45;transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.startup-mark:before,.startup-progress i{animation:none}.startup-progress i{width:100%;opacity:.7}}

.admin-analytics{margin-top:24px}.admin-analytics>.feature-stats{margin:24px 0}.obs-payload{margin-top:24px;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.obs-payload summary{display:flex;align-items:center;gap:16px;padding:20px;cursor:pointer;list-style:none}.obs-payload summary::-webkit-details-marker{display:none}.obs-payload summary small{display:block;color:var(--muted);margin-top:5px}.obs-payload-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(16,185,129,.1);color:#10b981;font-family:monospace}.obs-payload-arrow{margin-left:auto;transition:transform .2s}.obs-payload[open] .obs-payload-arrow{transform:rotate(180deg)}.obs-payload .obs-preview{margin:0 20px;max-height:420px;overflow:auto}.obs-payload>.hint{padding:0 20px 16px}.streamer-hero>img{object-fit:contain;background:transparent;border:0;box-shadow:none;align-self:center}.obs-guide-card{align-items:flex-start}.obs-step{display:grid;place-items:center;flex-shrink:0}.obs-mini-ui{align-items:center}

@media(min-width:761px){.obs-guide-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.obs-guide-card{grid-column:span 2}.obs-guide-card:nth-last-child(-n+2){grid-column:span 3}}.obs-guide-card{transition:border-color .2s,background .2s}.obs-guide-card:hover{border-color:#10b9814d;background:#10b98105}.obs-payload summary:hover{background:#10b98105}.obs-payload summary:focus-visible{outline:2px solid #10b981;outline-offset:-3px}

/* Session overview, calendar heatmap and centered OBS walkthrough. */
.period-current{display:grid;grid-template-columns:1.1fr .8fr .65fr 1.3fr;gap:16px;padding:0 24px 24px}.period-current article{min-width:0;padding:18px;background:#0b0f1966;border:1px solid var(--line);border-radius:12px;display:grid;gap:10px}.period-current span{font-size:11px;color:var(--muted)}.period-current strong{font-size:18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.period-current article:first-child strong{font-size:25px}.period-history{border-top:1px solid var(--line)}.period-history summary{padding:18px 24px;cursor:pointer;color:var(--text)}.period-history summary span{float:right;color:var(--muted);font-size:11px}.table-pagination{flex-wrap:wrap}.table-pagination>span:first-child{margin-right:auto;color:var(--muted);font-size:12px}.calendar-day.day-profit{background:rgba(16,185,129,var(--day-intensity))!important;border-color:#10b98155!important}.calendar-day.day-loss{background:rgba(244,63,94,var(--day-intensity))!important;border-color:#f43f5e55!important}.calendar-day.day-even{background:#06b6d410!important}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-day{min-width:0;height:auto;min-height:110px;gap:8px}.calendar-day strong{display:block!important;visibility:visible!important;font-size:clamp(10px,1.15vw,16px);white-space:normal!important;overflow-wrap:anywhere;line-height:1.4;text-align:center}.calendar-day small{white-space:normal;font-size:10px}.calendar-day.day-loss strong{color:#fda4af}.calendar-day.day-profit strong{color:#6ee7b7}.obs-guide{text-align:center}.obs-guide-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:18px;padding:28px}.obs-guide-card>div{display:flex;flex-direction:column;align-items:center;flex:1;width:100%;min-width:0}.obs-guide-card h3{min-height:2.5em;display:grid;place-items:center;margin:0 0 12px}.obs-guide-card p{margin:0 0 20px;max-width:440px}.obs-mini-ui{margin-top:auto;box-sizing:border-box;width:100%;max-width:440px;justify-content:space-between;min-height:58px;gap:12px}.obs-guide-card:nth-child(5) .obs-step{border-color:#10b98144;color:#10b981}@media(max-width:900px){.period-current{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.period-current{padding:0 16px 16px;gap:10px}.period-current article{padding:14px}.period-current strong{font-size:14px}.period-current article:first-child strong{font-size:20px}.calendar-day{padding:8px 2px;min-height:105px}.calendar-day strong{font-size:9px}.calendar-day small{font-size:8px}.obs-guide-card{grid-column:auto!important;padding:24px}.obs-guide-card h3{min-height:0}}

.calendar-day{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.calendar-day>span{align-self:flex-start}.calendar-day strong{margin:auto 0}.calendar-day small{margin-top:auto}@media(max-width:540px){.calendar-day small{display:none}.calendar-day{min-height:92px}.calendar-day strong{font-size:9px;letter-spacing:-.03em}}

.obs-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.obs-metric{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;gap:16px}.obs-metric>span{min-height:24px;display:flex;align-items:center;justify-content:center}.obs-metric>strong{font-variant-numeric:tabular-nums;line-height:1.2;overflow-wrap:anywhere}.obs-metric>button{margin-top:auto}.obs-metric:nth-last-child(-n+2){grid-column:span 2}@media(max-width:1100px){.obs-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-metric:nth-last-child(-n+2){grid-column:auto}}@media(max-width:420px){.obs-metrics{grid-template-columns:1fr}}

#modal:has(.premium-dialog){width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #10b98140;border-radius:24px;background:radial-gradient(ellipse at 50% 0,#10b98116,transparent 65%),#0e1422;box-shadow:0 24px 100px #0008}#modal:has(.premium-dialog)::backdrop{background:#050a13bb;backdrop-filter:blur(8px)}.premium-dialog{position:relative;padding:36px;text-align:center}.premium-dialog-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;padding:8px}.premium-dialog-emblem{display:grid;place-items:center;margin:0 auto 18px;width:64px;height:64px;border-radius:20px;border:1px solid #10b98140;background:linear-gradient(135deg,#10b9811c,#06b6d412);color:#5eead4;box-shadow:0 0 40px #10b98110}.premium-dialog-emblem svg{width:28px;height:28px}.premium-pass-badge{display:inline-flex;align-items:center;gap:10px;color:#b7f7df;font-size:11px;font-weight:700;letter-spacing:.12em}.premium-pass-badge>span{padding:4px 6px;border-radius:5px;background:#10b98120;color:#5eead4;font-size:9px}.premium-dialog h2{font-size:28px;line-height:1.2;margin:18px 0 12px;letter-spacing:-.03em}.premium-dialog p{font-size:14px;line-height:1.7;margin:0;color:#9aaac0}.premium-dialog-feature{display:flex;justify-content:center;align-items:center;gap:8px;margin:22px 0;padding:12px;border:1px solid #ffffff0d;border-radius:12px;color:#dce8f3;background:#ffffff03;font-size:13px}.premium-dialog-feature svg{width:15px;height:15px;color:#5eead4}.premium-dialog-benefits{list-style:none;padding:0;margin:0 0 24px;text-align:left;display:grid;gap:12px;font-size:13px;color:#b5c3d6}.premium-dialog-benefits li{display:flex;align-items:center;gap:10px}.premium-dialog-benefits svg{width:16px;height:16px;flex-shrink:0;color:#10b981}.premium-dialog .premium-dialog-cta{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;padding:15px 12px;border-radius:12px;font-size:14px;font-weight:650;text-decoration:none}.premium-dialog-reassurance{display:block;margin-top:14px;color:#8392a7;font-size:11px;line-height:1.6}.nav .premium-nav-lock{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:7px;border:1px solid #10b98122;background:#10b9810c;color:#75d8bd}.nav .premium-nav-lock svg{width:12px;height:12px}.nav .premium-nav-link:hover .premium-nav-lock{background:#10b98122;border-color:#10b98155;color:#5eead4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){.premium-dialog{padding:32px 22px 24px}.premium-dialog h2{font-size:25px}}

.obs-guide-card{padding:28px;gap:18px}.obs-guide-card>div{display:flex;flex-direction:column;align-items:center;width:100%;gap:16px}.obs-guide-card h3{margin:0;line-height:1.35}.obs-guide-card p{margin:0;max-width:440px;line-height:1.7}.obs-guide-card .obs-mini-ui{display:flex;align-items:center;justify-content:center;gap:16px;margin:4px auto 0;width:fit-content;max-width:100%;min-height:62px;padding:16px 20px;text-align:center}.obs-mini-ui>b{line-height:1}.obs-guide-card .obs-text-example{flex-direction:column;gap:8px;min-width:min(280px,100%)}.obs-text-example>span{font-size:11px;color:#94a3b8}.obs-text-example>strong{font-family:ui-monospace,monospace;font-size:28px;color:#34d399;letter-spacing:-.04em}.obs-text-example>small{font-size:10px;color:#7c8ca4}.obs-guide-card:nth-child(n+4) p{max-width:440px}@media(max-width:760px){.obs-guide-card{padding:24px 20px}.obs-guide-card .obs-mini-ui{gap:12px;padding:14px;font-size:12px}}

.premium-lock-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.premium-lock-brand img{display:block;width:64px;height:64px;object-fit:contain;background:transparent;border:0;border-radius:0;padding:0}.premium-lock-brand .eyebrow{margin:0}.premium-lock.compact .premium-lock-brand img{width:52px;height:52px}

#modal.session-summary-dialog{width:min(600px,calc(100vw - 32px));max-width:600px;max-height:calc(100dvh - 32px);padding:0;border-radius:22px;border:1px solid #ffffff12;background:radial-gradient(ellipse at top right,#10b98109,transparent 60%),#0e1422;overflow:auto;box-shadow:0 28px 100px #0008}.session-summary-dialog .modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:24px 28px;border-bottom:1px solid #ffffff0a}.session-summary-dialog .modal-head .eyebrow{font-size:10px;letter-spacing:.14em;margin:0 0 8px}.session-summary-dialog .modal-head h2{font-size:21px;line-height:1.3;margin:0}.session-summary-dialog .modal-head button{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:8px;border-radius:10px}.session-summary-dialog .session-share-card{margin:0;padding:28px;border:0;border-radius:0;background:transparent}.session-summary-dialog .share-card-brand{gap:10px;margin-bottom:24px}.session-summary-dialog .share-card-brand img{width:30px;height:30px;background:transparent!important;border:0;padding:0;border-radius:0}.session-summary-dialog .share-card-brand strong{font-size:14px}.session-summary-dialog .share-card-brand>span{font-size:9px;letter-spacing:.1em}.session-summary-dialog .session-share-card>h3{margin:0 0 8px;font-size:22px;line-height:1.35;overflow-wrap:anywhere}.session-summary-dialog .share-card-date{margin:0;color:#94a3b8;font-size:12px}.session-summary-dialog .share-card-profit{margin:22px 0;padding:22px 20px;border:1px solid #10b98120;border-radius:16px;background:linear-gradient(120deg,#10b9810c,#06b6d405);font-size:46px;line-height:1.1;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.session-summary-dialog .share-card-profit.negative{color:#fb7185;background:#fb718508;border-color:#fb718520}.session-summary-dialog .share-card-stats{gap:12px;border:0;padding:0;margin:0 0 16px}.session-summary-dialog .share-card-stats>div{padding:16px 10px;background:#ffffff03;border:1px solid #ffffff08;border-radius:12px;text-align:center;gap:8px}.session-summary-dialog .share-card-stats strong{font-size:17px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.session-summary-dialog .share-card-stats span{font-size:9px;letter-spacing:.08em}.session-summary-dialog .share-card-totals{padding:16px 0;margin:0;border-top:1px solid #ffffff08;font-size:12px;gap:16px}.session-summary-dialog .share-card-totals>span{display:flex;align-items:center;gap:8px}.session-summary-dialog .share-card-totals strong{margin:0;font-variant-numeric:tabular-nums}.session-summary-dialog .share-card-note{margin-top:8px;padding:16px 18px;background:#ffffff03;border-left:2px solid #06b6d440;border-radius:0 10px 10px 0}.session-summary-dialog .share-card-note>span{font-size:9px;line-height:1.5}.session-summary-dialog .share-card-note p{font-size:13px;line-height:1.6;margin:8px 0 0;overflow-wrap:anywhere}@media(max-width:480px){.session-summary-dialog .modal-head{padding:20px}.session-summary-dialog .modal-head h2{font-size:19px}.session-summary-dialog .session-share-card{padding:20px}.session-summary-dialog .share-card-brand>span{font-size:8px}.session-summary-dialog .share-card-profit{font-size:38px;padding:20px 12px}.session-summary-dialog .share-card-stats{gap:8px}.session-summary-dialog .share-card-stats>div{padding:14px 6px}.session-summary-dialog .share-card-stats strong{font-size:14px}.session-summary-dialog .share-card-totals{font-size:11px}.session-summary-dialog .session-share-card>h3{font-size:20px}}

.pokey-overview .overview-mascot{opacity:1!important;filter:none!important;mask-image:none!important;mix-blend-mode:normal;background:transparent!important;border:0;padding:0}

.date-popover,.pokey-popover.date-popover{background:#10172a!important;opacity:1!important;backdrop-filter:none!important}.date-popover .date-days button:disabled{opacity:1;color:#475569}.admin-tabs{display:flex;gap:6px;width:fit-content;max-width:100%;margin:0 0 24px;padding:5px;background:#ffffff04;border:1px solid #ffffff08;border-radius:12px}.admin-tabs button{padding:10px 16px;white-space:nowrap}.admin-tabs button.active{background:#0b0f19;color:#e2e8f0}.chart,.stats-chart{touch-action:pan-y}.chart-cursor{pointer-events:none}.admin-analytics .feature-stats{gap:14px}.feature-table th{white-space:nowrap}@media(max-width:600px){.admin-tabs{width:100%;overflow-x:auto}.admin-tabs button{padding:10px 12px;font-size:12px}}

.sidebar .nav a.active,.light .sidebar .nav a.active{color:var(--text);background:var(--surface-2);border-color:transparent;box-shadow:none;font-weight:600}
.sidebar .nav a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}