:root{--font-system:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-display:var(--font-system);--font-body:var(--font-system);--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, "Liberation Mono", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:38px;--text-4xl:48px;--text-5xl:64px;--text-display:80px;--text-hero:100px;--leading-none:1;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.45;--leading-relaxed:1.6;--leading-loose:1.8;--tracking-tightest:-.02em;--tracking-tighter:-.015em;--tracking-tight:-.01em;--tracking-snug:-.005em;--tracking-normal:0em;--tracking-wide:.02em;--tracking-wider:.05em;--tracking-widest:.1em;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--text-hero-family:var(--font-display);--text-hero-size:var(--text-hero);--text-hero-weight:var(--weight-bold);--text-hero-leading:var(--leading-tight);--text-hero-tracking:var(--tracking-tighter);--text-h1-family:var(--font-display);--text-h1-size:var(--text-4xl);--text-h1-weight:var(--weight-bold);--text-h1-leading:var(--leading-tight);--text-h1-tracking:var(--tracking-tight);--text-h2-family:var(--font-display);--text-h2-size:var(--text-3xl);--text-h2-weight:var(--weight-semibold);--text-h2-leading:var(--leading-snug);--text-h2-tracking:var(--tracking-snug);--text-h3-family:var(--font-display);--text-h3-size:var(--text-2xl);--text-h3-weight:var(--weight-semibold);--text-h3-leading:var(--leading-snug);--text-h4-family:var(--font-display);--text-h4-size:var(--text-xl);--text-h4-weight:var(--weight-semibold);--text-h4-leading:var(--leading-normal);--text-body-family:var(--font-body);--text-body-size:var(--text-base);--text-body-weight:var(--weight-normal);--text-body-leading:var(--leading-relaxed);--text-body-lg-size:var(--text-md);--text-body-lg-leading:var(--leading-relaxed);--text-label-family:var(--font-body);--text-label-size:var(--text-sm);--text-label-weight:var(--weight-medium);--text-label-leading:var(--leading-normal);--text-caption-family:var(--font-body);--text-caption-size:var(--text-xs);--text-caption-leading:var(--leading-normal);--text-overline-family:var(--font-body);--text-overline-size:var(--text-xs);--text-overline-weight:var(--weight-semibold);--text-overline-tracking:var(--tracking-widest);--text-code-family:var(--font-mono);--text-code-size:var(--text-sm);--text-code-weight:var(--weight-normal);--text-code-leading:var(--leading-relaxed);--accent:oklch(74% .18 158);--accent-hover:oklch(68% .18 158);--accent-active:oklch(63% .18 158);--accent-fg:oklch(18% .06 158);--accent-2:oklch(63% .16 210);--accent-2-hover:oklch(57% .16 210);--accent-2-fg:oklch(100% 0 0);--color-success:oklch(61% .17 145);--color-success-fg:oklch(24% .1 145);--color-warning:oklch(72% .15 82);--color-warning-fg:oklch(28% .1 75);--color-error:oklch(57% .21 25);--color-error-fg:oklch(24% .12 25);--color-info:oklch(61% .17 250);--color-info-fg:oklch(24% .1 250);--bg-canvas:oklch(97% .008 60);--bg-surface:oklch(99% .005 55);--bg-elevated:oklch(100% 0 0);--bg-subtle:oklch(94.5% .011 58);--bg-inverse:oklch(12% .008 55);--border-subtle:oklch(90.5% .012 58);--border-default:oklch(83.5% .015 57);--border-strong:oklch(66% .018 56);--border-inverse:oklch(26% .012 55);--fg-1:oklch(12% .008 55);--fg-2:oklch(33% .01 55);--fg-3:oklch(52% .012 55);--fg-muted:oklch(68% .01 56);--fg-placeholder:oklch(74% .01 56);--fg-inverse:oklch(96% .006 60);--fg-on-accent:oklch(18% .06 158);--accent-subtle:oklch(95% .05 158);--accent-border:oklch(78% .1 158);--accent-2-subtle:oklch(97% .028 210);--accent-2-border:oklch(82% .07 210);--color-success-subtle:oklch(96% .04 145);--color-success-border:oklch(82% .09 145);--color-warning-subtle:oklch(97% .04 82);--color-warning-border:oklch(84% .08 82);--color-error-subtle:oklch(97% .04 25);--color-error-border:oklch(82% .1 25);--color-info-subtle:oklch(97% .04 250);--color-info-border:oklch(82% .09 250)}@media (prefers-color-scheme:dark){:root{--bg-canvas:oklch(9.5% .008 55);--bg-surface:oklch(13% .008 55);--bg-elevated:oklch(17.5% .009 56);--bg-subtle:oklch(11.5% .008 55);--bg-inverse:oklch(96% .006 58);--border-subtle:oklch(21% .01 55);--border-default:oklch(27.5% .012 56);--border-strong:oklch(41% .015 56);--border-inverse:oklch(87% .01 58);--fg-1:oklch(96% .006 60);--fg-2:oklch(79% .008 58);--fg-3:oklch(57% .01 57);--fg-muted:oklch(43% .01 57);--fg-placeholder:oklch(36% .01 57);--fg-inverse:oklch(12% .008 55);--accent-subtle:oklch(17% .06 158);--accent-border:oklch(32% .11 158);--accent-2-subtle:oklch(16% .04 210);--accent-2-border:oklch(31% .07 210);--color-success-subtle:oklch(16% .06 145);--color-success-border:oklch(31% .08 145);--color-warning-subtle:oklch(16% .05 82);--color-warning-border:oklch(30% .07 82);--color-error-subtle:oklch(16% .07 25);--color-error-border:oklch(31% .1 25);--color-info-subtle:oklch(16% .06 250);--color-info-border:oklch(31% .09 250)}}[data-theme=dark]{--bg-canvas:oklch(9.5% .008 55);--bg-surface:oklch(13% .008 55);--bg-elevated:oklch(17.5% .009 56);--bg-subtle:oklch(11.5% .008 55);--bg-inverse:oklch(96% .006 58);--border-subtle:oklch(21% .01 55);--border-default:oklch(27.5% .012 56);--border-strong:oklch(41% .015 56);--border-inverse:oklch(87% .01 58);--fg-1:oklch(96% .006 60);--fg-2:oklch(79% .008 58);--fg-3:oklch(57% .01 57);--fg-muted:oklch(43% .01 57);--fg-placeholder:oklch(36% .01 57);--fg-inverse:oklch(12% .008 55);--accent-subtle:oklch(17% .06 158);--accent-border:oklch(32% .11 158);--accent-2-subtle:oklch(16% .04 210);--accent-2-border:oklch(31% .07 210);--color-success-subtle:oklch(16% .06 145);--color-success-border:oklch(31% .08 145);--color-warning-subtle:oklch(16% .05 82);--color-warning-border:oklch(30% .07 82);--color-error-subtle:oklch(16% .07 25);--color-error-border:oklch(31% .1 25);--color-info-subtle:oklch(16% .06 250);--color-info-border:oklch(31% .09 250)}[data-theme=light]{--bg-canvas:oklch(97% .008 60);--bg-surface:oklch(99% .005 55);--bg-elevated:oklch(100% 0 0);--bg-subtle:oklch(94.5% .011 58);--bg-inverse:oklch(12% .008 55);--border-subtle:oklch(90.5% .012 58);--border-default:oklch(83.5% .015 57);--border-strong:oklch(66% .018 56);--border-inverse:oklch(26% .012 55);--fg-1:oklch(12% .008 55);--fg-2:oklch(33% .01 55);--fg-3:oklch(52% .012 55);--fg-muted:oklch(68% .01 56);--fg-placeholder:oklch(74% .01 56);--fg-inverse:oklch(96% .006 60);--accent-subtle:oklch(95% .05 158);--accent-border:oklch(78% .1 158);--accent-2-subtle:oklch(97% .028 210);--accent-2-border:oklch(82% .07 210);--color-success-subtle:oklch(96% .04 145);--color-success-border:oklch(82% .09 145);--color-warning-subtle:oklch(97% .04 82);--color-warning-border:oklch(84% .08 82);--color-error-subtle:oklch(97% .04 25);--color-error-border:oklch(82% .1 25);--color-info-subtle:oklch(97% .04 250);--color-info-border:oklch(82% .09 250)}:root{--space-px:1px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-28:112px;--space-32:128px;--space-40:160px;--space-48:192px;--space-64:256px;--btn-pad-sm:var(--space-1-5) var(--space-3);--btn-pad-md:var(--space-2) var(--space-4);--btn-pad-lg:var(--space-2-5) var(--space-6);--input-pad-sm:var(--space-1-5) var(--space-3);--input-pad-md:var(--space-2) var(--space-3-5);--input-pad-lg:var(--space-2-5) var(--space-4);--gap-xs:var(--space-1);--gap-sm:var(--space-2);--gap-md:var(--space-4);--gap-lg:var(--space-6);--gap-xl:var(--space-8);--gap-2xl:var(--space-12);--gap-3xl:var(--space-16);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--radius-none:0px;--radius-xs:2px;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--radius-xl:10px;--radius-2xl:14px;--radius-3xl:20px;--radius-full:9999px;--radius-btn:var(--radius-md);--radius-input:var(--radius-md);--radius-card:var(--radius-lg);--radius-badge:var(--radius-xs);--radius-tag:var(--radius-full);--radius-avatar:var(--radius-full);--radius-dialog:var(--radius-xl);--ring-width:2px;--ring-offset:2px;--ring-color:oklch(74% .18 158/.45);--duration-instant:50ms;--duration-fast:.1s;--duration-normal:.175s;--duration-moderate:.28s;--duration-slow:.4s;--duration-slower:.6s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-enter:cubic-bezier(0, 0, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-sharp:cubic-bezier(.4, 0, .6, 1);--shadow-xs:0 1px 2px oklch(12% .008 55/.06);--shadow-sm:0 1px 3px oklch(12% .008 55/.08), 0 1px 2px -1px oklch(12% .008 55/.06);--shadow-md:0 4px 6px -1px oklch(12% .008 55/.08), 0 2px 4px -2px oklch(12% .008 55/.05);--shadow-lg:0 10px 15px -3px oklch(12% .008 55/.08), 0 4px 6px -4px oklch(12% .008 55/.05);--shadow-xl:0 20px 25px -5px oklch(12% .008 55/.09), 0 8px 10px -6px oklch(12% .008 55/.04);--shadow-focus:0 0 0 var(--ring-offset) var(--bg-canvas), 0 0 0 calc(var(--ring-offset) + var(--ring-width)) var(--ring-color);--shadow-focus-error:0 0 0 var(--ring-offset) var(--bg-canvas), 0 0 0 calc(var(--ring-offset) + var(--ring-width)) oklch(57% .21 25/.45)}@media (prefers-color-scheme:dark){:root{--shadow-xs:0 1px 2px oklch(0% 0 0/.25);--shadow-sm:0 1px 3px oklch(0% 0 0/.32), 0 1px 2px -1px oklch(0% 0 0/.2);--shadow-md:0 4px 6px -1px oklch(0% 0 0/.38), 0 2px 4px -2px oklch(0% 0 0/.25);--shadow-lg:0 10px 15px -3px oklch(0% 0 0/.42), 0 4px 6px -4px oklch(0% 0 0/.28);--shadow-xl:0 20px 25px -5px oklch(0% 0 0/.48), 0 8px 10px -6px oklch(0% 0 0/.32);--shadow-focus:0 0 0 var(--ring-offset) var(--bg-canvas), 0 0 0 calc(var(--ring-offset) + var(--ring-width)) oklch(74% .18 158/.55);--shadow-focus-error:0 0 0 var(--ring-offset) var(--bg-canvas), 0 0 0 calc(var(--ring-offset) + var(--ring-width)) oklch(57% .21 25/.55)}}[data-theme=dark]{--shadow-xs:0 1px 2px oklch(0% 0 0/.25);--shadow-sm:0 1px 3px oklch(0% 0 0/.32), 0 1px 2px -1px oklch(0% 0 0/.2);--shadow-md:0 4px 6px -1px oklch(0% 0 0/.38), 0 2px 4px -2px oklch(0% 0 0/.25);--shadow-lg:0 10px 15px -3px oklch(0% 0 0/.42), 0 4px 6px -4px oklch(0% 0 0/.28);--shadow-xl:0 20px 25px -5px oklch(0% 0 0/.48), 0 8px 10px -6px oklch(0% 0 0/.32);--shadow-focus:0 0 0 var(--ring-offset) var(--bg-canvas), 0 0 0 calc(var(--ring-offset) + var(--ring-width)) oklch(74% .18 158/.55);--shadow-focus-error:0 0 0 var(--ring-offset) var(--bg-canvas), 0 0 0 calc(var(--ring-offset) + var(--ring-width)) oklch(57% .21 25/.55)}[data-theme=light]{--shadow-xs:0 1px 2px oklch(12% .008 55/.06);--shadow-sm:0 1px 3px oklch(12% .008 55/.08), 0 1px 2px -1px oklch(12% .008 55/.06);--shadow-md:0 4px 6px -1px oklch(12% .008 55/.08), 0 2px 4px -2px oklch(12% .008 55/.05);--shadow-lg:0 10px 15px -3px oklch(12% .008 55/.08), 0 4px 6px -4px oklch(12% .008 55/.05);--shadow-xl:0 20px 25px -5px oklch(12% .008 55/.09), 0 8px 10px -6px oklch(12% .008 55/.04);--shadow-focus:0 0 0 var(--ring-offset) var(--bg-canvas), 0 0 0 calc(var(--ring-offset) + var(--ring-width)) var(--ring-color);--shadow-focus-error:0 0 0 var(--ring-offset) var(--bg-canvas), 0 0 0 calc(var(--ring-offset) + var(--ring-width)) oklch(57% .21 25/.45)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:2}body{background-color:var(--bg-canvas);color:var(--fg-1);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}img,video,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:pretty}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}code,kbd,pre,samp{font-family:var(--font-mono);font-size:var(--text-sm)}b,strong{font-weight:var(--weight-semibold)}::selection{background:oklch(68% .18 50/.22)}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}@keyframes cm-spin{to{transform:rotate(360deg)}}@keyframes cm-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes cm-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app-shell{height:100dvh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-subtle);z-index:200;background:#0d0d10;flex-direction:column;flex-shrink:0;width:224px;display:flex;overflow:hidden}.sidebar-backdrop{display:none}.main-pane{background:var(--bg-canvas);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0;align-items:center;gap:8px;height:44px;padding:0 24px;display:flex}.page-head{border-bottom:1px solid var(--border-subtle);padding:24px 28px 16px}.story-pad{padding:24px 28px 56px}.menu-btn{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-elevated);width:30px;height:30px;color:var(--fg-2);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:none}.nav-item{border-radius:var(--radius-md);cursor:pointer;width:100%;font-family:var(--font-body);text-align:left;color:var(--fg-3);transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:none;align-items:center;padding:5px 9px;font-size:12.5px;font-weight:400;display:flex}.nav-item:hover{color:var(--fg-1);background:oklch(100% 0 0/.05)}.nav-item.active,.nav-item.active:hover{color:oklch(74% .18 158);background:oklch(17% .05 158);font-weight:500}.cm-btn{font-family:var(--font-body);letter-spacing:.02em;border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;font-weight:500;display:inline-flex}.cm-btn:active:not(:disabled){transform:translateY(.5px)}.cm-btn:disabled{opacity:.48;cursor:not-allowed}.cm-btn--sm{height:30px;padding:5px 10px;font-size:12px}.cm-btn--md{height:36px;padding:8px 16px;font-size:13px}.cm-btn--lg{height:42px;padding:10px 20px;font-size:15px}.cm-btn--primary{background:var(--accent);color:var(--fg-on-accent);box-shadow:var(--shadow-sm)}.cm-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.cm-btn--primary:active:not(:disabled){background:var(--accent-active)}.cm-btn--secondary{background:var(--bg-surface);color:var(--fg-1);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.cm-btn--secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-strong)}.cm-btn--ghost{color:var(--fg-2);background:0 0}.cm-btn--ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--fg-1)}.cm-btn--outline{color:var(--accent);border-color:var(--accent-border);background:0 0}.cm-btn--outline:hover:not(:disabled){background:var(--accent-subtle)}.cm-btn--destructive{background:var(--color-error);color:#fff}.cm-btn--destructive:hover:not(:disabled){filter:brightness(1.1)}.cm-btn--fullwidth{width:100%}.cm-table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto}.cm-table tbody tr{transition:background var(--duration-fast) var(--ease-standard)}.cm-table tbody tr:hover{background:var(--bg-subtle)}.cm-slider{appearance:none;border-radius:var(--radius-full);background:linear-gradient(to right, var(--accent) var(--val,50%), var(--bg-subtle) var(--val,50%));cursor:pointer;outline:none;width:100%;height:6px}.cm-slider:disabled{opacity:.5;cursor:not-allowed}.cm-slider::-webkit-slider-thumb{appearance:none;border:1.5px solid var(--accent);width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-standard);background:#fff;border-radius:50%}.cm-slider::-webkit-slider-thumb:hover{transform:scale(1.12)}.cm-slider::-moz-range-thumb{border:1.5px solid var(--accent);width:16px;height:16px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%}@keyframes cm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cm-skeleton{background:linear-gradient(90deg, var(--bg-subtle) 25%, var(--bg-elevated) 50%, var(--bg-subtle) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.6s infinite cm-shimmer}.cm-accordion-head{transition:background var(--duration-fast) var(--ease-standard)}.cm-accordion-head:hover{background:var(--bg-subtle)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=820px){.sidebar{width:min(280px,84vw);transition:transform var(--duration-moderate) var(--ease-standard);box-shadow:var(--shadow-xl);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:190;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:cm-fade-in var(--duration-normal) var(--ease-enter);background:oklch(0% 0 0/.45);display:block;position:fixed;inset:0}.menu-btn{display:inline-flex}.topbar{padding:0 14px}}@media (width<=640px){.page-head{padding:18px 16px 12px}.story-pad{padding:18px 16px 48px}.stat-grid{grid-template-columns:repeat(2,1fr)}}