.dsa-app-layout{gap:var(--space-5);grid-template-columns:270px 1fr;align-items:start;display:grid}@media (width<=860px){.dsa-app-layout{grid-template-columns:1fr}}.dsa-tree-aside{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.dsa-tree-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.dsa-tree-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:.82rem;font-weight:700}.dsa-tree-count{font-size:.72rem;font-family:var(--font-mono);background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:999px;padding:2px 8px}.dsa-tree-search-box{margin-bottom:var(--space-3)}.dsa-tree-search-input{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-bg);width:100%;color:var(--color-text);padding:6px 10px;font-family:inherit;font-size:.82rem}.dsa-tree-menu{gap:var(--space-2);flex-direction:column;display:flex}.dsa-folder{border-radius:var(--radius-sm)}.dsa-folder__title{color:var(--color-text);cursor:pointer;user-select:none;border-radius:var(--radius-sm);align-items:center;gap:6px;padding:6px 8px;font-size:.84rem;font-weight:600;list-style:none;transition:background .15s;display:flex}.dsa-folder__title::-webkit-details-marker{display:none}.dsa-folder__title:hover{background:var(--color-bg-subtle)}.dsa-folder__icon{color:var(--color-text-secondary);font-size:.72rem;transition:transform .2s;display:inline-block}.dsa-folder[open]>.dsa-folder__title .dsa-folder__icon{transform:rotate(90deg)}.dsa-folder__items{margin-left:var(--space-3);padding-left:var(--space-2);border-left:1px solid var(--color-border);flex-direction:column;gap:2px;margin-top:4px;margin-bottom:6px;display:flex}.dsa-tree-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .15s;display:block}.dsa-tree-item:hover{color:var(--color-text);background:var(--color-bg-subtle)}.dsa-tree-item--active{color:var(--color-accent);background:var(--color-accent-glow);font-weight:600}.dsa-main-content{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.dsa-topic-banner{padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.dsa-category-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:.72rem;font-weight:700}.dsa-topic-title{color:var(--color-text);margin:2px 0 0;font-size:1.35rem}.dsa-stage{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.dsa-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.dsa-toolbar__group,.dsa-toolbar__playback{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dsa-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);font-size:.74rem;font-weight:700}.dsa-select,.dsa-input{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text);min-height:36px;padding:6px 10px;font-family:inherit;font-size:.88rem}.dsa-speed-box{align-items:center;gap:var(--space-2);margin-left:var(--space-2);display:flex}.dsa-range{width:85px;accent-color:var(--color-accent)}.dsa-sound-btn,.dsa-icon-btn,.dsa-play-btn{align-items:center;gap:6px;min-height:34px;font-weight:600;transition:transform .12s,background-color .14s,border-color .14s;display:inline-flex}.dsa-sound-btn:active,.dsa-icon-btn:active,.dsa-play-btn:active{transform:scale(.97)}.toolbar-btn:disabled,.toolbar-btn[disabled]{opacity:.35;cursor:not-allowed;pointer-events:none}.dsa-play-btn{padding-left:14px;padding-right:14px}.dsa-view-mode-bar{width:100%;margin-bottom:var(--space-3);padding:0 var(--space-1);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dsa-view-toggle{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius);gap:3px;padding:3px;display:inline-flex}.dsa-view-toggle__btn{border-radius:calc(var(--radius) - 3px);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;min-height:36px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .14s;display:inline-flex}.dsa-view-toggle__btn:hover{color:var(--color-text)}.dsa-view-toggle__btn--active{background:var(--color-accent);color:#fff}.dsa-sound-indicator{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted);align-items:center;gap:8px;display:flex}.dsa-sound-dot{background:#10b981;border-radius:50%;width:8px;height:8px;transition:background-color .2s,box-shadow .2s;box-shadow:0 0 8px #10b98199}.dsa-sound-dot--muted{box-shadow:none;background:#ef4444}.dsa-canvas-box{border-radius:var(--radius-lg);background:#090b10;border:1px solid #ffffff14;flex-direction:column;justify-content:flex-start;align-items:center;min-height:520px;padding:clamp(24px,4vw,44px) clamp(16px,3vw,32px);display:flex;position:relative;overflow:auto visible}.dsa-tray-stage{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:820px;margin:0 auto;display:flex}.dsa-theater-header{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:22px;display:flex}.dsa-theater-badge{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;padding:3px 12px;font-size:clamp(.68rem,1.8vw,.74rem);font-weight:600}.dsa-theater-title{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:#f8fafc;margin:0;font-size:clamp(1.5rem,3.8vw,2.1rem);font-weight:800;line-height:1.1}.dsa-comparison-header{text-align:center;justify-content:center;align-items:center;min-height:60px;margin-bottom:20px;display:flex}.dsa-comparison-expr{font-family:var(--font-mono);letter-spacing:-.03em;color:#f8fafc;font-size:clamp(2.4rem,6.2vw,3.8rem);font-weight:800;line-height:1;transition:color .14s}.dsa-comparison-expr--compare{color:#38bdf8}.dsa-comparison-expr--swap{color:#fb7185}.dsa-comparison-expr--pivot{color:#fbbf24}.dsa-comparison-expr--complete{color:#34d399}.dsa-dock-stage{flex-direction:column;align-items:center;width:100%;padding-top:56px;padding-bottom:12px;display:flex;position:relative;overflow:visible}.dsa-dock-rail{background:#11131a;border:1px solid #ffffff17;border-radius:16px;justify-content:center;align-items:center;gap:clamp(4px,1.2vw,10px);padding:10px 14px;display:flex;box-shadow:0 16px 36px -8px #000000a6,inset 0 1px #ffffff14}.dsa-tray-slot{flex-shrink:0;width:clamp(28px,6vw,54px);height:clamp(38px,7.5vw,62px);position:relative}.dsa-tray-socket{pointer-events:none;background:#00000085;border:1px dashed #ffffff14;border-radius:10px;position:absolute;inset:0;box-shadow:inset 0 3px 8px #000000d9}.dsa-keycap-tile{font-family:var(--font-mono);color:#f1f5f9;cursor:default;user-select:none;will-change:transform;z-index:2;background:#1a1e28;border:1px solid #ffffff24;border-radius:10px;justify-content:center;align-items:center;font-size:clamp(.95rem,2.4vw,1.28rem);font-weight:700;transition:transform .28s cubic-bezier(.34,1.56,.64,1),background-color .16s,border-color .16s,color .16s,box-shadow .22s;display:flex;position:absolute;inset:0;transform:translateY(0);box-shadow:inset 0 1px #ffffff29,0 4px 10px #00000073}.dsa-keycap-tile--comparing{color:#38bdf8;z-index:10;background:#0c1a29;border-color:#38bdf8;transform:translateY(-44px);box-shadow:0 16px 28px -4px #000000b3,inset 0 1px #ffffff38}.dsa-keycap-tile--swapping{color:#fda4af;z-index:11;background:#280e15;border-color:#fb7185;transform:translateY(-46px);box-shadow:0 16px 28px -4px #000000b3,inset 0 1px #ffffff38}.dsa-keycap-tile--pivot{color:#fbbf24;background:#261b0c;border-color:#f59e0b}.dsa-keycap-tile--sorted{color:#34d399;background:#082417;border-color:#10b981;transform:translateY(0);box-shadow:inset 0 1px #ffffff24,0 3px 8px #0006}.dsa-slot-indicator{text-align:center;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#0000;user-select:none;font-size:.65rem;font-weight:700;position:absolute;top:calc(100% + 6px);left:0;right:0}.dsa-slot-indicator--pivot{color:#fbbf24}.dsa-dock-label{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:#ffffff52;user-select:none;margin-top:24px;font-size:.62rem;font-weight:700}.dsa-narrative-sub{font-family:var(--font-sans);color:#cbd5e1;text-align:center;letter-spacing:-.01em;min-height:28px;margin-top:22px;margin-bottom:22px;font-size:clamp(.92rem,2.2vw,1.05rem);font-weight:500}.dsa-logic-card{background:#07080c;border:1px solid #ffffff17;border-radius:14px;width:100%;max-width:100%;margin-top:0;overflow:hidden;box-shadow:0 4px 20px #00000059}.dsa-logic-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.dsa-logic-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:.72rem;font-weight:700}.dsa-logic-tabs{background:#0006;border:1px solid #ffffff14;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.dsa-logic-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:600;transition:all .14s}.dsa-logic-tab--active{color:#f8fafc;background:#ffffff1f}.dsa-logic-view{max-height:400px;padding:8px 0;overflow-y:auto}.dsa-flowchart-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:10px 14px;display:flex}.dsa-flow-step{text-align:center;background:#0d0f15;border:1px solid #ffffff17;border-radius:10px;flex-direction:column;align-items:center;min-width:95px;padding:8px 12px;transition:all .18s;display:flex}.dsa-flow-step--active{background:#38bdf81f;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 14px #38bdf840}.dsa-flow-badge{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:2px;font-size:.65rem;font-weight:700}.dsa-flow-step--active .dsa-flow-badge{color:#38bdf8}.dsa-flow-desc{font-family:var(--font-mono);color:#f1f5f9;font-size:.74rem;font-weight:600}.dsa-flow-arrow{color:#ffffff40;user-select:none;font-size:.85rem;font-weight:700}.dsa-stage-code-list{font-family:var(--font-mono);color:#94a3b8;margin:0;padding:6px 0;font-size:clamp(.74rem,1.8vw,.82rem);line-height:1.65;list-style:none}.dsa-stage-code-line{white-space:pre;border-left:2px solid #0000;padding:2px 14px;transition:all .12s}.dsa-stage-code-line--active{color:#e0f2fe;background:#38bdf81f;border-left-color:#38bdf8;font-weight:600}.dsa-complexity-hud{background:#080a0f;border:1px solid #34d39959;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:580px;margin-top:18px;padding:14px 18px;animation:.35s cubic-bezier(.16,1,.3,1) dsaFadeIn;display:grid;box-shadow:0 10px 24px #0006}@keyframes dsaFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dsa-hud-metric{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.dsa-hud-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:.64rem;font-weight:700}.dsa-hud-val{font-family:var(--font-mono);color:#34d399;font-size:.88rem;font-weight:700}:root:not([data-theme=dark]) .dsa-canvas-box{background:#f8fafc;border-color:#0000001a}:root:not([data-theme=dark]) .dsa-theater-badge{color:#475569;background:#0000000d;border-color:#0000001a}:root:not([data-theme=dark]) .dsa-theater-title,:root:not([data-theme=dark]) .dsa-comparison-expr{color:#0f172a}:root:not([data-theme=dark]) .dsa-dock-rail{background:#e2e8f0;border-color:#0000001f;box-shadow:0 10px 24px #00000012,inset 0 1px #fffc}:root:not([data-theme=dark]) .dsa-tray-socket{background:#00000012;border-color:#00000024;box-shadow:inset 0 2px 5px #0000001f}:root:not([data-theme=dark]) .dsa-keycap-tile{color:#0f172a;background:#fff;border-color:#00000024;box-shadow:inset 0 1px #fff,0 3px 8px #00000014}:root:not([data-theme=dark]) .dsa-keycap-tile--comparing{color:#0369a1;background:#e0f2fe;border-color:#0284c7}:root:not([data-theme=dark]) .dsa-keycap-tile--swapping{color:#be123c;background:#ffe4e6;border-color:#e11d48}:root:not([data-theme=dark]) .dsa-keycap-tile--pivot{color:#b45309;background:#fef3c7;border-color:#d97706}:root:not([data-theme=dark]) .dsa-keycap-tile--sorted{color:#15803d;background:#dcfce7;border-color:#16a34a}:root:not([data-theme=dark]) .dsa-dock-label{color:#64748b}:root:not([data-theme=dark]) .dsa-narrative-sub{color:#334155}:root:not([data-theme=dark]) .dsa-logic-card{background:#f8fafc;border-color:#0000001a;box-shadow:0 6px 18px #0000000f}:root:not([data-theme=dark]) .dsa-logic-header{background:#00000008;border-bottom-color:#00000014}:root:not([data-theme=dark]) .dsa-logic-title{color:#475569}:root:not([data-theme=dark]) .dsa-logic-tabs{background:#0000000d;border-color:#0000001a}:root:not([data-theme=dark]) .dsa-logic-tab{color:#64748b}:root:not([data-theme=dark]) .dsa-logic-tab--active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000001a}:root:not([data-theme=dark]) .dsa-flow-step{background:#fff;border-color:#0000001a}:root:not([data-theme=dark]) .dsa-flow-step--active{background:#e0f2fe;border-color:#0284c7;box-shadow:0 4px 12px #0284c726}:root:not([data-theme=dark]) .dsa-flow-step--active .dsa-flow-badge{color:#0369a1}:root:not([data-theme=dark]) .dsa-flow-desc{color:#0f172a}:root:not([data-theme=dark]) .dsa-flow-arrow{color:#00000040}:root:not([data-theme=dark]) .dsa-stage-code-list{color:#475569}:root:not([data-theme=dark]) .dsa-stage-code-line--active{color:#0369a1;background:#e0f2fe;border-left-color:#0284c7}:root:not([data-theme=dark]) .dsa-complexity-hud{background:#fff;border-color:#16a34a59;box-shadow:0 6px 18px #0000000f}:root:not([data-theme=dark]) .dsa-hud-label{color:#64748b}:root:not([data-theme=dark]) .dsa-hud-val{color:#15803d}.dsa-bars-container{justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:900px;height:320px;display:flex}.dsa-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;max-width:48px;height:100%;display:flex}.dsa-bar-body{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--color-border-strong);width:100%;transition:height .22s cubic-bezier(.23,1,.32,1),background-color .16s}.dsa-bar-body--comparing{background:var(--color-accent);box-shadow:0 0 10px var(--color-accent)}.dsa-bar-body--swapping{background:#e06c75}.dsa-bar-body--sorted{background:#98c379}.dsa-bar-body--pivot{background:#e5c07b}.dsa-bar-label{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.76rem}.dsa-structure-container{justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;width:100%;min-height:340px;display:flex}.dsa-node-flow{align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.dsa-node-box{align-items:center;gap:var(--space-2);display:flex}.dsa-node-item{min-width:54px;height:54px;padding:0 var(--space-3);background:var(--color-bg-raised);border:2px solid var(--color-border-strong);border-radius:var(--radius);font-family:var(--font-mono);color:var(--color-text);justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;transition:all .25s;display:flex}.dsa-node-item--active{border-color:var(--color-accent);background:var(--color-accent-glow);transform:scale(1.08)}.dsa-arrow-icon{color:var(--color-text-secondary);font-size:1.1rem;font-weight:700}.dsa-stack-view{border:2px solid var(--color-border-strong);padding:var(--space-2);gap:var(--space-2);border-radius:0 0 var(--radius) var(--radius);border-top:none;flex-direction:column-reverse;min-width:180px;min-height:250px;display:flex}.dsa-queue-view{border:2px solid var(--color-border-strong);padding:var(--space-3);gap:var(--space-2);border-left:none;border-right:none;flex-direction:row;align-items:center;min-width:320px;min-height:80px;display:flex}.dsa-cq-ring-view{gap:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.dsa-cq-cell{border:2px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-bg-raised);min-width:60px;font-family:var(--font-mono);flex-direction:column;align-items:center;padding:8px 12px;display:flex}.dsa-cq-cell--front{border-color:#98c379}.dsa-cq-cell--rear{border-color:var(--color-accent)}.dsa-cq-badge{text-transform:uppercase;font-size:.68rem;font-weight:700}.dsa-hash-table-view{gap:var(--space-2);flex-direction:column;width:100%;max-width:650px;display:flex}.dsa-hash-bucket-row{align-items:center;gap:var(--space-2);display:flex}.dsa-hash-bucket-header{background:var(--color-bg-subtle);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:80px;font-family:var(--font-mono);color:var(--color-text-secondary);text-align:center;padding:6px 10px;font-size:.78rem;font-weight:700}.dsa-hash-bucket-header--active{border-color:var(--color-accent);background:var(--color-accent-glow);color:var(--color-accent)}.dsa-hash-chain{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dsa-hash-entry{background:var(--color-bg-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);align-items:center;gap:4px;padding:4px 10px;font-size:.84rem;display:flex}.dsa-hash-entry--active{border-color:var(--color-accent);background:var(--color-accent-glow)}.dsa-svg-view{width:100%;max-width:820px;height:330px;overflow:visible}.dsa-heap-array-row{margin-bottom:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.dsa-heap-cell{background:var(--color-bg-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);flex-direction:column;align-items:center;padding:4px 10px;display:flex}.dsa-heap-cell--active{border-color:var(--color-accent);background:var(--color-accent-glow);transform:scale(1.05)}.dsa-heap-cell__idx{color:var(--color-text-secondary);font-size:.68rem}.dsa-heap-cell__val{color:var(--color-text);font-size:1.05rem;font-weight:700}.dsa-table-box{margin-top:var(--space-3);width:100%;max-width:650px;overflow-x:auto}.dsa-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.8rem}.dsa-table th,.dsa-table td{border:1px solid var(--color-border);text-align:center;padding:6px 10px}.dsa-table th{background:var(--color-bg-subtle);color:var(--color-text-secondary);text-transform:uppercase;font-size:.72rem}.dsa-table td--active{background:var(--color-accent-glow);border-color:var(--color-accent);color:var(--color-accent);font-weight:700}.dsa-table td--visited{color:#98c379;background:#98c37926;font-weight:700}.dsa-frontier-badge-row{gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.dsa-frontier-badge{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text);padding:4px 12px;font-size:.8rem}.dsa-status-bar{padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.dsa-status-text{color:var(--color-text);font-weight:500}.dsa-step-counter{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.82rem}.dsa-complexity-panel{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.dsa-comp-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.dsa-comp-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:var(--space-1);font-size:.74rem;font-weight:700}.dsa-comp-val{font-family:var(--font-mono);color:var(--color-text);font-size:.88rem}.dsa-learn-grid{gap:var(--space-4);grid-template-columns:minmax(260px,1fr) minmax(320px,1.4fr);align-items:start;display:grid}@media (width<=960px){.dsa-learn-grid{grid-template-columns:1fr}}.dsa-scrub-bar{padding:var(--space-2) var(--space-4) 0;background:var(--color-bg)}.dsa-scrub-range{width:100%}.dsa-input--error{animation:.3s dsa-shake;border-color:var(--color-danger,#e5484d)!important}@keyframes dsa-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (width>=861px){.dsa-tree-aside{top:var(--space-4);max-height:calc(100vh - 2 * var(--space-4));position:sticky;overflow-y:auto}}