:root{--bg:#2e3440;--bg-soft:#333b48;--bg-card:#3b4252;--bg-elev:#434c5e;--border:#434c5e;--border-soft:#3a4150;--text:#eceff4;--text-dim:#a6b0c0;--text-faint:#78829a;--primary:#88c0d0;--primary-glow:color-mix(in srgb, var(--primary) 28%, transparent);--accent:#81a1c1;--green:#a3be8c;--amber:#ebcb8b;--red:#bf616a;--purple:#b48ead;--pink:#d08770;--radius:12px;--radius-sm:8px;--shadow:0 16px 40px #14182173;--nav-bg:#2e3440c7;--code-bg:#292f3a;--code-text:#d8dee9;--mono:"SF Mono", "JetBrains Mono", "Fira Code", ui-monospace, Menlo, monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=mocha]{--bg:#1e1e2e;--bg-soft:#232338;--bg-card:#282a3e;--bg-elev:#313244;--border:#313244;--border-soft:#292b3c;--text:#cdd6f4;--text-dim:#a6adc8;--text-faint:#7f849c;--primary:#cba6f7;--accent:#89b4fa;--green:#a6e3a1;--amber:#f9e2af;--red:#f38ba8;--purple:#cba6f7;--pink:#f5c2e7;--shadow:0 16px 40px #0006;--nav-bg:#1e1e2ecc;--code-bg:#181825;--code-text:#cdd6f4}[data-theme=rosepine]{--bg:#191724;--bg-soft:#1c1a2a;--bg-card:#1f1d2e;--bg-elev:#26233a;--border:#2a2740;--border-soft:#221f32;--text:#e0def4;--text-dim:#908caa;--text-faint:#6e6a86;--primary:#ebbcba;--accent:#9ccfd8;--green:#95b1ac;--amber:#f6c177;--red:#eb6f92;--purple:#c4a7e7;--pink:#ebbcba;--shadow:0 16px 40px #00000073;--nav-bg:#191724d1;--code-bg:#1f1d2e;--code-text:#e0def4}[data-theme=everforest]{--bg:#2d353b;--bg-soft:#333c42;--bg-card:#343f44;--bg-elev:#3d484d;--border:#4a555b;--border-soft:#3a454b;--text:#d3c6aa;--text-dim:#a6b0a0;--text-faint:#859289;--primary:#a7c080;--accent:#83c092;--green:#a7c080;--amber:#dbbc7f;--red:#e67e80;--purple:#d699b6;--pink:#e69875;--shadow:0 16px 40px #0006;--nav-bg:#2d353bd1;--code-bg:#272e33;--code-text:#d3c6aa}[data-theme=gruvbox]{--bg:#282828;--bg-soft:#2f2c2a;--bg-card:#32302f;--bg-elev:#3c3836;--border:#45403d;--border-soft:#35312e;--text:#d4be98;--text-dim:#a89984;--text-faint:#7c6f64;--primary:#d8a657;--accent:#89b482;--green:#a9b665;--amber:#d8a657;--red:#ea6962;--purple:#d3869b;--pink:#e78a4e;--shadow:0 16px 40px #00000073;--nav-bg:#282828d1;--code-bg:#1d2021;--code-text:#d4be98}[data-theme=tokyonight]{--bg:#1a1b26;--bg-soft:#1f2030;--bg-card:#1f2335;--bg-elev:#292e42;--border:#2b2f44;--border-soft:#23263a;--text:#c0caf5;--text-dim:#9aa5ce;--text-faint:#565f89;--primary:#7aa2f7;--accent:#bb9af7;--green:#9ece6a;--amber:#e0af68;--red:#f7768e;--purple:#bb9af7;--pink:#ff9e64;--shadow:0 16px 40px #00000080;--nav-bg:#1a1b26cc;--code-bg:#16161e;--code-text:#c0caf5}[data-theme=latte]{--bg:#eff1f5;--bg-soft:#e6e9ef;--bg-card:#fff;--bg-elev:#e6e9ef;--border:#ccd0da;--border-soft:#dce0e8;--text:#4c4f69;--text-dim:#6c6f85;--text-faint:#9ca0b0;--primary:#8839ef;--accent:#209fb5;--green:#40a02b;--amber:#df8e1d;--red:#d20f39;--purple:#8839ef;--pink:#ea76cb;--shadow:0 14px 38px #4c4f6924;--nav-bg:#eff1f5d1;--code-bg:#303446;--code-text:#c6d0f5}[data-theme=latte] .btn.primary,[data-theme=latte] .tn-logo{color:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1000px 560px at 15% -8%, color-mix(in srgb, var(--primary) 7%, transparent), transparent 62%), radial-gradient(760px 520px at 100% 0%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 55%);background-attachment:fixed;font-size:14.5px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700;line-height:1.2}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topnav-wrap{z-index:50;flex-direction:column;align-items:center;padding:14px 16px 0;display:flex;position:sticky;top:0}.topnav{z-index:2;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:7px 9px;display:flex;position:relative}.tn-theme-wrap{flex:none;margin-left:auto;position:relative}.tn-theme{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:7px;transition:all .13s;display:grid}.tn-theme:hover,.tn-theme.open{background:var(--bg-elev);border-color:var(--primary)}.tn-theme-dot{width:16px;height:16px;box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 30%, transparent);border-radius:50%}.tn-theme-pop{z-index:60;background:var(--bg-card);border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow);border-radius:14px;padding:7px;animation:.14s tn-pop;position:absolute;top:calc(100% + 12px);right:0}.tn-theme-head{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:5px 8px 7px;font-size:11px;font-weight:700}.tn-theme-opt{text-align:left;cursor:pointer;width:100%;color:var(--text-dim);background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:8px 9px;font-family:inherit;font-size:13.5px;font-weight:500;display:flex}.tn-theme-opt:hover{background:var(--bg-elev);color:var(--text)}.tn-theme-opt.active{color:var(--text);background:color-mix(in srgb, var(--primary) 14%, transparent)}.tn-theme-sw{border:1px solid var(--border);border-radius:6px;flex-shrink:0;display:inline-flex;overflow:hidden}.tn-theme-sw i{width:15px;height:22px;display:block}.tn-theme-name{flex:1;min-width:0}.tn-theme-check{color:var(--primary);font-weight:800}.tn-brand{align-items:center;gap:9px;padding:6px 12px 6px 6px;display:flex}.tn-logo{background:linear-gradient(135deg, var(--primary), var(--accent));color:#06101f;width:30px;height:30px;box-shadow:0 4px 12px var(--primary-glow);border-radius:9px;flex-shrink:0;place-items:center;font-size:16px;font-weight:800;display:grid}.tn-brand-name{letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:800}.tn-sep{background:var(--border);width:1px;height:24px;margin:0 3px}.tn-center{align-items:center;gap:2px;display:flex}.tn-menu{position:relative}.tn-item{cursor:pointer;color:var(--text-dim);white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.tn-item:hover{background:var(--bg-elev);color:var(--text)}.tn-item.active{background:color-mix(in srgb, var(--primary) 18%, transparent);color:var(--text)}.tn-item.open{background:var(--bg-elev);color:var(--text)}.tn-caret{opacity:.7;font-size:10px;transition:transform .15s}.tn-item.open .tn-caret{transform:rotate(180deg)}.tn-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:800}.tn-icon{gap:7px;padding:7px 12px;position:relative}.nav-ico{width:20px;height:20px;color:inherit;flex-shrink:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:block}.tn-item:hover .nav-ico{transform:scale(1.16)rotate(-2deg)}.tn-item.active .nav-ico,.tn-item.open .nav-ico{transform:scale(1.08)}.tn-label{white-space:nowrap}.tn-icon .tn-caret{margin-left:-2px}.tn-dropdown{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);z-index:60;border-radius:16px;min-width:230px;padding:8px;animation:.14s tn-pop;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.tn-dropdown.wide{width:min(680px,100vw - 32px);padding:12px;left:50%;right:auto;transform:translate(-50%)}.tn-dropdown.wide.to-left{left:0;transform:none}.tn-dropdown.wide.data-pop{width:min(480px,100vw - 32px)}.tn-panel-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:12px;display:flex}.tn-panel-foot-hint{color:var(--text-faint);font-size:12px;font-weight:600}.tn-gotopage{color:var(--text-dim);border:1px solid var(--border);background:0 0;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;transition:color .14s,border-color .14s,background .14s;display:inline-flex}.tn-gotopage:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:color-mix(in srgb, var(--primary) 8%, transparent)}.pidx-cats{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.pidx-cat{border:1.5px solid var(--border);background:var(--bg-elev);color:var(--text-dim);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-family:inherit;font-size:13px;font-weight:600;transition:all .14s;display:inline-flex}.pidx-cat:hover{color:var(--text);border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}.pidx-cat.active{color:var(--text);background:color-mix(in srgb, var(--primary) 16%, transparent);border-color:var(--primary)}.pidx-cat span{color:var(--text-faint);background:var(--bg);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800}.pidx-cat.active span{color:var(--primary)}@keyframes tn-pop{0%{opacity:0}to{opacity:1}}.tn-list{flex-direction:column;gap:2px;display:flex}.tn-link{color:var(--text-dim);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 11px;font-size:13.5px;font-weight:500;transition:all .13s;display:flex}.tn-link:hover{background:var(--bg-elev);color:var(--text)}.tn-link.active{background:color-mix(in srgb, var(--primary) 16%, transparent);color:var(--text)}.tn-link-ico{text-align:center;flex-shrink:0;width:20px;font-size:15px}.tn-link-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tn-diff{opacity:.85;border-radius:50%;flex-shrink:0;width:7px;height:7px}.tn-burger{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:6px 10px;font-size:20px;display:none}.tn-burger:hover,.tn-burger.open{background:var(--bg-elev)}.tn-problems{flex-direction:column;gap:10px;display:flex}.tn-search{background:var(--bg-elev);border:1.5px solid var(--border);border-radius:10px;align-items:center;gap:4px;transition:border-color .15s,box-shadow .15s;display:flex}.tn-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.tn-search-ic{opacity:.7;padding:0 4px 0 11px;font-size:13px}.tn-search-input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:10px 2px;font-family:inherit;font-size:14px}.tn-search-input::placeholder{color:var(--text-faint)}.tn-search-clear{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12px}.tn-search-clear:hover{color:var(--text)}.tn-cat{appearance:none;cursor:pointer;background-color:var(--bg-card);color:var(--text);border:none;border-left:1px solid var(--border);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237e8aa3' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 9px center;background-repeat:no-repeat;border-radius:8px;outline:none;max-width:190px;margin:4px 5px 4px 0;padding:7px 26px 7px 11px;font-family:inherit;font-size:12.5px;font-weight:600}.tn-cat option{background:var(--bg-elev);color:var(--text)}.tn-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tn-filters .tn-cat{border:1.5px solid var(--border);border-left:1.5px solid var(--border);background-color:var(--bg-elev);flex:1 1 0;min-width:140px;max-width:none;margin:0}.tn-filters .tn-cat:hover{border-color:var(--primary)}.tn-filter-reset{border:1.5px solid var(--border);background:var(--bg-elev);color:var(--text-dim);cursor:pointer;border-radius:8px;flex:none;padding:8px 11px;font-size:14px;line-height:1}.tn-filter-reset:hover{border-color:var(--primary);color:var(--text)}.tn-cx{font-family:var(--mono);color:var(--text-faint);white-space:nowrap;margin-left:auto;font-size:10.5px}.tn-results{flex-direction:column;gap:12px;max-height:min(58vh,440px);padding-right:4px;display:flex;overflow-y:auto}.tn-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);align-items:center;gap:8px;padding:2px 6px 6px;font-size:11px;font-weight:700;display:flex}.tn-group-count{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);letter-spacing:0;border-radius:999px;padding:0 6px;font-size:10px;font-weight:800}.tn-grid{grid-template-columns:1fr 1fr;gap:2px 8px;display:grid}.tn-empty{text-align:center;color:var(--text-faint);padding:34px 12px;font-size:13px}.tn-empty-ic{opacity:.6;margin-bottom:8px;font-size:26px}.tn-mobile{display:none}.tn-mobile-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:12px 6px 4px;font-size:11px;font-weight:700}.content{width:100%;max-width:1180px;margin:0 auto;padding:34px 44px 160px}.page-head{margin-bottom:30px}.eyebrow{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:700}.page-title{letter-spacing:-.01em;margin:8px 0 6px;font-size:26px;font-weight:800}.page-sub{color:var(--text-dim);max-width:800px;min-height:60px;font-size:14px;line-height:1.6}.section-title{align-items:center;gap:8px;margin:30px 0 14px;font-size:18px;font-weight:700;display:flex}.section-title:before{content:"";background:linear-gradient(var(--primary), var(--accent));border-radius:3px;width:4px;height:18px}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);padding:22px}.viz-stage{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius);justify-content:safe center;align-items:safe center;min-height:260px;padding:28px 22px;display:flex;position:relative;overflow:hidden}.viz-stage.tall{height:480px;min-height:480px;overflow:auto}@media (width<=640px){.viz-stage.tall{height:440px;min-height:440px}}.stage-hint{color:var(--text-faint);font-size:12px;position:absolute;top:12px;right:16px}.controls{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.btn{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:9px 15px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--primary);background:#202a40;transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg, var(--primary), #8fbcbb);color:#2e3440;box-shadow:0 6px 18px var(--primary-glow);border-color:#0000}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.danger{color:var(--red);border-color:#f8717166}.btn.danger:hover:not(:disabled){border-color:var(--red);background:#f871711f}.btn.ghost{background:0 0}.field{flex-direction:column;gap:4px;display:inline-flex}.field label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;padding-left:2px;font-size:11px}.input{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;width:130px;padding:9px 12px;font-size:14px}.input:focus{border-color:var(--primary)}.range{accent-color:var(--primary);cursor:pointer}.tslider{touch-action:none;cursor:pointer;outline:none;width:100%;height:46px;position:relative}.tslider-track{background:var(--bg-soft);border-radius:3px;height:3px;position:absolute;top:22px;left:0;right:0;transform:translateY(-50%)}.tslider-fill{background:var(--primary);border-radius:3px;height:100%;transition:width 50ms linear}.tslider-ticks{pointer-events:none;height:0;position:absolute;top:22px;left:0;right:0}.tslider-tick{border-radius:1px;width:1px;transition:height .1s,opacity .1s,background .1s;position:absolute;top:0;transform:translate(-50%,-50%)}.tslider-tick.major{width:1.5px}.tslider-thumb{background:var(--primary);border:2px solid var(--bg);width:15px;height:15px;box-shadow:0 0 0 1px var(--primary);pointer-events:none;border-radius:50%;transition:box-shadow .12s,transform 80ms;position:absolute;top:22px;transform:translate(-50%,-50%)}.tslider.dragging .tslider-thumb{box-shadow:0 0 0 5px var(--primary-glow)}.tslider.slow .tslider-thumb{transform:translate(-50%,-50%)scale(1.18)}.tslider:focus-visible .tslider-thumb{box-shadow:0 0 0 4px var(--primary-glow)}.tslider-bubble{background:var(--bg-card);border:1px solid var(--border);font:700 12px/1.3 var(--mono);color:var(--text);white-space:nowrap;box-shadow:var(--shadow);border-radius:6px;padding:2px 8px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.curve-label{font:700 12px var(--mono);white-space:nowrap;line-height:1;display:inline-block}.adjnum{cursor:ns-resize;border:1px dashed color-mix(in srgb, currentColor 45%, transparent);background:color-mix(in srgb, currentColor 12%, transparent);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:4px;outline:none;margin:0 1px;padding:1px 3px;font-weight:800;line-height:1;transition:background .1s,border-color .1s;display:inline-block}.adjnum:hover,.adjnum:focus-visible{background:color-mix(in srgb, currentColor 22%, transparent);border-style:solid;border-color:currentColor}.adjnum-sup{vertical-align:super;padding:0 2px;font-size:.7em}.adjnum-sub{vertical-align:sub;padding:0 2px;font-size:.7em}.tslider-pulse{border:2px solid var(--primary);pointer-events:none;border-radius:50%;animation:.3s ease-out forwards tsPulse;position:absolute;inset:-3px}@keyframes tsPulse{0%{opacity:.85;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}.tslider-labels{pointer-events:none;height:12px;position:absolute;top:33px;left:0;right:0}.tslider-labels span{font:600 10px var(--mono);color:var(--text-faint);white-space:nowrap;position:absolute;transform:translate(-50%)}.badge{background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.array-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;display:flex}.cell{background:var(--bg-elev);border:1.5px solid var(--border);border-radius:10px;place-items:center;min-width:52px;height:52px;font-size:16px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.cell .idx{color:var(--text-faint);font-size:11px;font-weight:500;position:absolute;bottom:-20px}.cell.hl{border-color:var(--amber);background:#fbbf2426;box-shadow:0 0 0 3px #fbbf2426}.cell.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 18%, transparent);box-shadow:0 0 0 3px var(--primary-glow);transform:translateY(-4px)}.cell.done{border-color:var(--green);background:#34d39929}.cell.enter{animation:.4s pop}@keyframes pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.bars{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:320px;display:flex}.bar{background:linear-gradient(var(--primary), #8fbcbb);border-radius:5px 5px 0 0;flex:1;max-width:40px;transition:height .1s linear;position:relative}.bar.cmp{background:linear-gradient(var(--amber), #f59e0b)}.bar.swap{background:linear-gradient(var(--red), #ef4444)}.bar.sorted{background:linear-gradient(var(--green), #10b981)}.bar.pivot{background:linear-gradient(var(--purple), #8b5cf6)}.stack-box{border:2px dashed var(--border);border-top:none;border-radius:0 0 12px 12px;flex-direction:column-reverse;justify-content:flex-start;gap:8px;min-width:150px;min-height:240px;padding:12px;display:flex}.queue-box{border:2px dashed var(--border);border-radius:12px;align-items:center;gap:8px;min-width:260px;min-height:90px;padding:14px;display:flex}.q-item,.s-item{text-align:center;background:var(--bg-elev);border:1.5px solid var(--border);border-radius:10px;min-width:60px;padding:14px 18px;font-weight:700;animation:.35s pop}.s-item.top{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.q-item.head{border-color:var(--green)}.q-item.tail{border-color:var(--accent)}.dsu-groups{flex-wrap:wrap;align-content:flex-start;gap:16px;width:100%;display:flex}.dsu-group{border:2px dashed var(--border);border-radius:14px;min-width:90px;padding:12px 14px 14px;transition:all .3s}.dsu-group-label{text-transform:uppercase;letter-spacing:.04em;opacity:.85;margin-bottom:10px;font-size:11px;font-weight:800}.dsu-members{flex-wrap:wrap;gap:8px;display:flex}.dsu-node{min-width:42px;height:42px;font-weight:700;font-family:var(--mono);border:2px solid var(--border);border-radius:10px;justify-content:center;align-items:center;gap:2px;padding:0 8px;transition:all .3s;animation:.3s pop;display:inline-flex}.deque-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.deque-end{color:var(--primary);text-align:center;font-size:12px;font-weight:800;line-height:1.5}.deque-end span{color:var(--text-faint);font-size:10px;font-weight:600;font-family:var(--mono)}.deque-row{border:2px dashed var(--border);border-radius:12px;align-items:center;gap:8px;min-width:200px;min-height:84px;padding:14px;display:flex}.deque-item{text-align:center;background:var(--bg-elev);border:1.5px solid var(--border);border-radius:10px;min-width:56px;padding:14px 16px;font-weight:700;transition:all .25s;animation:.35s pop}.deque-item.is-front{border-color:var(--green)}.deque-item.is-back{border-color:var(--accent)}.deque-item.is-front.is-back{border-color:var(--primary)}.trie-tree{justify-content:center;min-width:100%;padding:8px 4px;display:flex}.trie-branch{flex-direction:column;align-items:center;display:flex}.trie-node{width:40px;height:40px;font-weight:800;font-family:var(--mono);border:2px solid var(--border);background:var(--bg-elev);text-transform:uppercase;border-radius:50%;place-items:center;transition:all .25s;display:grid;position:relative}.trie-node.is-end{box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 45%, transparent)}.trie-end-dot{background:var(--green);border:1.5px solid var(--bg);border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:-3px}.trie-children{gap:12px;margin-top:18px;display:flex;position:relative}.trie-children:before{content:"";background:var(--border);width:1px;height:10px;position:absolute;top:-10px;left:50%}.trie-branch .trie-children>.trie-branch{position:relative}.trie-branch .trie-children>.trie-branch:before{content:"";background:var(--border);width:1px;height:10px;position:absolute;top:-10px;left:50%}.seg-arr{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.seg-cell{border:1.5px solid var(--border);min-width:40px;font-family:var(--mono);border-radius:8px;flex-direction:column;align-items:center;display:flex;overflow:hidden}.seg-cell-i{color:var(--text-faint);background:var(--bg-elev);text-align:center;width:100%;padding:1px 0;font-size:10px}.seg-cell-v{padding:6px 8px;font-weight:700}.seg-tree{justify-content:center;min-width:100%;padding:4px;display:flex}.seg-branch{flex-direction:column;align-items:center;display:flex}.seg-node{border:1.5px solid var(--border);background:var(--bg-elev);min-width:66px;font-family:var(--mono);border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:6px 8px;transition:all .25s;display:flex}.seg-range{color:var(--text-faint);font-size:10.5px}.seg-node .seg-sum{font-size:14px;font-weight:800}.seg-children{gap:14px;margin-top:16px;display:flex}.bit-row-label{color:var(--text-dim);font-size:11.5px;font-weight:700;font-family:var(--mono);margin-bottom:8px}.bit-row{flex-wrap:wrap;gap:6px;display:flex}.bit-cell{border:1.5px solid var(--border);min-width:46px;font-family:var(--mono);background:var(--bg-elev);border-radius:9px;flex-direction:column;align-items:center;transition:all .25s;display:flex;overflow:hidden}.bit-i{color:var(--text-faint);background:color-mix(in srgb, var(--bg) 55%, var(--bg-elev));text-align:center;width:100%;padding:1px 0;font-size:10px}.bit-v{padding:6px 8px;font-size:15px;font-weight:800}.bit-cov{color:var(--text-faint);padding-bottom:3px;font-size:9.5px}.bit-cell.hot{border-color:var(--amber);box-shadow:0 0 0 3px #fbbf2438}.bit-cell.lit{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 20%, transparent);box-shadow:0 0 0 3px var(--primary-glow)}.dsmap-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.dsmap-legend{flex-wrap:wrap;gap:12px;display:flex}.dsmap-legend-item{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.dsmap-legend-item i{border-radius:3px;width:10px;height:10px;display:inline-block}.dsmap-actions{gap:8px;display:flex}.btn.sm{padding:5px 11px;font-size:12.5px}.dsmap-zoom{align-items:center;gap:6px;margin-left:6px;display:inline-flex}.dsmap-zoom-val{color:var(--text-dim);text-align:center;min-width:38px;font-size:12px;font-weight:700}.dsmap-canvas-wrap{border:1px solid var(--border);background:var(--bg-card);background-image:radial-gradient(var(--border) 1px, transparent 1px);background-size:22px 22px;border-radius:16px;max-height:620px;padding:16px;overflow:auto}.dsmap-canvas{position:relative}.dsmap-edges{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.dsmap-gnode{border:1.5px solid var(--border);background:var(--bg-elev);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:10px;align-items:center;gap:8px;padding:0 10px;transition:transform .12s,box-shadow .15s;display:flex;position:absolute}.dsmap-gnode:hover{z-index:5;transform:translateY(-1px)}.dsmap-gnode-bar{border-radius:3px;flex-shrink:0;width:4px;height:20px}.dsmap-gnode-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;font-weight:600;line-height:1.15;overflow:hidden}.dsmap-gnode.is-group .dsmap-gnode-label{font-weight:800}.dsmap-gnode.live .dsmap-gnode-label{color:var(--text)}.dsmap-gnode-toggle{font-size:10.5px;font-weight:800;font-family:var(--mono);color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-shrink:0;padding:1px 5px}.dsmap-gnode-go{border-radius:6px;flex-shrink:0;padding:0 2px;font-size:13px;font-weight:900}.dsmap-gnode-go:hover{background:color-mix(in srgb, currentColor 18%, transparent)}.dsmap-search{border:1.5px solid var(--border);background:var(--bg-card);border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:4px 12px;display:flex;position:relative}.dsmap-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.dsmap-search-ic{color:var(--text-faint)}.dsmap-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:9px 0;font-family:inherit;font-size:15px}.dsmap-search-clear{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:4px;font-size:15px}.dsmap-search-clear:hover{color:var(--text)}.dsmap-fam{margin-bottom:18px}.dsmap-fam-title{color:var(--text);align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:800;display:flex}.dsmap-fam-title i{border-radius:3px;width:11px;height:11px}.dsmap-fam-count{color:var(--text-faint);background:var(--bg-elev);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.dsmap-chips{flex-wrap:wrap;gap:8px;display:flex}.dsmap-chip{border:1.5px solid var(--border);background:var(--bg-elev);color:var(--text-dim);cursor:default;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.dsmap-chip.live{cursor:pointer;color:var(--text);border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:color-mix(in srgb, var(--primary) 12%, transparent);transition:all .15s}.dsmap-chip.live:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);transform:translateY(-1px)}.dsmap-chip-go{color:var(--primary);font-weight:800}.tn-link-feature{background:color-mix(in srgb, var(--primary) 12%, transparent);border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));margin-bottom:6px;font-weight:700}.tn-link-feature:hover{background:color-mix(in srgb, var(--primary) 20%, transparent)}.ctable{border-collapse:collapse;border-radius:12px;width:100%;font-size:14px;overflow:hidden}.cx-ctable{table-layout:fixed}.cx-ctable td:nth-child(3),.cx-ctable td:nth-child(4){white-space:nowrap}.cx-ctable th{letter-spacing:.03em;padding:8px 10px;font-size:10px}.cx-ctable td{padding:8px 10px;font-size:13px}.ctable th,.ctable td{text-align:left;border-bottom:1px solid var(--border-soft);padding:12px 14px}.ctable th{background:var(--bg-elev);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.ctable td:first-child{font-weight:600}.ctable tr:last-child td{border-bottom:none}.big-o{font-family:var(--mono);border-radius:7px;padding:3px 9px;font-size:13px;font-weight:700;display:inline-block}.o-1{color:var(--green);background:#34d39924}.o-logn{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.o-n{color:var(--primary);background:color-mix(in srgb, var(--primary) 14%, transparent)}.o-nlogn{color:var(--amber);background:#fbbf2424}.o-n2{color:var(--red);background:#f8717124}.o-2n{color:var(--pink);background:#f472b629}.code-wrap{border-radius:var(--radius);border:1px solid var(--border-soft);background:var(--code-bg);overflow:hidden}.code-head{background:var(--bg-elev);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.code-lang{color:var(--text-dim);font-size:12px;font-weight:600}.code-dots{gap:6px;display:flex}.code-dots span{border-radius:50%;width:11px;height:11px}.copy-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:7px;padding:4px 10px;font-size:12px}.copy-btn:hover{color:var(--text);border-color:var(--primary)}pre.code{font-family:var(--mono);color:var(--code-text);margin:0;padding:18px;font-size:13px;line-height:1.7;overflow-x:auto}.hero{text-align:center;padding:40px 0 30px}.hero h1{background:linear-gradient(120deg, #fff 20%, var(--primary) 60%, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:46px}.hero p{color:var(--text-dim);max-width:640px;margin:0 auto 26px;font-size:18px}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:22px;display:grid}.tile{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius);cursor:pointer;padding:20px;transition:all .18s;display:block}.tile:hover{border-color:color-mix(in srgb, var(--primary) 55%, transparent);box-shadow:0 14px 40px #0006, 0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent);transform:translateY(-3px)}.tile-ico{margin-bottom:10px;font-size:26px;display:block}.tile h3{margin-bottom:5px;font-size:17px}.tile p{color:var(--text-dim);font-size:13.5px}.info{grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;display:grid}.info-card{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:12px;padding:16px}.info-card h4{color:var(--primary);margin-bottom:6px;font-size:14px}.info-card p{color:var(--text-dim);font-size:13.5px}@media (width<=640px){.info{grid-template-columns:1fr}}.log{font-family:var(--mono);color:var(--text-dim);background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:10px;min-height:42px;margin-top:14px;padding:10px 14px;font-size:13px}.log b{color:var(--accent)}.two-col{grid-template-columns:1fr;gap:20px;display:grid}.legend{color:var(--text-dim);flex-wrap:wrap;gap:16px;margin-top:14px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.dot{border-radius:4px;width:12px;height:12px;display:inline-block}.narration{background:var(--bg-card);border:1px solid var(--border-soft);color:var(--text);border-radius:12px;align-items:baseline;gap:12px;height:88px;margin:14px 0;padding:14px 18px;font-size:15px;line-height:1.5;display:flex;overflow-y:auto}.narration-step{font-family:var(--mono);flex-shrink:0;font-size:14px;font-weight:800}.narration b{color:var(--text)}.player-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.scrubber{width:100%;height:6px;margin:6px 0 4px}.player-dock{z-index:60;-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--border);background:#0f1422d1;border-radius:16px;flex-direction:column;gap:9px;width:258px;max-width:calc(100vw - 32px);padding:11px 13px 12px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 40px #00000080,inset 0 0 0 1px #ffffff05}.dock-scrub{align-items:center;gap:9px;display:flex}.dock-step{font-family:var(--mono);color:var(--text-faint);white-space:nowrap;text-align:right;min-width:42px;font-size:11px}.dock-range{flex:1;height:5px}.dock-controls{justify-content:center;align-items:center;gap:7px;display:flex}.dock-btn{border:1px solid var(--border);background:var(--bg-elev);width:40px;height:38px;color:var(--text);cursor:pointer;border-radius:11px;place-items:center;padding:0;font-size:15px;transition:all .14s;display:grid}.dock-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.dock-btn:active:not(:disabled){transform:translateY(0)}.dock-btn:disabled{opacity:.3;cursor:default}.dock-btn.play{background:var(--primary);color:#0b1020;border-color:var(--primary);width:60px;height:42px;box-shadow:0 4px 16px var(--primary-glow);font-size:17px;font-weight:800}.dock-btn.play:hover{filter:brightness(1.08);color:#0b1020;border-color:var(--primary);transform:translateY(-1px)}.dock-kbd{color:var(--text-faint);justify-content:center;align-items:center;gap:5px;font-size:10.5px;display:flex}.dock-kbd kbd{font-family:var(--mono);background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);border-radius:5px;padding:1px 5px;font-size:10px}.dock-speed{align-items:center;gap:8px;padding:0 2px;display:flex}.dock-speed-ic{opacity:.7;font-size:13px;line-height:1}.dock-speed-range{flex:1;height:5px}.dock-step-sep{opacity:.5;margin:0 1px}.player-notch{z-index:3;pointer-events:none;justify-content:center;width:100%;margin-top:-14px;padding-top:12px;display:flex;position:relative}.player-notch:empty,.player-notch.is-hidden{display:none}.player-notch .player-dock{pointer-events:auto;background:var(--nav-bg);-webkit-backdrop-filter:blur(16px)saturate(140%);border:1px solid var(--border);border-top:none;border-radius:0 0 15px 15px;flex-direction:row;align-items:center;gap:11px;width:auto;max-width:calc(100vw - 32px);padding:8px 14px 9px;position:static;bottom:auto;right:auto;box-shadow:0 16px 34px #00000073}.player-notch .dock-step{min-width:0;color:var(--text-dim);text-align:left;font-size:12px}.player-notch .dock-controls{gap:6px}.player-notch .dock-btn{border-radius:9px;width:34px;height:32px;font-size:13px}.player-notch .dock-btn.play{width:46px;height:34px;font-size:15px}.player-notch .dock-scrub{flex:0 200px;align-items:center}.player-notch .dock-range{width:100%}.player-notch .dock-speed{gap:6px;padding:0}.player-notch .dock-speed-range{flex:none;width:76px}.player-notch .dock-kbd{gap:3px;display:none}.player-notch .dock-kbd kbd{padding:1px 4px;font-size:9.5px}@media (width>=1040px){.player-notch .dock-kbd{display:flex}}@media (width<=560px){.player-notch .player-dock{border-radius:15px;flex-wrap:wrap;justify-content:center}.player-notch .dock-scrub{flex:100%;order:5}}@media (width<=640px){.player-dock{width:auto;bottom:12px;left:12px;right:12px}}.board{border:3px solid var(--border);box-shadow:var(--shadow);border-radius:10px;gap:0;display:grid;overflow:hidden}.sq{aspect-ratio:1;place-items:center;font-size:26px;transition:all .25s;display:grid;position:relative}.sq.light{background:#cbd5e1}.sq.dark{background:#64748b}.sq.try{box-shadow:inset 0 0 0 4px var(--amber);background:#fbbf248c!important}.sq.conflict{box-shadow:inset 0 0 0 4px var(--red);background:#f8717199!important}.sq.placed{box-shadow:inset 0 0 0 4px var(--primary)}.sq.attack{background:#f8717147!important}.sq .q{filter:drop-shadow(0 2px 3px #0006);animation:.35s pop}.sudoku{background:var(--border);border:3px solid var(--text-faint);border-radius:8px;grid-template-columns:repeat(9,1fr);gap:1px;width:min(430px,92vw);display:grid;overflow:hidden}.scell{aspect-ratio:1;background:var(--bg-elev);color:var(--text);place-items:center;font-size:clamp(12px,3.4vw,17px);font-weight:700;transition:all .2s;display:grid;position:relative}.scell.empty{color:var(--text-faint)}.scell.peer{background:color-mix(in srgb, var(--primary) 14%, transparent)}.scell.cur{box-shadow:inset 0 0 0 2px var(--amber);z-index:2;background:#fbbf2459}.scell.bad{box-shadow:inset 0 0 0 2px var(--red);z-index:3;background:#f8717180}.scell.ok{background:#34d39938}.scell.br{border-right:2px solid var(--text-faint)}.scell.bb{border-bottom:2px solid var(--text-faint)}.bucket-row{align-items:center;gap:10px;margin:5px 0;display:flex}.bucket-idx{min-width:78px;color:var(--text-faint);font-size:12px;font-family:var(--mono);text-align:right}.bucket-cells{flex-wrap:wrap;align-items:center;gap:6px;min-height:34px;display:flex}.hpanel{flex-direction:column;gap:8px;min-width:170px;display:flex}.hpanel-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.hrow{background:var(--bg-elev);border:1px solid var(--border);font-family:var(--mono);border-radius:9px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;animation:.3s pop;display:flex}.hrow .k{color:var(--accent);font-weight:700}.hrow .v{color:var(--text-dim)}.hrow.hit{border-color:var(--green);background:#34d39926}.timeline{width:100%;padding:20px 0 30px;position:relative}.tl-axis{background:var(--border);height:2px;position:absolute;bottom:24px;left:0;right:0}.tl-tick{color:var(--text-faint);font-size:11px;font-family:var(--mono);position:absolute;bottom:8px;transform:translate(-50%)}.tl-tick:before{content:"";background:var(--border);width:1px;height:6px;position:absolute;bottom:16px;left:50%}.interval{color:#06101f;border:1.5px solid #0000;border-radius:7px;justify-content:center;align-items:center;height:26px;font-size:12px;font-weight:700;transition:all .3s;display:flex;position:absolute}.interval.pending{background:var(--bg-elev);color:var(--text-dim);border-color:var(--border)}.interval.current{border-color:var(--amber);background:#fbbf24e6;box-shadow:0 0 0 3px #fbbf2440}.interval.selected{border-color:var(--green);background:#34d399e6}.interval.rejected{color:var(--text-dim);border-color:var(--red);background:#f8717159;text-decoration:line-through}.tl-marker{background:var(--green);width:2px;position:absolute;top:0;bottom:24px}.tl-marker span{color:var(--green);font-size:11px;font-family:var(--mono);white-space:nowrap;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.stairs{justify-content:center;align-items:flex-end;gap:4px;width:100%;height:320px;display:flex}.stair{flex-direction:column;justify-content:flex-end;align-items:center;display:flex}.stair-block{background:var(--bg-elev);border:1.5px solid var(--border);border-radius:8px 8px 0 0;place-items:center;width:46px;font-size:16px;font-weight:800;transition:all .3s;display:grid;position:relative}.stair-block.contrib{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 18%, transparent)}.stair-block.current{border-color:var(--amber);background:#fbbf2438;box-shadow:0 0 0 3px #fbbf2433}.stair-block.pending{opacity:.35}.stair-label{color:var(--text-faint);font-size:11px;font-family:var(--mono);margin-top:5px}.ll-row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.ll-tag{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;min-width:74px;font-size:12px;font-weight:700}.ll-node{background:var(--bg-elev);border:1.5px solid var(--border);border-radius:9px;place-items:center;min-width:44px;height:44px;font-weight:700;transition:all .25s;display:grid}.ll-node.cur{border-color:var(--amber);background:#fbbf242e;box-shadow:0 0 0 3px #fbbf2433}.ll-node.done{opacity:.35}.ll-node.just{border-color:var(--green);background:#34d39933;animation:.35s pop}.ll-arrow{color:var(--text-faint)}.meta-row{flex-wrap:wrap;gap:10px;margin:-4px 0 20px;display:flex}.chip{background:var(--bg-card);border:1px solid var(--border-soft);color:var(--text-dim);border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:13px;display:inline-flex}.chip b{color:var(--text)}.view-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:12px;font-weight:700}.slot-top{height:16px;font-size:11px;font-family:var(--mono);font-weight:800;line-height:16px}.slot-idx{color:var(--text-faint);font-size:10px;font-family:var(--mono)}.slot-ptr{height:18px;font-size:13px;font-weight:800;line-height:18px}.cell.window{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.cell.win-edge{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.cell.lo{border-color:var(--green);background:#34d3992e;transform:translateY(-3px)}.cell.hi{border-color:var(--purple);background:#8b5cf633;transform:translateY(-3px)}.cell.bad{border-color:var(--red);background:#f871712e}.cell.dim{opacity:.4}.cell.water{border-color:var(--accent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 5%, transparent), color-mix(in srgb, var(--accent) 35%, transparent))}.s-item.good{border-color:var(--green);background:#34d39929}.s-item.bad{border-color:var(--red);background:#f871712e}.s-item.hot{border-color:var(--amber);background:#fbbf2429}.s-item.dim{opacity:.4}.bar.win{background:linear-gradient(var(--accent), var(--primary))}.bar.gone{opacity:.25}.res-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.res-chip{border:1px solid var(--green);color:var(--green);font-family:var(--mono);background:#34d39924;border-radius:8px;padding:5px 11px;font-size:13px;font-weight:700}.viz-cols{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:34px;width:100%;display:flex}.play-cols{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.play-left{min-width:0}.play-right{min-width:0;position:sticky;top:16px}.codeplayer .code-lines{font-family:var(--mono);background:var(--code-bg,#0d1220);border-radius:0 0 12px 12px;max-height:460px;margin:0;padding:10px 0;font-size:12.5px;line-height:1.6;overflow:auto}.code-line{white-space:pre;align-items:flex-start;padding:0 12px;transition:background .15s;display:flex}.code-line.active{background:color-mix(in srgb, var(--primary) 16%, transparent)}.ln-arrow{color:var(--primary);text-align:center;flex:0 0 16px;font-weight:800}.ln-num{text-align:right;color:var(--text-faint);-webkit-user-select:none;user-select:none;flex:0 0 30px;padding-right:12px}.code-line.active .ln-num{color:var(--primary);font-weight:800}.ln-code{color:var(--code-text,#cdd6f4);white-space:pre;flex:auto}.code-line.active .ln-code{color:#fff}@media (width<=860px){.play-cols{grid-template-columns:1fr}.play-right{position:static}}.input-panel{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:14px;margin:0 0 18px;padding:16px 18px}.input-panel-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.ip-title{font-size:14px;font-weight:700}.ip-hint{color:var(--text-faint);font-size:12.5px}.input-grid{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.input-field{flex-direction:column;flex:180px;gap:5px;min-width:140px;display:flex}.if-label{color:var(--text-dim);font-size:12px;font-weight:600}.if-input{background:var(--bg-elev);border:1.5px solid var(--border);color:var(--text);font-size:14px;font-family:var(--mono);border-radius:9px;padding:9px 12px;transition:border-color .15s}.if-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.input-actions{flex:none;gap:8px;display:flex}.input-err{color:var(--red);margin-top:10px;font-size:13px;font-weight:600}.scenario-strip{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:14px;margin:0 0 18px;padding:16px 18px}.scenario-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.scenario-title{font-size:14px;font-weight:700}.scenario-hint{color:var(--text-faint);font-size:12.5px}.scenario-grid{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.scenario-field{flex-direction:column;flex:180px;gap:5px;min-width:140px;display:flex}.scenario-label{color:var(--text-dim);font-size:12px;font-weight:600}.scenario-value{background:var(--bg-elev);border:1.5px solid var(--border);color:var(--text);font-size:14px;font-family:var(--mono);word-break:break-word;border-radius:9px;padding:9px 12px}.scenario-tag{color:var(--text-faint);border:1px solid var(--border-soft);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.treeview{--tv-node:40px}.tv-edge{stroke:var(--border);stroke-width:2px}.tv-node{background:var(--bg-elev);border:2px solid var(--border);width:40px;height:40px;color:var(--text);font-weight:700;font-family:var(--mono);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:all .18s;display:flex}.tv-node .tv-val{line-height:1}.tv-top{color:var(--amber);font-size:11px;font-weight:800;font-family:var(--mono);white-space:nowrap;position:absolute;top:-18px}.tv-bot{color:var(--text-faint);font-size:11px;font-weight:700;font-family:var(--mono);white-space:nowrap;position:absolute;bottom:-18px}.tv-node.cur{border-color:var(--amber);background:#fbbf242e;transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 0 4px #fbbf2426}.tv-node.visited{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.tv-node.path{border-color:var(--purple);background:#8b5cf633}.tv-node.target{border-color:var(--green);background:#34d39933;box-shadow:0 0 0 4px #34d39926}.tv-node.good{border-color:var(--green);background:#34d39929}.tv-node.added{border-color:var(--green);background:#34d39938}.tv-node.bad{border-color:var(--red);background:#f8717133}.tv-node.dim{opacity:.34}.tv-node.end{outline:2px solid var(--green);outline-offset:2px}.gv-node{background:var(--bg-elev);border:2px solid var(--border);color:var(--text);font-weight:700;font-family:var(--mono);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .18s;display:flex}.gv-node.cur{background:var(--amber);border-color:var(--amber);color:#0b0f1a;box-shadow:0 0 0 4px #f5b4502e}.gv-node.visited{border-color:var(--accent);color:var(--text);background:#60a5fa2e}.gv-node.path{background:var(--accent);border-color:var(--accent);color:#0b0f1a}.gv-node.target{background:var(--green);border-color:var(--green);color:#0b0f1a}.gv-node.bad{border-color:var(--red);color:var(--text);background:#f871712e}.gv-node.a{border-color:var(--accent);color:var(--text);background:#60a5fa33}.gv-node.b{border-color:var(--amber);color:var(--text);background:#f5b45033}.gv-node.dim{opacity:.34}.gv-edge{stroke:var(--border-strong,#4b5670);stroke-width:2px;transition:all .18s}.gv-edge.cur{stroke:var(--amber);stroke-width:3px}.gv-edge.path{stroke:var(--accent);stroke-width:3px}.gv-edge.visited{stroke:var(--accent);stroke-width:2px}.gv-edge.bad{stroke:var(--red);stroke-width:3px;stroke-dasharray:5 4}.gv-edge.dim{opacity:.3}.gv-weight{fill:var(--text-faint);font-family:var(--mono);font-size:12px;font-weight:700}@media (width<=880px){.tn-center,.tn-sep{display:none}.tn-burger{display:inline-flex}.topnav{border-radius:16px;justify-content:space-between;width:100%}.tn-brand{flex:1}.tn-mobile{background:var(--bg-card);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);border-radius:16px;max-height:calc(100vh - 110px);margin-top:10px;padding:12px;display:block;overflow-y:auto}.tn-mobile .tn-results{max-height:none;overflow:visible}.tn-grid{grid-template-columns:1fr}.content{padding:24px 18px 160px}.page-title{font-size:27px}.hero h1{font-size:33px}}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:24px;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--primary) 12%, transparent) 0%, transparent 60%);z-index:0;pointer-events:none;width:60vw;max-width:800px;height:60vw;max-height:800px;animation:8s ease-in-out infinite alternate pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}@keyframes float-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card{background:color-mix(in srgb, var(--bg-card) 60%, transparent);-webkit-backdrop-filter:blur(24px);border:1px solid color-mix(in srgb, var(--border) 60%, transparent);border-top:1px solid color-mix(in srgb, var(--text) 15%, transparent);border-left:1px solid color-mix(in srgb, var(--text) 10%, transparent);box-shadow:0 32px 80px #0006, inset 0 0 0 1px color-mix(in srgb, var(--primary) 10%, transparent);text-align:center;z-index:1;border-radius:28px;width:100%;max-width:420px;padding:48px 40px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;animation:.8s cubic-bezier(.16,1,.3,1) forwards float-up}.auth-card:hover{box-shadow:0 40px 100px #0009, inset 0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent);transform:translateY(-4px)}.auth-title{color:var(--text);letter-spacing:-.04em;background:linear-gradient(135deg, var(--text) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:36px;font-weight:900}.auth-logo{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 20%, transparent), transparent);border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);width:64px;height:64px;color:var(--primary);box-shadow:0 8px 32px color-mix(in srgb, var(--primary) 20%, transparent);border-radius:20px;justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex}.auth-subtitle{color:var(--text-dim);margin-bottom:24px;font-size:14px;line-height:1.5}.btn-google{background:var(--primary);width:100%;color:var(--bg);cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb, var(--primary) 30%, transparent);border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.btn-google:hover{box-shadow:0 8px 24px color-mix(in srgb, var(--primary) 40%, transparent);background:color-mix(in srgb, var(--primary) 90%, #fff);transform:translateY(-2px)}.auth-footer{color:var(--text-faint);margin-top:24px;font-size:12px}.auth-card.has-globe{max-width:460px;padding-top:20px}.login-globe{width:100%;margin-bottom:4px}.login-globe canvas{cursor:grab}.login-hint{color:var(--text-faint);margin-bottom:22px;font-size:12.5px;line-height:1.5}.login-preview{text-align:left;margin-bottom:22px;animation:.35s forwards float-up}.lp-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.lp-ico{font-size:24px;line-height:1}.lp-title{letter-spacing:-.01em;color:var(--text);font-size:19px;font-weight:800}.lp-meta{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.lp-chip{background:var(--bg-soft);border:1px solid var(--border-soft);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.lp-desc{color:var(--text-dim);margin-bottom:14px;font-size:13.5px;line-height:1.6}.lp-lock{color:var(--amber);background:color-mix(in srgb, var(--amber) 12%, transparent);border:1px solid color-mix(in srgb, var(--amber) 26%, transparent);border-radius:10px;align-items:center;gap:8px;padding:9px 11px;font-size:12px;line-height:1.4;display:flex}.lp-lock svg{flex-shrink:0}.paywall-card{max-width:480px;padding:32px}.paywall-price{color:var(--primary);justify-content:center;align-items:baseline;gap:8px;margin:24px 0;font-size:48px;font-weight:900;display:flex}.paywall-price span{color:var(--text-dim);font-size:16px;font-weight:600}.paywall-features{text-align:left;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:12px;margin-bottom:24px;padding:20px;list-style:none}.paywall-features li{color:var(--text);align-items:center;gap:12px;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.paywall-features li:last-child{margin-bottom:0}.paywall-features svg{color:var(--green);flex-shrink:0}.paywall-badges{border-top:1px solid var(--border);justify-content:center;gap:20px;margin-top:32px;padding-top:24px;display:flex}.paywall-badge{color:var(--text-dim);flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.ide-overlay{z-index:100;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ide-container{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;flex-direction:column;width:100%;max-width:1200px;height:calc(100vh - 80px);transition:all .3s cubic-bezier(.16,1,.3,1);animation:.4s ease-out float-up;display:flex;overflow:hidden;box-shadow:0 32px 80px #0006}.ide-container.fullscreen{border:none;border-radius:0;max-width:100vw;height:100vh}.ide-header{background:var(--bg-elev);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.ide-title{align-items:center;gap:12px;display:flex}.ide-title h2{color:var(--text);font-size:16px;font-weight:700}.ide-logo{background:color-mix(in srgb, var(--primary) 20%, transparent);width:32px;height:32px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.ide-actions{align-items:center;gap:8px;display:flex}.ide-btn{background:var(--bg-soft);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.ide-btn:hover{background:var(--bg)}.ide-btn-primary{background:var(--primary);color:var(--bg);border:none}.ide-btn-primary:hover{background:color-mix(in srgb, var(--primary) 85%, #fff)}.ide-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ide-sep{background:var(--border);width:1px;height:24px;margin:0 4px}.ide-btn-icon{width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.ide-btn-icon:hover{background:var(--bg-soft);color:var(--text)}.ide-btn-icon.danger:hover{background:color-mix(in srgb, var(--red) 15%, transparent);color:var(--red)}.ide-body{flex:1;display:flex;overflow:hidden}.ide-editor-pane{border-right:1px solid var(--border);background:var(--code-bg);flex:1}.ide-output-pane{background:var(--bg-soft);flex-direction:column;width:380px;display:flex}.ide-output-header{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);padding:12px 16px;font-size:11px;font-weight:800}.ide-output-content{font-family:var(--mono);color:var(--code-text);white-space:pre-wrap;flex:1;padding:16px;font-size:13px;line-height:1.5;overflow-y:auto}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.ide-overlay{padding:0}.ide-container{border:none;border-radius:0;height:100vh}.ide-body{flex-direction:column}.ide-editor-pane{border-right:none;border-bottom:1px solid var(--border);flex:1}.ide-output-pane{flex:none;width:100%;height:30vh}.hide-mobile{display:none}}