:root{--bg:#070b14;--bg2:#0b1020;--card:#101728;--card2:#141d31;--line:#263149;--text:#f4f7fb;--muted:#91a0b8;--soft:#c6d0df;--accent:#8eb7ff;--accent2:#73e0c0;--gold:#f2cc7d;--danger:#ff8d9b;--win:#72d6a2;--miss:#ef8893;--shadow:0 18px 50px rgba(0,0,0,.25);--radius:20px;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:radial-gradient(circle at 50% -10%,#19274b 0,#0b1120 38%,#070b14 70%);color:var(--text);min-height:100vh}.hidden,[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer}.app-header{position:sticky;top:0;z-index:30;height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(18px,calc((100vw - 860px)/2));background:rgba(7,11,20,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.header-copy{min-width:0}.eyebrow,.method-kicker,.card-head span,.subhead span{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--accent);text-transform:uppercase}.app-header h1{font-size:23px;margin:2px 0 0;line-height:1.15}.header-actions{display:flex;gap:8px}.icon-btn,.round-btn{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:21px}.icon-btn:hover,.round-btn:hover{background:var(--card2)}.app-main{max-width:860px;margin:0 auto;padding:18px 16px calc(96px + var(--safe-bottom))}.screen{display:none;animation:fade .16s ease}.screen.active{display:block}@keyframes fade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
.bottom-nav{position:fixed;z-index:40;left:50%;bottom:0;transform:translateX(-50%);width:min(860px,100%);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px calc(8px + var(--safe-bottom));background:rgba(8,12,21,.93);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -10px 35px rgba(0,0,0,.25)}.bottom-nav button{border:0;background:none;color:#728099;padding:5px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:12px}.bottom-nav button span{font-size:18px;line-height:20px}.bottom-nav button b{font-size:11px}.bottom-nav button.active{color:var(--text);background:rgba(142,183,255,.12)}
.date-toolbar,.period-toolbar{display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center;margin-bottom:14px}.date-label,.period-label{border:1px solid var(--line);background:rgba(16,23,40,.88);border-radius:16px;min-height:44px;padding:6px 12px;text-align:center;color:var(--text)}.date-label{display:flex;align-items:center;justify-content:center;gap:12px}.date-label span{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.date-label input{border:0;background:transparent;color:var(--text);font-weight:750;outline:0}.period-label{font-weight:800}.screen-intro,.method-hero{margin-bottom:14px;padding:18px 20px;border:1px solid rgba(142,183,255,.18);background:linear-gradient(135deg,rgba(142,183,255,.12),rgba(115,224,192,.04));border-radius:var(--radius)}.screen-intro{display:flex;flex-direction:column;gap:5px}.screen-intro strong{font-size:17px}.screen-intro span,.method-hero p{font-size:13px;color:var(--soft);line-height:1.55}.method-hero h2{font-size:24px;margin:5px 0}.method-hero p{margin:0}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;background:#0b1120;border:1px solid var(--line);border-radius:16px;margin-bottom:14px}.mode-switch button,.segmented button{border:0;background:transparent;color:var(--muted);border-radius:11px;padding:10px 12px;font-weight:750;font-size:13px}.mode-switch button.active,.segmented button.active{background:#1d2a45;color:var(--text);box-shadow:inset 0 0 0 1px rgba(142,183,255,.18)}
.card,.hero-card,.control-card,.research-card,.filter-card,.method-section,.about-grid{border:1px solid var(--line);background:linear-gradient(180deg,rgba(19,28,48,.96),rgba(13,20,35,.97));border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px}.card,.control-card,.research-card,.filter-card,.method-section{padding:18px}.hero-card{padding:20px;background:linear-gradient(145deg,#152642,#10182b 65%,#11231e)}.hero-card.personal{background:linear-gradient(145deg,#22203d,#13172a 60%,#132923)}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hero-top h2{font-size:22px;margin:5px 0 2px}.hero-top p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.tier-pill{white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;border:1px solid currentColor}.tier-s{color:#f1d17f}.tier-a{color:#78dbc1}.tier-b{color:#8eb7ff}.tier-c{color:#9ba7b8}.picks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 16px}.pick{padding:15px 12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(3,8,16,.34);text-align:center}.pick span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.pick b{display:block;font-size:52px;line-height:1;margin-top:6px;letter-spacing:-.05em}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.metrics div{background:rgba(0,0,0,.18);border-radius:12px;padding:9px;text-align:center}.metrics b{display:block;font-size:16px}.metrics span{display:block;color:var(--muted);font-size:9px;margin-top:2px;text-transform:uppercase;letter-spacing:.05em}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:13px}.card-head h3{font-size:17px;margin:3px 0 0}.card-head small{color:var(--muted);font-size:11px}.top5{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:#0b1220;border:1px solid var(--line);font-size:21px;font-weight:900}.chip.strong{border-color:rgba(142,183,255,.5);background:rgba(142,183,255,.1)}
.rank-table{display:flex;flex-direction:column}.rank-row{display:grid;grid-template-columns:44px 46px 1fr 58px;gap:8px;align-items:center;border-top:1px solid rgba(255,255,255,.06);min-height:44px}.rank-row:first-child{border-top:0}.rank-row>b:first-child{color:var(--muted);font-size:12px}.rank-num{font-size:17px;font-weight:900}.rank-note{font-size:11px;color:var(--muted)}.rank-row>b:last-child{text-align:right;font-size:13px}.difference-grid{display:grid;gap:8px}.difference-grid>div{display:grid;grid-template-columns:54px 1fr;gap:2px 10px;padding:10px 12px;background:#0c1322;border-radius:13px}.difference-grid span{grid-row:1/3;font-size:23px;font-weight:900;align-self:center}.difference-grid b{font-size:12px}.difference-grid small{color:var(--muted);font-size:11px}.research-card{border-color:rgba(115,224,192,.22);background:linear-gradient(135deg,rgba(115,224,192,.08),rgba(16,23,40,.92))}.research-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.research-head div{display:flex;flex-direction:column;gap:3px}.research-head span{font-size:9px;letter-spacing:.12em;color:var(--accent2);font-weight:900}.research-head b{font-size:15px}.research-head button,.empty-note button{border:1px solid var(--line);background:#17233b;color:var(--text);padding:8px 10px;border-radius:10px;font-size:11px}.research-card p{color:var(--muted);font-size:11px;line-height:1.5;margin:10px 0 0}
.result-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:#0d1423}.result-strip>div{display:flex;flex-direction:column;gap:2px}.result-strip b{font-size:12px}.result-strip span{font-size:11px;color:var(--muted)}.result-strip.win{border-color:rgba(114,214,162,.36)}.result-strip.win b{color:var(--win)}.result-strip.miss{border-color:rgba(239,136,147,.25)}.result-strip.miss b{color:var(--miss)}.result-strip.pending b{color:var(--gold)}
.control-card{box-shadow:none}.control-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.control-label span,.field span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.control-label b{font-size:12px}.segmented{display:flex;gap:5px;padding:4px;background:#0a101c;border-radius:14px;border:1px solid rgba(255,255,255,.06)}.segmented.wrap{flex-wrap:wrap}.segmented.wrap button{flex:1;min-width:48px}.segmented.compact button{padding:8px 10px;font-size:11px}.field{display:flex;flex-direction:column;gap:7px;margin-top:12px}.field input,.filter-card input,.filter-card select,.two-col select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;background:#0b1220;color:var(--text);padding:9px 11px;outline:none}.field input:focus,.filter-card input:focus{border-color:var(--accent)}.helper{color:var(--muted);font-size:11px;line-height:1.45;margin-top:9px}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.summary-strip>div{border:1px solid var(--line);background:#0e1626;border-radius:14px;padding:11px}.summary-strip span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.summary-strip b{display:block;font-size:13px;margin-top:4px}
.day-list{display:flex;flex-direction:column;gap:9px}.day-card{width:100%;display:grid;grid-template-columns:66px 1fr 62px;gap:11px;align-items:center;text-align:left;border:1px solid var(--line);background:linear-gradient(180deg,#111a2c,#0d1422);color:var(--text);border-radius:16px;padding:10px 11px}.day-card:hover{border-color:#3a4b6b}.day-date{display:flex;flex-direction:column}.day-date b{font-size:18px}.day-date span{font-size:9px;color:var(--muted);line-height:1.25}.day-main>div{display:flex;align-items:baseline;gap:8px}.day-main>div span{font-size:9px;color:var(--muted);text-transform:uppercase}.day-main>div b{font-size:18px}.day-main small{display:block;color:var(--muted);font-size:9px;line-height:1.35;margin-top:2px}.day-score{text-align:center;border-left:1px solid var(--line)}.day-score b{display:block;font-size:18px}.day-score span{font-size:10px;font-weight:900}.day-score small{display:block;color:var(--muted);font-size:9px}.compact-list .day-card{grid-template-columns:62px 1fr 58px}
.section-title{font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--soft);margin:18px 2px 9px}.guide-date-list,.guide-plan-list{display:flex;flex-direction:column;gap:7px}.guide-date-list button{width:100%;display:grid;grid-template-columns:70px 1fr;text-align:left;border:1px solid var(--line);background:#0e1625;color:var(--text);border-radius:13px;padding:10px 12px}.guide-date-list button span{grid-row:1/3;color:var(--accent);font-size:11px;font-weight:900;align-self:center}.guide-date-list b{font-size:12px}.guide-date-list small{color:var(--muted);font-size:10px}.plan-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border:1px solid var(--line);background:#0e1625;border-radius:14px;padding:10px}.plan-row>div{min-width:0}.plan-row span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase}.plan-row b{display:block;font-size:12px;margin-top:3px;word-break:break-word}.positive{color:var(--win)}.method-note{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);background:#0d1524;border-radius:14px;padding:13px;margin-top:13px}.method-note b{font-size:12px}.method-note span{font-size:11px;line-height:1.55;color:var(--muted)}.method-note.warning{border-color:rgba(242,204,125,.25)}.method-note.warning b{color:var(--gold)}.method-note.important{border-color:rgba(142,183,255,.26)}
.stats-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;flex-wrap:wrap}.freshness{font-size:11px;color:var(--muted);padding:0 3px 9px}.stats-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.kpi{border:1px solid var(--line);background:#0e1626;border-radius:16px;padding:12px}.kpi span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kpi b{display:block;font-size:22px;margin:4px 0}.kpi small{display:block;font-size:9px;color:var(--muted);line-height:1.4}.kpi.primary{border-color:rgba(142,183,255,.28)}.kpi.personal{border-color:rgba(115,224,192,.25)}.baseline-card{display:flex;flex-direction:column;gap:4px;border-radius:14px;padding:12px 14px;background:rgba(142,183,255,.07);border:1px solid rgba(142,183,255,.16);margin-bottom:12px}.baseline-card b{font-size:12px}.baseline-card span{font-size:10px;color:var(--muted);line-height:1.45}.stats-days{display:flex;flex-direction:column;gap:7px;margin-top:9px}.stats-day{width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 10px;text-align:left;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#0e1625;color:var(--text)}.stats-day>div{display:grid;grid-template-columns:86px 70px 1fr;align-items:center;gap:8px}.stats-day span,.stats-day small{font-size:10px;color:var(--muted)}.stats-day b{font-size:13px}.stats-day strong{grid-row:1/2;grid-column:2;font-size:11px}.stats-day em{grid-column:2;font-size:9px;color:var(--muted);font-style:normal}.stats-day.win{border-left:3px solid var(--win)}.stats-day.win strong{color:var(--win)}.stats-day.miss{border-left:3px solid var(--miss)}.stats-day.miss strong{color:var(--miss)}
.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.more-grid>button{min-height:112px;text-align:left;border:1px solid var(--line);background:linear-gradient(145deg,#111b2e,#0d1422);color:var(--text);border-radius:18px;padding:16px}.more-grid>button>span{display:block;font-size:23px;margin-bottom:10px}.more-grid b{display:block;font-size:14px}.more-grid small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.subscreen{display:none}.subscreen.active{display:block}.subhead{display:flex;align-items:center;gap:10px;margin-bottom:14px}.subhead .back-more{width:42px;height:42px;border:1px solid var(--line);background:#101829;color:var(--text);border-radius:13px;font-size:22px}.subhead h2{margin:2px 0 0;font-size:21px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wide-btn{width:100%;border-radius:12px;min-height:44px;margin-top:12px;border:0;font-weight:800}.primary{background:#8eb7ff;color:#07101f}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.element-bars{display:flex;flex-direction:column;gap:9px}.element-bars>div{display:grid;grid-template-columns:45px 1fr 38px;gap:8px;align-items:center}.element-bars span,.element-bars b{font-size:11px}.element-bars i{height:7px;background:#0a101c;border-radius:999px;overflow:hidden}.element-bars em{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px}
.calendar-legend{display:flex;justify-content:center;gap:16px;margin:3px 0 10px;color:var(--muted);font-size:10px}.tier-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.tier-dot.s{background:#f1d17f}.tier-dot.a{background:#78dbc1}.tier-dot.b{background:#8eb7ff}.tier-dot.c{background:#7f8a9c}.weekday-row,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekday-row{margin-bottom:5px}.weekday-row span{text-align:center;color:var(--muted);font-size:9px;font-weight:800}.calendar-day,.calendar-empty{aspect-ratio:1/1.05}.calendar-day{position:relative;border:1px solid var(--line);background:#0e1625;color:var(--text);border-radius:11px;padding:6px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.calendar-day>span{position:absolute;left:6px;top:5px;color:var(--muted);font-size:9px}.calendar-day b{font-size:11px}.calendar-day small{font-size:9px}.calendar-day.tier-s{border-color:rgba(241,209,127,.45)}.calendar-day.tier-a{border-color:rgba(120,219,193,.35)}
.station-match{border:1px solid var(--line);background:#0f1828;border-radius:17px;padding:14px;margin-bottom:13px}.station-match>span{font-size:9px;color:var(--accent2);font-weight:900;letter-spacing:.1em}.station-match>b{display:block;font-size:15px;margin:3px 0 10px}.station-match>div{display:grid;grid-template-columns:1fr 65px;gap:2px 8px;border-top:1px solid rgba(255,255,255,.05);padding:7px 0}.station-match strong,.station-match em{font-size:11px}.station-match em{text-align:right;font-style:normal;font-weight:800}.station-match small{grid-column:1/3;color:var(--muted);font-size:9px}.station-match.clear{border-color:rgba(115,224,192,.3)}.station-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:3px}.station-tabs button{white-space:nowrap;border:1px solid var(--line);background:#0d1524;color:var(--muted);border-radius:11px;padding:8px 10px;font-size:11px}.station-tabs button.active{color:var(--text);border-color:var(--accent);background:rgba(142,183,255,.1)}.pick-history{display:grid;grid-template-columns:70px repeat(3,1fr);gap:6px;align-items:center;border:1px solid var(--line);background:#0e1625;border-radius:14px;padding:10px;margin-bottom:7px}.pick-history>div span{display:block;font-size:8px;color:var(--muted);text-transform:uppercase}.pick-history>div b{display:block;font-size:14px}.pick-history>div:first-child b{font-size:23px}.pick-history em{grid-column:1/5;font-size:9px;font-style:normal}.anom-up{color:var(--win)}.anom-down{color:var(--miss)}.anom-neutral{color:var(--muted)}.recent-toolbar{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px}.recent-toolbar>span{font-size:11px;color:var(--muted);font-weight:800}.recent-top-list{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.recent-top-list>div{border:1px solid var(--line);border-radius:12px;background:#0e1625;padding:8px;text-align:center}.recent-top-list b,.recent-top-list small{display:block;color:var(--muted);font-size:8px}.recent-top-list span{display:block;font-size:18px;font-weight:900}.recent-top-list strong{display:block;font-size:10px}.history-number-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.number-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.06);background:#0c1321;border-radius:7px}.number-cell b{font-size:10px}.number-cell span{font-size:7px;color:var(--muted)}.number-cell.core{border-color:var(--accent);background:rgba(142,183,255,.13)}
.filter-card{box-shadow:none}.filter-card .two-col{margin-bottom:8px}.summary-line{font-size:11px;color:var(--muted);margin:8px 2px}.flow-card,.formula-card{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;background:#0b1220;border:1px solid var(--line);border-radius:15px;padding:14px;text-align:center;margin:10px 0}.flow-card b,.formula-card b{font-size:12px}.flow-card i{color:var(--accent);font-style:normal}.method-section{box-shadow:none}.method-section h3{margin:0 0 9px;font-size:16px}.method-section p{font-size:12px;line-height:1.6;color:var(--soft)}.weight-list{display:flex;flex-direction:column}.weight-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.weight-list span{font-size:11px;color:var(--soft)}.weight-list b{font-size:11px;color:var(--accent)}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:14px}.about-grid>div{background:#0c1321;border-radius:13px;padding:12px}.about-grid span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.about-grid b{display:block;font-size:13px;margin-top:4px}
.empty-state,.empty-note,.error-card,.skeleton-card{border:1px dashed var(--line);background:#0b1220;border-radius:16px;padding:18px;color:var(--muted);margin-bottom:12px}.empty-state,.error-card{display:flex;flex-direction:column;gap:5px}.empty-state b,.error-card b{color:var(--text);font-size:13px}.empty-state span,.error-card span{font-size:11px;line-height:1.55}.empty-state code{color:var(--accent);font-size:10px}.skeleton-card{text-align:center;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.55}}.error-card{border-color:rgba(255,141,155,.25)}.toast{position:fixed;left:50%;bottom:calc(86px + var(--safe-bottom));transform:translate(-50%,20px);z-index:80;opacity:0;pointer-events:none;background:#eff5ff;color:#101626;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:800;transition:.2s;box-shadow:0 12px 30px rgba(0,0,0,.35)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:680px){.app-main{padding-left:11px;padding-right:11px}.app-header{padding-left:14px;padding-right:14px}.app-header h1{font-size:20px}.eyebrow{font-size:8px}.hero-card{padding:17px}.pick b{font-size:46px}.metrics{grid-template-columns:repeat(4,1fr)}.metrics div{padding:8px 3px}.metrics b{font-size:14px}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip>div:last-child:nth-child(3){grid-column:1/3}.stats-kpi-grid{grid-template-columns:1fr 1fr}.plan-row{grid-template-columns:1fr 1fr}.more-grid{grid-template-columns:1fr 1fr}.stats-day>div{grid-template-columns:72px 62px 1fr}.recent-top-list{grid-template-columns:repeat(5,1fr)}.history-number-grid{grid-template-columns:repeat(10,1fr)}.day-card{grid-template-columns:58px 1fr 53px;gap:8px}.day-main small{max-width:210px}.rank-row{grid-template-columns:35px 38px 1fr 48px}.two-col{grid-template-columns:1fr}.pick-history{grid-template-columns:65px repeat(3,1fr)}}
@media(max-width:390px){.bottom-nav button b{font-size:9px}.more-grid{gap:7px}.more-grid>button{min-height:100px;padding:13px}.day-main small{max-width:160px}.stats-kpi-grid{gap:6px}.kpi{padding:10px}.kpi b{font-size:19px}.history-number-grid{gap:3px}.number-cell{border-radius:5px}}
@media(min-width:861px){.bottom-nav{bottom:10px;border-radius:22px;border-bottom:1px solid rgba(255,255,255,.08)}.app-main{padding-bottom:110px}.bottom-nav button{flex-direction:row;justify-content:center;gap:7px}.bottom-nav button span{font-size:15px}.bottom-nav button b{font-size:12px}}