:root{--c-bg:oklch(11% .012 264);--c-surface:oklch(16% .014 264);--c-surface-2:oklch(21% .016 264);--c-line:oklch(28% .014 264);--c-ink:oklch(97% .004 264);--c-ink-2:oklch(78% .01 264);--c-ink-3:oklch(56% .012 264);--c-accent:oklch(92% .2 116);--c-accent-dim:oklch(80% .17 116);--c-accent-soft:oklch(92% .2 116/.14);--c-on-accent:oklch(15% .02 116);--c-ok:oklch(80% .16 155);--c-warn:oklch(84% .16 80);--c-danger:oklch(70% .2 25);--font-display:-apple-system, BlinkMacSystemFont, "PingFang SC", "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Segoe UI", Roboto, sans-serif;--font-serif:"Songti SC", "Noto Serif SC", Georgia, serif;--font-mono:"SF Mono", ui-monospace, "Cascadia Code", Menlo, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.375rem;--text-2xl:clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);--text-card:clamp(2rem, 1.4rem + 3.6vw, 3rem);--text-hero:clamp(2rem, 1.2rem + 3.4vw, 3.75rem);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:72px;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--dur-fast:.14s;--dur:.26s;--ease:cubic-bezier(.16, 1, .3, 1);--shadow-1:0 1px 2px oklch(0% 0 0/.4);--shadow-2:0 8px 24px -8px oklch(0% 0 0/.6);--shadow-3:0 24px 60px -20px oklch(0% 0 0/.75)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--c-bg);color:var(--c-ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;background-image:radial-gradient(oklch(100% 0 0/.018) 1px,#0000 1px);background-size:3px 3px;margin:0;line-height:1.7}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600;line-height:1.25}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.xs-shell{flex-direction:column;min-height:100%;display:flex}.xs-nav{align-items:center;gap:var(--sp-5);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--c-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:oklch(16% .012 260/.86);display:flex;position:sticky;top:0}.xs-brand{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.04em;align-items:baseline;gap:var(--sp-2);display:flex}.xs-brand b{color:var(--c-accent);font-weight:700}.xs-brand span{font-size:var(--text-xs);color:var(--c-ink-3);font-family:var(--font-body);letter-spacing:.16em}.xs-navlinks{gap:var(--sp-1);flex:1;display:flex}.xs-tab{cursor:pointer;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--c-ink-3);transition:color var(--dur-fast), background var(--dur-fast);background:0 0;border:0}.xs-tab:hover{color:var(--c-ink);background:var(--c-surface)}.xs-tab[aria-current=true]{color:var(--c-ink);background:var(--c-surface-2)}.xs-btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-4);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface-2);color:var(--c-ink);cursor:pointer;transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast), background var(--dur-fast);display:inline-flex}.xs-btn:hover:not(:disabled){border-color:var(--c-ink-3);transform:translateY(-1px)}.xs-btn:active:not(:disabled){transform:translateY(0)}.xs-btn:disabled{opacity:.45;cursor:not-allowed}.xs-btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent);font-weight:600}.xs-btn--primary:hover:not(:disabled){filter:brightness(1.08)}.xs-btn--ghost{background:0 0}.xs-btn--sm{min-height:30px;padding:0 var(--sp-3);font-size:var(--text-sm)}.xs-btn--danger{color:var(--c-danger);background:0 0;border-color:oklch(64% .2 25/.4)}.xs-input,.xs-select,.xs-textarea{width:100%;min-height:40px;padding:var(--sp-2) var(--sp-3);background:var(--c-bg);color:var(--c-ink);border:1px solid var(--c-line);border-radius:var(--r-md);transition:border-color var(--dur-fast)}.xs-input:focus,.xs-select:focus,.xs-textarea:focus{border-color:var(--c-accent);outline:none}.xs-textarea{resize:vertical;min-height:96px;font-family:inherit;line-height:1.7}.xs-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-1)}.xs-tag{padding:2px var(--sp-2);font-size:var(--text-xs);background:var(--c-surface-2);color:var(--c-ink-2);border:1px solid var(--c-line);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;display:inline-flex}.xs-tag--accent{background:var(--c-accent-soft);color:var(--c-accent);border-color:oklch(62% .19 28/.35)}.xs-tag--warn{color:var(--c-warn);background:oklch(76% .15 75/.1);border-color:oklch(76% .15 75/.35)}.xs-tag--ok{color:var(--c-ok);background:oklch(70% .14 155/.1);border-color:oklch(70% .14 155/.35)}.xs-muted{color:var(--c-ink-3)}.xs-small{font-size:var(--text-sm)}.xs-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.xs-main{width:100%;max-width:1240px;padding:var(--sp-6) var(--sp-5) var(--sp-8);flex:1;margin:0 auto}.xs-main--narrow{max-width:720px}.xs-empty{text-align:center;padding:var(--sp-8) var(--sp-4);color:var(--c-ink-3)}.xs-banner{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);color:var(--c-ink-2);font-size:var(--text-sm);margin-bottom:var(--sp-4);background:oklch(76% .15 75/.08);border:1px solid oklch(76% .15 75/.3);align-items:flex-start;display:flex}.xs-banner--danger{background:oklch(64% .2 25/.08);border-color:oklch(64% .2 25/.35)}.xs-int{align-items:center;gap:2px;display:inline-flex}.xs-int i{background:var(--c-line);border-radius:1px;width:3px;height:11px}.xs-int i.on{background:var(--c-accent)}.xs-int--4 i.on,.xs-int--5 i.on{background:var(--c-warn)}.xs-spin{border:2px solid var(--c-line);border-top-color:var(--c-accent);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite xs-spin}@keyframes xs-spin{to{transform:rotate(360deg)}}@keyframes xs-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.xs-rise{animation:xs-rise var(--dur) var(--ease) both}.nf-top{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5) var(--sp-5) var(--sp-4);display:flex}.nf-brand{flex:1;min-width:0}.nf-brand b{font-size:var(--text-lg);letter-spacing:.22em;color:var(--c-accent);font-weight:800;display:block}.nf-brand span{font-size:var(--text-sm);color:var(--c-ink-3);margin-top:2px;display:block}.nf-chip{height:44px;padding:0 var(--sp-4);border-radius:var(--r-pill);background:var(--c-surface-2);border:1px solid var(--c-line);color:var(--c-ink);font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast);align-items:center;gap:6px;display:inline-flex}.nf-chip:hover{border-color:var(--c-ink-3)}.nf-chip--icon{justify-content:center;width:44px;padding:0}.nf-deck{gap:var(--sp-4);scroll-snap-type:x mandatory;padding:0 var(--sp-5) var(--sp-4);scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.nf-deck::-webkit-scrollbar{display:none}.nf-card{scroll-snap-align:center;aspect-ratio:3/4.4;border-radius:var(--r-xl);border:1px solid var(--c-line);background:var(--c-surface);cursor:pointer;text-align:left;padding:var(--sp-5);transition:transform var(--dur) var(--ease), border-color var(--dur-fast);flex-direction:column;flex:0 0 min(88vw,420px);justify-content:flex-end;display:flex;position:relative;overflow:hidden}.nf-card:hover{border-color:oklch(92% .2 116/.4)}.nf-card:active{transform:scale(.985)}.nf-card__bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.nf-card__scrim{background:linear-gradient(oklch(8% 0 0/.15) 0%,oklch(8% 0 0/.35) 42%,oklch(8% 0 0/.92) 78%,oklch(8% 0 0/.97) 100%);position:absolute;inset:0}.nf-card>*{position:relative}.nf-card__tags{top:var(--sp-5);left:var(--sp-5);right:var(--sp-5);gap:var(--sp-2);justify-content:space-between;align-items:center;display:flex;position:absolute}.nf-tag{padding:7px var(--sp-3);border-radius:var(--r-pill);font-size:var(--text-xs);white-space:nowrap;color:var(--c-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(8% 0 0/.55);border:1px solid oklch(100% 0 0/.16);align-items:center;gap:5px;display:inline-flex}.nf-tag--on{background:var(--c-accent);color:var(--c-on-accent);border-color:#0000;font-weight:700}.nf-card__title{font-family:var(--font-display);font-weight:800;font-size:var(--text-card);letter-spacing:-.01em;margin:0 0 var(--sp-3);color:var(--c-ink);text-shadow:0 2px 24px oklch(0% 0 0/.8);line-height:1.1}.nf-card__hook{margin:0 0 var(--sp-5);color:var(--c-ink-2);font-size:var(--text-base);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.nf-go{align-self:flex-end;align-items:center;gap:var(--sp-2);min-height:52px;padding:0 var(--sp-6);border-radius:var(--r-pill);background:var(--c-accent);color:var(--c-on-accent);font-size:var(--text-lg);cursor:pointer;transition:filter var(--dur-fast), transform var(--dur-fast) var(--ease);border:0;font-weight:800;display:inline-flex}.nf-go:hover{filter:brightness(1.06)}.nf-go:active{transform:scale(.97)}.nf-foot{padding:0 var(--sp-5) var(--sp-6);color:var(--c-ink-3);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.nf-dots{gap:var(--sp-2);display:flex}.nf-dots i{background:var(--c-line);width:8px;height:8px;transition:background var(--dur-fast), width var(--dur-fast);border-radius:50%}.nf-dots i.on{background:var(--c-ink-2);border-radius:var(--r-pill);width:20px}.h5-row{gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-lg);border:1px solid var(--c-line);background:var(--c-surface);cursor:pointer;text-align:left;width:100%;transition:border-color var(--dur-fast), transform var(--dur-fast) var(--ease);align-items:stretch;display:flex}.h5-row:active{transform:scale(.99)}.h5-row:hover{border-color:oklch(92% .2 116/.35)}.h5-row__thumb{border-radius:var(--r-md);object-fit:cover;background:var(--c-surface-2);flex:0 0 84px;height:108px}.h5-row__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.h5-row__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden}.h5-row__hook{font-size:var(--text-sm);color:var(--c-ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.h5-row__meta{gap:var(--sp-2);flex-wrap:wrap;align-items:center;margin-top:auto;display:flex}.h5-bar{background:var(--c-line);border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.h5-bar i{background:var(--c-accent);height:100%;display:block}.xs-hud{gap:var(--sp-3) var(--sp-4);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-5);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.xs-hud__row{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.xs-hud__name{font-size:var(--text-xs);color:var(--c-ink-3);letter-spacing:.08em}.xs-hud__val{font-size:var(--text-base);color:var(--c-ink)}.xs-hud__val em{font-style:normal;font-size:var(--text-xs);animation:xs-pop var(--dur) var(--ease);margin-left:5px}.xs-hud__val em.up{color:var(--c-ok)}.xs-hud__val em.down{color:var(--c-danger)}.xs-hud__track{background:var(--c-line);border-radius:2px;height:3px;margin-top:5px;overflow:hidden}.xs-hud__track i{background:var(--c-accent);height:100%;transition:width var(--dur) var(--ease), background var(--dur);display:block}.xs-hud__item.is-low .xs-hud__track i{background:var(--c-danger)}.xs-hud__item.is-low .xs-hud__val{color:var(--c-danger)}@keyframes xs-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.xs-hud__val em{animation:none}.xs-hud__track i{transition:none}}.xs-hook{margin:0 0 var(--sp-5);padding-left:var(--sp-4);border-left:2px solid var(--c-accent);color:var(--c-ink-2);line-height:1.75}.xs-outcome{white-space:pre-wrap;margin-bottom:var(--sp-5);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-accent-soft);color:var(--c-ink);line-height:1.85}.xs-card.is-locked{opacity:.45}.xs-card.is-locked:hover{border-color:var(--c-line);transform:none}.xs-locked{color:var(--c-warn)}