.hdr{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--page) 88%,transparent);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}.hdr-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px}.brand{font-weight:600;font-size:var(--fs-lead);letter-spacing:-.01em;text-decoration:none}.nav{display:flex;flex-wrap:wrap;gap:36px;font-size:var(--fs-label)}.nav-a{position:relative;padding:4px 0 8px;text-decoration:none;color:var(--muted);transition:color .2s ease}.nav-a:hover,.nav-a.is-on{color:var(--text)}.nav-bar{position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:var(--from, left);transition:transform .28s var(--ease)}.nav-a:hover .nav-bar,.nav-a.is-on .nav-bar{transform:scaleX(1)}.nav:hover .nav-a.is-on:not(:hover) .nav-bar{transform:scaleX(0)}.hdr-right{position:relative;display:flex;align-items:center;gap:12px}.round{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .22s ease}.round:hover{background:var(--tint)}.round:active{transform:scale(.95)}.theme .ico{display:flex;transition:transform .42s var(--ease)}:root[data-theme=dark] .theme:hover .ico{transform:rotate(90deg) scale(1.08)}:root[data-theme=light] .theme:hover .ico{transform:rotate(-25deg) scale(1.08)}.store{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 8px 0 14px;border-radius:var(--radius-pill);border:1px solid var(--line);font-size:var(--fs-label);text-decoration:none;transition:border-color .22s ease}.store .ico{display:flex;transform-origin:50% 90%;transition:transform .32s var(--ease)}.store .chip{padding:4px 10px;border-radius:var(--radius-pill);background:var(--tint);color:var(--accent);font-size:var(--fs-caption);font-weight:600;transition:transform .32s var(--ease),background-color .22s ease}.store:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.store:hover .ico{transform:translateY(-2px) rotate(-10deg)}.store:hover .chip{transform:scale(1.08);background:var(--tint)}.store:active{transform:scale(.97)}.profile{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 14px 4px 4px;border-radius:var(--radius-pill);border:1px solid var(--line);background:transparent;color:var(--text);font-size:var(--fs-label);cursor:pointer}.profile:active{transform:scale(.97)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-bg);color:var(--primary-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--fs-caption);transition:box-shadow .26s ease}.profile:hover .avatar,.profile.is-open .avatar{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}.chev{display:flex;color:var(--muted);transition:transform .3s var(--ease)}.profile:hover .chev{transform:translateY(2px)}.profile.is-open .chev{transform:rotate(180deg)}.menu{position:absolute;right:0;top:56px;width:300px;background:var(--menu);border:1px solid var(--line);border-radius:var(--radius-md);padding:8px;box-shadow:0 24px 60px var(--shadow)}.menu-a{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:var(--fs-label);text-align:left;text-decoration:none;cursor:pointer;transition:padding .22s var(--ease),background-color .2s ease}.menu-a:hover{padding-left:20px;background:var(--tint)}.menu-a.quiet{color:var(--muted);font-size:var(--fs-control)}.menu-sep{height:1px;background:var(--line);margin:6px 8px}@media (max-width: 900px){.nav{gap:22px}.pname{display:none}}.key-detail{min-height:88px;margin-top:18px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.chart{position:relative;display:flex;align-items:flex-end;gap:14px;height:210px;padding-top:26px;border-bottom:1px solid var(--line)}.chart-col{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}.chart-bar{display:block;width:100%;max-width:64px;border-radius:8px 8px 4px 4px;background:color-mix(in srgb,var(--bar-you) 40%,transparent);transition:background-color .2s ease,transform .26s var(--ease);transform-origin:bottom}.chart-col:hover .chart-bar,.chart-col.last .chart-bar{background:var(--bar-you)}.chart-col:hover .chart-bar{transform:scaleY(1.03)}.chart-val{font-size:var(--fs-caption);font-weight:600;opacity:.55;transition:opacity .2s ease}.chart-col:hover .chart-val,.chart-col.last .chart-val{opacity:1}.chart-best{position:absolute;left:0;right:0;border-top:1px dashed var(--muted)}.chart-best span{position:absolute;right:0;top:-22px}.chart-labels{display:flex;gap:14px;padding-top:8px}.chart-labels span{flex:1 1 0;text-align:center}.dot{width:24px;height:24px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:var(--fs-caption);font-weight:700;border:1px solid var(--line)}.dot.done{background:var(--primary-bg);color:var(--primary-text);border:0}.dot.now{border:2px solid var(--accent)}.play-pill{border:0;font-family:inherit;cursor:pointer;width:96px;text-align:center;padding:8px 0;border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:600;background:var(--tint);color:var(--text);transition:background-color .2s ease,color .2s ease}.row-hover:hover .play-pill,.table tr.click:hover .play-pill{background:var(--primary-bg);color:var(--primary-text)}.lvl{padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--fs-tiny);font-weight:600}.lvl-Easy{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.lvl-Moderate{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}.lvl-Hard{color:var(--prize);background:var(--tint)}.cotd{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:var(--card-pad);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--prize) 45%,transparent);background:var(--tint)}.hh-go{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--radius-pill);font-size:var(--fs-control);font-weight:600;background:var(--tint);transition:background-color .22s ease,color .22s ease}.card-lift:hover .hh-go{background:var(--prize);color:var(--on-media)}.orb{position:relative;width:120px;height:120px;flex:none}.orb-disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--primary-bg);color:var(--primary-text);display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;box-shadow:0 14px 40px var(--shadow);transition:transform .26s var(--ease)}.orb-disc:hover{transform:scale(1.05)}.orb-disc:active{transform:scale(.93)}.orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--accent);opacity:0;transition:transform .7s var(--ease),opacity .7s ease;pointer-events:none}.orb-ring.r2{border-width:1px;transition-duration:.9s;transition-delay:80ms}.orb:hover .orb-ring,.orb.live .orb-ring{transform:scale(1.28);opacity:.6}.orb:hover .orb-ring.r2,.orb.live .orb-ring.r2{transform:scale(1.55);opacity:.3}.spark-bars{display:flex;align-items:flex-end;gap:8px;height:90px}.spark-bars>span{flex:1 1 0;border-radius:6px 6px 3px 3px;background:var(--bar-dist)}.spark-bars>span.me{background:var(--bar-you)}.play-panel{position:relative;display:block;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--video);border:1px solid var(--line);text-decoration:none;color:var(--media-text);flex:999 1 620px;min-width:0;transition:transform .32s var(--ease),box-shadow .32s ease}.play-panel:hover{transform:translateY(-3px);box-shadow:0 18px 40px var(--shadow)}.play-panel:active{transform:translateY(0) scale(.99)}.play-ring,.play-disc{position:absolute;left:50%;top:50%;width:84px;height:84px;border-radius:50%;transform:translate(-50%,-50%)}.play-disc{background:var(--disc);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px var(--media-shadow);transition:transform .32s var(--ease)}.play-ring{border:2px solid var(--disc-ring);opacity:0;transition:transform .6s var(--ease),opacity .6s ease}.play-panel:hover .play-disc{transform:translate(-50%,-50%) scale(1.1)}.play-panel:active .play-disc{transform:translate(-50%,-50%) scale(.94)}.play-panel:hover .play-ring{transform:translate(-50%,-50%) scale(1.5);opacity:.55}.ep-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);color:var(--soft);text-decoration:none;font-size:var(--fs-label);transition:padding .24s var(--ease)}.ep-row:hover{padding-left:8px}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end;max-width:720px}.pod{display:flex;flex-direction:column;align-items:center;gap:10px}.pod-av{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--fs-label);background:var(--tint);color:var(--text);transition:transform .32s var(--ease)}.pod.first .pod-av{background:var(--primary-bg);color:var(--primary-text)}.pod-block{width:100%;border-radius:var(--radius-md) 18px 6px 6px;display:flex;justify-content:center;padding-top:22px;background:var(--key);box-shadow:0 6px 0 var(--key-edge),inset 0 1px 0 var(--key-hi);transition:transform .32s var(--ease)}.pod:hover .pod-av,.pod:hover .pod-block{transform:translateY(-6px)}.you-row{border-radius:var(--radius-md);background:var(--tint)}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.store-card{padding:12px 12px 18px;border-radius:var(--radius-lg)}.store-art{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;border-radius:var(--radius-md);background:var(--tint);color:var(--text)}.store-art.gift{padding:18px}.store-art-lg{aspect-ratio:auto;min-height:260px;padding:var(--card-pad)}.store-art svg{transition:transform .42s var(--ease)}.store-card:hover .store-art svg{transform:scale(1.04)}.store-more{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-control);font-weight:500;opacity:.5;transition:opacity .22s ease}.store-card:hover .store-more{opacity:1}.step-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:var(--fs-h3);cursor:pointer;transition:transform .18s var(--ease),background-color .2s ease}.step-btn:hover{background:var(--tint)}.step-btn:active{transform:scale(.94)}.hist-in{color:var(--accent)}.tp{display:flex;flex-direction:column;gap:24px}.tp-crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tp-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}.tp-main{min-width:0;display:flex;flex-direction:column;gap:24px}.tp-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:88px}.tp-head{display:flex;gap:18px;align-items:flex-start}.tp-ico{color:var(--accent);display:flex;flex:none;padding-top:4px}.tp-sub{max-width:680px}@media (max-width: 1000px){.tp-cols{grid-template-columns:minmax(0,1fr);gap:32px}.tp-side{position:static}}@media (max-width: 600px){.tp-ico svg{width:28px;height:28px}}.ln-print-only{display:none}.ln-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow:auto;background:var(--page);padding:var(--gap-4) 16px}.ln-sheet{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--gap-3)}.ln-sheet .ln-row{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line)}.ln-bar{max-width:760px;margin:0 auto var(--gap-3);display:flex;gap:12px;flex-wrap:wrap}@media print{#root>:not(main){display:none!important}.tp-crumb,.tp-head,.tp-side,.ln-screen,.ln-noprint{display:none!important}.ln-print-only{display:block}.ln-overlay{position:static;overflow:visible;padding:0}.tp,.tp-cols,.tp-main{display:block;padding:0;margin:0}.ln-sheet{max-width:none;page-break-inside:avoid}}.ts-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:24px}.ts-grid{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start;padding:24px 0 56px}.ts-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:28px}.ts-aside{flex:1 1 300px;display:flex;flex-direction:column;gap:20px}.ts-head{display:flex;align-items:center;gap:18px}.ts-ico{color:var(--accent);display:flex}.ts-how{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}.ts-how li{display:flex;gap:14px;align-items:baseline}.ts-how .n{width:26px;height:26px;flex:none;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-caption);font-weight:600;color:var(--mid)}.fld-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.drop{position:relative;display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:var(--radius-lg);border:1.5px dashed color-mix(in srgb,var(--text) 25%,transparent);cursor:pointer;transition:border-color .22s ease,background-color .22s ease}.drop:hover,.drop:focus-within{border-color:var(--accent);background:var(--tint)}.drop input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.drop .ico{display:flex;transition:transform .36s var(--ease)}.drop:hover .ico{transform:translateY(-4px)}.drop.big{flex-direction:column;justify-content:center;min-height:200px;text-align:center}.draft{white-space:pre-wrap;font-size:var(--fs-body);line-height:1.6;color:var(--soft);margin:0}.say{margin:0;padding-left:16px;border-left:3px solid var(--accent);font-size:var(--fs-lead);line-height:1.55;color:var(--text)}.cov-chips{display:flex;flex-wrap:wrap;gap:8px}.srch{display:flex;align-items:center;gap:14px;min-height:64px;padding:0 22px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);transition:border-color .22s ease,box-shadow .26s ease;color:var(--muted)}.srch:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 4px var(--tint);color:var(--accent)}.srch input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:var(--fs-lead)}.fact{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.flash{min-height:220px;justify-content:center}.moment{border-left:3px solid var(--line);padding-left:14px;display:flex;flex-direction:column;gap:4px}.moment.won{border-left-color:var(--accent)}.moment.lost{border-left-color:var(--prize)}@media (max-width: 720px){.ts-grid{gap:32px}}.tool-top{display:flex;gap:18px;align-items:center}.tool-ico{color:var(--accent);display:flex}.tool-cols{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}.tool-main{flex:999 1 620px;min-width:0;display:flex;flex-direction:column;gap:24px}.tool-side{flex:1 1 300px;display:flex;flex-direction:column;gap:20px}.how{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}.how li{display:flex;gap:14px;align-items:baseline}.how .n{width:26px;height:26px;flex:none;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-caption);font-weight:600;color:var(--mid)}.thumb{position:relative;display:block;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:var(--video);border:1px solid var(--line);background-size:cover;background-position:center;transition:transform .32s var(--ease),box-shadow .32s ease}.ep:hover .thumb,.hero-play:hover{transform:translateY(-4px);box-shadow:0 18px 40px var(--shadow)}.disc{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:var(--disc);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) scale(.6);opacity:0;transition:transform .32s var(--ease),opacity .24s ease}.ep:hover .disc,.clip:hover .disc{transform:translate(-50%,-50%) scale(1);opacity:1}.hero-play{position:relative;display:block;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--video);border:1px solid var(--line);background-size:cover;background-position:center;transition:transform .32s var(--ease),box-shadow .32s ease;text-decoration:none}.hero-play .disc{width:84px;height:84px;transform:translate(-50%,-50%) scale(1);opacity:1}.hero-play:hover .disc{transform:translate(-50%,-50%) scale(1.1)}.hero-play:active .disc{transform:translate(-50%,-50%) scale(.94)}.hero-row{display:flex;flex-wrap:wrap;gap:40px;align-items:center}.hero-row>.hero-play{flex:1 1 520px}.hero-row>.stack{flex:1 1 360px}.eps{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}.ep{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;background:none;border:0;padding:0;text-align:left;font:inherit;cursor:pointer}.ep .prog{display:block;height:4px;border-radius:4px;background:var(--bar-dist);overflow:hidden}.ep .prog>i{display:block;height:100%;background:var(--bar-you)}.clips{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:24px}.clip{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;background:none;border:0;padding:0;text-align:left;font:inherit;cursor:pointer}.clip .thumb{aspect-ratio:9 / 16;max-height:380px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;color:var(--on-media)}.clip:hover .thumb{transform:translateY(-4px);box-shadow:0 18px 40px var(--shadow)}.clip .disc{width:48px;height:48px}.clip .tag{align-self:flex-start;padding:3px 10px;border-radius:var(--radius-pill);background:var(--scrim);font-size:var(--fs-tiny);font-weight:600;color:var(--on-media)}.searchbox{display:flex;align-items:center;gap:14px;min-height:64px;padding:0 12px 0 22px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);transition:border-color .22s ease,box-shadow .26s ease}.searchbox:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 4px var(--tint)}.searchbox input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:var(--fs-body);outline:none}.searchbox .x{width:36px;height:36px;border-radius:50%;border:0;background:var(--tint);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center}.hit{background:var(--tint);color:var(--text);border-radius:4px;padding:0 2px}.video{width:100%;border-radius:var(--radius-lg);background:var(--video-black);aspect-ratio:16 / 9}.ev-card{display:flex;flex-wrap:wrap;align-items:flex-start;gap:22px}.ev-date{width:84px;flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 0;border-radius:var(--radius-md);background:var(--tint)}.ev-date b{font-size:var(--fs-stat-m);font-weight:600;letter-spacing:-.03em;line-height:1}.ev-body{flex:1 1 320px;display:flex;flex-direction:column;gap:8px;min-width:0}.dialog-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--scrim);display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto}.dialog{width:100%;max-width:520px;background:var(--menu);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--card-pad);display:flex;flex-direction:column;gap:16px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.post-draft{white-space:pre-wrap;font-size:var(--fs-lead);line-height:1.65;color:var(--text);margin:0}textarea.post-edit{min-height:260px;font-size:var(--fs-body);line-height:1.6}.stat3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.steps{margin:0;padding:0;list-style:none}.steps li{display:flex;align-items:center;gap:16px;padding:16px 12px;border-bottom:1px solid var(--line);transition:padding .24s var(--ease),background-color .2s ease}.steps li:hover{padding-left:20px;padding-right:20px;background:var(--hover)}.steps .n{width:30px;height:30px;flex:none;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-caption);font-weight:600}.agreement{max-height:420px;overflow:auto;padding:20px;border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--fs-label);line-height:1.6;color:var(--soft)}.agreement h3{margin:18px 0 6px;font-size:var(--fs-body);color:var(--text)}.agreement table{width:100%;border-collapse:collapse;margin:8px 0}.agreement td,.agreement th{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}.agreement .sample-note{padding:10px 14px;border-radius:var(--radius-sm);background:var(--tint);margin-bottom:10px}.agreement .blank{border-bottom:1px solid var(--text);min-width:80px;display:inline-block}.agreement .sigs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}.agreement .sig{border-top:1px solid var(--text);padding-top:6px;font-size:var(--fs-caption)}.sigpad{width:100%;height:140px;border:1px dashed color-mix(in srgb,var(--text) 35%,transparent);border-radius:var(--radius-md);background:var(--surface);touch-action:none;display:block}.stagebar{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.stagebar li{padding:4px 12px;border-radius:var(--radius-pill);border:1px solid var(--line);font-size:var(--fs-caption);color:var(--muted)}.stagebar li.done{color:var(--text);background:var(--tint)}.stagebar li.now{border-color:var(--accent);color:var(--text);font-weight:600}.msg{max-width:80%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--line);font-size:var(--fs-label)}.msg.me{align-self:flex-end;background:var(--tint)}.poster{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.poster video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .24s ease}.clip .thumb>:not(.poster){position:relative;z-index:1}.clip .thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim-soft)}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.d-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.d-dot{width:26px;height:26px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:var(--fs-caption);font-weight:700;border:1px solid var(--line);color:var(--muted)}.d-dot.done{background:var(--primary-bg);color:var(--primary-text);border-color:transparent}.d-dot.now{border:2px solid var(--accent);color:var(--text)}.d-split{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:40px;align-items:start}@media (max-width: 860px){.d-split{grid-template-columns:1fr;gap:24px}}.d-stagebtn{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border:0;border-radius:var(--radius-md);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:padding .22s var(--ease),background-color .2s ease}.d-stagebtn:hover{padding-left:18px;background:var(--hover)}.d-stagebtn[aria-current=step]{background:var(--tint)}.d-task{display:flex;align-items:center;gap:16px;width:100%;padding:16px 6px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:padding .22s var(--ease)}.d-task:hover{padding-left:14px}.d-box{width:24px;height:24px;flex:none;border-radius:7px;display:flex;align-items:center;justify-content:center;border:1.5px solid color-mix(in srgb,var(--text) 35%,transparent);transition:background-color .2s ease,transform .26s var(--ease)}.d-task:hover .d-box{transform:scale(1.08)}.d-task[aria-pressed=true] .d-box{background:var(--primary-bg);border-color:transparent;color:var(--primary-text)}.d-task[aria-pressed=true] .d-tt{text-decoration:line-through;color:var(--mid)}.d-video{position:relative;display:block;aspect-ratio:16 / 9;border-radius:var(--radius-md);background:var(--video);border:1px solid var(--line);overflow:hidden;color:var(--on-media);text-decoration:none}.d-video .cap{position:absolute;left:18px;bottom:14px;font-size:var(--fs-control);opacity:.85}.d-video .disc{position:absolute;left:50%;top:50%;width:84px;height:84px;border-radius:50%;background:var(--disc);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);transition:transform .32s var(--ease)}.d-video:hover .disc{transform:translate(-50%,-50%) scale(1.1)}.d-video:active .disc{transform:translate(-50%,-50%) scale(.94)}.d-stepbtn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:var(--fs-h3);cursor:pointer;transition:transform .18s var(--ease),background-color .2s ease}.d-stepbtn:hover{background:var(--tint)}.d-stepbtn:active{transform:scale(.94)}.d-clock{position:relative;width:140px;height:140px;border-radius:50%;border:0;background:var(--primary-bg);color:var(--primary-text);font:inherit;font-weight:600;font-size:var(--fs-body);cursor:pointer;box-shadow:0 14px 40px var(--shadow);transition:transform .26s var(--ease)}.d-clock:before,.d-clock:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--accent);opacity:0;transition:transform .7s var(--ease),opacity .7s ease}.d-clock:hover{transform:scale(1.05)}.d-clock:hover:before{transform:scale(1.28);opacity:.6}.d-clock:hover:after{transform:scale(1.55);opacity:.3;border-width:1px}.d-clock:active{transform:scale(.93)}.d-cols4{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:12px;align-items:center}.d-range{width:100%;accent-color:var(--accent)}.d-ask{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:var(--radius-lg);padding:var(--card-pad)}.m-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap-3)}.m-big{font-size:var(--fs-stat)}.m-trend{position:relative;display:flex;align-items:flex-end;gap:6px;height:56px}.m-col{flex:1;height:100%;display:flex;align-items:flex-end}.m-bar{display:block;width:100%;border-radius:4px 4px 0 0;background:var(--bar-dist)}.m-bar.now{background:var(--bar-you)}.m-best{position:absolute;left:0;right:0;border-top:1px dashed var(--muted);pointer-events:none}.m-table-wrap{overflow-x:auto}.m-table th button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font:inherit;color:inherit}.m-table th button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.m-table td.off{color:var(--muted)}.sa-card{display:block;width:100%;height:auto;max-width:420px;border-radius:var(--radius-md);filter:drop-shadow(0 8px 14px var(--shadow))}.sa-face{fill:var(--card-face)}.sa-edge{fill:none;stroke:var(--card-face-hi);stroke-width:1.5}.sa-pat path,.sa-pat circle{fill:none;stroke:var(--card-face-line);stroke-width:1.5}.sa-dots circle{fill:var(--card-face-line)}.sa-word{font:italic 700 26px var(--font);fill:var(--card-face-text)}.sa-sub{font:500 12px var(--font);fill:var(--card-face-mute)}.sa-mark{stroke:var(--card-face-accent);stroke-width:3;stroke-linecap:round;fill:none}.sa-amt{font:700 64px var(--font);fill:var(--card-face-text);letter-spacing:-.02em}.sa-kind{font:500 13px var(--font);fill:var(--card-face-mute)}.sa-ten .sa-amt,.sa-twenty-five .sa-amt,.sa-fifty .sa-amt{fill:var(--card-face-text)}.sa-twenty-five .sa-mark{stroke-dasharray:20 6}.sa-fifty .sa-mark{stroke-width:4}.sa-art{width:72%;height:auto;max-width:260px;fill:none;stroke-linecap:round;stroke-linejoin:round}.sa-art .sa-l{fill:none;stroke:var(--mid);stroke-width:1.5}.sa-art .sa-a{fill:none;stroke:var(--accent);stroke-width:1.7}:root{--font: "Inter", -apple-system, system-ui, sans-serif;--ease: cubic-bezier(.2, .8, .2, 1);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-pill: 999px;--max: 1360px;--card-pad: 24px;--gap-1: 8px;--gap-2: 16px;--gap-3: 24px;--gap-4: 40px;--fs-tiny: 12px;--fs-caption: 13px;--fs-control: 14px;--fs-label: 15px;--fs-input: 16px;--fs-body: 17px;--fs-lead: 18px;--fs-num-s: 22px;--fs-num-m: 24px;--fs-num-l: 32px;--fs-num-xl: 44px;--fs-display: 56px;--fs-h3: 20px;--fs-h2: 28px;--fs-stat-m: 30px;--fs-stat: 36px;--on-media: #FFFFFF;--media-text: #B4B4BC;--video-black: #000000;--disc: rgba(255, 255, 255, .96);--disc-ring: rgba(255, 255, 255, .7);--glint: rgba(255, 255, 255, .35);--scrim: rgba(0, 0, 0, .55);--scrim-soft: rgba(0, 0, 0, .28);--media-shadow: rgba(0, 0, 0, .45);--ok: #22A06B;--warn: #D9A400}:root{--card-face: #18181B;--card-face-hi: #27272A;--card-face-line: rgba(244, 244, 245, .1);--card-face-text: #F4F4F5;--card-face-mute: #A1A1AA;--card-face-accent: #FEC6E9}:root[data-theme=dark]{color-scheme:dark;--page: #121315;--surface: rgba(255, 255, 255, .025);--menu: #1C1D20;--video: #1C1D20;--line: rgba(255, 255, 255, .1);--text: #F4F4F5;--mid: #BBBBC1;--soft: #D4D4D8;--muted: #A1A1AA;--accent: #FEC6E9;--prize: #D40163;--primary-bg: #F4F4F5;--primary-text: #121315;--tint: rgba(255, 255, 255, .07);--hover: rgba(255, 255, 255, .03);--bar-you: #FEC6E9;--bar-dist: #3F3F46;--key-bed: #0A0A0B;--key: #1F2023;--key-on: #18191C;--key-edge: #000000;--key-hi: rgba(255, 255, 255, .07);--key-icon: #D4D4D8;--key-icon-on: #FEC6E9;--inset: rgba(0, 0, 0, .7);--shadow: rgba(0, 0, 0, .6);--fill: rgba(24, 24, 27, .14);--disabled-bg: rgba(255, 255, 255, .05);--disabled-text: #71717A;--label-weight: 500;--caption-weight: 450}:root[data-theme=light]{color-scheme:light;--page: #F4F4F5;--surface: #FFFFFF;--menu: #FFFFFF;--video: #18181B;--line: rgba(24, 24, 27, .12);--text: #18181B;--mid: #3D3D44;--soft: #27272A;--muted: #52525B;--accent: #D40163;--prize: #D40163;--primary-bg: #18181B;--primary-text: #FFFFFF;--tint: rgba(24, 24, 27, .06);--hover: rgba(24, 24, 27, .03);--bar-you: #18181B;--bar-dist: #D4D4D8;--key-bed: #E4E4E7;--key: #FFFFFF;--key-on: #F4F4F5;--key-edge: #C4C4CA;--key-hi: #FFFFFF;--key-icon: #18181B;--key-icon-on: #D40163;--inset: rgba(0, 0, 0, .16);--shadow: rgba(0, 0, 0, .12);--fill: rgba(255, 255, 255, .16);--disabled-bg: rgba(24, 24, 27, .05);--disabled-text: #8A8A93;--label-weight: 450;--caption-weight: 400}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px);scrollbar-gutter:stable}body{margin:0;font-family:var(--font);background:var(--page);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .32s ease,color .32s ease}a{color:inherit}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}.wrap{max-width:var(--max);margin:0 auto;padding:0 48px}@media (max-width: 720px){.wrap{padding:0 20px}}.section{padding:56px 0}.row{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}.grow{flex:999 1 640px;min-width:0}.side{flex:1 1 340px}.h1{margin:0;font-weight:600;font-size:clamp(32px,3.4vw,44px);line-height:1.12;letter-spacing:-.03em}.h2{margin:0;font-weight:600;font-size:var(--fs-h2);line-height:1.2;letter-spacing:-.025em}.h3{margin:0;font-weight:600;font-size:var(--fs-h3);letter-spacing:-.015em}.body{margin:0;font-size:var(--fs-body);line-height:1.6;color:var(--soft)}.label{font-size:var(--fs-label);font-weight:var(--label-weight);color:var(--mid)}.caption{font-size:var(--fs-caption);font-weight:var(--caption-weight);letter-spacing:.005em;color:var(--muted)}.num{font-weight:600;letter-spacing:-.03em;line-height:1}.accent{color:var(--accent)}.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);padding:var(--card-pad)}.bar{display:block;height:4px;border-radius:4px}.logo{display:inline-flex;align-items:center;height:var(--logo-h);flex:none}.logo-img{display:none;height:var(--logo-h);width:auto}:root[data-theme=dark] .logo-word.for-dark,:root[data-theme=light] .logo-word.for-light{display:block;width:var(--logo-w)}.logo-tile{border-radius:22%}@media (max-width: 599px){.logo:not(:has(.keep)) .logo-word{display:none!important}:root[data-theme=dark] .logo-tile.for-dark,:root[data-theme=light] .logo-tile.for-light{display:block;width:var(--logo-h)}}@media (max-width: 720px){.side{flex:1 1 100%;min-width:0}}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--radius-pill);border:1px solid transparent;font-size:var(--fs-label);font-weight:500;text-decoration:none;cursor:pointer;background:none;color:var(--text);transition:transform .18s var(--ease),box-shadow .24s ease,background-color .24s ease,border-color .24s ease}.btn:active{transform:translateY(1px) scale(.97)}.btn>*{position:relative}.btn-sweep{background:var(--primary-bg);color:var(--primary-text)}.btn-sweep:before{content:"";position:absolute;inset:0 auto 0 0;width:0;background:var(--fill);transition:width .56s var(--ease)}.btn-sweep:hover{transform:translateY(-1px);box-shadow:0 10px 24px var(--shadow)}.btn-sweep:hover:before{width:100%}.btn-ghost{border-color:var(--line)}.btn-ghost[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.btn-ghost:hover{background:var(--tint);border-color:color-mix(in srgb,var(--text) 40%,transparent);transform:translateY(-1px)}.btn-sheen{background:var(--prize);color:var(--on-media)}.btn-sheen:after{content:"";position:absolute;top:0;bottom:0;width:45%;left:-60%;background:linear-gradient(100deg,transparent,var(--glint),transparent);transition:left .7s ease}.btn-sheen:hover{transform:translateY(-2px);box-shadow:0 12px 28px color-mix(in srgb,var(--prize) 40%,transparent)}.btn-sheen:hover:after{left:130%}.btn-key{background:var(--primary-bg);color:var(--primary-text);box-shadow:0 5px 0 var(--key-edge);transition:transform .14s var(--ease),box-shadow .14s ease}.btn-key:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--key-edge)}.btn-key:active{transform:translateY(4px);box-shadow:0 0 0 var(--key-edge)}.btn .ico{display:flex;transition:transform .42s var(--ease)}.btn-ghost:hover .ico-tilt{transform:rotate(-12deg) scale(1.12)}.btn-ghost:hover .ico-spin{transform:rotate(200deg)}.btn:disabled,.btn[aria-disabled=true],.chip:disabled,.chip[aria-disabled=true],.key:disabled,.key[aria-disabled=true],.d-stepbtn:disabled,.d-clock:disabled,.step-btn:disabled{background:var(--disabled-bg);color:var(--disabled-text);border-color:var(--line);box-shadow:none;cursor:not-allowed;transform:none;opacity:1}.btn:disabled:hover,.btn:disabled:active,.btn[aria-disabled=true]:hover,.btn[aria-disabled=true]:active,.chip:disabled:hover,.chip:disabled:active,.chip[aria-disabled=true]:hover,.key:disabled:hover,.key[aria-disabled=true]:hover,.d-stepbtn:disabled:hover,.d-stepbtn:disabled:active,.d-clock:disabled:hover,.d-clock:disabled:active,.step-btn:disabled:hover,.step-btn:disabled:active{transform:none;box-shadow:none;background:var(--disabled-bg)}.btn:disabled:before,.btn:disabled:after,.btn[aria-disabled=true]:before,.btn[aria-disabled=true]:after,.d-clock:disabled:before,.d-clock:disabled:after{display:none}.key:disabled svg,.key[aria-disabled=true] svg{stroke:var(--disabled-text)}.linkbtn:disabled{color:var(--disabled-text);cursor:not-allowed;text-decoration:none}.why-disabled{font-size:var(--fs-control);color:var(--muted);margin:0}.keybed{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border-radius:22px;background:var(--key-bed)}.key{flex:1 1 0;min-width:104px;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:12px 10px;border:none;border-radius:6px 6px 16px 16px;text-decoration:none;cursor:pointer;color:var(--mid);background:var(--key);box-shadow:0 6px 0 var(--key-edge),inset 0 1px 0 var(--key-hi);transition:transform .16s var(--ease),box-shadow .16s ease,background-color .16s ease,color .16s ease}.key svg{stroke:var(--key-icon);transition:stroke .16s ease}.key span{font-size:var(--fs-control);font-weight:var(--label-weight);text-align:center;line-height:1.25}.key:hover,.key:focus-visible,.key[aria-pressed=true]{background:var(--key-on);color:var(--text);transform:translateY(5px);box-shadow:0 1px 0 var(--key-edge),inset 0 6px 14px var(--inset)}.key:hover svg,.key:focus-visible svg,.key[aria-pressed=true] svg{stroke:var(--key-icon-on)}.key.short{min-height:52px;gap:4px}.keybed-cols{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.keybed-cols .key{min-width:0}@media (max-width: 900px){.keybed-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}.key-detail.quiet{min-height:72px}.field{display:flex;flex-direction:column;gap:8px}.input{width:100%;min-height:48px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-input);transition:border-color .2s ease,box-shadow .2s ease}textarea.input{padding:12px 16px;min-height:120px;resize:vertical;line-height:1.5}.input:hover{border-color:color-mix(in srgb,var(--text) 35%,transparent)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--tint)}.input.code{font-size:var(--fs-h2);letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}.notice{margin:0;font-size:var(--fs-label);line-height:1.5;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--tint);color:var(--text)}.notice.err{border-color:color-mix(in srgb,var(--prize) 60%,transparent)}.linkbtn{background:none;border:none;padding:0;color:var(--accent);font:inherit;font-size:var(--fs-label);font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.stack{display:flex;flex-direction:column;gap:16px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.pill{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--line);font-size:var(--fs-caption);font-weight:500;color:var(--mid)}.pill.on{border-color:var(--accent);color:var(--accent)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:10px 12px;font-size:var(--fs-label);font-weight:var(--label-weight);color:var(--mid);border-bottom:1px solid var(--line)}.table td{padding:12px;border-bottom:1px solid var(--line);font-size:var(--fs-label);color:var(--soft);vertical-align:top}.table tr.click{cursor:pointer}.table tr.click:hover td{background:var(--hover)}.chip{min-height:38px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:var(--fs-control);font-weight:500;cursor:pointer;transition:transform .2s var(--ease),background-color .2s ease,border-color .2s ease}.chip:hover{transform:translateY(-2px);background:var(--hover)}.chip:active{transform:translateY(1px) scale(.97)}.chip[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:var(--tint)}.crumb{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:var(--radius-pill);text-decoration:none;font-size:var(--fs-label);font-weight:var(--label-weight);color:var(--mid);transition:gap .24s var(--ease),background-color .2s ease;align-self:flex-start}.crumb:hover{gap:10px;background:var(--tint)}.crumb-ico{display:flex;transition:transform .24s var(--ease)}.crumb:hover .crumb-ico{transform:translate(-3px)}.card-lift{text-decoration:none;color:inherit;transition:transform .3s var(--ease),box-shadow .3s ease,border-color .24s ease;display:flex;flex-direction:column;gap:14px}.card-lift:hover{transform:translateY(-3px);box-shadow:0 18px 40px var(--shadow);border-color:color-mix(in srgb,var(--text) 22%,transparent)}.card-lift:active{transform:translateY(0) scale(.99)}.card-btn{width:100%;text-align:left;font:inherit;cursor:pointer}.row-hover{display:flex;align-items:center;gap:16px;padding:16px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-decoration:none;transition:padding .24s var(--ease),background-color .2s ease}.row-hover:hover{padding-left:20px;padding-right:20px;background:var(--hover)}.row-btn{width:100%;text-align:left;font:inherit;cursor:pointer}.grow-1{flex:1 1 0;min-width:0}.meter{display:block;height:6px;border-radius:6px;background:var(--bar-dist);overflow:hidden}.meter>i{display:block;height:100%;border-radius:6px;background:var(--bar-you)}.wsbar{height:48px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:var(--page);border-bottom:1px solid var(--line)}.wsbar-brand{display:flex;align-items:center;text-decoration:none;font-weight:600;font-size:var(--fs-label);letter-spacing:-.01em;color:var(--text);min-width:0}.wsbar-who{flex:1;text-align:center;font-size:var(--fs-label);font-weight:var(--label-weight);color:var(--mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wsbar-back{font-size:var(--fs-control);font-weight:500;color:var(--text);text-decoration:none;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--line);white-space:nowrap;transition:background-color .2s ease,transform .18s var(--ease)}.wsbar-back:hover{background:var(--tint);transform:translateY(-1px)}.wsbar-back:active{transform:translateY(1px) scale(.97)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--scrim)}.modal{width:100%;max-width:460px;background:var(--menu);box-shadow:0 24px 60px var(--shadow);gap:14px}.brief{margin:0;display:grid;gap:0}.brief>div{display:grid;grid-template-columns:minmax(170px,240px) 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.brief dt,.brief dd{margin:0}.cotd-panel{border-color:color-mix(in srgb,var(--prize) 50%,transparent);background:var(--tint)}@media (max-width: 600px){.brief>div{grid-template-columns:1fr;gap:4px}}.skel{border-radius:6px;background:var(--tint);animation:skel 1.4s ease-in-out infinite}@keyframes skel{50%{opacity:.45}}