@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap";
:root{--bg-top:#2a2d35;--bg:#1b1e25;--bg-deep:#12151b;--bg-floor:#0b0e13;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--viz-stage-height:clamp(240px, 68vw, 336px);--panel:#1b1f2699;--panel-strong:#12151cd1;--panel-soft:#21252e8a;--surface-glass:#ffffff08;--surface-glass-strong:#ffffff0e;--line:#95a0b629;--line-strong:#aab6cc42;--shadow-soft:0 18px 46px #03050a38;--shadow-strong:0 26px 68px #03050a47;--text:#f5f7fb;--muted:#9ca8c1;--muted-soft:#7984a0;--cyan:#22d3ee;--green:#32d74b;--red:#ff453a;--amber:#ffd60a}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0;overflow-x:hidden}body{color:var(--text);background:radial-gradient(circle at 20% 14%, #ffffff14, transparent 18%), radial-gradient(circle at 82% 18%, #99a3ba1a, transparent 22%), radial-gradient(circle at 50% 78%, #606b8229, transparent 34%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg) 22%, var(--bg-deep) 58%, var(--bg-floor) 100%);font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{filter:blur(82px);opacity:.74;background:radial-gradient(circle at 14% 10%,#ffffff14,#0000 22%),radial-gradient(circle at 86% 16%,#b2bcd214,#0000 24%),linear-gradient(#ffffff09,#0000 32%)}body:after{filter:blur(88px);opacity:.76;background:radial-gradient(circle at 46% 12%,#77829929,#0000 22%),radial-gradient(circle at 24% 58%,#5a647924,#0000 26%),radial-gradient(circle at 78% 62%,#48516424,#0000 24%);animation:24s ease-in-out infinite alternate ambientShift}@keyframes ambientShift{0%{transform:translate(0,0)scale(1)}to{transform:translateY(-10px)scale(1.04)}}a{color:inherit;text-decoration:none}button,select,textarea,input[type=range]{font:inherit}button{appearance:none;border:1px solid var(--line);background:var(--surface-glass);color:var(--text);cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:600;transition:transform .12s,border-color .12s,background .12s,opacity .12s}button:hover{background:var(--surface-glass-strong);border-color:#909bb457;transform:translateY(-1px)}button:disabled{opacity:.44;cursor:not-allowed;transform:none}button.primary{color:#fff;background:#fff1;border-color:#c2cbe042;box-shadow:inset 0 1px #ffffff0a}select,textarea{width:100%;color:var(--text);background:linear-gradient(#ffffff08,#ffffff03),#11141bc7;border:1px solid #8491ad1f;border-radius:12px;padding:11px 12px;transition:border-color .14s,background .14s,box-shadow .14s;box-shadow:inset 0 1px #ffffff05}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#e0e7f49e 50%),linear-gradient(135deg,#e0e7f49e 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}select:hover,textarea:hover{background:linear-gradient(#ffffff09,#ffffff04),#11141bd6;border-color:#aeb8ce24}select:focus,textarea:focus{border-color:#d6def02e;outline:none;box-shadow:inset 0 1px #ffffff06,0 0 0 1px #d6def014}textarea{resize:vertical;min-height:148px;font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.55}label{color:var(--muted);gap:8px;font-size:.84rem;display:grid}label>span:first-child{color:#c0c9ddb8;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}input[type=range]{appearance:none;accent-color:#d7deee;background:0 0;width:100%}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#e1e8f652,#e1e8f63d),#ffffff14;border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(#fffffffa,#dfe5f0f0);border:1px solid #eff3fb47;border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 8px 18px #0000003d,inset 0 1px #fff9}input[type=range]::-moz-range-track{background:linear-gradient(90deg,#e1e8f652,#e1e8f63d),#ffffff14;border-radius:999px;height:4px}input[type=range]::-moz-range-thumb{background:linear-gradient(#fffffffa,#dfe5f0f0);border:1px solid #eff3fb47;border-radius:50%;width:18px;height:18px;box-shadow:0 8px 18px #0000003d,inset 0 1px #fff9}input[type=range]:disabled{opacity:.42}.app-shell{z-index:1;isolation:isolate;width:min(1120px,100%);padding:calc(18px + var(--safe-top)) calc(14px + var(--safe-right)) calc(36px + var(--safe-bottom)) calc(14px + var(--safe-left));gap:18px;margin:0 auto;display:grid;position:relative}.app-shell:before,.app-shell:after{content:"";pointer-events:none;position:fixed;inset:0}.app-shell:before{z-index:-3;background:radial-gradient(circle at 16% 12%, #ffffff0f, transparent 22%), radial-gradient(circle at 48% 15%, var(--ambient-body-a,#ff453a24), transparent 18%), radial-gradient(circle at 22% 44%, var(--ambient-body-b,#22d3ee1a), transparent 24%), radial-gradient(circle at 80% 58%, var(--ambient-body-c,#32d74b14), transparent 22%);filter:blur(106px);opacity:.5}.app-shell:after{z-index:-2;background:radial-gradient(circle at 50% 12%, #ffffff0d, transparent 20%), radial-gradient(circle at 50% 14%, var(--ambient-hero-a,#ff453a2e), transparent 24%), radial-gradient(circle at 26% 70%, var(--ambient-hero-b,#22d3ee1f), transparent 28%), radial-gradient(circle at 78% 72%, var(--ambient-hero-c,#32d74b14), transparent 24%);filter:blur(78px);opacity:.52;height:52vh;inset:4% 0 auto}.site-topbar{-webkit-backdrop-filter:none;backdrop-filter:none;min-width:0;min-height:52px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 2px 0;display:flex}.brand-mark{color:#fff;letter-spacing:-.04em;text-transform:none;text-shadow:0 0 18px #ffffff14;font-size:1.18rem;font-weight:700}.brand-logo{object-fit:contain;flex-shrink:1;width:auto;max-width:min(46vw,168px);height:34px;display:block}.topbar-right{flex-shrink:1;align-items:center;gap:8px;min-width:0;display:flex}.github-link{background:var(--surface-glass);width:36px;height:36px;color:var(--muted);border:1px solid #b8c2da1f;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:color .12s,border-color .12s,background .12s;display:flex}.github-link:hover{color:var(--text);background:var(--surface-glass-strong);border-color:#b8c2da42}.github-icon{width:17px;height:17px}.topbar-learn-link{background:var(--surface-glass);min-width:0;min-height:36px;color:var(--text);border:1px solid #b8c2da24;border-radius:10px;align-items:center;gap:7px;padding:0 12px;font-size:.84rem;font-weight:600;text-decoration:none;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.topbar-learn-link:hover{background:var(--surface-glass-strong);border-color:#b8c2da3d}.topbar-learn-arrow{color:#93dfff}.hero-stage{gap:14px;width:100%;min-width:0;padding:40px 2px 8px;display:grid;position:relative}.hero-stage:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 10%, var(--ambient-hero-a,#ff453a29), transparent 22%), radial-gradient(circle at 24% 76%, var(--ambient-hero-b,#22d3ee1c), transparent 26%), radial-gradient(circle at 78% 74%, var(--ambient-hero-c,#32d74b14), transparent 22%);filter:blur(36px);opacity:.95;position:absolute;inset:8% -6% 4%}.hero-copy{text-align:center;justify-items:center;gap:8px;width:100%;min-width:0;display:grid}.hero-copy>*,.hero-stage>*{min-width:0;max-width:100%}.hero-copy h1{letter-spacing:-.05em;color:var(--red);text-wrap:balance;margin:0;font-size:clamp(2.1rem,6vw,4rem);line-height:.98}.hero-copy p{color:#f0f3fc;text-wrap:balance;max-width:820px;margin:0;font-size:clamp(1rem,2.5vw,1.3rem)}.formula-row{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:4px;display:flex}.formula-row span{color:#93dfff;background:linear-gradient(#ffffff08,#ffffff03),#12161db3;border:1px solid #7e8cac61;border-radius:15px;max-width:100%;padding:8px 14px;font-size:.98rem;box-shadow:inset 0 1px #ffffff0a,0 12px 28px #03050a2e}.bars-wrap,.graph-stage,.maze-stage,.viz-empty,.heap-wrap,.radix-wrap,.bucket-wrap{width:100%;height:var(--viz-stage-height);min-height:var(--viz-stage-height)}.bars-wrap{height:var(--viz-stage-height);background:0 0;border:0;align-items:flex-end;gap:clamp(2px,1vw,8px);max-width:100%;padding:28px 10px 12px;display:flex;position:relative;overflow:hidden}.graph-stage{min-width:0;max-width:100%;height:var(--viz-stage-height);position:relative;overflow:hidden}.bars-wrap:after{content:"";background:linear-gradient(90deg,#0000,#ffffff24,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.bar{border-radius:10px 10px 3px 3px;flex:1;min-width:10px;box-shadow:0 0 24px #0000003d,inset 0 0 0 1px #ffffff14}.bar,.viz-caption,.graph-canvas{z-index:1;position:relative}.viz-finale-glow{z-index:0;pointer-events:none;filter:blur(18px);background:radial-gradient(circle at 50% 70%,#32d74b29,#0000 58%),linear-gradient(#32d74b14,#32d74b05);border-radius:24px;position:absolute;inset:8% 4% 4%}.viz-caption{color:#d8e3ff;background:#090c128f;border:1px solid #7e8cac47;border-radius:999px;padding:5px 9px;font-size:.76rem;position:absolute;top:4px;left:8px}.graph-canvas{background:0 0;width:100%;height:100%;min-height:100%;display:block;overflow:visible}.viz-empty{text-align:center;color:var(--muted);background:linear-gradient(#ffffff04,#fff0);border-radius:18px;place-items:center;padding:24px 12px;display:grid}.code-window,.panel-card,.event-panel{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0b, #ffffff03), var(--panel);-webkit-backdrop-filter:blur(26px)saturate(145%);backdrop-filter:blur(26px)saturate(145%);width:100%;min-width:0;max-width:100%;box-shadow:var(--shadow-soft), inset 0 1px 0 #ffffff0d;border-radius:22px}.code-window{background:linear-gradient(180deg, #ffffff08, #ffffff02), var(--panel-strong);position:relative;overflow:visible}.code-window.editor-fullscreen{z-index:100;border-radius:0;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.code-window.editor-fullscreen .window-header{flex-shrink:0}.code-window.editor-fullscreen .editor-panel{flex-direction:column;flex:1;min-height:0;display:flex}.code-window.editor-fullscreen .editor-shell{flex:1;min-height:0}.editor-fullscreen-back{gap:4px}.code-window.mobile-collapsed{background:linear-gradient(#ffffff07,#ffffff02),#101319eb}.window-header{background:linear-gradient(#ffffff07,#ffffff03),#0f1218e0;border-bottom:1px solid #73809d38;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.window-tabs{scrollbar-width:none;flex:auto;align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}.window-tabs::-webkit-scrollbar{display:none}.file-tab,.file-add{flex:none}.file-tab{color:#d6ddf4d6;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;min-height:38px;padding:0;display:inline-flex;position:relative;overflow:hidden}.file-tab.active{border-color:#8c9ab614}.file-tab-pill{background:linear-gradient(#ffffff06,#ffffff02),#12161e75;border-radius:12px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff05}.file-tab-inner{z-index:1;align-items:center;gap:10px;min-height:38px;padding:7px 12px;display:inline-flex;position:relative}.lang-badge{letter-spacing:.04em;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:24px;padding:0 8px;font-size:.76rem;font-weight:700;display:inline-flex}.lang-badge.ts{color:#b9d8ffe6;background:#3178c624}.lang-badge.js{color:#fff2a5e0;background:#f7df1e1f}.lang-badge.python{color:#c5def8e6;background:#4b7db324}.file-name{text-overflow:ellipsis;white-space:nowrap;max-width:15ch;font-family:JetBrains Mono,monospace;font-size:.85rem;overflow:hidden}.file-close,.file-lock{width:18px;height:18px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;display:inline-flex}.file-close:hover{color:#fff;background:#ffffff0f}.file-add{color:#e9f0ffcc;background:#ffffff05;border-color:#8c9ab61a;border-radius:12px;width:38px;height:38px;padding:0;line-height:1}.editor-toolbar{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.editor-toolbar-mobile{align-items:center;gap:6px;display:none}.editor-toolbar-desktop,.editor-tool-group{align-items:center;gap:6px;display:inline-flex}.editor-tool-chip{color:#b8c2dab8;white-space:nowrap;min-width:34px;min-height:34px;box-shadow:none;background:#ffffff04;border-color:#8c9ab614;border-radius:10px;justify-content:center;align-items:center;padding:7px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.editor-tool-chip.active{color:#fff;background:#ffffff0a;border-color:#c2cbe024}.editor-tool-chip:hover,.file-add:hover{background:#ffffff08;border-color:#c2cbe01f}.editor-font-group{padding:0 2px}.editor-tool-icon{opacity:.9;width:16px;height:16px}.mobile-only{display:none}.editor-menu-button{justify-content:center;min-width:48px}.editor-run-button{color:#f5f9fff0;background:#ffffff0b;border-color:#c2cbe029;min-width:38px}.editor-run-button:hover{background:#ffffff0f;border-color:#d0d8ea33}.file-add-icon{opacity:.88;width:17px;height:17px}.editor-mobile-panel{display:none}.control-button{color:#e4eaf6d6;box-shadow:none;background:#ffffff04;border-color:#8c9ab61a}.controls-row .control-button.primary{color:#fff;background:#ffffff0a;border-color:#c2cbe024}.controls-row .control-button:hover{background:#ffffff08;border-color:#c2cbe01f}.action-button{color:#e0e7f4d1;box-shadow:none;background:linear-gradient(#ffffff05,#ffffff02),#0c0f145c;border-color:#8491ad1a;border-radius:14px;padding:9px 13px}.action-button:hover{background:linear-gradient(#ffffff07,#ffffff03),#0c0f146b;border-color:#b8c2da1f}.editor-shell{background:#0d1016f0;min-width:0;max-width:100%;min-height:360px;overflow-x:hidden}.editor-panel{min-width:0;max-width:100%;overflow:hidden}.editor-shell>div,.editor-shell .monaco-editor,.editor-shell .monaco-editor-background,.editor-shell .overflow-guard,.editor-shell .monaco-scrollable-element{min-height:360px;width:100%!important;max-width:100%!important}.panel-card{padding:14px}.controls-panel,.feature-panel,.io-panel{gap:14px;display:grid}.controls-row,.actions-row{flex-wrap:wrap;gap:10px;display:flex}.controls-grid{gap:14px;display:grid}.control-block{gap:8px;display:grid}.control-block.compact{gap:6px}.sound-panel{background:linear-gradient(#ffffff09,#ffffff03),#12151c8a;border:1px solid #7684a424;border-radius:16px;gap:10px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff05}.sound-toggle{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:.84rem;display:flex}.switch{background:#58607070;border:1px solid #7987a747;border-radius:999px;justify-content:flex-start;align-items:center;width:54px;height:30px;padding:3px;display:flex}.switch span{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;box-shadow:0 2px 8px #00000042}.switch.on{background:linear-gradient(#dce2f057,#b0b9cd47)}.switch.on span{transform:translate(22px)}.selectors-grid,.io-grid{gap:12px;display:grid}.io-field{gap:10px;display:grid}.io-field-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.io-auto-button{border-radius:12px;padding:7px 11px;font-size:.78rem}.io-field-hint{color:var(--muted-soft);font-size:.78rem;line-height:1.4}.io-textarea{background:linear-gradient(#ffffff04,#ffffff01),#090c11ad;border-color:#808daa1a;border-radius:18px;min-height:178px;padding:14px 15px;box-shadow:inset 0 1px #ffffff05,0 1px #ffffff03}.io-textarea:hover{background:linear-gradient(#ffffff06,#ffffff02),#090c11b8;border-color:#a8b2c71f}.io-textarea:focus{border-color:#d6def029;box-shadow:inset 0 1px #ffffff06,0 0 0 1px #d6def00f}.io-output{color:#dbe2f1d6;background:linear-gradient(#ffffff04,#ffffff01),#080b109e}.io-output[readonly]{cursor:default}.event-panel{padding:12px 14px}.event-panel summary{cursor:pointer;color:var(--muted);font-size:.86rem}.event-panel pre{color:#d6def7;background:#080a0ec2;border:1px solid #74819e38;border-radius:14px;max-height:220px;margin:10px 0 0;padding:12px;font-family:JetBrains Mono,monospace;font-size:.8rem;overflow:auto}.selectors-grid select,.sound-panel select{padding-right:38px}.mobile-picker-trigger{width:100%;min-height:46px;color:var(--text);text-align:left;background:linear-gradient(#ffffff08,#ffffff03),#11141bc7;border:1px solid #8491ad1f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;transition:border-color .14s,background .14s,box-shadow .14s,transform .14s;display:inline-flex;box-shadow:inset 0 1px #ffffff05}.mobile-picker-trigger:hover,.mobile-picker-trigger.open{background:linear-gradient(#ffffff0a,#ffffff04),#11141bd6;border-color:#aeb8ce29}.mobile-picker-trigger:focus{border-color:#d6def02e;outline:none;box-shadow:inset 0 1px #ffffff06,0 0 0 1px #d6def014}.mobile-picker-value{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.mobile-picker-chevron{border-bottom:1.6px solid #e0e7f49e;border-right:1.6px solid #e0e7f49e;flex:none;width:9px;height:9px;transition:transform .16s;transform:rotate(45deg)translateY(-1px)}.mobile-picker-trigger.open .mobile-picker-chevron{transform:rotate(225deg)translateY(-1px)}.mobile-picker-overlay{z-index:260;padding:max(18px, var(--safe-top)) calc(14px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(14px + var(--safe-left));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-picker-backdrop{-webkit-backdrop-filter:blur(12px)saturate(135%);backdrop-filter:blur(12px)saturate(135%);box-shadow:none;background:#05080e85;border:0;border-radius:0;position:absolute;inset:0}.mobile-picker-sheet{-webkit-backdrop-filter:blur(30px)saturate(165%);backdrop-filter:blur(30px)saturate(165%);width:min(100%,520px);max-height:min(82dvh,700px);padding:10px 12px calc(12px + var(--safe-bottom));background:linear-gradient(#222834f0,#0e121aeb),#0c1018eb;border:1px solid #8e9ab52e;border-radius:28px 28px 22px 22px;grid-template-rows:auto auto minmax(0,1fr);gap:14px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 60px #0000005c,inset 0 1px #ffffff12}.mobile-picker-grabber{background:#e0e7f42e;border-radius:999px;width:42px;height:5px;margin:2px auto 0}.mobile-picker-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-picker-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:700}.mobile-picker-close{min-height:36px;color:var(--text);background:#ffffff09;border:1px solid #b8c2da29;border-radius:12px;padding:0 14px;font-size:.82rem;font-weight:600}.mobile-picker-options{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-content:start;gap:8px;min-height:0;max-height:100%;padding:0 2px 2px 0;display:grid;overflow:auto}.mobile-picker-option{width:100%;color:var(--text);text-align:left;background:linear-gradient(#ffffff07,#ffffff03),#11151dc2;border:1px solid #808daa1f;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 15px;display:flex;box-shadow:inset 0 1px #ffffff05}.mobile-picker-option:hover,.mobile-picker-option.active{background:linear-gradient(#ffffff0a,#ffffff04),#171c26d6;border-color:#b8c2da2e}.mobile-picker-option-label{flex:auto;min-width:0;font-size:.96rem;font-weight:600}.mobile-picker-option-check{color:#dff7ff;background:#ffffff08;border:1px solid #b8c2da2e;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:700;display:inline-flex}.mobile-picker-option.active .mobile-picker-option-check{background:#2abaff2e;border-color:#93dfff61}.status-line{text-align:center;min-height:1.2rem;color:var(--muted-soft);font-size:.86rem}::selection{background:#22d3ee47}@media (min-width:720px){.app-shell{padding:calc(22px + var(--safe-top)) calc(20px + var(--safe-right)) calc(42px + var(--safe-bottom)) calc(20px + var(--safe-left))}.controls-grid{grid-template-columns:1fr 1fr;align-items:start}.sound-panel{grid-column:1/-1}.selectors-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.io-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:980px){:root{--viz-stage-height:336px}.app-shell{gap:20px}.hero-stage{gap:18px;padding-top:12px}.bars-wrap,.graph-stage,.maze-stage,.viz-empty,.heap-wrap,.radix-wrap,.bucket-wrap{min-height:336px}.editor-shell,.editor-shell>div,.editor-shell .monaco-editor,.editor-shell .monaco-editor-background,.editor-shell .overflow-guard{min-height:420px}}@media (max-width:640px){.app-shell{gap:16px}.site-topbar{-webkit-backdrop-filter:blur(22px)saturate(155%);backdrop-filter:blur(22px)saturate(155%);min-height:50px;box-shadow:var(--shadow-soft), inset 0 1px 0 #ffffff0d;background:linear-gradient(#141822d6,#0a0d1494),#080a1070;border-color:#808daa24;border-radius:18px;gap:8px;padding:9px 10px}.brand-logo{max-width:min(42vw,150px);height:30px}.topbar-right{gap:6px}.topbar-learn-link{padding:0 8px;font-size:.76rem}.topbar-learn-arrow{display:none}.code-window,.code-window.mobile-collapsed{overflow:hidden visible}:root{--viz-stage-height:clamp(228px, 62vw, 284px)}.hero-stage{gap:12px;padding-top:30px}.hero-copy{gap:10px}.hero-copy h1{white-space:normal;word-break:break-word;overflow-wrap:break-word;text-wrap:unset;width:100%;max-width:min(100%,12ch);margin-inline:auto;font-size:clamp(1.95rem,8.8vw,2.7rem);line-height:1}.hero-copy p{max-width:min(100%,30ch)}.formula-row{gap:8px}.formula-row span{white-space:normal;text-align:center;padding:7px 11px;font-size:.9rem}.bars-wrap,.graph-stage,.maze-stage,.viz-empty,.heap-wrap,.radix-wrap,.bucket-wrap{height:var(--viz-stage-height);min-height:var(--viz-stage-height)}.graph-canvas{height:100%;min-height:100%}.window-header{flex-direction:row;align-items:center;padding:8px 8px 6px;position:relative}.window-tabs{overscroll-behavior-x:contain;width:100%;padding-right:168px;scroll-padding-inline:12px}.file-tab-inner{gap:8px;min-height:34px;padding:6px 10px}.lang-badge{min-width:30px;height:22px;padding:0 7px;font-size:.72rem}.file-name{max-width:11ch;font-size:.78rem}.editor-toolbar{z-index:4;flex-wrap:nowrap;flex:none;justify-content:flex-end;width:auto;position:absolute;top:8px;right:8px}.editor-toolbar-desktop{display:none}.editor-toolbar-mobile{display:inline-flex}.editor-tool-chip{min-width:32px;min-height:32px;padding:6px 9px;font-size:.74rem}.mobile-only{display:inline-flex}.file-add-inline{display:none}.editor-mobile-panel{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:100% 0;background:#0d1016db;border:1px solid #808daa1f;border-radius:16px;gap:10px;min-width:154px;padding:10px;display:grid;position:absolute;top:54px;right:8px;box-shadow:0 18px 32px #00000057,inset 0 1px #ffffff08}.editor-mobile-panel:before{content:"";-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1016db;border-top:1px solid #808daa1f;border-left:1px solid #808daa1f;border-radius:3px 0 0;width:12px;height:12px;position:absolute;top:-6px;right:18px;transform:rotate(45deg)}.editor-mobile-panel:after{content:"";background:#e0e7f41a;border-radius:999px;width:28px;height:1px;position:absolute;top:10px;right:14px}.editor-mobile-panel .editor-tool-group{flex-wrap:wrap}.editor-mobile-action{color:#b8c2dab8;white-space:nowrap;background:#ffffff04;border:1px solid #8c9ab614;border-radius:10px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.editor-shell,.editor-shell>div,.editor-shell .monaco-editor,.editor-shell .monaco-editor-background,.editor-shell .overflow-guard{min-height:320px}.code-window.editor-fullscreen .editor-shell,.code-window.editor-fullscreen .editor-shell>div,.code-window.editor-fullscreen .editor-shell .monaco-editor,.code-window.editor-fullscreen .editor-shell .monaco-editor-background,.code-window.editor-fullscreen .editor-shell .overflow-guard{min-height:0!important}}.site-menu-wrap{position:relative}.site-menu-trigger{width:36px;height:36px;color:var(--muted);cursor:pointer;background:#ffffff04;border:1px solid #808daa24;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:color .12s,background .12s,border-color .12s;display:flex}.site-menu-trigger:hover,.site-menu-trigger.active{color:var(--text);background:#ffffff0a;border-color:#b8c2da33}.site-menu-dropdown{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:200;background:#080a0ef0;border:1px solid #808daa29;border-radius:14px;gap:5px;min-width:118px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 44px #00000070,inset 0 1px #ffffff0a}.site-menu-locale{gap:4px;display:flex}.locale-pill{letter-spacing:.04em;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:6px 8px;font-size:.78rem;font-weight:700;transition:color .12s,background .12s,border-color .12s}.locale-pill:hover{color:var(--text);background:#ffffff0a}.locale-pill.active{color:var(--text);background:#ffffff12;border-color:#b8c2da24}.site-menu-learn{color:var(--text);background:#ffffff05;border:1px solid #b8c2da24;border-radius:9px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.84rem;font-weight:600;text-decoration:none;transition:background .14s,border-color .14s;display:flex}.site-menu-learn:hover{background:#ffffff0a;border-color:#b8c2da42}.heap-wrap{flex-direction:column;gap:10px;display:flex;position:relative;overflow:hidden}.heap-svg{flex:1;width:100%;min-height:0;max-height:240px}.heap-bars{align-items:flex-end;gap:clamp(1px,.6vw,4px);height:60px;padding:0 8px;display:flex}.bucket-wrap{flex-direction:column;gap:10px;display:flex;position:relative;overflow:hidden}.bucket-input-bars{align-items:flex-end;gap:clamp(1px,.5vw,3px);height:56px;display:flex}.bucket-grid{flex:1;gap:6px;display:grid}.bucket-col{background:#0a0e1480;border:1px solid #64748b2e;border-radius:10px;flex-direction:column;gap:4px;min-height:0;padding:6px 4px;transition:border-color .14s,background .14s;display:flex;overflow:hidden}.bucket-col.active{background:#22d3ee0a;border-color:#22d3ee47}.bucket-label{color:var(--muted-soft);text-align:center;letter-spacing:.04em;flex-shrink:0;font-size:.65rem;font-weight:700}.bucket-items{flex-direction:column;flex:1;gap:3px;display:flex;overflow:hidden}.bucket-item{color:var(--text);text-align:center;background:#64748b4d;border:1px solid #64748b33;border-radius:5px;padding:2px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;line-height:1.2}.radix-wrap{flex-direction:column;gap:8px;display:flex;position:relative;overflow:hidden}.radix-bars{flex-shrink:0;align-items:flex-end;gap:clamp(1px,.6vw,4px);height:clamp(50px,25%,90px);display:flex}.radix-digit-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;text-align:center;flex-shrink:0;font-size:.72rem;font-weight:700}.radix-row{flex-shrink:0;align-items:flex-start;gap:8px;display:flex}.radix-row-label{color:var(--muted-soft);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;min-width:26px;padding-top:6px;font-size:.62rem;font-weight:700}.radix-cells{flex:1;gap:3px;display:flex}.radix-cell{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.radix-cell-digit{color:var(--muted-soft);font-family:JetBrains Mono,monospace;font-size:.58rem}.radix-cell-value{color:var(--text);text-align:center;background:#1e293b80;border:1px solid #64748b33;border-radius:5px;width:100%;padding:3px 2px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;transition:background .16s,border-color .16s}.radix-out-cells{flex-wrap:wrap;flex:1;gap:3px;display:flex}.radix-out-cell{color:var(--text);text-align:center;background:#1e293b66;border:1px solid #64748b26;border-radius:5px;min-width:28px;padding:3px 4px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;transition:background .16s,border-color .16s}.maze-stage{justify-content:center;align-items:center;padding:12px;display:flex;position:relative}.maze-grid{gap:2px;width:100%;height:100%;display:grid}.maze-cell{border:1px solid #0000;border-radius:3px;transition:background 55ms,border-color 55ms}.maze-cell--wall{background:#05060af5;border-color:#00000080}.maze-cell--open{background:#121622a6;border-color:#727e980f}.maze-cell--visited{background:#ffd60a1f;border-color:#ffd60a38}.maze-cell--current{background:#22d3ee6b;border-color:#22d3eecc;box-shadow:0 0 6px #22d3ee4d}.maze-cell--path{border-color:var(--cyan);background:#22d3ee8c}.maze-cell--path-pulse{border-color:var(--green);background:#a7f7b8bf}.maze-cell--start{background:#32d74b73;border-color:#32d74bcc}.maze-cell--end{background:#ff453a59;border-color:#ff453ab3}.maze-cell--end-found{border-color:var(--cyan);background:#22d3eea6;box-shadow:0 0 10px #22d3ee80}@media (max-width:768px){select,textarea,input:not([type=range]):not([type=file]):not([type=checkbox]){font-size:16px}.monaco-editor textarea{font-size:16px!important}}