@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f639721981034f88-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9766a7e9e2e0ad5a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b66cf8e69499582a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/aa016aab0e6d1295-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/22a5144ee8d83bca-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_246ccd{font-family:Geist,Geist Fallback;font-style:normal}.__variable_246ccd{--font-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/d100b2a099e34044-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2c34d62a75506231-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/0f1bdadaf30e2d5f-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a115172161b307bb-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/601f5c280d60caca-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f5271587012faf78-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_4c40f6{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_4c40f6{--font-mono:"Geist Mono","Geist Mono Fallback"}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-mono),ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.shrink{flex-shrink:1}.grow{flex-grow:1}.lowercase{text-transform:lowercase}.italic{font-style:italic}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg:#0A0A0A;--bg-elev:#111111;--bg-card:#141414;--bg-hover:#181818;--line:#212121;--line-2:#2E2E2E;--ink:#F4F4F5;--ink-mute:#B5B5B5;--ink-dim:#8E8E8E;--ink-faint:#555555;--amber:#F59E0B;--amber-dim:#B45309;--amber-glow:rgba(245,158,11,.22);--rose:#F43F5E;--teal:#14B8A6;--bg-nav:rgba(10,10,10,.72);--btn-on-amber:#18120A;--cell-on-grad:linear-gradient(180deg,rgba(245,158,11,.12),rgba(245,158,11,.02));--cell-teal-grad:linear-gradient(180deg,rgba(20,184,166,.12),rgba(20,184,166,.02));--shadow-soft:0 8px 28px -12px rgba(245,158,11,.22);--r-sm:6px;--r-md:10px;--r-lg:14px;--t-fast:150ms;--t-med:260ms;--t-slow:500ms;--ease-out:cubic-bezier(.16,.84,.32,1)}:root[data-theme=light]{--bg:#FAFAFA;--bg-elev:#FFFFFF;--bg-card:#F4F4F5;--bg-hover:#EEEEEE;--line:#E5E5E5;--line-2:#D4D4D4;--ink:#09090B;--ink-mute:#3F3F46;--ink-dim:#71717A;--ink-faint:#A1A1AA;--amber:#D97706;--amber-dim:#92400E;--amber-glow:rgba(217,119,6,.22);--rose:#E11D48;--teal:#0D9488;--bg-nav:rgba(250,250,250,.78);--btn-on-amber:#FFFCF7;--cell-on-grad:linear-gradient(180deg,rgba(217,119,6,.14),rgba(217,119,6,.04));--cell-teal-grad:linear-gradient(180deg,rgba(13,148,136,.14),rgba(13,148,136,.04));--shadow-soft:0 8px 28px -14px rgba(217,119,6,.35)}*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background var(--t-med) var(--ease-out),color var(--t-med) var(--ease-out)}::-moz-selection{background:var(--amber-glow);color:var(--ink)}::selection{background:var(--amber-glow);color:var(--ink)}em{font-style:normal}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);display:inline-flex;align-items:center}.eyebrow .num{color:var(--ink-dim);font-weight:500;margin-right:6px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.in{opacity:1;transform:translateY(0)}.wrap{max-width:1240px;margin:0 auto;padding:0 40px;z-index:3}.wrap,section{position:relative}section{padding:120px 0}section+section{border-top:1px solid var(--line)}.nav{position:sticky;top:0;z-index:50;justify-content:space-between;padding:18px 40px;border-bottom:1px solid var(--line);background:var(--bg-nav);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);transition:background var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out)}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{width:22px;height:22px;display:inline-block}.brand-mark svg{display:block}.brand-mark .m1{stroke:var(--amber)}.brand-mark .m2{stroke:var(--ink)}.brand-mark .m3{stroke:var(--teal)}.brand-name{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.02em}.brand-name em{font-style:normal;color:var(--amber)}.nav-right{display:flex;align-items:center;gap:10px}.theme-toggle{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--ink-mute);cursor:pointer;position:relative;overflow:hidden;transition:all var(--t-fast) var(--ease-out)}.theme-toggle:hover{color:var(--amber);border-color:var(--amber-dim)}.theme-toggle svg{width:15px;height:15px;position:absolute;transition:transform var(--t-med) var(--ease-out),opacity var(--t-med) var(--ease-out)}.theme-toggle .sun{opacity:0;transform:rotate(-90deg) scale(.5)}.theme-toggle .moon,:root[data-theme=light] .theme-toggle .sun{opacity:1;transform:rotate(0) scale(1)}:root[data-theme=light] .theme-toggle .moon{opacity:0;transform:rotate(90deg) scale(.5)}.hero{padding:100px 0 120px;position:relative}.hero-layout{display:grid;grid-template-columns:minmax(0,720px) 1fr;gap:64px;align-items:center}.hero-content{min-width:0}.hero-anim-wrap{display:flex;justify-content:center;align-items:center}.hero-anim{width:100%;max-width:420px;opacity:.85}.hero-anim svg{display:block;width:100%;height:auto}.ha-cell{fill:transparent;stroke:var(--line-2);stroke-width:1;animation:ha-pulse 3.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.ha-cell.ha-d-0{color:var(--amber)}.ha-cell.ha-d-1{color:var(--ink-dim)}.ha-cell.ha-d-2{color:var(--teal)}@keyframes ha-pulse{0%,60%,to{fill:transparent;stroke:var(--line-2);stroke-width:1}18%{fill:color-mix(in srgb,currentColor 22%,transparent);stroke:currentColor;stroke-width:1.4}35%{fill:color-mix(in srgb,currentColor 6%,transparent);stroke:color-mix(in srgb,currentColor 50%,var(--line-2));stroke-width:1}}@media (prefers-reduced-motion:reduce){.ha-cell{animation:none}}.hero h1{font-family:var(--font-sans);font-weight:500;font-size:clamp(44px,7.4vw,104px);line-height:1.02;letter-spacing:-.04em;margin:28px 0 36px}.hero h1 .serif{font-weight:500;color:var(--amber);letter-spacing:-.02em}.hero h1 .strike{position:relative;color:var(--ink-mute)}.hero h1 .strike:after{content:"";position:absolute;left:-2%;right:-2%;top:52%;height:6px;background:var(--amber);transform-origin:left;animation:strike 1.2s var(--ease-out) .9s both}@keyframes strike{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-sub{font-weight:500;font-size:22px;line-height:1.45;color:var(--ink-mute);max-width:540px;margin-bottom:40px}.hero-sub strong{font-style:normal;font-family:var(--font-sans);font-weight:500;color:var(--ink);background:linear-gradient(180deg,transparent 62%,var(--amber-glow) 62%);padding:0 2px}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;padding:12px 18px;border-radius:8px;text-decoration:none;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--ink);transition:all var(--t-fast) var(--ease-out)}.btn-primary{background:var(--amber);color:var(--btn-on-amber);font-weight:500}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{border-color:var(--line-2);color:var(--ink-mute)}.btn-ghost:hover{color:var(--ink);border-color:var(--ink-faint);background:var(--bg-hover)}.btn .arrow{transition:transform var(--t-fast) var(--ease-out)}.btn:hover .arrow{transform:translateX(3px)}.library{padding:60px 0 100px}.library-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:320px;gap:16px}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-elev);padding:24px;position:relative;overflow:hidden;text-decoration:none;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.card:hover{border-color:var(--ink-faint);background:var(--bg-hover)}.card.featured{grid-column:span 8}.card.standard{grid-column:span 4}.card.standard.wide{grid-column:span 8}.card.soon{opacity:.9}.card.soon:hover{opacity:1}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.card-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.card-tag.family{color:var(--amber)}.card-status{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:6px;color:var(--ink-dim)}.card-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal)}.card-status.soon:before{background:var(--ink-faint)}.card-status.soon{color:var(--ink-dim)}.card-title{font-family:var(--font-sans);font-weight:500;font-size:24px;line-height:1.1;letter-spacing:-.02em;margin-bottom:10px}.card.featured .card-title{font-size:32px}.card-title em{font-weight:500;color:var(--amber)}.card-essence{font-weight:400;font-size:15px;line-height:1.5;color:var(--ink-mute);max-width:88%}.card-foot{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);letter-spacing:.04em}.card-foot .go{display:inline-flex;align-items:center;gap:6px;color:var(--ink-mute);transition:color var(--t-fast) var(--ease-out)}.card:hover .card-foot .go{color:var(--amber)}.foot{padding:60px 0 50px;border-top:1px solid var(--line)}.foot-tag{margin-top:12px;font-weight:500;font-size:16px;color:var(--ink-mute);max-width:320px;line-height:1.4}.pattern{padding:100px 0 140px;background:radial-gradient(900px 500px at 80% -10%,rgba(245,158,11,.05),transparent 60%),var(--bg)}:root[data-theme=light] .pattern{background:radial-gradient(900px 500px at 80% -10%,rgba(217,119,6,.06),transparent 60%),var(--bg)}.pattern-breadcrumb{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:18px;display:flex;gap:8px;align-items:center}.pattern-breadcrumb a{color:var(--ink-mute);text-decoration:none}.pattern-breadcrumb a:hover{color:var(--amber)}.pattern-breadcrumb .sep{color:var(--ink-faint)}.pattern-breadcrumb .current{color:var(--ink)}.pattern-header{margin-bottom:56px;padding-bottom:36px;border-bottom:1px solid var(--line)}.pattern-title{font-family:var(--font-sans);font-weight:500;font-size:clamp(36px,4.6vw,64px);letter-spacing:-.035em;line-height:1.04}.pattern-title em{font-weight:500;color:var(--amber)}.essence{display:grid;grid-template-columns:220px 1fr;gap:80px;margin-bottom:60px}.essence-blockquote{font-weight:400;font-size:clamp(22px,2.4vw,30px);line-height:1.4;letter-spacing:-.012em;color:var(--ink);max-width:780px;margin:0}.essence-blockquote .hi{color:var(--amber);font-weight:500}.player{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-elev);overflow:hidden;margin-bottom:80px}.player-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);background:var(--bg)}.player-tabs{display:flex;gap:4px}.player-tab{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;padding:6px 12px;border-radius:4px;cursor:pointer;color:var(--ink-mute);border:1px solid transparent;background:transparent;transition:all var(--t-fast) var(--ease-out)}.player-tab.active{color:var(--ink);background:var(--bg-card);border-color:var(--line-2)}.player-tab:hover:not(.active){color:var(--ink)}.player-windowctl{display:flex;gap:6px}.player-windowctl span{width:10px;height:10px;border-radius:50%}.player-windowctl span:first-child{background:#4a3026}.player-windowctl span:nth-child(2){background:#4a4226}.player-windowctl span:nth-child(3){background:#2e4a32}.player-stage{padding:56px 40px 36px;position:relative;min-height:320px}.problem-badge{display:flex;align-items:center;gap:16px;margin-bottom:40px;font-family:var(--font-mono);font-size:12px;flex-wrap:wrap;position:relative}.problem-badge .k{color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase}.problem-badge .v{color:var(--ink);padding:4px 10px;border:1px solid var(--line-2);border-radius:4px;background:var(--bg-card)}.problem-badge .v em{color:var(--amber);font-style:normal}.problem-help-btn{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:50%;background:var(--bg-card);color:var(--ink-dim);font-family:var(--font-mono);font-size:11px;line-height:1;font-weight:600;cursor:pointer;padding:0;margin-left:-8px;transition:all var(--t-fast) var(--ease-out)}.problem-help-btn.open,.problem-help-btn:hover{color:var(--amber);border-color:var(--amber)}.problem-help-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.problem-help-pop{position:absolute;top:calc(100% + 10px);left:0;z-index:4;width:min(480px,calc(100vw - 80px));padding:16px 18px;background:var(--bg-card);border:1px solid var(--line-2);border-radius:var(--r-md);box-shadow:0 12px 32px rgba(0,0,0,.35);font-family:var(--font-sans);font-size:13px;line-height:1.6;color:var(--ink);animation:pop-in var(--t-fast) var(--ease-out)}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.problem-help-pop p{margin:0 0 10px}.problem-help-pop p:last-child{margin-bottom:0}.problem-help-pop em{color:var(--amber);font-style:normal}.problem-help-pop code{font-family:var(--font-mono);font-size:12px;color:var(--amber);background:transparent;padding:0;border:none}.problem-help-pop .help-eg{margin:12px 0 4px;padding:10px 12px;background:var(--bg-base);border:1px solid var(--line-1);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:12px;line-height:1.7;color:var(--ink-mute)}.problem-help-pop .help-eg .hl{color:var(--ink)}.problem-help-pop .help-eg .hl em{color:var(--amber)}.problem-help-pop .help-lc{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-family:var(--font-mono);font-size:12px;color:var(--ink-dim)}.problem-help-pop .help-lc a{color:var(--amber);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--amber) 35%,transparent);text-underline-offset:3px;transition:text-decoration-color var(--t-fast) var(--ease-out)}.problem-help-pop .help-lc a:hover{text-decoration-color:var(--amber)}.array{gap:10px;padding:36px 0 56px;flex-wrap:wrap}.array,.cell{display:flex;justify-content:center;position:relative}.cell{width:64px;height:64px;align-items:center;font-size:22px;font-weight:500;border:1px solid var(--line-2);border-radius:8px;background:var(--bg-card);color:var(--ink-mute);transition:all var(--t-med) var(--ease-out)}.cell,.cell .idx{font-family:var(--font-mono)}.cell .idx{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--ink-faint);letter-spacing:.04em}.cell.in-window{color:var(--ink);border-color:var(--amber-dim);background:var(--cell-on-grad);box-shadow:0 0 0 1px var(--amber-dim) inset,var(--shadow-soft)}.cell.frontier{border-color:var(--amber);color:var(--amber-dim);box-shadow:0 0 0 1px var(--amber) inset,0 8px 32px -10px var(--amber-glow)}.cell.dropped{color:var(--ink-dim);background:var(--bg-card);border-color:var(--line-2);opacity:.55}.cell.shrink{animation:shrinkPulse .48s var(--ease-out)}@keyframes shrinkPulse{0%{transform:translateY(0)}40%{transform:translateY(-6px);border-color:var(--rose)}to{transform:translateY(0)}}.cell.slow-head{color:var(--teal);border-color:var(--teal);background:linear-gradient(180deg,rgba(20,184,166,.12),rgba(20,184,166,.03));box-shadow:0 0 0 1px var(--teal) inset,0 8px 28px -12px rgba(20,184,166,.35)}:root[data-theme=light] .cell.slow-head{background:linear-gradient(180deg,rgba(13,148,136,.16),rgba(13,148,136,.05));box-shadow:0 0 0 1px var(--teal) inset,0 8px 28px -14px rgba(13,148,136,.4)}.cell.fast-head{color:var(--amber-dim);border-color:var(--amber);background:var(--cell-on-grad);box-shadow:0 0 0 1px var(--amber) inset,0 8px 28px -10px var(--amber-glow)}.cell.write-flash{animation:writeFlash .56s var(--ease-out)}@keyframes writeFlash{0%{transform:translateY(0)}40%{transform:translateY(-5px)}to{transform:translateY(0)}}.ll{width:100%;height:auto;display:block;font-family:var(--font-mono);margin:8px 0 24px}.ll-node-rect{fill:var(--bg-card);stroke:var(--line-2);stroke-width:1.2;rx:6}.ll-node-text{fill:var(--ink);font-size:16px;font-weight:500;text-anchor:middle;dominant-baseline:central;font-family:var(--font-mono);pointer-events:none}.ll-null-rect{fill:transparent;stroke:var(--line);stroke-width:1;stroke-dasharray:3 3;rx:18}.ll-null-text{fill:var(--ink-faint);font-size:14px;text-anchor:middle;dominant-baseline:central;font-family:var(--font-mono)}.ll-arrow{stroke:var(--ink-mute);stroke-width:1.6;fill:none}.ll-arrow.changed{stroke:var(--amber);stroke-width:2}.ll-ptr{font-family:var(--font-mono);font-size:11px;text-anchor:middle;letter-spacing:.06em;text-transform:uppercase}.ll-ptr.prev{fill:var(--teal)}.ll-ptr.curr{fill:var(--amber)}.ll-ptr.next{fill:var(--rose)}.ll-ptr-stem{stroke-width:1.2;fill:none}.ll-ptr-stem.prev{stroke:var(--teal)}.ll-ptr-stem.curr{stroke:var(--amber)}.ll-ptr-stem.next{stroke:var(--rose)}.ll-node.head .ll-node-rect{stroke:var(--amber);stroke-width:1.8;filter:drop-shadow(0 4px 14px var(--amber-glow))}.heap-array{text-align:center;margin-top:-4px;margin-bottom:24px;font-family:var(--font-mono);font-size:13px;color:var(--ink-mute)}.heap-array em{color:var(--amber);font-style:normal;font-weight:600}.heap-empty{text-align:center;color:var(--ink-dim);padding:60px 0}.heap-output{display:flex;justify-content:center;gap:10px;margin-top:8px;padding-top:20px;border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center}.heap-output-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-right:8px}.predict-toggle{font-family:var(--font-mono);font-size:11px;padding:6px 10px;border:1px solid var(--line-2);border-radius:4px;background:transparent;color:var(--ink-mute);cursor:pointer;letter-spacing:.02em;transition:all var(--t-fast) var(--ease-out)}.predict-toggle:hover{color:var(--ink);border-color:var(--ink-faint)}.predict-toggle.on{background:var(--cell-on-grad);border-color:var(--amber-dim);color:var(--amber-dim)}.predict-prompt{text-align:center;margin:24px auto 0;max-width:720px;padding:24px 28px;border-radius:12px;background:var(--bg-elev);border:1px dashed var(--amber-dim)}.predict-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:14px}.predict-question{font-size:22px;line-height:1.4;color:var(--ink);margin-bottom:20px}.predict-question .mono{font-family:var(--font-mono);font-style:normal;font-size:.85em}.predict-question .pop{color:var(--amber)}.predict-choices{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.predict-choice{font-family:var(--font-mono);font-size:12px;padding:10px 16px;border:1px solid var(--line-2);border-radius:6px;background:var(--bg-card);color:var(--ink);cursor:pointer;transition:all var(--t-fast) var(--ease-out);max-width:320px}.predict-choice:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.predict-choice.correct{border-color:var(--teal);color:var(--teal);background:var(--cell-teal-grad);cursor:default}.predict-choice.wrong{border-color:var(--rose);color:var(--rose);cursor:default}.predict-choice.dimmed{opacity:.4;cursor:default}.predict-feedback{margin-top:16px;font-size:15px}.predict-feedback.correct{color:var(--teal)}.predict-feedback.wrong{color:var(--rose)}.cell.dp-deps{box-shadow:0 0 0 2px var(--teal),0 4px 18px -10px rgba(20,184,166,.45)}.cell.result-cell.dp-target,.cell.result-cell.filled.dp-target{border-color:var(--amber);color:var(--amber-dim);background:var(--cell-on-grad);box-shadow:0 0 0 2px var(--amber),0 8px 28px -10px var(--amber-glow);animation:writeFlash .56s var(--ease-out)}.dp2-grid{display:grid;grid-template-columns:repeat(var(--cols,3),72px);grid-template-rows:repeat(var(--rows,3),72px);gap:6px;padding:32px 0 24px}.dp2-cell,.dp2-grid{justify-content:center}.dp2-cell{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--bg-card);border:1px solid var(--line-2);border-radius:8px;font-family:var(--font-mono);color:var(--ink-mute);transition:all var(--t-fast) var(--ease-out);position:relative}.dp2-cost{font-size:10px;letter-spacing:.04em;color:var(--ink-faint);text-transform:uppercase}.dp2-dp{font-size:22px;font-weight:500;color:var(--ink-mute);line-height:1}.dp2-cell.filled .dp2-dp{color:var(--teal)}.dp2-cell.filled{border-color:var(--teal-dim,var(--line-2))}.dp2-cell.target .dp2-dp{color:var(--amber-dim);font-weight:600}.ks-stage{flex-direction:column;gap:24px;padding:24px 0 16px}.ks-items,.ks-stage{display:flex;align-items:center}.ks-items{gap:12px;flex-wrap:wrap;justify-content:center}.ks-items-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.ks-table-wrap{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:12px;max-width:100%;overflow-x:auto;padding-bottom:4px}.ks-col-header,.ks-row{display:flex;align-items:center;gap:4px;width:-moz-max-content;width:max-content}.ks-col-header{margin-left:56px;margin-bottom:6px}.ks-col-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);width:32px}.ks-col-idx,.ks-row-idx{width:32px;text-align:center;color:var(--ink-faint);font-size:11px}.ks-row-idx{width:52px;text-align:right;padding-right:8px;color:var(--ink-mute);font-size:11px}.ks-row+.ks-row{margin-top:4px}.ks-cell{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--line-2);border-radius:6px;color:var(--ink-faint);transition:all var(--t-fast) var(--ease-out)}.ks-cell.ks-false{color:var(--ink-faint);background:var(--bg)}.ks-cell.ks-true{color:var(--teal);border-color:var(--teal);background:var(--cell-teal-grad,var(--bg-card))}.idp-stage{display:flex;flex-direction:column;align-items:center;gap:32px;padding:24px 0 16px}.idp-string{display:flex;gap:8px}.idp-char{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--line-2);border-radius:8px;font-family:var(--font-mono);font-size:18px;color:var(--ink-mute);position:relative;transition:all var(--t-fast) var(--ease-out)}.idp-char .idx{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--ink-faint)}.idp-char.compare{color:var(--amber-dim);border-color:var(--amber);background:var(--cell-on-grad);box-shadow:0 0 0 1px var(--amber) inset}.idp-char.best{color:var(--teal);border-color:var(--teal)}.idp-grid{display:grid;grid-template-columns:28px repeat(var(--n,5),28px);gap:3px;font-family:var(--font-mono);font-size:12px}.idp-corner{width:28px;height:28px}.idp-col-idx,.idp-row-idx{font-size:11px}.idp-cell,.idp-col-idx,.idp-row-idx{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--ink-faint)}.idp-cell{background:var(--bg-card);border:1px solid var(--line-2);border-radius:4px;transition:all var(--t-fast) var(--ease-out)}.idp-cell.invalid{background:transparent;border:1px dashed var(--line-1);color:var(--ink-faint);opacity:.3}.idp-cell.true{color:var(--teal);border-color:var(--teal);background:var(--cell-teal-grad,var(--bg-card))}.idp-cell.false{color:var(--ink-faint);background:var(--bg)}.sm-grid{display:grid;grid-template-columns:64px repeat(var(--n,5),56px);gap:4px;justify-content:center;padding:24px 0 16px;font-family:var(--font-mono);max-width:100%;overflow-x:auto}.sm-corner{width:64px}.sm-day-header{display:flex;flex-direction:column;align-items:center;gap:2px;padding-bottom:6px;font-size:11px}.sm-day-num{color:var(--ink-dim);letter-spacing:.08em}.sm-day-price{color:var(--ink-mute)}.sm-state-label{display:flex;align-items:center;justify-content:flex-end;padding-right:12px;font-size:11px;letter-spacing:.04em;color:var(--ink-dim)}.sm-state-held{color:var(--amber)}.sm-state-sold{color:var(--teal)}.sm-state-rest{color:var(--ink-mute)}.sm-cell{height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--line-2);border-radius:6px;font-size:13px;color:var(--ink-faint);transition:all var(--t-fast) var(--ease-out)}.sm-cell.filled{color:var(--ink)}.sm-cell.filled.sm-held{color:var(--amber)}.sm-cell.filled.sm-sold{color:var(--teal)}.sm-cell.filled.sm-rest{color:var(--ink-mute)}.sm-cell.source{box-shadow:0 0 0 2px var(--teal),0 4px 18px -10px rgba(20,184,166,.55)}.sm-cell.target{font-weight:600}.dp-cell.dep{box-shadow:0 0 0 2px var(--teal),0 4px 18px -10px rgba(20,184,166,.45)}.dp-cell.target{border-color:var(--amber);background:var(--cell-on-grad);box-shadow:0 0 0 2px var(--amber),0 8px 28px -10px var(--amber-glow);animation:writeFlash .56s var(--ease-out);color:var(--amber-dim)}.bd-grid{display:grid;grid-template-columns:repeat(var(--cols,4),48px);grid-template-rows:repeat(var(--rows,4),48px);gap:4px;padding:24px 0 16px}.bd-cell,.bd-grid{justify-content:center}.bd-cell{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--line-2);border-radius:6px;font-family:var(--font-mono);font-size:13px;color:var(--ink-mute);position:relative;transition:all var(--t-fast) var(--ease-out)}.bd-cell.wall{background:var(--bg);border:1px dashed var(--line);color:var(--ink-faint)}.bd-cell.frontier{border-color:var(--amber-dim)}.bd-cell.current,.bd-cell.frontier{color:var(--amber-dim);background:var(--cell-on-grad)}.bd-cell.current{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber) inset,0 8px 28px -8px var(--amber-glow);font-weight:600}.bd-cell.visited{color:var(--teal);border-color:var(--teal);background:var(--cell-teal-grad)}.bd-cell.just-enqueued{animation:writeFlash .56s var(--ease-out)}.bd-cell.start:after{content:"•";position:absolute;top:2px;right:4px;font-size:16px;line-height:1;color:var(--rose)}.bd-rail{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:18px;border-top:1px dashed var(--line);font-family:var(--font-mono);font-size:12px;flex-wrap:wrap;justify-content:center}.bd-rail-label{color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.bd-rail-items{display:flex;gap:6px;flex-wrap:wrap}.bd-rail-item{padding:3px 8px;border-radius:4px;background:var(--bg-card);border:1px solid var(--amber-dim);color:var(--amber)}.bd-rail-item.top{background:linear-gradient(180deg,rgba(245,158,11,.16),rgba(245,158,11,.04));border-color:var(--amber);font-weight:600}.bd-rail-empty{font-weight:500;color:var(--ink-dim)}.bd-rail-arrow{font-family:var(--font-mono);font-size:10px;color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase}.ms-row{display:flex;align-items:center;gap:20px;margin-bottom:4px}.ms-row+.ms-row{margin-top:-8px}.ms-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);width:70px;flex-shrink:0;text-align:right}.ms-label .arrow{color:var(--amber);margin-left:4px}.ms-row .array{padding:12px 0 28px;justify-content:flex-start;min-height:56px;flex:1}.ms-empty{font-weight:500;color:var(--ink-dim);align-self:center;padding:12px 4px}.cell.stack-cell{border-color:var(--amber-dim);background:linear-gradient(180deg,rgba(245,158,11,.08),rgba(245,158,11,.02));color:var(--ink)}:root[data-theme=light] .cell.stack-cell{background:linear-gradient(180deg,rgba(217,119,6,.12),rgba(217,119,6,.03))}.cell.stack-cell.top{color:var(--amber-dim);border-color:var(--amber);box-shadow:0 0 0 1px var(--amber) inset,0 8px 28px -10px var(--amber-glow)}.cell.stack-cell.just-pushed{animation:writeFlash .56s var(--ease-out)}.cell.result-cell{border-style:dashed;color:var(--ink-dim)}.cell.result-cell.filled{border-style:solid;border-color:var(--teal);color:var(--teal);background:var(--cell-teal-grad)}.cell.result-cell.just-filled{animation:writeFlash .56s var(--ease-out)}.cell.ghost{opacity:.35;border-style:dashed;border-color:var(--rose);color:var(--rose);animation:ghostFade .56s var(--ease-out)}@keyframes ghostFade{0%{opacity:1;transform:translateY(0)}60%{opacity:.55;transform:translateY(-8px)}to{opacity:.25;transform:translateY(-12px)}}.uf-svg{display:block;margin:16px auto 24px;max-width:100%;height:auto;font-family:var(--font-mono);overflow:visible}.uf-node{fill:var(--bg-card);stroke:currentColor;stroke-width:1.5;transition:all var(--t-fast) var(--ease-out)}.uf-node.root{stroke-width:2.2;filter:drop-shadow(0 4px 14px color-mix(in srgb,currentColor 25%,transparent))}.uf-node.on-path{fill:color-mix(in srgb,currentColor 18%,var(--bg-card));stroke-width:2.4}.uf-node.edge-endpoint{stroke-width:2.4;filter:drop-shadow(0 4px 14px color-mix(in srgb,currentColor 35%,transparent))}.uf-node-text{fill:var(--ink);font-size:14px;font-weight:500;pointer-events:none}.uf-size{fill:var(--ink-dim);font-size:10px;letter-spacing:.04em;pointer-events:none}.uf-arrow{transition:all var(--t-med) var(--ease-out)}.uf-arrow.compressed{animation:ufFlashArrow .48s var(--ease-out)}@keyframes ufFlashArrow{0%{stroke-dasharray:4 4;stroke-dashoffset:0}to{stroke-dasharray:none;stroke-dashoffset:0}}.topo-svg{display:block;margin:16px auto 24px;max-width:100%;height:auto;font-family:var(--font-mono);overflow:visible}.topo-node{fill:var(--bg-card);stroke:var(--line-2);stroke-width:1.5;transition:all var(--t-fast) var(--ease-out)}.topo-node.in-queue{stroke:var(--amber);stroke-width:2;fill:color-mix(in srgb,var(--amber) 8%,var(--bg-card))}.topo-node.current{stroke:var(--amber);stroke-width:2.4;fill:color-mix(in srgb,var(--amber) 22%,var(--bg-card));filter:drop-shadow(0 4px 14px color-mix(in srgb,var(--amber) 35%,transparent))}.topo-node.dec-target{stroke:var(--amber);stroke-width:2;animation:topoDecPulse .48s var(--ease-out)}.topo-node.newly-enqueued{animation:topoEnqPulse .56s var(--ease-out)}.topo-node.done{fill:color-mix(in srgb,var(--teal) 14%,var(--bg-card));stroke:var(--teal);stroke-width:1.8}@keyframes topoDecPulse{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes topoEnqPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.topo-node-text{fill:var(--ink);font-size:15px;font-weight:500;pointer-events:none}.topo-node.done+.topo-node-text{fill:var(--teal)}.topo-indegree{fill:var(--ink-dim);font-size:10px;letter-spacing:.04em;pointer-events:none}.topo-edge{stroke:var(--line-2);stroke-width:1.4;fill:none;transition:all var(--t-fast) var(--ease-out)}.topo-edge.consumed{stroke:color-mix(in srgb,var(--teal) 50%,var(--line-2));opacity:.55}.topo-edge.decrementing{stroke:var(--amber);stroke-width:2.2;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--amber) 50%,transparent))}.trie-svg{display:block;margin:16px auto 24px;max-width:100%;height:auto;font-family:var(--font-mono);overflow:visible}.trie-node{fill:var(--bg-card);stroke:var(--line-2);stroke-width:1.5;transition:all var(--t-fast) var(--ease-out)}.trie-node.root{stroke:var(--ink-dim);fill:var(--bg)}.trie-node.on-path{stroke:var(--teal);stroke-width:2}.trie-node.current{stroke:var(--amber);stroke-width:2.4;filter:drop-shadow(0 4px 14px color-mix(in srgb,var(--amber) 35%,transparent))}.trie-node.new{animation:trieNewPulse .56s var(--ease-out)}.trie-node.mark-end{animation:trieMarkPulse .56s var(--ease-out)}@keyframes trieNewPulse{0%{stroke-width:4;r:22;opacity:.4}to{stroke-width:2.4;r:18;opacity:1}}@keyframes trieMarkPulse{0%{stroke:var(--teal);stroke-width:4}to{stroke-width:2.4}}.trie-node-text{fill:var(--ink);font-size:15px;font-weight:500;pointer-events:none}.trie-end-dot{fill:var(--teal);pointer-events:none}.trie-edge line{stroke:var(--line-2);stroke-width:1.2;transition:stroke var(--t-fast) var(--ease-out),stroke-width var(--t-fast) var(--ease-out)}.trie-edge.on-path line{stroke:var(--teal);stroke-width:2}.trie-edge-label{fill:var(--ink-dim);font-size:11px;letter-spacing:.04em;pointer-events:none}.trie-edge.on-path .trie-edge-label{fill:var(--teal);font-weight:600}.tree{width:100%;height:auto;display:block;font-family:var(--font-mono);margin:8px 0 32px}.tree-edge{stroke:var(--line-2);stroke-width:1.2;fill:none;transition:stroke var(--t-fast) var(--ease-out),stroke-width var(--t-fast) var(--ease-out)}.tree-edge.path{stroke:var(--amber);stroke-width:1.8}.tree-edge.exclude{stroke-dasharray:4 3}.tree-node-rect{fill:var(--bg-card);stroke:var(--line-2);stroke-width:1;rx:4;transition:all var(--t-fast) var(--ease-out)}.tree-node-text{fill:var(--ink-mute);font-size:11px;text-anchor:middle;dominant-baseline:central;font-family:var(--font-mono);transition:fill var(--t-fast) var(--ease-out);pointer-events:none}.tree-node.current .tree-node-rect{fill:var(--bg-elev);stroke:var(--amber);stroke-width:1.5;filter:drop-shadow(0 4px 14px var(--amber-glow))}.tree-node.current .tree-node-text{fill:var(--amber);font-weight:600}.tree-node.on-path .tree-node-rect{stroke:var(--amber-dim);fill:var(--bg-elev)}.tree-node.on-path .tree-node-text{fill:var(--ink)}.tree-node.emitted .tree-node-rect{fill:var(--bg-elev);stroke:var(--teal)}.tree-node.emitted .tree-node-text{fill:var(--teal)}.tree-node.emitted.current .tree-node-rect{stroke:var(--amber)}.tree-node.emitted.current .tree-node-text{fill:var(--amber)}.tree-node-leaf-marker{fill:var(--teal);opacity:0;transition:opacity var(--t-fast) var(--ease-out)}.tree-node.emitted .tree-node-leaf-marker{opacity:1}.tree-node.clickable{cursor:pointer}.tree-node.clickable:hover .tree-node-rect{filter:brightness(1.15);stroke:var(--amber);stroke-width:1.5}.tree-node.clickable:hover .tree-node-text{fill:var(--amber)}.bd-cell.clickable{cursor:pointer}.bd-cell.clickable:hover{filter:brightness(1.12);border-color:var(--amber)}.collected{display:flex;flex-wrap:wrap;gap:6px;padding-top:18px;border-top:1px dashed var(--line);font-family:var(--font-mono);font-size:12px}.collected-label{color:var(--ink-dim);letter-spacing:.12em;text-transform:uppercase;font-size:10px;margin-right:12px;align-self:center}.collected-item{padding:3px 8px;border-radius:4px;background:var(--bg-card);border:1px solid var(--line-2);color:var(--ink)}.collected-item.fresh{background:rgba(20,184,166,.14);border-color:var(--teal);color:var(--teal);animation:collectedPop .6s var(--ease-out)}@keyframes collectedPop{0%{transform:translateY(-4px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.collected-empty{font-weight:500;color:var(--ink-dim);align-self:center}.caption{text-align:center;font-weight:500;font-size:22px;line-height:1.4;color:var(--ink);max-width:640px;margin:24px auto 0;min-height:60px;transition:opacity var(--t-fast) var(--ease-out)}.caption .pop{color:var(--amber)}.caption .mono{font-family:var(--font-mono);font-style:normal;font-size:.85em}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}.hud-cell{background:var(--bg-elev);padding:18px 22px}.hud-key{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px}.hud-key,.hud-val{font-family:var(--font-mono)}.hud-val{font-size:22px;color:var(--ink);font-weight:500;letter-spacing:-.01em;transition:color var(--t-fast) var(--ease-out)}.hud-val.best{color:var(--amber)}.hud-val.over{color:var(--rose)}.controls{justify-content:space-between;padding:18px 22px;border-top:1px solid var(--line);background:var(--bg);gap:18px;flex-wrap:wrap}.controls,.controls-left{display:flex;align-items:center}.controls-left{gap:6px}.ctrl{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--line-2);background:var(--bg-elev);color:var(--ink-mute);cursor:pointer;transition:all var(--t-fast) var(--ease-out)}.ctrl:hover{color:var(--ink);border-color:var(--ink-faint);background:var(--bg-hover)}.ctrl.play{width:48px;background:var(--amber);color:var(--btn-on-amber);border-color:var(--amber)}.ctrl.play:hover{filter:brightness(1.08)}.ctrl svg{width:14px;height:14px;display:block}.scrubber{flex:1;position:relative;height:24px;display:flex;align-items:center;cursor:pointer;min-width:240px;outline:none;border-radius:var(--r-sm)}.scrubber:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.scrubber-track{right:0;top:50%;height:2px;transform:translateY(-50%);background:var(--line-2)}.scrubber-fill,.scrubber-track{position:absolute;left:0;border-radius:1px}.scrubber-fill{top:0;bottom:0;background:var(--amber);transition:width var(--t-fast) linear}.scrubber-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--ink);border:2px solid var(--amber);transition:left var(--t-fast) linear}.controls-right{display:flex;align-items:center;gap:16px}.speed{display:flex;gap:2px;border:1px solid var(--line-2);border-radius:4px;padding:2px}.speed button{font-family:var(--font-mono);font-size:11px;padding:5px 9px;border-radius:3px;border:none;background:transparent;color:var(--ink-mute);cursor:pointer;transition:all var(--t-fast) var(--ease-out)}.speed button.on{background:var(--bg-hover);color:var(--ink)}.step-counter{font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);letter-spacing:.04em}.step-counter em{color:var(--ink);font-style:normal}.editor{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:16px 22px;border-top:1px solid var(--line);background:var(--bg);font-family:var(--font-mono);font-size:12px}.editor-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.editor label{color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.editor input{font-family:var(--font-mono);font-size:13px;padding:6px 10px;border:1px solid var(--line-2);background:var(--bg-elev);border-radius:4px;color:var(--ink);outline:none;transition:border-color var(--t-fast) var(--ease-out)}.editor input:focus{border-color:var(--amber-dim)}.editor input.arr{width:280px;max-width:100%}.editor input.tgt{width:60px;text-align:center}.preset{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.preset-btn{font-family:var(--font-mono);font-size:11px;padding:5px 10px;border:1px solid var(--line-2);border-radius:4px;background:transparent;color:var(--ink-mute);cursor:pointer;transition:all var(--t-fast) var(--ease-out)}.preset-btn:hover{color:var(--ink);border-color:var(--amber-dim)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:80px}.section-head{font-family:var(--font-sans);font-weight:500;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:24px;display:flex;align-items:center;gap:12px}.section-head--tight{margin-bottom:8px}.section-head .n{color:var(--ink-faint);font-size:11px}.section-head .n,.signature{font-family:var(--font-mono)}.signature{font-size:14px;line-height:1.85;border:1px solid var(--line);border-radius:8px;padding:28px 32px;background:var(--bg-elev);color:var(--ink-mute)}.signature .line{display:block}.signature .ind{display:inline-block;width:24px}.signature .kw{color:var(--amber)}.signature .ptr{color:var(--ink);font-weight:500}.signature .cm{font-style:italic}.signature .arrow,.signature .cm{color:var(--ink-dim)}.cues{flex-direction:column;gap:10px}.cue,.cues{display:flex}.cue{align-items:flex-start;gap:18px;padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:var(--bg-elev);transition:all var(--t-fast) var(--ease-out)}.cue:hover{border-color:var(--amber-dim);transform:translateX(2px)}.cue-key{font-family:var(--font-mono);font-size:11px;color:var(--amber);letter-spacing:.04em;white-space:nowrap;border-right:1px solid var(--line-2);padding:3px 14px 3px 8px;margin-top:2px;flex-shrink:0}.cue-text{color:var(--ink);font-size:15px;line-height:1.5}.cue-text em{font-weight:500;color:var(--ink-mute)}.pitfalls{margin-bottom:80px}.pitfalls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pitfall{padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--bg-elev);transition:all var(--t-fast) var(--ease-out)}.pitfall:hover{border-color:var(--line-2);background:var(--bg-hover)}.pitfall-num{font-weight:500;font-size:34px;color:var(--rose);line-height:1;margin-bottom:16px;letter-spacing:-.02em}.pitfall-title{font-family:var(--font-sans);font-weight:500;font-size:15px;line-height:1.4;color:var(--ink);margin-bottom:10px;letter-spacing:-.01em}.pitfall-body{font-size:14px;line-height:1.55;color:var(--ink-mute)}.pitfall-body code{font-family:var(--font-mono);font-size:13px;color:var(--ink);background:var(--bg);padding:1px 6px;border-radius:3px;border:1px solid var(--line-2)}.practice{margin-bottom:24px}.practice-intro{font-weight:500;color:var(--ink-mute);font-size:17px;margin-bottom:28px}.practice-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.practice-item{display:grid;grid-template-columns:60px 1fr 90px 30px;gap:24px;align-items:center;padding:22px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:all var(--t-fast) var(--ease-out)}.practice-item:hover{background:var(--bg-hover);padding-left:18px}.practice-item:hover .practice-arrow{color:var(--amber);transform:translateX(4px)}.practice-rank{font-weight:500;font-size:28px;color:var(--ink-dim)}.practice-name{font-family:var(--font-sans);font-weight:400;font-size:18px;letter-spacing:-.01em}.practice-name .leet{color:var(--ink-faint);margin-left:8px}.practice-diff,.practice-name .leet{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em}.practice-diff{text-transform:uppercase;text-align:left}.diff-easy{color:var(--teal)}.diff-med{color:var(--amber)}.diff-hard{color:var(--rose)}.practice-arrow{color:var(--ink-faint);transition:all var(--t-fast) var(--ease-out)}.complexity{padding:48px 40px}.complexity-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.complexity-cell{padding:24px 28px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elev)}.complexity-key{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:12px}.complexity-val{font-family:var(--font-mono);font-size:36px;font-weight:500;color:var(--amber);letter-spacing:-.015em;margin-bottom:14px;line-height:1}.complexity-note{font-weight:500;color:var(--ink-mute);font-size:15px;line-height:1.5}.complexity-section{margin-bottom:32px}.complexity-section:last-child{margin-bottom:0}.complexity-section h3{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:14px;font-weight:500}.complexity-section p{font-size:15px;line-height:1.65;color:var(--ink);max-width:720px}.complexity-section p code{font-family:var(--font-mono);font-size:13px;background:var(--bg-card);padding:1px 6px;border-radius:3px;border:1px solid var(--line-2);color:var(--ink)}.complexity-variants{display:flex;flex-direction:column;border-top:1px solid var(--line)}.complexity-variant{display:grid;grid-template-columns:1fr 90px 90px;gap:16px;padding:14px 4px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:13px;align-items:baseline}.complexity-variant-name{color:var(--ink)}.complexity-variant-space,.complexity-variant-time{color:var(--amber);font-weight:500}.family-essence{display:grid;grid-template-columns:220px 1fr;gap:80px;margin-bottom:56px}.family-essence-text{font-weight:500;font-size:clamp(24px,2.6vw,32px);line-height:1.34;letter-spacing:-.012em;color:var(--ink-mute);max-width:760px;margin:0}.family-essence-text .accent{color:var(--amber);font-weight:500}.subpattern-selector{margin-bottom:56px}.subpattern-tabs{display:flex;gap:1px;background:var(--line);padding:1px;border:1px solid var(--line);border-radius:10px;overflow:hidden;width:-moz-fit-content;width:fit-content;max-width:100%}.subpattern-tab{display:flex;flex-direction:column;padding:14px 22px 12px;background:var(--bg-elev);text-decoration:none;color:var(--ink-mute);transition:all var(--t-fast) var(--ease-out);cursor:pointer;border:none;text-align:left;font-family:inherit;min-width:180px}.subpattern-tab:first-child{border-top-left-radius:9px;border-bottom-left-radius:9px}.subpattern-tab:last-child{border-top-right-radius:9px;border-bottom-right-radius:9px}.subpattern-tab:hover:not(.active):not(.disabled){background:var(--bg-hover);color:var(--ink)}.subpattern-tab.active{background:var(--bg);color:var(--ink);box-shadow:inset 0 1px 0 var(--amber-dim)}.subpattern-tab.disabled{opacity:.5;cursor:not-allowed}.subpattern-tab-key{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:4px}.subpattern-tab.active .subpattern-tab-key{color:var(--amber)}.subpattern-tab-name{font-family:var(--font-sans);font-size:15px;font-weight:500;letter-spacing:-.015em;color:inherit}.subpattern-tab-name em{font-weight:500;color:var(--amber)}.subpattern-tab.disabled .subpattern-tab-name em{color:var(--ink-faint)}.family-comparison{padding:56px 0 0;border-top:1px solid var(--line);margin-top:80px}.family-comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}.comparison-card{padding:28px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elev)}.comparison-card-key{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:10px}.comparison-card-when{font-weight:500;font-size:22px;line-height:1.3;color:var(--ink);letter-spacing:-.01em;margin-bottom:12px}.comparison-card-when em{color:var(--amber);font-weight:500}.comparison-card-tag{font-family:var(--font-mono);font-size:11px;color:var(--ink-mute);letter-spacing:.04em}.family-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 0;border:1px dashed var(--line-2);border-radius:12px;background:var(--bg-elev);margin-bottom:80px}.family-empty-text{font-weight:500;font-size:20px;color:var(--ink-mute);max-width:480px;line-height:1.4}.family-empty-arrow{display:inline-block;margin-top:16px;font-family:var(--font-mono);font-size:12px;color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase}@media (max-width:980px){body{font-size:15px}.nav{padding:14px 20px}.wrap{padding:0 24px}.hero-layout{grid-template-columns:1fr}.hero-anim-wrap{display:none}.library-grid{grid-template-columns:1fr;grid-auto-rows:auto}.card.featured,.card.standard,.card.standard.wide{grid-column:span 1;min-height:240px}.essence,.two-col{gap:32px}.essence,.pitfalls-grid,.two-col{grid-template-columns:1fr}.hud{grid-template-columns:repeat(2,1fr)}.array{row-gap:32px}.player-stage{padding:32px 20px 24px}.controls{padding:14px}.scrubber{min-width:100%;order:3}.controls-right{width:100%;justify-content:space-between;order:2}.family-essence{grid-template-columns:1fr;gap:32px}.family-comparison-grid{grid-template-columns:1fr;gap:16px}.subpattern-tabs{flex-wrap:wrap}.subpattern-tab{min-width:0;flex:1 1 200px}.complexity{padding:28px 20px}.complexity-grid{grid-template-columns:1fr;gap:14px}.complexity-variant{grid-template-columns:1fr 70px 70px}}