@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_8778cd42-module__wRojWG__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_8778cd42-module__wRojWG__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/88731e1a74492905-s.0tlm39yf_ckdx.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/861011d7404b02f6-s.3fnhzl7vreycw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/3381337b621a9a6a-s.0jxe124sc_62t.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/5413d6e6d8960ee4-s.0iws-x-_m0m6k.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0951afe60dbf5d36-s.0f7v04cdymq72.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/97e7b204180d1274-s.3xa5d8otat0m1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/b8b552e8609c5636-s.p.2qe5xx8d5sx8i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Code Fallback;src:local(Arial);ascent-override:73.56%;descent-override:23.92%;line-gap-override:0.0%;size-adjust:134.59%}.fira_code_782f603f-module__L07ErG__className{font-family:Fira Code,Fira Code Fallback;font-style:normal}.fira_code_782f603f-module__L07ErG__variable{--font-fira-code:"Fira Code", "Fira Code Fallback"}
@font-face{font-family:Architects Daughter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/46a2d2c98087cd7f-s.3rb87y0ovhfkt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Architects Daughter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/95accdfe7438af8b-s.p.00p23epsigc9r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Architects Daughter Fallback;src:local(Arial);ascent-override:93.03%;descent-override:38.04%;line-gap-override:0.0%;size-adjust:106.02%}.architects_daughter_54d67ae7-module__j72esa__className{font-family:Architects Daughter,Architects Daughter Fallback;font-style:normal;font-weight:400}.architects_daughter_54d67ae7-module__j72esa__variable{--font-architects-daughter:"Architects Daughter", "Architects Daughter Fallback"}
:root{--font-sans:var(--font-outfit), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:var(--font-fira-code), "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-doodle:var(--font-architects-daughter), "Comic Sans MS", cursive;--bg-primary:#f1f4fa;--bg-secondary:#f7f9fd;--bg-tertiary:#e9edf5;--border-color:#dce2ed;--border-focus:#b9c3d5;--text-primary:#111522;--text-secondary:#5f6b80;--text-tertiary:#8290a6;--accent-color:#5669e8;--accent-hover:#4456ce;--accent-light:#e8edff;--accent-glow:#5669e829;--success-color:#10b981;--success-light:#d1fae5;--warning-color:#f59e0b;--warning-light:#fef3c7;--danger-color:#ef4444;--danger-light:#fee2e2;--semantic-comparing:#f59e0b;--semantic-comparing-bg:#fef3c7;--semantic-swapping:#ef4444;--semantic-swapping-bg:#fee2e2;--semantic-sorted:#10b981;--semantic-sorted-bg:#d1fae5;--semantic-visited:#6366f1;--semantic-visited-bg:#e0e7ff;--semantic-pointer:#0ea5e9;--semantic-pointer-bg:#e0f2fe;--semantic-candidate:#8b5cf6;--semantic-candidate-bg:#ede9fe;--semantic-discarded:#64748b;--semantic-discarded-bg:#e2e8f0;--shadow-sm:0 1px 3px 0 #0000000d, 0 1px 2px -1px #0000000d;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-premium:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--shadow-glow:0 0 12px var(--accent-glow);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--border-width:1px;--card-bg:#fff;--panel-bg:#f8f9fa;--glass-bg:#ffffffb3;--glass-border:#0000000d}[data-theme=dark]{--bg-primary:#0b0c10;--bg-secondary:#12131a;--bg-tertiary:#191b26;--border-color:#1f222e;--border-focus:#2d3345;--text-primary:#f8f9fa;--text-secondary:#c9ccd6;--text-tertiary:#7e8494;--accent-color:#818cf8;--accent-hover:#6366f1;--accent-light:#1e1b4b;--accent-glow:#818cf833;--success-color:#34d399;--success-light:#064e3b;--warning-color:#fbbf24;--warning-light:#78350f;--danger-color:#f87171;--danger-light:#7f1d1d;--semantic-comparing:#fbbf24;--semantic-comparing-bg:#78350f;--semantic-swapping:#fb7185;--semantic-swapping-bg:#881337;--semantic-sorted:#34d399;--semantic-sorted-bg:#064e3b;--semantic-visited:#818cf8;--semantic-visited-bg:#312e81;--semantic-pointer:#38bdf8;--semantic-pointer-bg:#0c4a6e;--semantic-candidate:#c4b5fd;--semantic-candidate-bg:#4c1d95;--semantic-discarded:#94a3b8;--semantic-discarded-bg:#334155;--shadow-sm:0 1px 3px 0 #00000040, 0 1px 2px -1px #00000040;--shadow-md:0 4px 6px -1px #00000059, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000059, 0 4px 6px -4px #0000004d;--shadow-premium:0 20px 25px -5px #00000073, 0 8px 10px -6px #0006;--shadow-glow:0 0 15px var(--accent-glow);--card-bg:#12131a;--panel-bg:#191b26;--glass-bg:#0b0c10b3;--glass-border:#ffffff0d}.aurora-theme{--bg-primary:#0a1021;--bg-secondary:#101a31;--bg-tertiary:#172440;--card-bg:#121d36e0;--panel-bg:#0f192fdb;--border-color:#294265;--border-focus:#5f8ebd;--text-primary:#eef7ff;--text-secondary:#bed0e5;--text-tertiary:#7893b1;--accent-color:#69d8d0;--accent-hover:#9af1de;--accent-light:#153f50;--accent-glow:#69d8d040;--glass-bg:#0e1a32b8;--glass-border:#9ddfff26;background:radial-gradient(circle at 8% 8%, #49d2b929, transparent 30rem), radial-gradient(circle at 91% 6%, #705edc2e, transparent 27rem), var(--bg-primary)}.aurora-theme .card-premium,.aurora-theme .glass-panel{box-shadow:0 12px 35px #0003,inset 0 1px #ffffff0a}.aurora-theme .code-panel-container,.aurora-theme .visualization-viewport{box-shadow:inset 0 1px #7ef2e814,0 18px 38px #0208172e}.paper-theme{--bg-primary:#f5f0e6;--bg-secondary:#fbf8f0;--bg-tertiary:#eae1d1;--card-bg:#fffdf8;--panel-bg:#f8f2e7;--border-color:#d8cbb6;--border-focus:#aa8c68;--text-primary:#29231d;--text-secondary:#5f5143;--text-tertiary:#917d67;--accent-color:#9e5635;--accent-hover:#7e4028;--accent-light:#f5dfd1;--accent-glow:#9e563529;--glass-bg:#fffdf8bd;--glass-border:#5d462c1f;background-color:var(--bg-primary);background-image:linear-gradient(#7e62400b 1px,#0000 1px);background-size:100% 28px}.paper-theme .card-premium,.paper-theme .glass-panel{box-shadow:0 5px 14px #533e2514}.paper-theme .code-panel-container{background-image:linear-gradient(#8f6e4813 1px,#0000 1px);background-size:100% 28px}.aurora-stage,.paper-stage{isolation:isolate}.aurora-stage{background:radial-gradient(ellipse at 50% 0%, #22a6be2e, transparent 52%), var(--bg-primary)}.paper-stage{background:radial-gradient(circle at 95% 0%, #b58e551f, transparent 20rem), var(--bg-primary)}.aurora-stage .visualization-viewport,.paper-stage .visualization-viewport{z-index:3;position:relative}.aurora-constellation{z-index:1;opacity:.55;background-image:radial-gradient(circle,#b7f7ff 0 1px,#0000 2px),linear-gradient(28deg,#0000 48%,#63deec75 49% 51%,#0000 52%),linear-gradient(-24deg,#0000 48%,#9771ff6b 49% 51%,#0000 52%);background-size:40px 40px,100% 100%,100% 100%;width:150px;height:100px;position:absolute}.aurora-constellation-one{top:9%;left:6%;transform:rotate(-7deg)}.aurora-constellation-two{bottom:9%;right:5%;transform:rotate(172deg)scale(.78)}.aurora-bot{z-index:2;background:linear-gradient(135deg,#5f53be,#1595ab);border:2px solid #71e4ef;border-radius:10px 10px 8px 8px;width:34px;height:28px;animation:3.5s ease-in-out infinite companionFloat;position:absolute;bottom:7%;right:5%;box-shadow:0 0 18px #5cd8f585}.aurora-bot:before{content:"";background:#a78bfa;width:2px;height:9px;position:absolute;top:-10px;left:14px}.aurora-bot:after{content:"";background:#f29bd8;border-radius:50%;width:8px;height:8px;position:absolute;top:-13px;left:11px;box-shadow:0 0 9px #f29bd8}.aurora-bot i,.aurora-bot b{background:#e5ffff;border-radius:50%;width:5px;height:5px;position:absolute;top:10px}.aurora-bot i{left:8px}.aurora-bot b{right:8px}.paper-motif{z-index:1;opacity:.55;background-image:linear-gradient(#8a694133 1px,#0000 1px),linear-gradient(90deg,#8a694133 1px,#0000 1px);background-size:18px 18px;width:108px;height:108px;position:absolute}.paper-motif:after{content:"";border:1px solid #664828a3;position:absolute;inset:24px;transform:rotate(45deg)}.paper-motif-one{top:8%;right:4%}.paper-motif-two{bottom:8%;left:5%;transform:scale(.7)}.paper-fox{z-index:2;background:#dc8a55;border:2px solid #9e5635;border-radius:46% 46% 52% 52%;width:34px;height:31px;animation:4s ease-in-out infinite reverse companionFloat;position:absolute;bottom:7%;right:5%;box-shadow:inset 0 -6px #bc6239,0 4px 12px #71432329}.paper-fox:before,.paper-fox:after{content:"";background:#dc8a55;border:2px solid #9e5635;width:13px;height:15px;position:absolute;top:-9px;transform:rotate(25deg)}.paper-fox:before{left:1px}.paper-fox:after{right:1px;transform:rotate(-25deg)}.paper-fox i,.paper-fox b{z-index:1;background:#fff8ed;border-radius:50%;width:4px;height:4px;position:absolute;top:12px}.paper-fox i{left:8px}.paper-fox b{right:8px}@keyframes companionFloat{50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.aurora-bot,.paper-fox{animation:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent-color);outline-offset:3px}input,textarea,select{font-family:var(--font-sans);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBorder{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 6px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes bounceMicro{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ripple{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.6)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shine{to{left:125%}}@keyframes floatIndicator{0%,to{transform:translateY(0)translate(-50%)}50%{transform:translateY(-6px)translate(-50%)}}@keyframes linkEdgeDraw{0%{stroke-dasharray:420;stroke-dashoffset:420px;opacity:.25}to{stroke-dasharray:420;stroke-dashoffset:0;opacity:1}}@keyframes linkEdgePrevious{0%{opacity:0}to{opacity:.48}}.link-edge-current path{animation:.52s ease-out both linkEdgeDraw}.link-edge-current text{animation:.26s ease-out both fadeIn}.link-edge-previous{animation:.18s ease-out both linkEdgePrevious}@media (prefers-reduced-motion:reduce){.link-edge-current path,.link-edge-current text,.link-edge-previous{animation:none}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-spin-slow{animation:12s linear infinite spinSlow}.visualizer-canvas{background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);width:100%;height:100%;min-height:380px;box-shadow:inset var(--shadow-sm);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.runtime-toolbar{background:var(--bg-primary);border-bottom:var(--border-width) solid var(--border-color);flex-shrink:0;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px 14px;padding:12px 16px;display:grid}.runtime-toolbar-title{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:inline-flex}.runtime-toolbar>.runtime-toolbar-title{grid-area:1/1}.runtime-toolbar .runtime-output-title{grid-row:3}.runtime-toolbar-title svg{color:var(--accent-color)}.runtime-toolbar-input{grid-area:1/2;align-items:center;gap:8px;min-width:0;display:flex}.runtime-toolbar-input input,.runtime-output-value{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);width:100%;min-width:0;color:var(--text-primary);font:600 .78rem var(--font-mono);padding:8px 10px}.runtime-apply-button{border-radius:var(--radius-sm);background:var(--accent-color);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;min-width:68px;height:34px;font-size:.76rem;font-weight:750;display:inline-flex}.runtime-apply-button:disabled{cursor:not-allowed;opacity:.55}.runtime-toolbar-feedback{grid-area:2/2;align-items:center;gap:12px;min-width:0;display:flex}.runtime-toolbar-status{white-space:normal;flex:1;min-width:0;font-size:.7rem;font-weight:650;line-height:1.35}.runtime-metrics{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;min-width:0;display:flex}.runtime-metrics span{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-primary);color:var(--text-tertiary);font-family:var(--font-mono);white-space:nowrap;padding:3px 7px;font-size:.62rem}.runtime-toolbar-status.valid{color:var(--success-color)}.runtime-toolbar-status.invalid{color:var(--danger-color)}.variable-history-value{box-sizing:border-box;vertical-align:middle;flex-shrink:0;align-items:center;min-height:24px;line-height:1.35;display:inline-flex}.runtime-output-field{grid-area:3/2;align-items:center;gap:8px;min-width:0;display:flex}.runtime-output-value{cursor:default;height:34px}.runtime-output-apply-spacer{min-width:68px;height:1px}.visualization-viewport{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;place-items:center;width:100%;min-width:0;height:100%;padding:28px;display:grid;overflow:auto}.visualization-viewport.has-teaching-action{grid-template-rows:auto minmax(0,1fr);place-items:stretch stretch;gap:14px}.visualization-viewport.has-dedicated-teaching-action{place-items:stretch stretch}.visualization-viewport.has-dedicated-teaching-action .visualization-canvas-content{align-items:stretch}.visualization-canvas-content{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.visualization-action-bar{z-index:5;border:1px solid var(--border-color);border-left:3px solid var(--accent-color);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-sm);color:var(--text-secondary);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:9px 12px;font-size:.75rem;display:grid;position:relative}.visualization-action-bar strong{color:var(--accent-color);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.visualization-action-bar em{border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent-color);text-transform:uppercase;padding:2px 7px;font-size:.64rem;font-style:normal;font-weight:800}.visualization-action-bar small{color:var(--text-tertiary);grid-column:2/-1}.container-element.semantic-comparing{border-color:var(--semantic-comparing);background:var(--semantic-comparing-bg);color:var(--semantic-comparing)}.container-element.semantic-candidate{border-color:var(--semantic-candidate);background:var(--semantic-candidate-bg);color:var(--semantic-candidate)}.container-element.semantic-visited{border-color:var(--semantic-visited);background:var(--semantic-visited-bg);color:var(--semantic-visited)}.container-element.semantic-sorted{border-color:var(--semantic-sorted);background:var(--semantic-sorted-bg);color:var(--semantic-sorted)}.visualization-loading-overlay{z-index:20;background:color-mix(in srgb, var(--bg-primary) 78%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.visualization-loading-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg);width:min(360px,100%);box-shadow:var(--shadow-lg);color:var(--text-secondary);text-align:center;justify-items:center;gap:8px;padding:24px;font-size:.78rem;display:grid}.visualization-loading-card strong{color:var(--text-primary);font-size:.95rem}.visualization-loading-message{min-height:2.5em;animation:.22s ease-out loadingMessageIn}.visualization-loading-emoji{margin-right:7px;font-size:1rem;display:inline-block}.runtime-spinner{animation:.8s linear infinite runtimeSpin}.loading-shimmer{background:var(--bg-tertiary);border-radius:999px;width:100%;height:6px;overflow:hidden}.loading-shimmer:after{content:"";border-radius:inherit;background:var(--accent-color);width:45%;height:100%;animation:1.1s ease-in-out infinite loadingShimmer;display:block}@keyframes loadingMessageIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes runtimeSpin{to{transform:rotate(360deg)}}@keyframes loadingShimmer{0%{transform:translate(-120%)}to{transform:translate(280%)}}@media (max-width:1180px){.runtime-toolbar{grid-template-columns:auto minmax(180px,1fr)}}@media (max-width:820px){.runtime-toolbar{grid-template-columns:1fr;gap:8px}.runtime-toolbar-input,.runtime-output-field,.runtime-toolbar-feedback{grid-area:auto/1;width:100%}.runtime-toolbar>.runtime-toolbar-title,.runtime-toolbar .runtime-output-title{grid-area:auto/1}.runtime-output-apply-spacer{display:none}.runtime-toolbar-feedback{align-items:flex-start}}.array-partition-line{border-left:2px dashed var(--accent-color)}.array-partition-marker{border:1px solid color-mix(in srgb, var(--accent-color) 40%, var(--border-color));border-radius:var(--radius-full);background:var(--bg-primary);box-shadow:var(--shadow-sm);color:var(--accent-color);font-family:var(--font-mono);white-space:nowrap;z-index:2;padding:2px 6px;font-size:.6rem;font-weight:800;line-height:1.2;position:absolute;top:2px;left:0;transform:translate(-50%)}.array-lane-values{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent-color) 35%, transparent) transparent}.array-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.array-slot-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}.array-cell{box-sizing:border-box;width:fit-content;min-width:52px;max-width:132px;height:52px;font-family:var(--font-sans);background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;padding:0 10px;font-size:1.2rem;font-weight:600;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.array-lane-cell{text-overflow:ellipsis;white-space:nowrap;min-width:48px;max-width:132px;height:48px;padding:0 10px;overflow:hidden}.array-cell.active{border-color:var(--accent-color);background:var(--accent-light);color:var(--accent-hover);box-shadow:var(--shadow-glow);transform:scale(1.08)}.array-cell.visited{border-color:var(--success-color);background:var(--success-light);color:var(--success-color)}.array-cell.target{animation:1.5s infinite pulseBorder}.array-cell.swap-active{animation:.4s ease-in-out bounceMicro}.array-cell.semantic-comparing,.list-node.semantic-comparing,.tree-node-circle.semantic-comparing{border-color:var(--semantic-comparing);background:var(--semantic-comparing-bg);color:var(--semantic-comparing);animation:.9s ease-in-out infinite semanticPulse}.array-cell.semantic-swapping,.list-node.semantic-swapping,.tree-node-circle.semantic-swapping{border-color:var(--semantic-swapping);background:var(--semantic-swapping-bg);color:var(--semantic-swapping);animation:.46s cubic-bezier(.34,1.56,.64,1) semanticSwap}.array-cell.semantic-sorted,.list-node.semantic-sorted,.tree-node-circle.semantic-sorted{border-color:var(--semantic-sorted);background:var(--semantic-sorted-bg);color:var(--semantic-sorted)}.array-cell.semantic-visited,.list-node.semantic-visited,.tree-node-circle.semantic-visited{border-color:var(--semantic-visited);background:var(--semantic-visited-bg);color:var(--semantic-visited)}.array-cell.semantic-pointer,.list-node.semantic-pointer,.tree-node-circle.semantic-pointer{border-color:var(--semantic-pointer);background:var(--semantic-pointer-bg);color:var(--semantic-pointer);box-shadow:0 0 0 3px color-mix(in srgb, var(--semantic-pointer) 22%, transparent)}.array-cell.semantic-candidate,.list-node.semantic-candidate,.tree-node-circle.semantic-candidate{border-color:var(--semantic-candidate);background:var(--semantic-candidate-bg);color:var(--semantic-candidate);animation:1.1s ease-in-out infinite semanticCandidate}.array-cell.semantic-discarded,.list-node.semantic-discarded,.tree-node-circle.semantic-discarded{border-color:var(--semantic-discarded);background:var(--semantic-discarded-bg);color:var(--semantic-discarded);opacity:.62}@keyframes semanticPulse{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--semantic-comparing) 20%, transparent);transform:scale(1.08)}}@keyframes semanticSwap{30%{transform:translate(-7px)rotate(-2deg)}70%{transform:translate(7px)rotate(2deg)}}@keyframes semanticCandidate{50%{box-shadow:0 6px 14px color-mix(in srgb, var(--semantic-candidate) 25%, transparent);transform:translateY(-4px)}}.array-index{color:var(--text-tertiary);-webkit-user-select:none;user-select:none;margin-top:6px;font-size:.75rem;font-weight:500}.pointer-arrow{pointer-events:none;z-index:10;flex-direction:column;align-items:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:2s ease-in-out infinite floatIndicator;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pointer-tag-stack{transition:bottom .25s;animation:2s ease-in-out infinite floatIndicator}@media (prefers-reduced-motion:reduce){.pointer-tag-stack{animation:none}}.pointer-arrow.above{margin-bottom:8px;bottom:100%}.pointer-arrow.below{margin-top:8px;top:100%}.pointer-arrow .arrow-text{text-transform:uppercase;background:var(--accent-color);color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);white-space:nowrap;padding:2px 6px;font-size:.7rem;font-weight:700}.pointer-arrow .arrow-head{border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0}.pointer-arrow.above .arrow-head{border-top:6px solid var(--accent-color)}.pointer-arrow.below .arrow-head{border-bottom:6px solid var(--accent-color);order:-1;margin-bottom:2px}.list-container{justify-content:center;align-items:center;gap:0;width:max-content;min-width:100%;padding:40px 32px;display:flex}.list-node-wrapper{align-items:center;display:flex;position:relative}.list-node{border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);width:70px;height:52px;box-shadow:var(--shadow-sm);transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.list-node.active{border-color:var(--accent-color);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.list-node-val{min-width:0;color:var(--text-primary);border-right:1px solid var(--border-color);background:var(--card-bg);text-overflow:ellipsis;white-space:nowrap;flex:3;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex;overflow:hidden}.list-node.active .list-node-val{background:var(--accent-light);color:var(--accent-hover);border-right-color:#6366f133}.list-node-next{color:var(--text-tertiary);background:var(--bg-secondary);flex:2;justify-content:center;align-items:center;font-size:.65rem;font-weight:600;display:flex}.list-arrow{background:var(--text-tertiary);width:45px;height:2px;transition:all .4s;position:relative}.list-arrow:after{content:"";border-top:2px solid var(--text-tertiary);border-right:2px solid var(--text-tertiary);width:6px;height:6px;transition:all .4s;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.list-node.active+.list-arrow{background:var(--accent-color)}.list-node.active+.list-arrow:after{border-top-color:var(--accent-color);border-right-color:var(--accent-color)}.grid-container{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none;gap:4px;padding:20px;display:grid}.grid-pair{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;display:flex}.grid-table{justify-items:center;gap:7px;display:grid}.grid-table-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:800}.grid-table.source .grid-cell.active{background:var(--semantic-pointer-bg);color:var(--semantic-pointer);border-color:var(--semantic-pointer)}.grid-cell{box-sizing:border-box;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:fit-content;min-width:44px;max-width:132px;height:44px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;padding:0 8px;font-size:.85rem;font-weight:500;transition:all .25s;display:flex;position:relative;overflow:hidden}.grid-cell.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:var(--shadow-glow);z-index:5;transform:scale(1.08)}.grid-cell.visited{background:var(--accent-light);color:var(--accent-hover);border-color:#6366f133}.grid-cell.path{background:var(--success-color);color:#fff;border-color:var(--success-color);z-index:4;animation:1.5s infinite pulseBorder}.grid-cell.block{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-tertiary);cursor:not-allowed;opacity:.4}.grid-cell.start{border:2px dashed var(--accent-color);font-weight:700}.grid-cell.end{border:2px dashed var(--success-color);font-weight:700}.grid-cell.semantic-comparing{background:var(--semantic-comparing-bg);border-color:var(--semantic-comparing);color:var(--semantic-comparing);animation:.9s ease-in-out infinite semanticPulse}.grid-cell.semantic-candidate{background:var(--semantic-candidate-bg);border-color:var(--semantic-candidate);color:var(--semantic-candidate);animation:1.1s ease-in-out infinite semanticCandidate}.grid-cell.semantic-sorted{background:var(--semantic-sorted-bg);border-color:var(--semantic-sorted);color:var(--semantic-sorted)}.grid-cell.semantic-visited{background:var(--semantic-visited-bg);border-color:var(--semantic-visited);color:var(--semantic-visited)}.grid-cell.semantic-discarded{background:var(--semantic-discarded-bg);border-color:var(--semantic-discarded);color:var(--semantic-discarded);opacity:.62}.grid-transition-panel{border:1px solid var(--border-color);border-left:3px solid var(--semantic-comparing);border-radius:var(--radius-md);background:var(--card-bg);width:min(620px,100%);box-shadow:var(--shadow-sm);padding:12px 14px}.grid-transition-heading{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800}.grid-transition-panel code{color:var(--text-primary);font-family:var(--font-mono);overflow-wrap:anywhere;margin-top:5px;font-size:.78rem;display:block}.grid-transition-details{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.grid-transition-details span,.grid-transition-details strong{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);font-family:var(--font-mono);padding:3px 7px;font-size:.68rem}.grid-transition-details strong{background:var(--semantic-sorted-bg);color:var(--semantic-sorted)}.segment-tree-renderer{grid-template-rows:auto auto minmax(22rem,1fr);gap:1rem;width:100%;min-width:0;height:100%;display:grid}.segment-tree-operation{z-index:5;border:var(--border-width) solid var(--border-color);border-left:3px solid var(--accent-color);border-radius:var(--radius-md);background:var(--card-bg);min-width:0;box-shadow:var(--shadow-sm);color:var(--text-secondary);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem .8rem;padding:.72rem .9rem;display:grid;position:relative}.segment-tree-operation>strong{color:var(--accent-color);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.segment-tree-teaching-message{min-width:0;font-size:.75rem;line-height:1.45}.segment-tree-operation-meta{color:var(--text-tertiary);white-space:nowrap;font-size:.64rem;font-weight:700}.segment-tree-source-viewport,.segment-tree-tree-viewport{width:100%;min-width:0;overflow:auto hidden}.segment-tree-source-array{justify-content:center;gap:.5rem;width:max-content;padding-bottom:.25rem;display:flex}.segment-tree-array-cell{box-sizing:border-box;text-align:center;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);width:fit-content;min-width:3rem;max-width:10rem;padding:.45rem;overflow:hidden}.segment-tree-array-cell span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.segment-tree-array-cell.is-query{border-color:var(--accent-color)}.segment-tree-array-cell.is-update{border-color:var(--warning-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--warning-color) 22%, transparent)}.segment-tree-canvas{position:relative}.segment-tree-edges{width:100%;height:100%;stroke:var(--border-color);stroke-width:2px;position:absolute;inset:0}.segment-tree-node{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);min-width:5.5rem;min-height:3.5rem;transition:var(--transition-fast,all .2s ease);place-items:center;padding:.4rem .65rem;display:grid;position:absolute;transform:translate(-50%,-50%)}.segment-tree-node.is-active{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-color) 22%, transparent)}.segment-tree-node.is-covered{border-color:var(--success-color);background:color-mix(in srgb, var(--success-color) 12%, var(--card-bg))}.segment-tree-node.is-skipped{opacity:.42}.segment-tree-node.is-update-path{border-color:var(--warning-color)}.segment-tree-node em{color:var(--warning-color);font-size:.68rem;font-style:normal}.segment-tree-node-fields{grid-template-columns:auto auto;gap:.1rem .35rem;max-width:11rem;margin:.25rem 0 0;font-size:.62rem;display:grid}.segment-tree-node-fields dt{color:var(--text-tertiary)}.segment-tree-node-fields dd{color:var(--text-secondary);overflow-wrap:anywhere;margin:0}.segment-tree-versions{color:var(--text-secondary);flex-wrap:wrap;gap:.5rem;display:flex}.segment-tree-versions span{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-full);background:var(--card-bg);padding:.3rem .55rem;font-size:.72rem}@media (max-width:720px){.segment-tree-operation{grid-template-columns:auto minmax(0,1fr)}.segment-tree-operation-meta{white-space:normal;grid-column:2}}.tree-container{justify-content:center;align-items:flex-start;width:100%;height:100%;min-height:380px;padding:30px;display:flex;position:relative}.tree-svg-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.tree-node-wrapper{z-index:2;flex-direction:column;align-items:center;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute}.tree-node-circle{box-sizing:border-box;border-radius:var(--radius-full);background:var(--card-bg);border:1.5px solid var(--border-color);width:fit-content;min-width:44px;max-width:132px;height:44px;color:var(--text-primary);box-shadow:var(--shadow-sm);text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;padding:0 10px;font-size:1rem;font-weight:600;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.tree-node-circle.active{border-color:var(--accent-color);background:var(--accent-color);color:#fff;box-shadow:var(--shadow-glow);transform:scale(1.15)}.tree-node-circle.visited{border-color:var(--success-color);background:var(--success-light);color:var(--success-color)}.tree-node-circle .ripple-node{border-radius:var(--radius-full);border:2px solid var(--accent-color);pointer-events:none;opacity:0;width:44px;height:44px;animation:1.2s infinite ripple;position:absolute;top:-1.5px;left:-1.5px}@media (prefers-reduced-motion:reduce){.array-cell.semantic-comparing,.list-node.semantic-comparing,.tree-node-circle.semantic-comparing,.array-cell.semantic-swapping,.list-node.semantic-swapping,.tree-node-circle.semantic-swapping,.array-cell.semantic-candidate,.list-node.semantic-candidate,.tree-node-circle.semantic-candidate,.visualization-loading-message{animation:none}}.container-visual-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;padding:40px;display:flex}.stack-tube{border:3px solid var(--text-secondary);border-radius:0 0 var(--radius-md) var(--radius-md);width:120px;height:250px;box-shadow:inset var(--shadow-sm);background:#00000005;border-top:none;flex-direction:column-reverse;gap:8px;padding:6px;display:flex;position:relative}[data-theme=dark] .stack-tube{background:#ffffff03}.queue-tube{border:3px solid var(--text-secondary);width:320px;height:72px;box-shadow:inset var(--shadow-sm);background:#00000005;border-left:none;border-right:none;align-items:center;gap:12px;padding:6px;display:flex;position:relative}[data-theme=dark] .queue-tube{background:#ffffff03}.container-element{box-sizing:border-box;border-radius:var(--radius-sm);background:var(--card-bg);border:1.5px solid var(--border-color);height:44px;box-shadow:var(--shadow-sm);text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;font-weight:600;transition:all .35s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden}.stack-tube .container-element{width:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}.queue-tube .container-element{flex-shrink:0;width:64px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInFromRight}.interval-card-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.container-element.active{border-color:var(--accent-color);background:var(--accent-light);color:var(--accent-hover);box-shadow:var(--shadow-glow)}.jump-lab-theme{--bg-primary:#dff5ff;--bg-secondary:#f4fcff;--bg-tertiary:#c8ebf6;--card-bg:#fff;--panel-bg:#effbff;--border-color:#123a55;--border-focus:#0b6e8f;--text-primary:#123047;--text-secondary:#365a70;--text-tertiary:#698899;--accent-color:#3d8f35;--accent-hover:#2e7228;--accent-light:#d9f4c9;--accent-glow:#3d8f353d}.jump-lab-theme *,.jump-lab-theme svg,.jump-lab-theme path,.jump-lab-theme rect,.jump-lab-theme circle{filter:none!important}.jump-lab-theme .button-secondary,.jump-lab-theme .button-primary,.jump-lab-theme .array-cell,.jump-lab-theme .grid-cell,.jump-lab-theme .list-node,.jump-lab-theme .tree-node-circle{box-shadow:3px 3px 0 color-mix(in srgb, var(--border-color) 40%, transparent);border-width:2px}.jump-stage{isolation:isolate;background:linear-gradient(#71d4f3 0%,#dff7ff 72%,#bfe7c5 100%)}.jump-stage .visualization-viewport{z-index:3;position:relative}.jump-stage .grid-container,.jump-stage .array-container,.jump-stage .list-container{box-shadow:4px 5px #123a553b}.jump-cloud{z-index:1;filter:none;background:#ffffffb8;border-radius:999px;width:112px;height:32px;position:absolute}.jump-cloud:before,.jump-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.jump-cloud:before{width:42px;height:42px;left:18px}.jump-cloud:after{width:54px;height:54px;right:18px}.jump-cloud-one{animation:14s linear infinite jumpCloudDrift;top:10%;left:7%}.jump-cloud-two{animation:18s linear infinite reverse jumpCloudDrift;top:23%;right:5%;transform:scale(.72)}.jump-platform{z-index:1;background:#74c957;border:3px solid #245e32;border-radius:11px 11px 18px 18px;width:112px;height:16px;position:absolute;box-shadow:inset 0 -5px #3d9139}.jump-platform-one{bottom:13%;left:8%;transform:rotate(-5deg)}.jump-platform-two{bottom:27%;right:9%;transform:rotate(4deg)}.jump-platform-three{top:30%;left:14%;transform:rotate(3deg)scale(.76)}.jump-mascot{z-index:2;color:#0000;background:#8bd85f;border:3px solid #123a55;border-radius:45% 45% 38% 38%;width:30px;height:30px;animation:1.25s ease-in-out infinite jumpMascotHop;position:absolute;bottom:30%;right:13%;box-shadow:inset -5px -5px #4aaf48}.jump-mascot:before,.jump-mascot:after{content:"";background:#123a55;border-radius:50%;width:4px;height:4px;position:absolute;top:9px}.jump-mascot:before{left:7px}.jump-mascot:after{right:7px}@keyframes jumpMascotHop{50%{transform:translateY(-34px)rotate(-8deg)}}@keyframes jumpCloudDrift{to{transform:translate(48px)}}@media (prefers-reduced-motion:reduce){.jump-cloud-one,.jump-cloud-two,.jump-mascot{animation:none}}.card-premium{background:var(--card-bg);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .3s,border-color .3s;overflow:hidden}.card-premium:hover{box-shadow:var(--shadow-md);border-color:var(--border-focus)}.button-primary{background:var(--accent-color);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:8px;padding:10px 20px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.button-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-1px)}.button-primary:active{transform:translateY(1px)}.button-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-md);border:var(--border-width) solid var(--border-color);gap:8px;padding:10px 20px;font-weight:500;transition:all .2s}.button-secondary:hover{background:var(--border-color);border-color:var(--border-focus)}.badge-pro{color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f59e0b,#d97706);align-items:center;gap:3px;padding:2px 6px;font-size:.65rem;font-weight:800;display:inline-flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:var(--border-width) solid var(--glass-border)}.doodle-theme{--font-sans:var(--font-doodle)!important;--bg-primary:#fbf9f3!important;--bg-secondary:#fff!important;--bg-tertiary:#f1ece2!important;--border-color:#0f172a!important;--border-focus:#0f172a!important;--card-bg:#fff!important;--panel-bg:#f1ece2!important;--accent-color:#2563eb!important;--accent-hover:#1d4ed8!important;--accent-light:#dbeafe!important;--text-primary:#0f172a!important;--text-secondary:#334155!important;--text-tertiary:#475569!important;--shadow-sm:4px 4px 0px #0f172a!important;--shadow-md:6px 6px 0px #0f172a!important;--shadow-lg:8px 8px 0px #0f172a!important;--shadow-premium:10px 10px 0px #0f172a!important;--radius-sm:10px!important;--radius-md:16px!important;--radius-lg:20px!important}[data-theme=dark] .doodle-theme{--bg-primary:#0b0f19!important;--bg-secondary:#1e293b!important;--bg-tertiary:#0f172a!important;--border-color:#f8fafc!important;--border-focus:#fff!important;--card-bg:#1e293b!important;--panel-bg:#0f172a!important;--accent-color:#facc15!important;--accent-hover:#eab308!important;--accent-light:#334155!important;--text-primary:#f8fafc!important;--text-secondary:#e2e8f0!important;--text-tertiary:#94a3b8!important;--shadow-sm:4px 4px 0px #f8fafc!important;--shadow-md:6px 6px 0px #f8fafc!important;--shadow-lg:8px 8px 0px #f8fafc!important;--shadow-premium:10px 10px 0px #f8fafc!important}.doodle-theme,.doodle-theme *{font-family:var(--font-sans)!important;font-weight:700!important}.doodle-theme pre,.doodle-theme code,.doodle-theme .code-line,.doodle-theme .font-mono,.doodle-theme [class*=font-mono]{font-family:Courier New,Courier,monospace!important;font-weight:800!important}.doodle-theme h1,.doodle-theme h2,.doodle-theme h3,.doodle-theme h4,.doodle-theme button,.doodle-theme input,.doodle-theme select{font-weight:800!important}.doodle-theme svg,.doodle-theme circle,.doodle-theme rect,.doodle-theme line,.doodle-theme path,.doodle-theme polygon,.doodle-theme polyline,.doodle-theme button,.doodle-theme input,.doodle-theme select,.doodle-theme .glass-panel,.doodle-theme .array-cell,.doodle-theme .list-node-wrapper,.doodle-theme .tree-node-wrapper,.doodle-theme .stack-item,.doodle-theme .queue-item,.doodle-theme .badge-pro{filter:url(#rough-sketch)!important}.doodle-theme button,.doodle-theme input,.doodle-theme select,.doodle-theme .glass-panel,.doodle-theme .array-cell,.doodle-theme .stack-item,.doodle-theme .queue-item{border:2px.5 solid var(--border-color)!important;box-shadow:3px 3px 0px var(--border-color)!important;border-radius:var(--radius-md)!important;transition:transform .1s,box-shadow .1s!important}.doodle-theme button:active{box-shadow:1.5px 1.5px 0px var(--border-color)!important;transform:translate(1.5px,1.5px)!important}.doodle-theme .canvas-paper{background-color:var(--bg-primary)!important;border:3.5px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:6px 6px 0px var(--border-color)!important;background-image:linear-gradient(#2563eb14 1.5px,#0000 1.5px),linear-gradient(90deg,#2563eb14 1.5px,#0000 1.5px)!important;background-size:24px 24px!important;transition:all .3s!important;position:relative!important}[data-theme=dark] .doodle-theme .canvas-paper{background-color:var(--bg-primary)!important;border:3.5px solid var(--border-color)!important;box-shadow:6px 6px 0px var(--border-color)!important;background-image:linear-gradient(#f8fafc0d 1.5px,#0000 1.5px),linear-gradient(90deg,#f8fafc0d 1.5px,#0000 1.5px)!important}.doodle-theme .canvas-paper:before{content:""!important;pointer-events:none!important;z-index:5!important;background-color:#ef444466!important;width:2.5px!important;position:absolute!important;top:0!important;bottom:0!important;left:50px!important}[data-theme=dark] .doodle-theme .canvas-paper:before{background-color:#eab3084d!important}.doodle-theme .notebook-spiral{z-index:8!important;pointer-events:none!important;flex-direction:column!important;justify-content:space-around!important;width:20px!important;padding:15px 0!important;display:flex!important;position:absolute!important;top:0!important;bottom:0!important;left:10px!important}.doodle-theme .notebook-ring{border:1.5px solid var(--border-color)!important;background:linear-gradient(90deg,#374151,#9ca3af,#e5e7eb,#9ca3af,#374151)!important;border-radius:6px!important;width:14px!important;height:24px!important;position:relative!important;box-shadow:2px 2px 2px #2d232e40!important}[data-theme=dark] .doodle-theme .notebook-ring{background:linear-gradient(90deg,#1e293b,#64748b,#94a3b8,#64748b,#1e293b)!important;box-shadow:2px 2px 2px #0006!important}.doodle-theme .notebook-ring:before{content:""!important;background-color:var(--border-color)!important;border-radius:50%!important;width:5px!important;height:10px!important;position:absolute!important;top:6px!important;left:-6px!important}.doodle-theme .notebook-ring:after{content:""!important;background-color:var(--border-color)!important;border-radius:50%!important;width:5px!important;height:10px!important;position:absolute!important;top:6px!important;right:-6px!important}.doodle-theme .notebook-tape-left{z-index:12!important;pointer-events:none!important;background-color:#eab30899!important;border-left:2.5px dashed #0f172a4d!important;border-right:2.5px dashed #0f172a4d!important;width:70px!important;height:22px!important;position:absolute!important;top:-12px!important;left:20px!important;transform:rotate(-15deg)!important;box-shadow:1px 1px 2px #0000000d!important}.doodle-theme .notebook-tape-right{z-index:12!important;pointer-events:none!important;background-color:#eab30899!important;border-left:2.5px dashed #0f172a4d!important;border-right:2.5px dashed #0f172a4d!important;width:70px!important;height:22px!important;position:absolute!important;top:-12px!important;right:20px!important;transform:rotate(15deg)!important;box-shadow:1px 1px 2px #0000000d!important}[data-theme=dark] .doodle-theme .notebook-tape-left,[data-theme=dark] .doodle-theme .notebook-tape-right{background-color:#eab30866!important;border-color:#ffffff4d!important}.doodle-theme .doodle-decoration{opacity:.35!important;-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important;z-index:2!important;font-size:1.8rem!important;animation:3s ease-in-out infinite alternate doodle-float!important;position:absolute!important}.doodle-theme .doodle-decoration.cloud{animation-delay:0s!important;top:15px!important;right:60px!important}.doodle-theme .doodle-decoration.star{animation-delay:.5s!important;bottom:25px!important;left:60px!important}.doodle-theme .doodle-decoration.lightbulb{animation-delay:1s!important;top:40%!important;right:20px!important}.doodle-theme .doodle-decoration.pencil{animation-delay:1.5s!important;bottom:15px!important;right:50px!important}@keyframes doodle-float{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-8px)rotate(4deg)}}.doodle-theme .pointer-arrow{flex-direction:column!important;align-items:center!important;gap:0!important;display:flex!important}.doodle-theme .pointer-arrow:before{content:"👾"!important;filter:drop-shadow(2px 2px #00000026)!important;margin-bottom:2px!important;font-size:1.4rem!important;line-height:1!important;animation:.8s ease-in-out infinite alternate doodle-bounce!important}@keyframes doodle-bounce{0%{transform:translateY(0)scaleY(1)}to{transform:translateY(-6px)scaleY(.95)}}.doodle-theme .arrow-text{font-family:var(--font-sans)!important;background:var(--accent-color)!important;border:2px.5 solid var(--border-color)!important;color:#fff!important;border-radius:var(--radius-sm)!important;box-shadow:2px 2px 0px var(--border-color)!important;letter-spacing:.5px!important;padding:3px 8px!important;font-size:.72rem!important;font-weight:800!important}.doodle-theme .arrow-head{display:none!important}.doodle-theme .code-panel-container{background:var(--bg-secondary)!important;border:2.5px solid var(--border-color)!important;box-shadow:5px 5px 0px var(--border-color)!important;border-radius:var(--radius-lg)!important}.doodle-theme .line-number{font-family:var(--font-sans)!important;color:var(--text-tertiary)!important}.doodle-theme .complexity-graph-title,.doodle-theme .complexity-badge,.doodle-theme h1,.doodle-theme h2,.doodle-theme h3,.doodle-theme h4{font-family:var(--font-sans)!important;color:var(--text-primary)!important;font-weight:800!important}.doodle-theme .list-node-wrapper,.doodle-theme .tree-node-wrapper{border:2.5px solid var(--border-color)!important;box-shadow:3px 3px 0px var(--border-color)!important;border-radius:50%!important;transition:all .2s!important}.doodle-theme .grid-cell{border:2.5px solid var(--border-color)!important;border-radius:8px!important;transition:all .25s!important}.doodle-theme .grid-cell.visited{background-color:var(--accent-light)!important;opacity:.85!important}.doodle-theme .grid-cell.active{background-color:var(--accent-color)!important;color:#fff!important;transform:scale(1.05)!important}.landing-shell{--landing-cyan:#44e8ff;--landing-violet:#8b7cff;color:#f7fbff;isolation:isolate;background:radial-gradient(circle at 70% 38%,#172454 0,#090d22 30%,#050711 68%);min-height:100vh;position:relative;overflow:hidden}.landing-grid{z-index:-3;opacity:.3;background-image:linear-gradient(#5c7aff1f 1px,#0000 1px),linear-gradient(90deg,#5c7aff1f 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.landing-grid:after{content:"";background:linear-gradient(110deg,#0000 0 46%,#44e8ff0f 50%,#0000 54%);animation:8s linear infinite landingScan;position:absolute;inset:0}.landing-glow{z-index:-2;filter:blur(2px);opacity:.55;border-radius:50%;position:absolute}.landing-glow-one{background:radial-gradient(circle,#4367ff40,#0000 68%);width:520px;height:520px;top:8%;right:5%}.landing-glow-two{background:radial-gradient(circle,#8b7cff24,#0000 70%);width:420px;height:420px;top:40%;left:-12%}.landing-nav{border-bottom:1px solid #9bb1ff1f;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:76px;margin:0 auto;display:flex}.landing-brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:10px;font-size:1rem;font-weight:850;text-decoration:none;display:flex}.landing-brand-mark{width:34px;height:34px;color:var(--landing-cyan);background:#44e8ff14;border:1px solid #44e8ff80;border-radius:10px;place-items:center;display:grid;box-shadow:0 0 24px #44e8ff1f}.landing-nav-actions,.landing-cta-row,.landing-proof{align-items:center;display:flex}.landing-nav-actions{gap:22px}.landing-nav-link{color:#aeb9d7;font-size:.8rem;font-weight:650;text-decoration:none}.landing-sign-in{color:#06101a;background:var(--landing-cyan);cursor:pointer;border:0;border-radius:9px;padding:9px 17px;font-weight:800;box-shadow:0 0 25px #44e8ff33}.landing-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:58px;width:min(1180px,100% - 48px);min-height:610px;margin:0 auto;padding:68px 0 42px;display:grid}.landing-copy{z-index:2;position:relative}.landing-eyebrow{color:var(--landing-cyan);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:7px;font-size:.72rem;font-weight:800;display:inline-flex}.landing-copy h1{color:#fff;letter-spacing:-.065em;max-width:620px;margin:18px 0 20px;font-size:clamp(3.2rem,5.6vw,5.9rem);font-weight:900;line-height:.96}.landing-copy h1 span{color:#0000;background:linear-gradient(100deg, var(--landing-cyan), #9d8cff 75%);-webkit-background-clip:text;background-clip:text}.landing-lede{color:#9eabc9;max-width:565px;font-size:clamp(.95rem,1.35vw,1.08rem);line-height:1.75}.landing-cta-row{gap:14px;margin-top:30px}.landing-primary-cta,.landing-secondary-cta{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:9px;height:48px;padding:0 20px;font-size:.82rem;font-weight:850;text-decoration:none;display:inline-flex}.landing-primary-cta{color:#07121c;background:linear-gradient(110deg,#69edff,#8fb7ff);border:1px solid #7af0ffcc;box-shadow:0 0 35px #44e8ff38,inset 0 1px #ffffff80}.landing-secondary-cta{color:#d8e0f5;background:#0f1733b8;border:1px solid #a1b2e238}.landing-proof{color:#73819f;flex-wrap:wrap;gap:17px;margin-top:24px;font-size:.67rem;font-weight:650}.landing-proof span{align-items:center;gap:6px;display:flex}.landing-proof i,.preview-live i{background:#58e9b0;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #58e9b0}.landing-visual{perspective:1200px;min-width:0;position:relative}.landing-orbit{pointer-events:none;border:1px solid #688cff29;border-radius:50%;position:absolute}.orbit-one{width:620px;height:310px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.orbit-two{width:470px;height:470px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(20deg)}.landing-preview-card{background:linear-gradient(145deg,#121b3df0,#070b1cf5);border:1px solid #819dff47;border-radius:18px;animation:6s ease-in-out infinite landingFloat;position:relative;overflow:hidden;transform:rotateY(-5deg)rotateX(2deg);box-shadow:0 34px 90px #00000070,0 0 70px #4e62ff1f}.landing-preview-card:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff0a,#0000 70%);position:absolute;inset:0}.landing-preview-card header,.landing-preview-card footer{color:#72809f;height:46px;font-family:var(--font-mono);border-bottom:1px solid #8ea2db21;align-items:center;padding:0 16px;font-size:.63rem;display:flex}.landing-preview-card header{justify-content:space-between}.preview-dot{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.preview-dot.red{background:#ff637d}.preview-dot.amber{background:#ffc45c}.preview-dot.green{background:#52d69c}.preview-live{color:#57e5ad;letter-spacing:.08em;align-items:center;gap:6px;font-size:.55rem;display:flex}.preview-body{grid-template-columns:1.05fr .95fr;min-height:320px;display:grid}.preview-code{background:linear-gradient(90deg,#0307128a 0 49px,#05091659 49px);border-right:1px solid #8ea2db1a;padding:11px 0;overflow:hidden}.preview-code>div{color:#91a0c0;align-items:center;gap:11px;min-height:23px;padding:0 14px;font-size:.61rem;line-height:1.25;display:flex}.preview-code b{color:#3f4b66;text-align:right;-webkit-user-select:none;user-select:none;flex:none;width:22px;font-weight:500}.preview-code code{white-space:pre;color:#aab7d2}.preview-code code.indent-one{border-left:1px solid #7e91c421;margin-left:12px;padding-left:10px}.preview-code code.indent-two{border-left:1px solid #7e91c421;margin-left:24px;padding-left:10px}.preview-code>div:nth-child(5) code,.preview-code>div:nth-child(6) code{color:#beadff}.preview-code>div:last-child code{color:#66dfb2}.preview-code .preview-active{color:#d7f8ff;border-left:2px solid var(--landing-cyan);background:linear-gradient(90deg,#44e8ff24,#0000)}.preview-code .preview-active code{color:#e8fbff}.preview-active b{color:var(--landing-cyan)}.preview-stage{flex-direction:column;justify-content:center;padding:24px 22px;display:flex}.preview-array{justify-content:center;gap:8px;display:flex}.preview-array>span{width:43px;height:43px;font-family:var(--font-mono);color:#d8e1f8;background:#0f1937cc;border:1px solid #859dda45;border-radius:9px;place-items:center;font-weight:800;display:grid;position:relative}.preview-array>span.candidate{color:#fff;background:#8b7cff47;border-color:#9a83ff;box-shadow:0 0 20px #8b7cff33}.preview-array>span.discarded{opacity:.38}.preview-array small{color:#53617c;font-size:.5rem;font-weight:500;position:absolute;bottom:-19px}.preview-pointers{color:#71809e;font:600 .55rem var(--font-mono);justify-content:space-between;margin:37px 4px 0;display:flex}.preview-pointers .mid{color:#ad9fff}.preview-insight{color:#8f9ab5;background:#8b7cff0f;border:1px solid #8b7cff33;border-radius:9px;align-items:center;gap:9px;margin-top:24px;padding:11px;font-size:.61rem;display:flex}.preview-insight svg{color:#9d8cff}.preview-insight strong{color:#ddd8ff;margin-bottom:2px;display:block}.preview-insight b{color:#fff}.preview-grid-pair{grid-template-columns:1fr 1fr;gap:15px;display:grid}.preview-grid-pair label{color:#73819f;font:700 .55rem var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;display:block}.preview-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.preview-grid span{color:#b7c2dc;height:34px;font:750 .61rem var(--font-mono);background:#0f1937cc;border:1px solid #859dda33;border-radius:6px;place-items:center;display:grid}.preview-grid span.source-active{color:#ffe2a8;background:#f0b75926;border-color:#f0b759}.preview-grid span.candidate{color:#d9d1ff;background:#8b7cff2e;border-color:#8b7cff;box-shadow:0 0 12px #8b7cff24}.preview-grid span.target{color:#fff;background:#ff547b38;border-color:#ff6f91;box-shadow:0 0 14px #ff547b2b}.landing-preview-card footer{border-top:1px solid #8ea2db21;border-bottom:0;justify-content:space-between}.landing-preview-card footer div{gap:4px;display:flex}.landing-preview-card footer i{background:#26304d;width:16px;height:2px}.landing-preview-card footer i.active{background:var(--landing-cyan);box-shadow:0 0 6px var(--landing-cyan)}.landing-preview-card footer strong{color:#f1b960;text-transform:uppercase;letter-spacing:.07em;font-size:.55rem}.landing-features{border-top:1px solid #9bb1ff1f;border-bottom:1px solid #9bb1ff1f;grid-template-columns:repeat(3,1fr);width:min(1180px,100% - 48px);margin:0 auto 48px;display:grid}.landing-features article{border-right:1px solid #9bb1ff1f;gap:14px;padding:25px 28px;display:flex}.landing-features article:last-child{border-right:0}.landing-features article>span{width:34px;height:34px;color:var(--landing-cyan);background:#44e8ff14;border-radius:9px;flex:none;place-items:center;display:grid}.landing-features h2{color:#dce5fa;margin:1px 0 6px;font-size:.78rem}@keyframes landingFloat{0%,to{transform:rotateY(-5deg)rotateX(2deg)translateY(0)}50%{transform:rotateY(-3deg)rotateX(1deg)translateY(-8px)}}@keyframes landingScan{0%{transform:translate(-60%)}to{transform:translate(60%)}}@media (max-width:900px){.landing-hero{grid-template-columns:1fr;padding-top:52px}.landing-copy{text-align:center}.landing-lede{margin-inline:auto}.landing-cta-row,.landing-proof{justify-content:center}.landing-visual{width:min(680px,100%);margin:0 auto}.landing-features{grid-template-columns:1fr}.landing-features article{border-bottom:1px solid #9bb1ff1f;border-right:0}.landing-features article:last-child{border-bottom:0}}@media (max-width:560px){.landing-nav,.landing-hero,.landing-features,.landing-how{width:min(100% - 28px,1180px)}.landing-nav-link{display:none}.landing-copy h1{font-size:3.25rem}.landing-cta-row{flex-direction:column}.landing-primary-cta,.landing-secondary-cta{width:100%}.landing-preview-card{animation:none;transform:none}.preview-body{grid-template-columns:1fr}.preview-code{display:none}.preview-stage{min-height:280px;padding-inline:12px}.preview-grid-pair{gap:9px}.landing-features article{padding-inline:14px}}@media (prefers-reduced-motion:reduce){.landing-grid:after,.landing-preview-card{animation:none}}.workspace-shell{width:100vw;height:100vh;color:var(--text-primary);background:var(--bg-primary);flex-direction:column;display:flex;overflow:hidden}.workspace-topbar{border-bottom:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-primary) 84%, white 16%);justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:0 22px;display:flex}.workspace-brand-context,.workspace-actions,.workspace-title-block>div{align-items:center;display:flex}.workspace-brand-context{gap:12px;min-width:0}.workspace-brand-context>img{border-radius:12px;flex:none;box-shadow:0 7px 18px #2935521a}.workspace-title-block{flex-direction:column;gap:2px;min-width:0;display:flex}.workspace-title-block>span{color:var(--text-secondary);letter-spacing:.04em;font-size:.72rem;font-weight:750}.workspace-title-block>div{gap:9px;min-width:0}.workspace-title-block h1{color:var(--text-primary);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;font-weight:750;overflow:hidden}.workspace-category{border:1px solid var(--border-color);color:var(--text-secondary);background:var(--bg-secondary);border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:650}.workspace-actions{flex:none;gap:12px}.workspace-account-loading{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-secondary);width:178px;height:36px;position:relative;overflow:hidden}.workspace-account-loading:after{content:"";background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--accent-light) 72%,white 28%) 50%,transparent 80%);animation:1.25s ease-in-out infinite accountLoadingShimmer;position:absolute;inset:0;transform:translate(-110%)}@keyframes accountLoadingShimmer{to{transform:translate(110%)}}@media (prefers-reduced-motion:reduce){.workspace-account-loading:after{opacity:.45;animation:none;transform:none}.workspace-loading-mark{animation:none}}.workspace-body{flex:1;min-height:0;display:flex;overflow:hidden}.workspace-loading-state{background:var(--bg-primary);color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.workspace-loading-state strong{color:var(--text-primary);font-size:1rem}.workspace-loading-state span{font-size:.82rem}.workspace-loading-mark{border:1px solid color-mix(in srgb,var(--accent-color) 30%,var(--border-color));background:var(--accent-light);width:42px;height:42px;color:var(--accent-color);border-radius:14px;place-items:center;font-size:1.2rem;animation:1.1s ease-in-out infinite alternate workspaceLoadingPulse;display:grid}@keyframes workspaceLoadingPulse{to{box-shadow:0 8px 24px var(--accent-glow);transform:scale(1.08)}}.workspace-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.workspace-stage{border:1px solid var(--border-color);background:var(--card-bg);border-radius:22px;flex:1;min-width:0;min-height:0;margin:12px 16px 16px;display:flex;overflow:hidden;box-shadow:0 24px 70px #2b3a5e14}.workspace-theme-dark .workspace-topbar{background:var(--bg-primary)}.workspace-sidebar{border-right:1px solid var(--border-color);background:var(--bg-secondary);flex-direction:column;flex:0 0 300px;width:300px;height:100%;display:flex;overflow-y:auto}.workspace-sidebar-intro{background:color-mix(in srgb,var(--card-bg) 72%,transparent);padding:20px 18px!important}.workspace-credit-card{box-shadow:none!important}.workspace-preset-list{min-height:0}.workspace-preset-row{min-height:58px}.workspace-preset-row.is-active{outline:1px solid color-mix(in srgb,var(--accent-color) 28%,transparent);outline-offset:-1px}.workspace-custom-solver{background:var(--card-bg)!important}.workspace-solver-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.workspace-credit-balance{border:1px solid color-mix(in srgb,var(--accent-color) 30%,var(--border-color));border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent-color);text-transform:none;letter-spacing:0;flex-shrink:0;align-items:center;gap:4px;padding:3px 7px;font-size:.66rem;font-weight:800;display:inline-flex}.workspace-credit-balance.is-empty{border-color:color-mix(in srgb,var(--danger-color) 35%,var(--border-color));background:color-mix(in srgb,var(--danger-color) 9%,var(--bg-primary));color:var(--danger-color)}.workspace-solve-cost{border-radius:var(--radius-full);white-space:nowrap;border:1px solid #ffffff6b;align-items:center;margin-left:6px;padding:2px 6px;font-size:.66rem;font-weight:800;line-height:1.2;display:inline-flex}.workspace-tier-badge{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-tertiary);white-space:nowrap;align-items:center;padding:2px 6px;font-size:.6rem;font-weight:800;display:inline-flex}.workspace-tier-badge.is-pro{border-color:color-mix(in srgb,#d97706 38%,var(--border-color));color:#92400e;background:#fef3c7}.workspace-playback{border-bottom:1px solid var(--border-color);background:var(--card-bg);z-index:50;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:12px 22px;display:flex}.playback-progress-group,.playback-navigation-group,.playback-speed-group{align-items:center;display:flex}.playback-progress-group{gap:14px}.playback-navigation-group{gap:10px}.playback-speed-group{gap:8px}.playback-speed-options{display:flex}.playback-primary-button{box-shadow:0 10px 24px var(--accent-glow)!important}.code-panel-container,.visualizer-panel{min-width:0;height:100%;min-height:0}.gif-export{position:relative}.gif-export-button{gap:6px;padding:8px 12px;font-size:.78rem}.gif-export-panel{z-index:30;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);width:min(360px,100vw - 32px);box-shadow:var(--shadow-lg);padding:16px;position:absolute;top:calc(100% + 10px);right:0}.gif-export-panel__header,.gif-export-panel__actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.gif-export-panel__header h2{margin:0;font-size:1rem}.gif-export-panel__eyebrow,.gif-export-panel__meta,.gif-export-panel__stage,.gif-export-panel__input{color:var(--text-secondary);margin:8px 0 0;font-size:.78rem}.gif-export-panel__input{overflow-wrap:anywhere;font-family:var(--font-mono)}.gif-export-panel__error{color:var(--danger-color);font-size:.78rem}.gif-export-progress{border:1px solid color-mix(in srgb, var(--accent-color) 28%, var(--border-color));border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-light) 38%, var(--card-bg)), var(--card-bg));gap:12px;margin-top:14px;padding:13px;display:grid;overflow:hidden}.gif-export-progress__headline{color:var(--text-secondary);align-items:center;gap:9px;display:flex}.gif-export-progress__icon{width:30px;height:30px;color:var(--accent-color);background:color-mix(in srgb, var(--accent-light) 68%, transparent);border-radius:10px;flex:none;place-items:center;animation:1.6s ease-in-out infinite gifExportPulse;display:grid}.gif-export-progress__headline div{flex:1;min-width:0}.gif-export-progress__headline strong{color:var(--text-primary);font-size:.8rem;display:block}.gif-export-progress__headline p{margin:1px 0 0;font-size:.68rem;line-height:1.35}.gif-export-progress__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 6px;list-style:none;display:grid}.gif-export-progress__steps li{min-width:0;color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:5px;font-size:.67rem;display:flex}.gif-export-progress__steps li>span{border:1px solid var(--border-color);border-radius:var(--radius-full);width:16px;height:16px;color:var(--text-tertiary);flex:none;place-items:center;font-size:.58rem;font-weight:700;display:grid}.gif-export-progress__steps .is-active{color:var(--text-primary);font-weight:600}.gif-export-progress__steps .is-active>span{border-color:var(--accent-color);color:var(--accent-color);background:var(--accent-light)}.gif-export-progress__steps .is-complete{color:var(--success-color)}.gif-export-progress__steps .is-complete>span{border-color:var(--success-color);color:#fff;background:var(--success-color)}.gif-export-progress__bar{border-radius:var(--radius-full);background:var(--bg-tertiary);height:5px;overflow:hidden}.gif-export-progress__bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-color), var(--accent-hover));height:100%;transition:width .4s;display:block}@keyframes gifExportPulse{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--accent-color) 12%, transparent);transform:scale(1.06)}}.gif-export-panel__actions{flex-wrap:wrap;justify-content:flex-start;margin-top:14px}.gif-export-panel__action{font-family:var(--font-sans);justify-content:center;align-items:center;font-size:.72rem;font-weight:500;line-height:1.25;display:inline-flex}.gif-export-panel__actions--completed{flex-wrap:nowrap}.gif-export-panel__actions--completed .gif-export-panel__action{white-space:nowrap;flex:1 1 0;min-width:0;padding:8px 6px}@media (max-width:760px){.workspace-topbar{flex-wrap:wrap;align-items:flex-start;gap:8px;min-height:104px;padding:12px 14px}.workspace-brand-context{max-width:100%}.workspace-title-block h1{max-width:190px}.workspace-category{display:none}.workspace-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;width:100%}.workspace-actions>button{min-height:36px}.workspace-body{flex-direction:column}.workspace-sidebar{border-right:0;border-bottom:1px solid var(--border-color);flex:0 0 240px;width:100%;height:240px;min-height:240px}.workspace-sidebar-intro{display:none!important}.workspace-preset-list{min-height:150px;flex:0 0 150px!important}.workspace-playback{flex-wrap:wrap;justify-content:center;gap:8px 14px;min-height:112px;padding:8px 10px}.playback-progress-group,.playback-navigation-group,.playback-speed-group{flex:0 auto}.workspace-stage{border-radius:14px;flex-direction:column;margin:6px 8px 8px}.code-panel-container,.visualizer-panel{width:100%;height:50%;flex:50%!important}.code-panel-container{border-bottom:1px solid var(--border-color);border-right:0!important}.runtime-toolbar{grid-template-columns:1fr;gap:6px;padding:8px 10px}.runtime-toolbar-title{display:inline-flex}.runtime-toolbar-input,.runtime-output-field,.runtime-toolbar-feedback{grid-column:1}.runtime-toolbar-feedback{flex-wrap:wrap}.visualization-viewport{padding:14px}}.landing-shell{color:#111522;--cursor-x:50%;--cursor-y:32%;--preview-rotate-x:0deg;--preview-rotate-y:0deg;background:#f1f4fa}.landing-cursor-light{z-index:-1;left:var(--cursor-x);top:var(--cursor-y);pointer-events:none;opacity:0;filter:blur(38px)saturate(.82);will-change:left,top,transform;background:radial-gradient(at 42% 46%,#ffffff80 0 8%,#b4ccff21 24%,#8191db12 48%,#0000 72%);border-radius:46% 54% 58% 42%/54% 44% 56% 46%;width:min(920px,82vw);height:min(640px,62vw);transition:opacity .8s;position:fixed;transform:translate(-50%,-50%)}.landing-cursor-light:before,.landing-cursor-light:after{content:"";border-radius:inherit;pointer-events:none;position:absolute}.landing-cursor-light:before{filter:blur(28px);background:radial-gradient(at 44%,#97dff021,#7d91de0e 48%,#0000 74%);inset:18% 7% 22% 28%}.landing-cursor-light:after{filter:blur(34px);background:radial-gradient(#bfaee817,#0000 70%);inset:26% 34% 18% 12%}.landing-shell.cursor-reactive .landing-cursor-light{opacity:.56}.landing-shell.cursor-in-motion .landing-cursor-light{animation:1.8s cubic-bezier(.22,.61,.36,1) infinite cursorAuraTravel}.landing-shell.cursor-in-motion .landing-cursor-light:before{animation:2.6s ease-in-out infinite alternate cursorAuraDrift}.landing-shell.cursor-in-motion .landing-cursor-light:after{animation:3.1s ease-in-out infinite alternate cursorAuraCounterDrift}.landing-grid{opacity:.34;background-image:linear-gradient(#26375c0b 1px,#0000 1px),linear-gradient(90deg,#26375c0b 1px,#0000 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at 50% 32%,#000,#0000 68%);mask-image:radial-gradient(circle at 50% 32%,#000,#0000 68%)}.landing-grid:after{background:linear-gradient(110deg,#0000 0 46%,#587bff0f 50%,#0000 54%)}.landing-glow-one{background:radial-gradient(circle,#86a2ff40,#0000 68%);width:720px;height:720px;animation:7s ease-in-out infinite landingBreathe;top:80px;right:50%;transform:translate(50%)}.landing-glow-two{display:none}.landing-nav{border-bottom:0;height:84px}.landing-brand{color:#111522;font-size:1.05rem}.landing-brand-mark{color:#111522;background:0 0;border:0;border-radius:12px;width:38px;height:38px;overflow:hidden;box-shadow:0 7px 18px #2935521a}.landing-brand-mark img{border-radius:12px;width:100%;height:100%;display:block;transform:scale(1.03)}.landing-nav-link{color:#4d566a}.landing-sign-in{color:#fff;background:#111522;padding-inline:20px;box-shadow:0 8px 25px #11152224}.landing-hero{flex-direction:column;gap:0;min-height:auto;padding:80px 0 100px;display:flex}.landing-copy{text-align:center;width:100%}.landing-eyebrow{color:#4d5b77;letter-spacing:.09em;background:#ffffff9e;border:1px solid #4f5b772e;border-radius:999px;padding:9px 15px;box-shadow:0 10px 32px #3342690f}.landing-copy h1{color:#090c13;letter-spacing:-.075em;max-width:none;margin:32px 0 22px;font-size:clamp(4.4rem,9.4vw,8.8rem);line-height:.84}.landing-copy h1 span{color:#0000;background:linear-gradient(105deg,#6a7180 15%,#b7c6e6 48%,#565f71 82%) 0 0/180% 100%;-webkit-background-clip:text;background-clip:text;padding:0 .08em .04em 0;animation:7s ease-in-out infinite landingMetal;display:inline-block}.landing-lede{color:#616b7f;max-width:590px;margin:30px auto 0;font-size:1rem;line-height:1.7}.landing-cta-row{justify-content:center;margin-top:28px}.landing-primary-cta{color:#fff;background:#111522;border-color:#111522;box-shadow:0 12px 30px #11152229}.landing-secondary-cta{color:#252c3b;background:#ffffffb8;border-color:#cbd3e2}.landing-proof{color:#7a8497;justify-content:center}.landing-proof i{background:#6c83ff;box-shadow:0 0 8px #6c83ff8c}.landing-visual{width:min(820px,92%);margin:100px auto 0}.landing-orbit{border-color:#3a4c7e17}.orbit-one{width:900px;height:410px}.orbit-two{width:590px;height:590px}.landing-preview-card{transform:perspective(1200px) rotateX(var(--preview-rotate-x)) rotateY(var(--preview-rotate-y));will-change:transform;border-color:#222c4d38;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .3s;box-shadow:0 48px 100px #232e5038,0 10px 30px #232e501a}.landing-shell.cursor-reactive .landing-preview-card{animation:none}.landing-shell.cursor-reactive .landing-preview-card:hover{box-shadow:0 56px 120px #232e5042,0 12px 34px #232e501f}.preview-grid span.target{animation:2.2s ease-in-out infinite landingTarget}.preview-grid span.candidate{animation:2.2s ease-in-out infinite landingCandidate}.preview-code .preview-active:after{content:"";background:#44e8ff;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite landingPulse;position:absolute;right:14px;box-shadow:0 0 12px #44e8ff}.preview-code .preview-active{position:relative}.landing-how{border-top:1px solid #56678f29;border-bottom:1px solid #56678f29;grid-template-columns:.9fr 1.1fr;gap:80px;width:min(1180px,100% - 48px);margin:0 auto 150px;padding:54px 0;display:grid}.landing-how-intro>span{color:#65718a;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:800}.landing-how-intro h2{color:#111522;letter-spacing:-.05em;max-width:480px;margin:14px 0 18px;font-size:clamp(2rem,3.5vw,3.45rem);line-height:1.02}.landing-how-intro p{color:#687388;max-width:510px;margin:0;font-size:.84rem;line-height:1.75}.landing-how ol{margin:0;padding:0;list-style:none}.landing-how li{border-bottom:1px solid #56678f1f;grid-template-columns:42px 1fr;gap:18px;padding:20px 0;display:grid}.landing-how li:first-child{padding-top:2px}.landing-how li:last-child{border-bottom:0}.landing-how li>b{color:#8894aa;font:700 .66rem var(--font-mono)}.landing-how li div{flex-direction:column;gap:6px;display:flex}.landing-how li strong{color:#202638;font-size:.88rem}.landing-how li span{color:#727d91;font-size:.72rem;line-height:1.55}.landing-section-heading{text-align:center;width:min(1180px,100% - 48px);margin:20px auto 46px}.landing-section-heading span{color:#737e93;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:800}.landing-section-heading h2{color:#111522;letter-spacing:-.045em;margin:12px 0 8px;font-size:clamp(2rem,4vw,3.5rem)}.landing-section-heading p{color:#7a8496;font-size:.85rem}.landing-features{background:#ffffff94;border:1px solid #dce2ed;border-radius:22px;margin-bottom:110px;overflow:hidden;box-shadow:0 24px 70px #2b3a5e12}.landing-features article{border-right-color:#dce2ed;padding:31px}.landing-features article>span{color:#314bce;background:#e8edff}.landing-features h3{color:#202638;margin:1px 0 6px;font-size:.96rem}.landing-features p{color:#6d778b;font-size:.94rem;line-height:1.6}.landing-how-intro p{font-size:.94rem}.landing-how li>b{font-size:.72rem}.landing-how li strong{font-size:.96rem}.landing-how li span,.landing-section-heading p{font-size:.94rem}.landing-final-cta{text-align:center;background:linear-gradient(145deg,#ffffffe6,#e7ecf9d1);border:1px solid #66769a2e;border-radius:30px;width:min(1180px,100% - 48px);margin:0 auto 36px;padding:74px 36px;box-shadow:0 30px 80px #2b3a5e17}.landing-final-cta>span{color:#65718a;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:800}.landing-final-cta h2{color:#111522;letter-spacing:-.055em;max-width:740px;margin:14px auto 16px;font-size:clamp(2.4rem,5vw,5rem);line-height:.96}.landing-final-cta>p{color:#687388;max-width:620px;margin:0 auto;font-size:1rem;line-height:1.7}.landing-final-cta .landing-cta-row{margin-top:30px}.landing-footer{color:#717c91;border-top:1px solid #56678f24;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:24px 0 42px;font-size:.9rem;display:flex}.landing-footer nav{gap:24px;display:flex}.landing-footer a{color:#4d566a;font-weight:650}.landing-film-section{--film-scale:.82;width:min(1320px,100% - 28px);margin:10px auto 150px}.landing-film-heading{text-align:center;width:min(900px,100% - 28px);margin:0 auto 42px}.landing-film-heading span{color:#737e93;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:800}.landing-film-heading h2{color:#111522;letter-spacing:-.055em;margin:14px 0 0;font-size:clamp(2.4rem,5vw,5.2rem);line-height:1}.landing-film-frame{--film-button-x:50%;--film-button-y:50%;aspect-ratio:16/9;transform:scale(var(--film-scale));transform-origin:top;will-change:transform;background:#080c18;border-radius:30px;transition:transform .1s linear;position:relative;overflow:hidden;box-shadow:0 50px 110px #22305538}.landing-film-frame video{object-fit:cover;width:100%;height:100%;display:block}.landing-film-fallback{color:#dce5fb;background:radial-gradient(circle at 72% 42%,#202d69,#0a1026 42%,#050812 78%);grid-template-columns:1.05fr .95fr;display:grid;position:absolute;inset:0}.film-code-column{font:600 clamp(.58rem,.78vw,.78rem) var(--font-mono);background:linear-gradient(90deg,#0307128a 0 67px,#0000 67px);border-right:1px solid #a0b4eb1f;flex-direction:column;justify-content:center;padding:4.5% 5%;display:flex;overflow:hidden}.film-code-column small{color:#63708e;text-transform:uppercase;letter-spacing:.08em;margin:0 0 18px 42px}.film-code-column p{color:#8997b5;white-space:nowrap;align-items:center;gap:14px;min-height:27px;margin:0;padding:0 14px;line-height:1.3;display:flex}.film-code-column p b{color:#3f4c69;text-align:right;-webkit-user-select:none;user-select:none;flex:none;width:24px;font-weight:500}.film-code-column p code{color:#aab7d2}.film-code-column p:nth-of-type(5) code,.film-code-column p:nth-of-type(6) code{color:#beadff}.film-code-column p:last-of-type code{color:#66dfb2}.film-code-column p.active{color:#eafcff;background:linear-gradient(90deg,#44e8ff26,#0000);border-left:2px solid #44e8ff;animation:2.6s ease-in-out infinite filmCodePulse}.film-code-column p.active b{color:#44e8ff}.film-code-column p.active code{color:#e8fbff}.film-grid-stage{flex-direction:column;justify-content:center;align-items:center;padding:8%;display:flex}.film-grid-label{color:#8290ae;text-transform:uppercase;letter-spacing:.1em;margin-bottom:22px;font-size:.68rem;font-weight:800}.film-grid-cells{grid-template-columns:repeat(3,1fr);gap:10px;width:min(380px,75%);display:grid}.film-grid-cells i{aspect-ratio:1;color:#cbd6ef;font:800 clamp(.8rem,1.5vw,1.2rem) var(--font-mono);background:#101b3db8;border:1px solid #94aae438;border-radius:14px;place-items:center;font-style:normal;display:grid}.film-grid-cells i.candidate{color:#d9d1ff;background:#8b7cff38;border-color:#8b7cff;animation:2.2s ease-in-out infinite landingCandidate}.film-grid-cells i.target{color:#fff;background:#ff547b42;border-color:#ff6f91;animation:2.2s ease-in-out infinite landingTarget}.film-equation{color:#909dba;font:600 clamp(.65rem,1vw,.82rem) var(--font-mono);background:#0b132cbf;border:1px solid #859bdc33;border-radius:12px;margin-top:25px;padding:13px 20px}.film-equation b{color:#b8adff}.film-equation strong{color:#fff}.landing-film-cursor{z-index:5;left:var(--film-button-x);top:var(--film-button-y);color:#0b1020;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;background:#f9fafdf0;border:1px solid #ffffffe0;border-radius:18px;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:174px;height:58px;text-decoration:none;transition:left 90ms linear,top 90ms linear,opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;display:flex;position:absolute;transform:translate(-50%,-50%)scale(.8);box-shadow:0 18px 52px #01051047,inset 0 1px #fff}.landing-film-play-icon{color:#fff;background:#111729;border-radius:50%;width:29px;height:29px;padding:7px}.landing-film-cursor span{color:#0b1020;letter-spacing:-.01em;text-align:center;white-space:nowrap;font-size:.74rem;font-weight:850;line-height:1}.landing-film-frame:hover .landing-film-cursor{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.landing-film-cursor:hover{box-shadow:0 22px 62px #01051057,inset 0 1px #fff;transform:translate(-50%,-50%)scale(1.04)!important}.landing-film-caption{color:#697795;font:700 .59rem var(--font-mono);letter-spacing:.07em;justify-content:space-between;display:flex;position:absolute;bottom:18px;left:22px;right:22px}.landing-film-caption strong{color:#44e8ff;text-transform:uppercase}.landing-film-frame:hover{cursor:none}@keyframes cursorAuraTravel{0%,to{opacity:.48;transform:translate(-50%,-50%)scaleY(.96)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.035,1.02)}}@keyframes cursorAuraDrift{0%{opacity:.64;transform:translate(-2%,1%)scale(.98)}to{opacity:.88;transform:translate(3%,-2%)scale(1.035)}}@keyframes cursorAuraCounterDrift{0%{opacity:.52;transform:translate(2%,-1%)}to{opacity:.76;transform:translate(-3%,2%)}}@keyframes landingBreathe{0%,to{opacity:.42;transform:translate(50%)scale(.94)}50%{opacity:.7;transform:translate(50%)scale(1.04)}}@keyframes landingMetal{0%,to{background-position:0}50%{background-position:100%}}@keyframes landingTarget{0%,to{transform:scale(1);box-shadow:0 0 12px #ff547b1f}50%{transform:scale(1.06);box-shadow:0 0 24px #ff547b5c}}@keyframes landingCandidate{0%,to{border-color:#8b7cff}50%{background:#8b7cff47;border-color:#b9adff}}@keyframes landingPulse{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes filmCodePulse{0%,to{background-color:#44e8ff0d}50%{background-color:#44e8ff24}}@media (max-width:900px){.landing-hero{padding-top:58px}.landing-copy h1{font-size:clamp(4rem,15vw,7rem)}.landing-visual{margin-top:70px}.landing-how{grid-template-columns:1fr;gap:42px}}@media (max-width:560px){.landing-nav{height:70px}.landing-sign-in{padding-inline:13px;font-size:.72rem}.landing-hero{padding-top:48px}.landing-copy h1{font-size:3.9rem}.landing-lede{font-size:.94rem}.landing-visual{width:100%;margin-top:55px}.landing-film-section{margin-bottom:90px}.landing-film-frame{aspect-ratio:4/3;border-radius:18px}.landing-film-frame video{object-fit:cover;object-position:72% center}.film-code-column{display:none}.landing-film-fallback{grid-template-columns:1fr}.film-grid-cells{gap:6px;width:min(280px,75%)}.film-grid-cells i{border-radius:8px}.landing-film-cursor{border-radius:16px;width:158px;height:52px}.landing-section-heading{margin-top:0}.landing-final-cta{border-radius:22px;width:calc(100% - 40px);padding:52px 20px}.landing-final-cta .landing-cta-row{flex-direction:column;align-items:stretch}.landing-final-cta .landing-primary-cta,.landing-final-cta .landing-secondary-cta{width:100%}.landing-footer{align-items:flex-start;gap:18px;width:calc(100% - 40px)}.landing-footer nav{gap:16px}}@media (prefers-reduced-motion:reduce){.landing-glow-one,.landing-copy h1 span,.preview-grid span.target,.preview-grid span.candidate,.preview-code .preview-active:after,.film-code-column p.active,.film-grid-cells i,.landing-shell.cursor-in-motion .landing-cursor-light,.landing-shell.cursor-in-motion .landing-cursor-light:before,.landing-shell.cursor-in-motion .landing-cursor-light:after{animation:none}.landing-cursor-light{display:none}.landing-preview-card,.landing-film-frame{transition:none;transform:none}}@media (pointer:coarse){.landing-cursor-light{display:none}.landing-preview-card{transform:none}.landing-film-frame{cursor:auto}.landing-film-cursor{opacity:1;pointer-events:auto;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85)}}.share-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.share-page__content{width:min(980px,100%)}.share-page__brand{color:var(--accent-color);letter-spacing:0;font-weight:800}.share-page h1{color:var(--text-primary);margin:8px 0}.share-page__description{max-width:760px;color:var(--text-secondary);margin:0 0 10px;font-size:.82rem;line-height:1.55}.share-page__input{color:var(--text-secondary);font-family:var(--font-mono);overflow-wrap:anywhere}.share-gif-player img{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;max-width:960px;margin:18px 0;display:block}.share-gif-player__controls{justify-content:space-between;align-items:center;gap:12px;margin:-6px 0 18px;display:flex}.share-gif-player__controls p{color:var(--text-secondary);align-items:center;gap:7px;font-size:.78rem;display:flex}.share-gif-player__controls p span{border-radius:var(--radius-full);background:var(--success-color);width:7px;height:7px;box-shadow:0 0 0 4px var(--success-light);flex:none}.share-gif-player__actions{align-items:center;gap:8px;display:flex}.share-gif-player__action{color:var(--text-primary);font-family:var(--font-sans);justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.78rem;font-weight:500;line-height:1.25;display:inline-flex}@media (max-width:560px){.share-gif-player__controls{flex-direction:column;align-items:flex-start}}