:root{color-scheme:light;--bg-main: #ffffff;--bg-subtle: #f6f7f9;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-inset: #f1f3f6;--bg-code: #f7f8fa;--bg-overlay: rgb(16 18 24 / 45%);--text-primary: #0e1116;--text-secondary: #4c5666;--text-muted: #6b7688;--text-inverse: #ffffff;--border: #e2e5ea;--border-strong: #cdd2db;--border-focus: #3b6cf6;--accent: #3b6cf6;--accent-hover: #2f5ce0;--accent-soft: #eaf0ff;--accent-text: #2a4fc4;--accent-contrast: #ffffff;--easy: #0f8a5f;--easy-soft: #e4f5ee;--medium: #a86a00;--medium-soft: #fdf1de;--hard: #c8384f;--hard-soft: #fdeaed;--info: #2563c9;--info-soft: #e8f1fd;--shadow-xs: 0 1px 2px rgb(16 18 24 / 6%);--shadow-sm: 0 1px 3px rgb(16 18 24 / 8%), 0 1px 2px rgb(16 18 24 / 4%);--shadow-md: 0 6px 16px rgb(16 18 24 / 8%), 0 2px 6px rgb(16 18 24 / 4%);--shadow-lg: 0 18px 44px rgb(16 18 24 / 12%), 0 4px 12px rgb(16 18 24 / 6%);--grid-line: rgb(14 17 22 / 5%);--wash-opacity: .5;--wash-light: 62%;--watermark-opacity: .05;--glass: color-mix(in srgb, var(--bg-card) 76%, transparent);--glass-strong: color-mix(in srgb, var(--bg-main) 88%, transparent);--edge-light: color-mix(in srgb, var(--text-primary) 7%, transparent);--ring-soft: color-mix(in srgb, var(--accent) 32%, transparent);--ring-strong: color-mix(in srgb, var(--accent) 55%, transparent);--glow-accent: 0 8px 26px color-mix(in srgb, var(--accent) 22%, transparent);--glow-accent-soft: 0 4px 14px color-mix(in srgb, var(--accent) 14%, transparent);--sheen: linear-gradient( 180deg, color-mix(in srgb, var(--text-primary) 5%, transparent), transparent 42% );--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--font-sans: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", "SF Mono", "Fira Code", ui-monospace, "Consolas", "Liberation Mono", monospace;--font-body: var(--font-sans);--font-heading: var(--font-sans);--font-scale: 1;--line-height: 1.6;--header-bar: 56px;--header-h: calc(var(--header-bar) + env(safe-area-inset-top, 0px));--sidebar-w: 268px;--content-max: 1280px;--prose-max: 74ch;--gutter: clamp(16px, 4.2vw, 32px);--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--touch: 44px;--ease: cubic-bezier(.32, .72, 0, 1);--dur-fast: .12s;--dur: .22s;--dur-slow: .42s;--z-header: 60;--z-sidebar: 50;--z-overlay: 90}@media(min-width:700px){:root{--header-bar: 60px}}@media(min-width:1200px){:root{--header-bar: 64px;--sidebar-w: 280px}}[data-theme=paper]{color-scheme:light;--bg-main: #fbf8f3;--bg-subtle: #f4efe6;--bg-card: #fffdf9;--bg-elevated: #fffdf9;--bg-inset: #efe8dc;--bg-code: #f5efe4;--bg-overlay: rgb(46 38 28 / 45%);--text-primary: #241d14;--text-secondary: #55483a;--text-muted: #7a6b59;--border: #e4dacb;--border-strong: #cfc0ab;--border-focus: #a2662a;--accent: #a2662a;--accent-hover: #8a5522;--accent-soft: #f6ead8;--accent-text: #82501c;--accent-contrast: #fffdf9;--easy: #4a7c26;--easy-soft: #ecf3df;--medium: #9a6a12;--medium-soft: #f8eed6;--hard: #b0452f;--hard-soft: #f8e5df;--grid-line: rgb(80 60 40 / 6%);--wash-opacity: .55}[data-theme=dark]{color-scheme:dark;--bg-main: #0b0d12;--bg-subtle: #0f1218;--bg-card: #12161e;--bg-elevated: #171c26;--bg-inset: #161b24;--bg-code: #0d1017;--bg-overlay: rgb(4 6 10 / 66%);--text-primary: #e8ecf3;--text-secondary: #a7b1c2;--text-muted: #7d879a;--text-inverse: #0b0d12;--border: #222834;--border-strong: #323a4a;--border-focus: #6f95ff;--accent: #6f95ff;--accent-hover: #86a7ff;--accent-soft: #16203a;--accent-text: #9db8ff;--accent-contrast: #08101f;--easy: #34d399;--easy-soft: #0e2a22;--medium: #f0b357;--medium-soft: #2b2113;--hard: #f87f92;--hard-soft: #2e1620;--info: #7fb0ff;--info-soft: #131f33;--shadow-xs: 0 1px 2px rgb(0 0 0 / 40%);--shadow-sm: 0 1px 3px rgb(0 0 0 / 45%), 0 1px 2px rgb(0 0 0 / 30%);--shadow-md: 0 8px 20px rgb(0 0 0 / 45%), 0 2px 6px rgb(0 0 0 / 30%);--shadow-lg: 0 22px 50px rgb(0 0 0 / 55%), 0 6px 14px rgb(0 0 0 / 35%);--grid-line: rgb(180 200 255 / 5%);--wash-opacity: .55;--wash-light: 28%}[data-theme=midnight]{color-scheme:dark;--bg-main: #0a0a18;--bg-subtle: #0f0f22;--bg-card: #14142c;--bg-elevated: #1a1a38;--bg-inset: #191934;--bg-code: #0c0c1e;--bg-overlay: rgb(3 3 12 / 70%);--text-primary: #e9e7fb;--text-secondary: #aeaad6;--text-muted: #8480ad;--text-inverse: #0a0a18;--border: #262450;--border-strong: #383567;--border-focus: #a78bfa;--accent: #a78bfa;--accent-hover: #bda4ff;--accent-soft: #221d45;--accent-text: #c4b1ff;--accent-contrast: #120c26;--easy: #4ade80;--easy-soft: #12291f;--medium: #fbbf5c;--medium-soft: #2c2314;--hard: #fb7185;--hard-soft: #2e1524;--info: #93b4ff;--info-soft: #171a38;--shadow-xs: 0 1px 2px rgb(0 0 0 / 45%);--shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 32%);--shadow-md: 0 8px 20px rgb(0 0 0 / 50%), 0 2px 6px rgb(0 0 0 / 32%);--shadow-lg: 0 22px 50px rgb(0 0 0 / 60%), 0 6px 14px rgb(0 0 0 / 38%);--grid-line: rgb(190 175 255 / 6%);--wash-opacity: .6;--wash-light: 30%}[data-theme=forest]{color-scheme:dark;--bg-main: #0a1210;--bg-subtle: #0e1815;--bg-card: #111e1a;--bg-elevated: #16261f;--bg-inset: #142320;--bg-code: #0c1614;--bg-overlay: rgb(3 9 7 / 68%);--text-primary: #e4efe8;--text-secondary: #a3bcae;--text-muted: #7c968a;--text-inverse: #0a1210;--border: #1f342c;--border-strong: #2e4a3f;--border-focus: #5eead4;--accent: #4fd1a5;--accent-hover: #6fe0b9;--accent-soft: #102a23;--accent-text: #7ee0bd;--accent-contrast: #06170f;--easy: #5eead4;--easy-soft: #0d2a25;--medium: #e3b95f;--medium-soft: #2a2415;--hard: #f38a8a;--hard-soft: #2c1a1a;--info: #74c8e0;--info-soft: #10242c;--shadow-xs: 0 1px 2px rgb(0 0 0 / 42%);--shadow-sm: 0 1px 3px rgb(0 0 0 / 48%), 0 1px 2px rgb(0 0 0 / 30%);--shadow-md: 0 8px 20px rgb(0 0 0 / 48%), 0 2px 6px rgb(0 0 0 / 30%);--shadow-lg: 0 22px 50px rgb(0 0 0 / 58%), 0 6px 14px rgb(0 0 0 / 36%);--grid-line: rgb(150 220 190 / 6%);--wash-opacity: .55;--wash-light: 28%}[data-theme=slate]{color-scheme:light;--bg-main: #f3f5f8;--bg-subtle: #e8ecf2;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-inset: #e2e7ee;--bg-code: #eef1f6;--bg-overlay: rgb(15 23 42 / 46%);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border: #d5dbe6;--border-strong: #b8c2d1;--border-focus: #1d4ed8;--accent: #1d4ed8;--accent-hover: #1e40af;--accent-soft: #e8eefe;--accent-text: #1e3a8a;--accent-contrast: #ffffff;--easy: #047857;--easy-soft: #dcfce7;--medium: #b45309;--medium-soft: #fef3c7;--hard: #be123c;--hard-soft: #ffe4e6;--info: #0369a1;--info-soft: #e0f2fe;--grid-line: rgb(15 23 42 / 5%);--wash-opacity: .48}[data-theme=aurora]{color-scheme:light;--bg-main: #f4fbf8;--bg-subtle: #e7f4ef;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-inset: #dceee6;--bg-code: #eef8f3;--bg-overlay: rgb(6 40 32 / 42%);--text-primary: #0b1f1a;--text-secondary: #35564c;--text-muted: #5e7d73;--border: #c9e0d6;--border-strong: #a8cbbd;--border-focus: #0f766e;--accent: #0f766e;--accent-hover: #115e59;--accent-soft: #ccfbf1;--accent-text: #115e59;--accent-contrast: #f8fffc;--easy: #15803d;--easy-soft: #dcfce7;--medium: #a16207;--medium-soft: #fef9c3;--hard: #be123c;--hard-soft: #ffe4e6;--info: #0369a1;--info-soft: #e0f2fe;--grid-line: rgb(15 80 64 / 6%);--wash-opacity: .5}[data-theme=ocean]{color-scheme:dark;--bg-main: #061018;--bg-subtle: #0a1824;--bg-card: #0e2130;--bg-elevated: #123044;--bg-inset: #102838;--bg-code: #07141e;--bg-overlay: rgb(2 8 14 / 72%);--text-primary: #e6f3fb;--text-secondary: #9dc0d4;--text-muted: #6d91a6;--text-inverse: #061018;--border: #1b3a50;--border-strong: #2a5470;--border-focus: #38bdf8;--accent: #38bdf8;--accent-hover: #7dd3fc;--accent-soft: #0c2a3d;--accent-text: #7dd3fc;--accent-contrast: #04202e;--easy: #34d399;--easy-soft: #0c2a22;--medium: #fbbf24;--medium-soft: #2a210e;--hard: #fb7185;--hard-soft: #2c1520;--info: #7dd3fc;--info-soft: #0c2434;--shadow-xs: 0 1px 2px rgb(0 0 0 / 44%);--shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 32%);--shadow-md: 0 8px 20px rgb(0 0 0 / 50%), 0 2px 6px rgb(0 0 0 / 32%);--shadow-lg: 0 22px 50px rgb(0 0 0 / 60%), 0 6px 14px rgb(0 0 0 / 38%);--grid-line: rgb(125 211 252 / 6%);--wash-opacity: .58;--wash-light: 28%}[data-theme=ember]{color-scheme:dark;--bg-main: #140c0a;--bg-subtle: #1c1210;--bg-card: #241714;--bg-elevated: #2e1d18;--bg-inset: #2a1a16;--bg-code: #160e0c;--bg-overlay: rgb(10 4 2 / 72%);--text-primary: #f6ebe4;--text-secondary: #cbb3a6;--text-muted: #9a7f72;--text-inverse: #140c0a;--border: #3d261f;--border-strong: #5a382e;--border-focus: #fb923c;--accent: #fb923c;--accent-hover: #fdba74;--accent-soft: #3a1d12;--accent-text: #fdba74;--accent-contrast: #1a0c08;--easy: #4ade80;--easy-soft: #12291c;--medium: #fbbf24;--medium-soft: #2a210e;--hard: #fb7185;--hard-soft: #2c1520;--info: #7dd3fc;--info-soft: #102433;--shadow-xs: 0 1px 2px rgb(0 0 0 / 44%);--shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 32%);--shadow-md: 0 8px 20px rgb(0 0 0 / 50%), 0 2px 6px rgb(0 0 0 / 32%);--shadow-lg: 0 22px 50px rgb(0 0 0 / 60%), 0 6px 14px rgb(0 0 0 / 38%);--grid-line: rgb(251 146 60 / 7%);--wash-opacity: .58;--wash-light: 30%}[data-theme=contrast]{color-scheme:dark;--bg-main: #000000;--bg-subtle: #0a0a0a;--bg-card: #0d0d0d;--bg-elevated: #141414;--bg-inset: #161616;--bg-code: #0a0a0a;--bg-overlay: rgb(0 0 0 / 80%);--text-primary: #ffffff;--text-secondary: #e4e4e4;--text-muted: #bdbdbd;--text-inverse: #000000;--border: #4a4a4a;--border-strong: #6e6e6e;--border-focus: #ffd400;--accent: #ffd400;--accent-hover: #ffe34d;--accent-soft: #2a2200;--accent-text: #ffdf3d;--accent-contrast: #000000;--easy: #4ef08a;--easy-soft: #032010;--medium: #ffc247;--medium-soft: #2a1f00;--hard: #ff7a8a;--hard-soft: #2a0a10;--info: #7ec8ff;--info-soft: #001d2e;--grid-line: rgb(255 255 255 / 8%);--wash-opacity: .25;--wash-light: 22%}[data-font=serif]{--font-body: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, Cambria, "Times New Roman", serif;--font-heading: var(--font-body);--line-height: 1.72}[data-font=rounded]{--font-body: "Segoe UI Variable Display", "Nunito", "Quicksand", "Trebuchet MS", system-ui, sans-serif;--font-heading: var(--font-body);--line-height: 1.66}[data-font=script]{--font-body: "Segoe Script", "Bradley Hand", "Lucida Handwriting", "Apple Chancery", "Brush Script MT", cursive;--font-heading: var(--font-body);--font-scale: 1.08;--line-height: 1.85}[data-font=marker]{--font-body: "Ink Free", "Marker Felt", "Chalkboard SE", "Comic Sans MS", "Segoe Print", cursive;--font-heading: var(--font-body);--font-scale: 1.04;--line-height: 1.74}[data-font=mono]{--font-body: var(--font-mono);--font-heading: var(--font-mono);--font-scale: .95;--line-height: 1.68}[data-size=small]{--font-scale: .92}[data-size=large]{--font-scale: 1.12;--prose-max: 68ch}[data-font=mono][data-size=small]{--font-scale: .88}[data-font=mono][data-size=large]{--font-scale: 1.06}[data-font=script][data-size=small]{--font-scale: 1}[data-font=script][data-size=large]{--font-scale: 1.2}[data-font=marker][data-size=small]{--font-scale: .96}[data-font=marker][data-size=large]{--font-scale: 1.16}[data-theme=dark],[data-theme=midnight],[data-theme=forest],[data-theme=ocean],[data-theme=ember]{--watermark-opacity: .075}[data-theme=contrast]{--watermark-opacity: .035;--glass: var(--bg-card);--glass-strong: var(--bg-main)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}body{margin:0;min-height:100dvh;min-height:100svh;overflow-x:clip;background:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);font-size:calc(15px * var(--font-scale));line-height:var(--line-height);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3);font-family:var(--font-heading);font-weight:650;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:clamp(1.85rem,1.15rem + 3.2vw,3.4rem);letter-spacing:-.038em;text-wrap:balance}h2{font-size:clamp(1.35rem,1.12rem + 1.15vw,2.05rem);letter-spacing:-.03em;text-wrap:balance}h3{font-size:1.18rem}h4{font-size:1.02rem}p{margin:0 0 var(--space-4);color:var(--text-secondary)}a{color:var(--accent-text);text-decoration:none;transition:color var(--dur-fast) var(--ease)}a:hover{color:var(--accent-hover)}ul,ol{margin:0 0 var(--space-4);padding-left:1.25rem}li{margin-bottom:var(--space-2);color:var(--text-secondary)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.875em}code{padding:.12em .38em;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-code);color:var(--text-primary)}pre{margin:0 0 var(--space-4);padding:var(--space-4);overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-code);line-height:1.62}pre code{padding:0;border:0;background:none}hr{height:1px;margin:var(--space-6) 0;border:0;background:var(--border)}img,svg{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm);box-shadow:0 0 0 4px var(--ring-soft)}::selection{background:var(--accent-soft);color:var(--accent-text)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:var(--radius-pill);background:var(--border-strong);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:max(var(--gutter),var(--safe-l)) max(var(--gutter),var(--safe-r))}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:.22rem .62rem .22rem .5rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--glass);font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.eyebrow app-icon{color:var(--accent)}.lead{max-width:var(--prose-max);font-size:1.05rem;color:var(--text-secondary)}.surface{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);background-image:var(--sheen);box-shadow:var(--shadow-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch);padding:.62rem 1.15rem;border:1px solid transparent;border-radius:var(--radius-md);background:none;color:var(--text-primary);font-size:.9rem;font-weight:560;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.btn:active{transform:translateY(1px) scale(.995)}@media(hover:none){.btn--primary:hover,.btn--secondary:hover{transform:none}}.btn--primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,white),var(--accent));color:var(--accent-contrast);box-shadow:var(--glow-accent-soft)}.btn--primary:hover{background:linear-gradient(180deg,var(--accent),var(--accent-hover));color:var(--accent-contrast);box-shadow:var(--glow-accent);transform:translateY(-1px)}.btn--primary:active{box-shadow:var(--glow-accent-soft)}.btn--secondary{border-color:var(--border-strong);background:var(--bg-card);background-image:var(--sheen);color:var(--text-primary);box-shadow:var(--shadow-xs)}.btn--secondary:hover{border-color:var(--ring-strong);color:var(--text-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn--ghost{color:var(--text-secondary)}.btn--ghost:hover{background:var(--bg-inset);color:var(--text-primary)}.btn--lg{padding:.8rem 1.5rem;font-size:.95rem}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:.18rem .55rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-subtle);font-size:.74rem;font-weight:520;color:var(--text-secondary)}.kbd{display:inline-block;min-width:1.5em;padding:.1em .4em;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--bg-subtle);font-family:var(--font-mono);font-size:.72rem;line-height:1.5;text-align:center;color:var(--text-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:200;padding:.6rem 1rem;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);transform:translateY(-200%);transition:transform var(--dur) var(--ease)}.skip-link:focus{transform:translateY(0);color:var(--accent-contrast)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-out .14s var(--ease) both}::view-transition-new(root){animation:vt-in .26s var(--ease) both}@keyframes vt-out{to{opacity:0;transform:translateY(-4px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.reveal{animation:reveal-up linear both;animation-timeline:view();animation-range:entry 10% entry 65%}}}@keyframes reveal-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.viz{display:block;margin:0}.viz svg{display:block;width:100%;height:auto;overflow:visible}.viz-row{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding-block:2px}.viz-cell{display:grid;flex:1 0 34px;place-items:center;min-width:34px;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}.viz-cell--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);font-weight:600}.viz-cell--found{border-color:var(--easy);background:var(--easy-soft);color:var(--easy);font-weight:600;transform:translateY(-3px)}.viz-cell--dropped{opacity:.32;text-decoration:line-through}.viz-cell--marked{border-color:var(--medium);background:var(--medium-soft);color:var(--medium)}.viz-index{display:flex;gap:4px;margin-top:3px}.viz-index span{flex:1 0 34px;min-width:34px;font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted);text-align:center}.viz-controls{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-3)}.viz-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .6rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);font-size:.76rem;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.viz-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-text)}.viz-btn:disabled{opacity:.45;cursor:not-allowed}.viz-btn--primary{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.viz-btn--primary:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-contrast)}.viz-progress{margin-left:auto;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.viz-note{min-height:2.6em;margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg-subtle);font-size:.85rem;color:var(--text-secondary)}.viz-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3);font-size:.74rem;color:var(--text-muted)}.viz-legend span{display:inline-flex;gap:.35rem;align-items:center}.viz-legend i{width:10px;height:10px;border-radius:3px;border:1px solid var(--border-strong)}.viz-node{fill:var(--bg-card);stroke:var(--border-strong);stroke-width:1.6;transition:fill var(--dur) var(--ease),stroke var(--dur) var(--ease)}.viz-node--queued{fill:var(--medium-soft);stroke:var(--medium)}.viz-node--active{fill:var(--accent);stroke:var(--accent)}.viz-node--done{fill:var(--easy-soft);stroke:var(--easy)}.viz-label{font-family:var(--font-mono);font-size:11px;fill:var(--text-secondary);text-anchor:middle;dominant-baseline:central;pointer-events:none;transition:fill var(--dur) var(--ease)}.viz-label--on{fill:var(--accent-contrast);font-weight:600}.viz-edge{stroke:var(--border-strong);stroke-width:1.6;fill:none;transition:stroke var(--dur) var(--ease),stroke-width var(--dur) var(--ease)}.viz-edge--on{stroke:var(--accent);stroke-width:2.6}.viz-caption{font-family:var(--font-mono);font-size:10px;fill:var(--text-muted);text-anchor:middle}.viz-bar{fill:var(--border-strong);transition:fill var(--dur) var(--ease),y var(--dur) var(--ease),height var(--dur) var(--ease),x var(--dur-slow) var(--ease)}.viz-bar--compare{fill:var(--medium)}.viz-bar--swap{fill:var(--accent)}.viz-bar--sorted{fill:var(--easy)}.viz-loop path,.viz-loop circle,.viz-loop rect{transition:none}@media(prefers-reduced-motion:reduce){.viz-loop *{animation:none!important}}.viz-curve{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;animation:viz-draw 1.6s var(--ease) forwards}.viz-curve--log{stroke:var(--easy);animation-delay:.1s}.viz-curve--n{stroke:var(--info);animation-delay:.3s}.viz-curve--nlogn{stroke:var(--medium);animation-delay:.5s}.viz-curve--n2{stroke:var(--hard);animation-delay:.7s}@keyframes viz-draw{to{stroke-dashoffset:0}}.viz-caption-label{margin:var(--space-3) 0 var(--space-2);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.viz-arrowhead{fill:var(--border-strong)}.viz-edge--on+.viz-arrowhead,.viz-edge--on .viz-arrowhead{fill:var(--accent)}.dp-scroll{overflow-x:auto;margin-top:var(--space-3)}.dp{border-collapse:separate;border-spacing:3px;margin:0 auto}.dp__corner{width:34px;height:30px}.dp__head{width:34px;height:30px;font-family:var(--font-mono);font-size:.76rem;color:var(--text-muted);text-align:center}.dp__cell{width:34px;height:30px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);text-align:center;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.dp__cell--filled{background:var(--bg-card);color:var(--text-secondary)}.dp__cell--source{border-color:var(--medium);background:var(--medium-soft);color:var(--medium)}.dp__cell--current{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast);font-weight:600}