:root{--g:#C9A86A;--bg:#0B0B0D;--fg:#EDE8DE;--mu:#8C867A;--ln:#2A2720;--card:#141310;--od:#D98A6A;--ars:#E5484D;--kid:#8FA6C8}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{background:var(--bg);color:var(--fg);font-family:-apple-system,'SF Pro Text',Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;height:100%}
button,input,textarea{font:inherit;color:inherit}.hide{display:none!important}
.serif{font-family:'New York','Iowan Old Style',Georgia,serif}.num{font-variant-numeric:tabular-nums}
.ring{width:22px;height:22px;border:3px solid var(--g);border-radius:50%;position:relative;flex:none}.ring:after{content:'';position:absolute;width:6px;height:6px;background:var(--g);border-radius:50%;left:5px;top:5px}
.ring.big{width:56px;height:56px;border-width:7px;margin:0 auto 14px}.ring.big:after{width:12px;height:12px;left:15px;top:15px}
#login{display:flex;align-items:center;justify-content:center;min-height:100%;padding:24px}
#lf{width:100%;max-width:320px;text-align:center}#lf h1{font-weight:400;font-size:38px;margin-bottom:22px}
#lf input{display:block;width:100%;padding:13px 16px;margin-bottom:10px;background:var(--card);border:1px solid var(--ln);border-radius:12px;font-size:16px}
#lf button{width:100%;padding:13px;border:0;border-radius:12px;background:var(--g);color:var(--bg);font-weight:600;font-size:16px}
header{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) 18px 8px;position:sticky;top:0;background:var(--bg);z-index:5}
header b{font-size:16px;letter-spacing:.02em}
#seg{margin-left:auto;display:flex;background:#17160F;border:1px solid var(--ln);border-radius:11px;padding:3px}
#seg span{font-size:13px;font-weight:600;padding:6px 13px;border-radius:8px;color:var(--mu);cursor:pointer}#seg .on{background:var(--g);color:var(--bg)}
.ib{width:34px;height:34px;border-radius:10px;border:1px solid var(--ln);background:#17160F;color:var(--g);font-family:Georgia,serif;font-style:italic;font-size:17px;cursor:pointer}
main{padding:6px 22px 140px}.col{display:none}.col.on{display:block}
.me{font-size:12px;color:var(--mu)}.od{color:var(--od)}.dk{display:none}
.sec{font-size:10.5px;letter-spacing:.2em;color:#6F6A60;text-transform:uppercase;margin:18px 0 6px;display:flex;justify-content:space-between;gap:8px}
h1.hd{font-size:40px;line-height:1.04;font-weight:400;margin-top:6px}h1.hd em{color:var(--g)}.lede{color:#9B958A;font-size:14px;line-height:1.45;margin-top:10px}
.row{border-top:1px solid #211F1A;padding:11px 0;display:flex;gap:12px;cursor:pointer}.row .n{font-family:Georgia,serif;font-style:italic;color:var(--g);font-size:18px;min-width:42px}
.ti{font-size:15px;font-weight:500;line-height:1.3}.acts{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}
.b{font-size:12.5px;padding:6px 13px;border-radius:99px;border:1px solid #3A352B;background:none;color:#CFC8BA;cursor:pointer;white-space:nowrap}
.b.p{background:var(--g);color:var(--bg);border-color:var(--g);font-weight:600}.b.x{color:var(--od);border-color:#4a2f25}.b.on{border-color:var(--g);color:var(--g)}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;padding:2px 8px;border-radius:99px;border:1px solid var(--ln);color:#B8B1A3;margin:2px 4px 0 0}
.chip.r{color:var(--g);border-color:#3a3220}.chip i{font-style:normal;cursor:pointer;color:var(--mu)}
.why{font-size:11px;color:#6F6A60;margin-top:3px}
.foot{margin-top:16px;font-size:12px;color:var(--mu);border-top:1px solid #211F1A;padding-top:12px}.foot a{color:var(--g);cursor:pointer}
/* day */
.dnav{display:flex;align-items:center;gap:8px}.dnav button{background:none;border:1px solid var(--ln);border-radius:8px;width:28px;height:26px;cursor:pointer;color:var(--mu)}
.ad{display:flex;align-items:center;gap:8px;border:1px solid var(--ln);border-radius:10px;padding:7px 11px;font-size:12.5px;margin-bottom:6px}
.sport{margin:6px 0 10px;border:1px solid #2A1A1A;border-radius:10px;padding:7px 11px;font-size:11.5px;background:#120E0E}
.sport .h{display:flex;justify-content:space-between;color:#6F6A60;letter-spacing:.18em;font-size:10px;margin-bottom:5px;cursor:pointer}
.sport .l{display:flex;gap:4px 14px;flex-wrap:wrap}.sport .ars{color:var(--ars);font-weight:600}.sport span{color:#9B958A;white-space:nowrap}
.tl .r{display:flex;gap:12px}.tl .t{flex:0 0 42px;text-align:right;font-size:12px;color:#7A7468;padding-top:2px}
.tl .ln{width:12px;position:relative;display:flex;justify-content:center;flex:none}.tl .ln:before{content:'';position:absolute;top:0;bottom:0;width:1px;background:var(--ln)}
.tl .d{width:9px;height:9px;border-radius:50%;margin-top:5px;z-index:1;box-shadow:0 0 0 3px var(--bg);background:#5E594F}
.tl .c{flex:1;min-width:0;padding-bottom:12px}.tl .c .et{font-size:14px}.tl .past{opacity:.45}
.tc{background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:10px 12px;margin-bottom:6px;cursor:pointer}
.nowl{display:flex;align-items:center;gap:8px;margin:2px 0 10px}.nowl b{background:var(--od);color:var(--bg);font-size:10.5px;padding:2px 6px;border-radius:5px}.nowl i{flex:1;height:1px;background:var(--od)}
.kid{color:var(--kid)}
/* clear */
.dots{display:flex;gap:5px;justify-content:center;margin:4px 0 16px}.dots i{width:22px;height:3px;border-radius:2px;background:#2E2A22}.dots .on{background:var(--g)}
.stack{position:relative}.ghost{position:absolute;left:14px;right:14px;height:40px;border:1px solid #24211B;border-radius:24px;background:#100F0D}
.card{background:linear-gradient(180deg,#17150F,#121110);border:1px solid #2F2B22;border-radius:26px;padding:24px;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.6);min-height:330px;touch-action:pan-y;user-select:none;transition:transform .2s}
.card .bn{font-size:54px;color:var(--g);font-style:italic;line-height:1}.card .bt{font-size:24px;font-weight:650;letter-spacing:-.02em;line-height:1.18;margin-top:12px}
.card .bf{position:absolute;left:24px;right:24px;bottom:18px;border-top:1px solid var(--ln);padding-top:10px}
.stamp{position:absolute;top:22px;right:22px;font-size:11px;font-weight:800;letter-spacing:.12em;border:1.5px solid;border-radius:7px;padding:3px 8px;transform:rotate(7deg);opacity:0}
.sw{display:flex;justify-content:center;gap:24px;margin-top:34px}.sw button{background:none;border:0;text-align:center;font-size:11.5px;color:#9B958A;cursor:pointer}
.sw i{display:flex;width:58px;height:58px;border-radius:50%;border:1px solid #3A352B;align-items:center;justify-content:center;font-style:normal;font-size:20px;margin:0 auto 6px;color:var(--fg)}
.sw .p i{background:var(--g);color:var(--bg);border:0;width:68px;height:68px;font-size:24px}
.empty{text-align:center;color:var(--mu);padding:60px 10px;font-size:14px}.empty .serif{font-size:26px;color:var(--fg);margin-bottom:8px}
/* bar */
#bar{position:fixed;left:14px;right:14px;bottom:calc(env(safe-area-inset-bottom) + 14px);height:52px;border:1px solid #3A352B;background:#141310;border-radius:26px;display:flex;align-items:center;padding:0 7px 0 20px;z-index:8;box-shadow:0 -10px 40px var(--bg)}
#bar input{flex:1;background:none;border:0;outline:0;font-size:16px;min-width:0}#bar input::placeholder{color:#7A7468}
#bar button{width:38px;height:38px;border-radius:50%;background:var(--g);color:var(--bg);border:0;font-size:19px;cursor:pointer;flex:none}
.kbd{font-size:11px;color:#6F6A60;border:1px solid var(--ln);border-radius:5px;padding:1px 5px;margin-right:8px}
#prev{position:fixed;left:14px;right:14px;bottom:calc(env(safe-area-inset-bottom) + 74px);background:#17150F;border:1px solid #3A352B;border-radius:16px;padding:12px 14px;z-index:8;font-size:13px}
#prev .pt{font-weight:600;margin-bottom:4px}
/* sheet */
#sheet{position:fixed;inset:0;z-index:20}.sh-bg{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.sh{position:absolute;left:0;right:0;bottom:0;max-height:90%;overflow:auto;background:#121110;border:1px solid var(--ln);border-radius:22px 22px 0 0;padding:20px 20px calc(env(safe-area-inset-bottom) + 24px)}
.sh h2{font-size:20px;font-weight:600;line-height:1.25;outline:0}.sh .bn{font-size:30px;color:var(--g);font-style:italic}
.sh label{display:block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#6F6A60;margin:16px 0 6px}
.sh input[type=date],.sh input.t,.sh textarea{background:var(--card);border:1px solid var(--ln);border-radius:10px;padding:8px 10px;font-size:14px;width:100%}
.sh textarea{min-height:70px;resize:vertical}.hist{font-size:12.5px;color:#B8B1A3}.hist div{padding:6px 0;border-top:1px solid #1E1C17}.hist b{color:var(--mu);font-weight:500;font-size:11px}
.res .row{padding:9px 0}.st{font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:1px 6px;border-radius:4px;border:1px solid var(--ln);color:var(--mu);margin-left:6px}
#toast{position:fixed;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top) + 60px);background:var(--g);color:var(--bg);padding:9px 16px;border-radius:99px;font-size:13.5px;font-weight:600;opacity:0;transition:.25s;z-index:30;pointer-events:none;max-width:92%}
#toast.on{opacity:1}
/* list + search/ask */
.lb{display:none}.lfil{position:sticky;top:calc(env(safe-area-inset-top) + 52px);background:var(--bg);z-index:4;padding:6px 0 8px;border-bottom:1px solid #1E1C17}
.lfil input,.lfil select{background:var(--card);border:1px solid var(--ln);border-radius:10px;padding:7px 10px;font-size:14px;color:var(--fg)}
.lfil input{width:100%;margin-bottom:7px}.lfil .acts{margin-top:0}.lfil select{margin-right:6px;max-width:46%}
.lg{margin-top:4px}.lg>.sec{cursor:pointer;color:var(--g)}.lg .pp{font-size:11px;color:var(--kid);letter-spacing:.12em;text-transform:uppercase;margin:10px 0 2px}
.ans{background:#17150F;border:1px solid #3a3220;border-radius:14px;padding:12px 14px;margin:10px 0;font-size:14px;line-height:1.5;white-space:pre-line}
.ans .src{font-size:11px;color:var(--mu);margin-top:6px;white-space:normal}
.ev{border-top:1px solid #211F1A;padding:9px 0;font-size:13.5px}.ev .w{font-size:11.5px;color:var(--mu);margin-top:2px}.ev a{color:var(--g)}
.ev.past{opacity:.55}.ev .k{color:var(--kid);font-size:11px;margin-left:6px}
@media(min-width:1000px){
 .lb{display:inline-block;margin-left:8px}body.listmode main{display:block;max-width:980px;margin:0 auto}body.listmode main .col{display:none!important}
 body.listmode #v-list{display:block!important;border:0}body:not(.listmode) #v-list{display:none!important}.lfil{top:70px}
 .dk{display:inline}#seg{display:none}header{padding:22px 34px 16px}header #srch{margin-left:auto}
 main{display:grid;grid-template-columns:1.1fr 1fr 1fr;padding:0 0 120px}.col{display:block!important;padding:0 32px;border-right:1px solid #1E1C17;min-height:calc(100vh - 80px)}
 .col:before{content:attr(data-l);display:block;font-size:10.5px;letter-spacing:.2em;color:var(--g);text-transform:uppercase;margin-bottom:12px}
 #bar{left:50%;right:auto;width:640px;transform:translateX(-50%)}#prev{left:50%;right:auto;width:640px;transform:translateX(-50%)}
 .sh{left:50%;right:auto;width:620px;transform:translateX(-50%);bottom:auto;top:6%;border-radius:22px;max-height:88%}
}
/* ===== v5 mobile ===== */
:root{--tabh:58px;--kb:0px;--sb:env(safe-area-inset-bottom)}
html{-webkit-text-size-adjust:100%;overscroll-behavior-y:none}body{overflow-x:hidden}
#tabs{display:none}#ptr{position:fixed;top:calc(env(safe-area-inset-top) + 8px);left:50%;transform:translate(-50%,-60px);z-index:9;transition:transform .2s;opacity:0}
#ptr.on{opacity:1}#ptr.spin .ring{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.row{content-visibility:auto;contain-intrinsic-size:auto 92px;position:relative;touch-action:pan-y}
.row.swx{transition:none}.row .swl{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:700;font-size:13px;letter-spacing:.1em;pointer-events:none;opacity:0}
.sec{flex-wrap:wrap}.sport span{white-space:normal}.tl .c,.ti,.et{overflow-wrap:anywhere}
@media(max-width:999px){
 header{padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;min-height:52px}header b{font-size:18px}
 #seg,#lstb,#srch{display:none}
 #clock{display:inline;margin-left:auto;font-size:12.5px}
 main{padding:4px 16px calc(var(--tabh) + var(--sb) + 92px)}
 #tabs{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9;background:rgba(11,11,13,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--ln);padding:0 4px var(--sb)}
 #tabs a{flex:1;height:var(--tabh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:600;color:var(--mu);cursor:pointer;-webkit-user-select:none;user-select:none}
 #tabs a i{font-style:normal;font-size:19px;line-height:1}#tabs a.on{color:var(--g)}
 #bar{left:10px;right:10px;bottom:calc(var(--tabh) + var(--sb) + 8px);height:50px;box-shadow:0 -6px 24px var(--bg)}
 #bar button{width:44px;height:44px}.kbd{display:none}
 #prev{left:10px;right:10px;bottom:calc(var(--tabh) + var(--sb) + 66px)}
 body.kb #tabs{display:none}body.kb #bar{bottom:calc(var(--kb) + 8px)}body.kb #prev{bottom:calc(var(--kb) + 66px)}
 .b{min-height:44px;padding:0 16px;font-size:14px;display:inline-flex;align-items:center}.acts{gap:8px}
 .row{padding:13px 0}.row .n{min-width:38px}.ti{font-size:16px}.me{font-size:13px}.why{font-size:12px}
 h1.hd{font-size:34px}.lede{font-size:15px}
 .dnav button{width:44px;height:44px;font-size:18px}.dnav{gap:6px;font-size:12px}.sport .h{min-height:36px;align-items:center}
 .tl .t{flex-basis:44px}.tl .c .et{font-size:15px}.tc{padding:12px}
 .sw button{min-width:64px}.card{min-height:300px;padding:22px}.card .bt{font-size:22px}
 .lfil{top:calc(env(safe-area-inset-top) + 52px)}.lfil input,.lfil select{font-size:16px;min-height:44px}.lfil select{max-width:48%}
 .lfil .acts{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.lfil .acts::-webkit-scrollbar{display:none}
 .sh{max-height:calc(100dvh - env(safe-area-inset-top) - 24px - var(--kb));bottom:var(--kb);padding:10px 18px calc(var(--sb) + 24px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
 .sh:before{content:'';display:block;width:40px;height:5px;border-radius:3px;background:#3A352B;margin:0 auto 12px}
 .sh input[type=date],.sh input.t,.sh textarea,#lf input{font-size:16px;min-height:44px}#epeo input,#addr{min-height:40px!important;font-size:16px!important}
 #sf{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}#sf::-webkit-scrollbar{display:none}
 #toast{top:calc(env(safe-area-inset-top) + 56px)}
 #lf button{min-height:48px}
}
@media(max-width:999px) and (display-mode:standalone){header{padding-top:calc(env(safe-area-inset-top) + 4px)}}
/* ===== v7 analytics ===== */
.an h1.hd{font-size:30px}.kp{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}
.kp a,.an .tap{cursor:pointer}.kp a{display:block;background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:12px 14px;min-height:72px}
.kp b{display:block;font-family:Georgia,serif;font-style:italic;font-size:30px;color:var(--g);line-height:1.1}.kp span{font-size:12px;color:var(--mu)}
.an .tbl{width:100%;border-collapse:collapse;font-size:14px}.an .tbl td{padding:10px 4px;border-top:1px solid #211F1A;vertical-align:middle}
.an .tbl td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.an .tbl a{color:var(--g);display:inline-block;min-width:36px;min-height:32px;line-height:32px;text-align:center;cursor:pointer}
.an .bar{height:6px;background:#2A2720;border-radius:3px;margin-top:4px;overflow:hidden;display:flex}.an .bar i{background:var(--g);display:block}.an .bar i.c{background:var(--od)}
.an .tp{display:flex;align-items:flex-end;gap:6px;height:110px;margin:10px 0 4px}.an .tp div{flex:1;display:flex;gap:2px;align-items:flex-end;height:100%;cursor:pointer}
.an .tp i{flex:1;background:var(--g);border-radius:3px 3px 0 0;min-height:2px}.an .tp i.d{background:#6F8F6A}.an .tpl{display:flex;gap:6px;font-size:10px;color:var(--mu)}.an .tpl span{flex:1;text-align:center}
.an .note{font-size:12px;color:var(--mu);line-height:1.45;margin-top:6px}.an .chips{display:flex;flex-wrap:wrap;gap:8px}
.an .chips a{border:1px solid #3a3220;border-radius:99px;padding:0 14px;min-height:40px;display:inline-flex;align-items:center;gap:6px;color:var(--fg);font-size:14px}.an .chips a b{color:var(--g)}
.idsban{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#17150F;border:1px solid #3a3220;border-radius:12px;padding:8px 12px;margin:8px 0;font-size:13px}
@media(min-width:1000px){body.statsmode main{display:block;max-width:1100px;margin:0 auto}body.statsmode main .col{display:none!important}body.statsmode #v-stats{display:block!important;border:0}
 body:not(.statsmode) #v-stats{display:none!important}.kp{grid-template-columns:repeat(4,1fr)}.an .two{display:grid;grid-template-columns:1fr 1fr;gap:28px}}