:root,:root[data-theme=light]{--color-bg: #e8eff5;--color-bg-elev: #ffffff;--color-fg: #0b1d37;--color-fg-muted: #2e4157;--color-fg-subtle: #7d8da1;--color-accent: #4f86c6;--color-accent-soft: rgba(120, 170, 230, .55);--color-accent-strong: #2c5d99;--color-line: #c9d8ea;--color-line-strong: #a9bed6;--surface-glass-bg: rgba(255, 255, 255, .42);--surface-glass-stroke: rgba(255, 255, 255, .18);--surface-glass-highlight: rgba(255, 255, 255, .2);--surface-glass-bg-strong: rgba(255, 255, 255, .62);--card-glow-color: 255, 255, 255;--card-glow-strength: .45;--card-glow-blend: screen;--card-glow-opacity: .85;--card-sheen-color: rgba(255, 255, 255, .22);--card-sheen-blend: normal;--prompt-bar-bg: var(--color-bg-elev);--slash-bg: rgba(255, 255, 255, .92);--settings-modal-bg: rgba(255, 255, 255, .74);--bg-tone-1: var(--color-bg);--bg-tone-2: #f4f4f6;--bg-tone-3: #dcebe5;--bg-tone-4: #e5e1ee;--bg-tone-5: #f4e6d6;--bg-tone-6: #f0e6cf;--bg-tone-7: #f1dee3;--bg-tone-8: #d8e8ed;--sidebar-bg: var(--color-bg-elev);--card-shadow: 0 2px 8px rgba(90, 120, 160, .04), 0 26px 56px rgba(90, 120, 160, .07);--pin-active-bg: #ffffff;--pin-active-fg: #0b1d37;--pro-active-bg: var(--color-accent);--pro-active-fg: #ffffff;--badge-bg: color-mix(in oklab, var(--color-accent) 16%, transparent);--badge-fg: var(--color-fg-muted);--rail-bg: rgba(255, 255, 255, .55);--scroll-thumb: rgba(11, 29, 55, .18);--scroll-thumb-hover: rgba(11, 29, 55, .32);--status-idle: rgba(11, 29, 55, .28);--status-new: #4caf6e;--status-pinned: #e4ad3a;--bubble-ai-bg: rgba(255, 255, 255, .86);--bubble-ai-fg: #04101e;--bubble-user-bg: #eef4fa;--bubble-user-fg: #04101e;--bubble-stroke: rgba(255, 255, 255, .55);--hero-overlay: linear-gradient( 180deg, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, .05) 35%, rgba(245, 250, 255, .45) 100% );--bg-dot-color: rgba(255, 255, 255, .55);--bg-dot-size: 18px;--bg-dot-radius: 1.1px;--shadow-sm: 0 1px 2px rgba(20, 40, 70, .04), 0 2px 6px rgba(20, 40, 70, .05);--shadow-md: 0 2px 6px rgba(20, 40, 70, .05), 0 12px 28px rgba(20, 40, 70, .08);--shadow-lg: 0 6px 14px rgba(20, 40, 70, .06), 0 28px 60px rgba(20, 40, 70, .12);--shadow-glow: 0 0 0 1px rgba(255, 255, 255, .6) inset, 0 0 24px rgba(140, 190, 255, .45);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--font-sans: "OXOF Sans", system-ui, sans-serif;--font-display: "Orbitron", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: clamp(2.25rem, 5vw, 3.5rem);--leading-tight: 1.15;--leading-snug: 1.3;--leading-base: 1.55;--tracking-tight: -.01em;--tracking-base: 0;--tracking-wide: .04em;--tracking-display: .32em;--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--blur-sm: 2px;--blur-md: 4px;--blur-lg: 6px;--container-max: 1280px;--container-pad-i: clamp(12px, 3.5vw, 40px);--safe-pad-block-start: max(var(--space-3), env(safe-area-inset-top));--safe-pad-block-end: max(var(--space-3), env(safe-area-inset-bottom));--safe-pad-inline-start: max(var(--container-pad-i), env(safe-area-inset-left));--safe-pad-inline-end: max(var(--container-pad-i), env(safe-area-inset-right))}:root[data-theme=dark]{--color-bg: #07101c;--color-bg-elev: #0f1c2c;--color-fg: #eaf2fb;--color-fg-muted: #9eb1c7;--color-fg-subtle: #6c7e94;--color-accent: #87b6f0;--color-accent-soft: rgba(140, 195, 255, .55);--color-accent-strong: #b6d4ff;--color-line: rgba(255, 255, 255, .1);--color-line-strong: rgba(255, 255, 255, .18);--surface-glass-bg: rgba(8, 16, 28, .78);--surface-glass-stroke: rgba(255, 255, 255, .04);--surface-glass-highlight: rgba(140, 180, 230, .05);--surface-glass-bg-strong: rgba(8, 16, 28, .88);--card-glow-color: 140, 180, 230;--card-glow-strength: .1;--card-glow-blend: overlay;--card-glow-opacity: .5;--card-sheen-color: rgba(140, 195, 255, .18);--card-sheen-blend: screen;--prompt-bar-bg: var(--color-bg-elev);--slash-bg: rgba(6, 14, 26, .96);--settings-modal-bg: rgba(8, 16, 28, .94);--bg-tone-1: var(--color-bg);--bg-tone-2: #131316;--bg-tone-3: #0c1a14;--bg-tone-4: #150f22;--bg-tone-5: #1c130a;--bg-tone-6: #1a160c;--bg-tone-7: #1d1116;--bg-tone-8: #0a1923;--sidebar-bg: var(--color-bg-elev);--rail-bg: rgba(5, 12, 22, .78);--card-shadow: 0 0 0 1px rgba(140, 180, 230, .05), 0 26px 56px rgba(8, 18, 36, .28);--pin-active-bg: color-mix(in oklab, var(--color-accent) 26%, transparent);--pin-active-fg: var(--color-fg);--badge-bg: var(--pin-active-bg);--badge-fg: var(--pin-active-fg);--scroll-thumb: rgba(255, 255, 255, .14);--scroll-thumb-hover: rgba(255, 255, 255, .26);--status-idle: rgba(234, 242, 251, .28);--status-new: #5dd189;--status-pinned: #f2c25b;--bubble-ai-bg: rgba(15, 28, 44, .88);--bubble-ai-fg: #eaf2fb;--bubble-user-bg: rgba(135, 182, 240, .28);--bubble-user-fg: #eaf2fb;--bubble-stroke: rgba(180, 220, 255, .16);--hero-overlay: linear-gradient( 180deg, rgba(7, 16, 28, .35) 0%, rgba(7, 16, 28, .55) 45%, rgba(7, 16, 28, .78) 100% );--bg-dot-color: rgba(0, 4, 10, .55);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .25);--shadow-md: 0 2px 6px rgba(0, 0, 0, .3), 0 14px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 6px 14px rgba(0, 0, 0, .32), 0 30px 70px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 1px rgba(180, 220, 255, .2) inset, 0 0 28px rgba(135, 182, 240, .45)}@font-face{font-family:OXOF Sans;font-style:normal;font-weight:100 900;font-display:block;src:url(/fonts/inter-var.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;min-block-size:100svh;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-base);overflow-x:hidden;overscroll-behavior-y:none}img,picture,svg,video,canvas{display:block;max-inline-size:100%}button{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:var(--leading-snug)}p{margin:0}::selection{background:var(--color-accent-soft);color:var(--color-fg)}.u-skip-link{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--space-2) var(--space-4);background:var(--color-bg-elev);color:var(--color-fg);border-radius:0 0 var(--radius-md) 0;transform:translateY(-110%);transition:transform var(--dur-base) var(--ease-out);z-index:1000}.u-skip-link:focus-visible{transform:translateY(0);outline:none;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent)}input[type=radio],input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;inline-size:16px;block-size:16px;margin:0;flex-shrink:0;background:var(--color-bg-elev);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-fg-muted) 30%,transparent);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}@media (prefers-reduced-motion: no-preference){input[type=radio]:hover,input[type=checkbox]:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-accent) 70%,transparent)}input[type=radio]:active,input[type=checkbox]:active{transform:scale(.92)}}input[type=radio]:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input[type=radio]:disabled,input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox]{border-radius:var(--radius-sm)}input[type=checkbox]:checked{background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}input[type=checkbox]:checked:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='2,6.5 5,9 10,3.5'/></svg>");background-repeat:no-repeat;background-position:center;background-size:11px 11px}input[type=radio]{border-radius:50%}input[type=radio]:checked{background:var(--color-bg-elev);box-shadow:inset 0 0 0 1px var(--color-accent),inset 0 0 0 5px var(--color-bg-elev),inset 0 0 0 12px var(--color-accent)}.form-input,.form-textarea,.form-select{appearance:none;-webkit-appearance:none;inline-size:100%;padding-inline:12px;padding-block:10px;font:inherit;font-size:14px;color:var(--color-fg);background:var(--color-bg-elev);border:0;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-fg-muted) 22%,transparent);transition:box-shadow var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:var(--color-fg-subtle)}.form-input:hover,.form-textarea:hover,.form-select:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-fg-muted) 38%,transparent)}.form-input:focus,.form-input:focus-visible,.form-textarea:focus,.form-textarea:focus-visible,.form-select:focus,.form-select:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--color-accent) 65%,transparent)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed}.form-textarea{resize:vertical;min-block-size:96px;line-height:1.55}.form-select{padding-inline-end:32px;background-image:linear-gradient(45deg,transparent 50%,var(--color-fg-muted) 50%),linear-gradient(135deg,var(--color-fg-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.form-select option{color:var(--color-fg);background:var(--color-bg-elev)}.form-label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg-muted)}.form-check{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--color-fg-muted);cursor:pointer;user-select:none}:root{--sidebar-width: 320px;--rail-width: 56px;--page-offset: 0px}@media (hover: hover) and (pointer: fine) and (min-width: 945px){:root[data-layout=app]{--page-offset: var(--rail-width)}}:root[data-layout=app][data-sidebar=pinned]{--page-offset: var(--sidebar-width)}:root[data-layout=app] body{padding-inline-start:var(--page-offset, 0px);transition:padding-inline-start .36s var(--ease-out)}