@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=JetBrains+Mono:wght@100..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-deep: #0B0E14;--bg-surface: #0D1119;--bg-card: #11151E;--bg-card-hover: #161B26;--bg-glass: rgba(255, 255, 255, .05);--primary: #6366f1;--primary-bright: #818cf8;--primary-glow: rgba(99, 102, 241, .4);--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent: #06b6d4;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: rgba(148, 163, 184, .12);--border-glass: rgba(255, 255, 255, .1);--border-active: #6366f1;--font-display: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--reading-width: 820px;--reading-width-wide: 1080px;--section-num-size: 32px;--section-title-size: 1.4rem;--section-title-weight: 800;--section-kicker-size: 10px;--section-gap: 56px;--body-size: 1rem;--body-line: 1.8;--cue-danger: #f87171;--cue-warn: #fbbf24;--cue-ok: #34d399;--cue-info: var(--primary-bright);--card-bg: rgba(255, 255, 255, .02);--card-border: rgba(255, 255, 255, .06);--glass: rgba(15, 23, 42, .75);--shadow-premium: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);color-scheme:dark;color:var(--text-primary);background-color:var(--bg-deep);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-deep);color:var(--text-primary);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;margin:0;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.6}a{font-weight:500;color:var(--primary);text-decoration:inherit;transition:color .2s}a:hover{color:#818cf8}button{border-radius:12px;border:1px solid var(--border-subtle);padding:.6em 1.2em;font-size:14px;font-weight:600;font-family:inherit;background-color:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover{background-color:var(--bg-card-hover);border-color:var(--border-active);transform:translateY(-1px)}button:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.sec-head{display:flex;align-items:flex-start;gap:14px;margin:0 0 20px}.sec-num{flex-shrink:0;width:var(--section-num-size);height:var(--section-num-size);border-radius:10px;background:#6366f11f;border:1px solid rgba(99,102,241,.4);color:var(--primary-bright);font-family:var(--font-body);font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center}.sec-num:before{content:counter(sec,decimal-leading-zero)}.sec-head-text{min-width:0}.sec-kicker{font-size:var(--section-kicker-size);font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-bright);margin-bottom:4px}.viz-container{margin:24px auto;padding:32px;border-radius:24px;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;width:100%;box-sizing:border-box}@media(max-width:768px){.viz-container{margin:12px auto;padding:16px;border-radius:16px}}.viz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;width:100%}@media(max-width:768px){.viz-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}}.viz-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.viz-grid-2{grid-template-columns:1fr}}.viz-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%}@media(max-width:768px){.viz-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.viz-array-scroll{display:flex;gap:12px;justify-content:center;width:100%}@media(max-width:768px){.viz-array-scroll{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:16px}}.viz-footer{padding:32px 40px;background:#020617;display:grid;grid-template-columns:1fr 1fr;gap:32px}@media(max-width:768px){.viz-footer{padding:24px 20px;grid-template-columns:1fr;gap:24px}}.viz-title{font-size:18px;font-weight:800}@media(max-width:768px){.viz-title{font-size:16px}}.code-container-v3{background:transparent!important;font-family:JetBrains Mono,monospace!important;font-size:14px!important;line-height:1.8!important;height:100%!important;display:flex!important;flex-direction:column!important}.code-content-v3{flex:1!important;overflow:auto!important;padding:16px 0!important}.code-line-v3{display:flex!important;min-height:22px!important;transition:background .2s ease!important;position:relative!important}.code-line-v3.active{background:#6366f138!important}.code-line-v3.active:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;background:#4ade80!important;box-shadow:0 0 15px #4ade80,2px 0 25px #4ade8080!important;z-index:20!important}.code-line-v3.active .code-line-text-v3{color:#fff!important;font-weight:500!important;text-shadow:0 0 12px rgba(255,255,255,.4)!important}.syntax-keyword{color:#bb9af7!important;font-weight:600!important}.syntax-function{color:#7aa2f7!important}.syntax-string{color:#9ece6a!important}.syntax-number{color:#ff9e64!important}.syntax-comment{color:#565f89!important;font-style:italic!important}.syntax-operator{color:#89ddff!important}.syntax-builtin{color:#0db9d7!important}.syntax-variable{color:#c0caf5!important}.code-line-text-v3{flex:1!important;padding-left:20px!important;white-space:pre!important;color:#c0caf5!important}.code-container-v3::-webkit-scrollbar{width:6px;height:6px}.code-container-v3::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.code-container-v3::-webkit-scrollbar-thumb:hover{background:#ffffff1a}:root{--sim-bg-obsidian: #050507;--sim-accent-primary: #6366f1;--sim-text-bright: #ffffff;--sim-font-mono: "JetBrains Mono", monospace}.standard-sim-container{display:flex!important;flex-direction:column!important;height:100vh!important;width:100vw!important;position:fixed!important;top:0!important;left:0!important;background-color:#050507!important;color:#e2e8f0!important;font-family:Inter,system-ui,sans-serif!important;z-index:9999!important;overflow:hidden!important}.sim-workspace{flex:1!important;display:flex!important;height:100%!important;background:#050507!important}.sim-panel-obsidian{background:#050507!important;display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important}.stage-area{flex:1!important}.sim-stage-inner-v4{flex:1!important;display:flex!important;flex-direction:column!important;height:100%!important;background:#050507!important;position:relative!important}.sim-stage-header-v4{height:64px!important;padding:0 32px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#ffffff03!important;border-bottom:1px solid rgba(255,255,255,.04)!important;z-index:1000!important}.sim-header-left{display:flex!important;align-items:center!important;gap:20px!important}.sim-btn-back-v4{width:40px!important;height:40px!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:#fff!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;padding:0!important;flex-shrink:0!important}.sim-btn-back-v4:hover{background:#ffffff26!important;border-color:#ffffff4d!important}.sim-subtitle-v4,.sim-header-subtitle{font-size:11px!important;font-weight:900!important;letter-spacing:1.5px!important;color:#6366f1!important;text-transform:uppercase!important}.sim-title-v4{margin:2px 0 0!important;font-size:20px!important;font-weight:800!important;color:#fff!important}.sim-header-right{display:flex!important;align-items:center!important;gap:12px!important}.sim-btn-config-v4-v7{width:42px!important;height:42px!important;background:#6366f1!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;cursor:pointer!important;box-shadow:0 8px 20px #6366f14d!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.sim-tool-btn-v4-refined{width:42px!important;height:42px!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important}.sim-stage-main-v4{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;position:relative!important}.sim-master-dock-v4{display:flex!important;flex-direction:column!important;background:#050507!important;border-top:1px solid rgba(255,255,255,.05)!important;width:100%!important;flex-shrink:0!important}.sim-caption-dock-v4{padding:0 32px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.sim-caption-dock-v4 p{margin:0!important;color:#f1f5f9!important;font-size:16px!important;max-width:900px!important}.sim-playback-dock-v4{height:100px!important;padding:0 40px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;position:relative!important;background:#ffffff03!important}.sim-playback-unit-v4{display:flex!important;flex-direction:row!important;align-items:center!important;gap:24px!important}.sim-btn-power-v4{width:64px!important;height:64px!important;border-radius:50%!important;background:#6366f1!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;cursor:pointer!important;box-shadow:0 8px 30px #6366f166!important}.sim-btn-large-v4{width:46px!important;height:46px!important;border-radius:50%!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important;color:#94a3b8!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}.logic-area-v7{background:#050507!important;border-left:1px solid rgba(255,255,255,.1)!important;display:flex!important;flex-direction:column!important;height:100%!important}.sim-sidecar-inner-v7{flex:1!important;display:flex!important;flex-direction:column!important;height:100%!important;background:#050507!important}.sim-editor-obsidian-v4{flex:1!important;background:#050507!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.sim-sidecar-bottom{flex:1!important;background:#050507!important;display:flex!important;flex-direction:column!important}.sim-pane-header-v4{height:48px!important;padding:0 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#050507!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.sim-pane-label-v4{font-size:10px!important;font-weight:800!important;color:#64748b!important;letter-spacing:2.5px!important;text-transform:uppercase!important;display:flex!important;align-items:center!important;gap:10px!important}.sim-pane-label-inner-v7{display:flex!important;align-items:center!important;gap:10px!important}.sim-pane-icon-emerald{color:#10b981!important}.sim-pane-icon-indigo{color:#818cf8!important}.sim-pane-icon-amber{color:#f59e0b!important}.sim-lang-pill-v4{position:relative!important;width:120px!important;height:32px!important}.sim-lang-pill-v4 select{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:20!important}.sim-lang-ui-v4{position:absolute!important;inset:0!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 12px!important;color:#94a3b8!important;font-size:10px!important;font-weight:800!important;pointer-events:none!important;z-index:10!important}.sim-resizer-v-v4{height:6px!important;width:100%!important;background:#ffffff0d!important;cursor:row-resize!important;transition:all .2s ease!important;z-index:100!important;flex-shrink:0!important}.sim-resizer-v-v4:hover,.sim-resizer-v-v4:active{background:#6366f1!important;box-shadow:0 0 10px #6366f166!important}.sim-integrated-console-v7{width:100%!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;height:112px!important}.sim-dashboard-strip-v7{-webkit-user-select:none!important;user-select:none!important}.sim-editor-obsidian-v4 *{background:transparent!important}.sim-subtype-deck-v7{display:flex!important;background:#ffffff08!important;padding:4px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.08)!important;gap:4px!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.sim-subtype-btn-v7{padding:8px 20px!important;border-radius:10px!important;border:none!important;font-size:11px!important;font-weight:800!important;letter-spacing:.05em!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;background:transparent!important;color:#64748b!important;text-transform:uppercase!important;display:flex!important;align-items:center!important;gap:8px!important}.sim-subtype-btn-v7:hover{color:#fff!important;background:#ffffff0d!important}.sim-subtype-btn-v7.active{background:#6366f1!important;color:#fff!important;box-shadow:0 4px 15px #6366f166,inset 0 0 10px #ffffff1a!important}.sim-subtype-btn-v7.active i,.sim-subtype-btn-v7.active svg{color:#fff!important}.sim-viz-tabs-v4{background:#0f172acc!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.1)!important;padding:6px!important;box-shadow:0 20px 40px #0009!important}.sim-viz-tab-btn-v4{padding:10px 24px!important;border-radius:14px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.1em!important;transition:all .2s ease!important}.sim-viz-tab-btn-v4.active{background:#6366f1!important;box-shadow:0 8px 20px #6366f166!important}.variables-panel-v3,.variables-list-v3{background:#050507!important}.sim-mobile-root{display:flex!important;flex-direction:column!important;position:fixed!important;inset:0!important;height:100dvh!important;width:100vw!important;background:var(--sim-bg-obsidian)!important;overflow:hidden!important}.sim-m-header{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));border-bottom:1px solid rgba(255,255,255,.06);background:#050507e6}.sim-m-title-stack{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.sim-m-strategy{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;line-height:1.2}.sim-m-title{margin:0;font-size:15px;font-weight:800;letter-spacing:-.02em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-m-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sim-m-iconbtn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;flex-shrink:0}.sim-m-iconbtn-primary{background:#6366f1;border:none;box-shadow:0 0 16px #6366f166}.sim-m-subtype-row{flex-shrink:0;display:flex;gap:8px;padding:8px 12px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.05)}.sim-m-subtype-btn{flex-shrink:0;padding:7px 14px;border-radius:10px;font-size:12px;font-weight:700;color:#94a3b8;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer}.sim-m-subtype-btn.active{color:#fff;background:#6366f1;border-color:transparent}.sim-m-stage{flex:1;position:relative;overflow:hidden;background:radial-gradient(circle at center,#0f172a66,#050507)}.sim-m-viz{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.sim-m-viz-tabs{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:30}.sim-m-viz-tabs .sim-viz-tab-btn-v4{display:flex;align-items:center;gap:6px;border:none;background:#0a0a0eb3;color:#94a3b8;cursor:pointer;padding:8px 16px!important}.sim-m-viz-tabs .sim-viz-tab-btn-v4.active{color:#fff}.sim-m-sheet{position:absolute;left:0;right:0;bottom:0;height:92%;display:flex;flex-direction:column;background:#0a0a0c;border-top:1px solid rgba(255,255,255,.08);border-radius:18px 18px 0 0;box-shadow:0 -20px 40px #00000080;transform:translateY(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);z-index:40}.sim-m-sheet.open{transform:translateY(0)}.sim-m-sheet-handle{flex-shrink:0;cursor:pointer;padding-top:8px}.sim-m-sheet-grip{width:40px;height:4px;border-radius:2px;background:#fff3;margin:0 auto 8px}.sim-m-sheet-titlebar{display:flex;align-items:center;gap:10px;padding:4px 16px 10px;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px;font-weight:900;letter-spacing:.08em;color:#64748b}.sim-m-sheet-titlebar>span:first-child{flex:1}.sim-m-sheet-close{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex}.sim-m-sheet-body{flex:1;overflow:hidden}.sim-m-substate-label{display:flex;align-items:center;gap:8px;padding:10px 16px 6px;font-size:11px;font-weight:900;letter-spacing:.08em;color:#64748b}.sim-m-segmented{flex-shrink:0;display:flex;gap:6px;padding:8px 12px;background:#050507f2;border-top:1px solid rgba(255,255,255,.05)}.sim-m-segmented button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 0;border-radius:12px;font-size:13px;font-weight:700;color:#94a3b8;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);cursor:pointer;transition:all .18s ease}.sim-m-segmented button.active{color:#fff;background:#6366f1;border-color:transparent;box-shadow:0 4px 14px #6366f159}.sim-m-narration{flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 18px;min-height:46px;background:#050507f2}.sim-m-narration p{margin:0;font-size:clamp(14px,3.6vw,16px);line-height:1.4;font-weight:500;color:#e2e8f0}.sim-m-playback{flex-shrink:0;position:relative;padding:10px 18px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:#ffffff05;border-top:1px solid rgba(255,255,255,.06)}.sim-m-progress{position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff0a}.sim-m-progress-fill{height:100%;background:#6366f1;box-shadow:0 0 12px #6366f180;transition:width .3s ease}.sim-m-playback-row{display:flex;align-items:center;justify-content:space-between}.sim-m-stepcount{font-size:10px;font-weight:900;color:#475569;letter-spacing:.08em;min-width:56px}.sim-m-transport{display:flex;align-items:center;gap:26px}.sim-m-skip{background:transparent;border:none;color:#64748b;cursor:pointer;padding:6px}.sim-m-skip:disabled{opacity:.2}.sim-m-playbtn{width:60px;height:60px;border-radius:50%;background:#6366f1;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px -4px #6366f166}.dp-viz-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:40px;background:radial-gradient(circle at center,rgba(99,102,241,.05) 0%,transparent 70%);gap:48px}.dp-tape-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:12px;perspective:1200px;padding:40px 20px}.dp-cell{position:relative;width:80px;height:100px;background:#0f172a99;border:1px solid rgba(255,255,255,.05);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 6px -1px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-style:preserve-3d}.dp-cell.current{transform:translateY(-24px) scale(1.15) rotateX(5deg);background:#6366f126;border-color:#6366f1;box-shadow:0 25px 50px -12px #6366f180;z-index:20}.dp-cell.dependency{transform:translateY(-8px) scale(1.05);background:#f59e0b1a;border-color:#f59e0b;box-shadow:0 12px 24px -6px #f59e0b4d;z-index:10}.dp-cell.computed{background:#10b98114;border-color:#10b98166}.dp-cell.empty{opacity:.3;border-style:dashed}.dp-cell.result{border-color:#f59e0b;border-width:2px;box-shadow:0 0 30px #f59e0b4d;background:#f59e0b0d}.dp-cell-label{font-size:9px;font-weight:900;letter-spacing:.15em;color:#475569;margin-bottom:12px;text-transform:uppercase}.dp-cell.current .dp-cell-label{color:#818cf8}.dp-cell.dependency .dp-cell-label{color:#f59e0b}.dp-cell.computed .dp-cell-label{color:#10b981}.dp-cell-value{font-size:24px;font-weight:900;color:#334155;font-family:var(--sim-font-mono)}.dp-cell.computed .dp-cell-value{color:#10b981}.dp-cell.current .dp-cell-value{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.dp-cell.result .dp-cell-value{color:#f59e0b}.dp-legend{display:flex;gap:24px;padding:12px 24px;border-radius:16px;background:#0f172a4d;border:1px solid rgba(255,255,255,.03)}.dp-legend-item{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.dot{width:6px;height:6px;border-radius:50%}.dot.emerald{background:#10b981;box-shadow:0 0 10px #10b981}.dot.amber{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.dot.indigo{background:#6366f1;box-shadow:0 0 10px #6366f1}.dot.slate{background:#334155}.dp-badge{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:#6366f1;color:#fff;font-size:8px;font-weight:900;padding:2px 8px;border-radius:6px;white-space:nowrap;letter-spacing:.05em;box-shadow:0 4px 12px #6366f166}.dp-cell.result .dp-badge{background:#f59e0b;box-shadow:0 4px 12px #f59e0b66}.lld-idea-container{width:100%;max-width:var(--reading-width);margin-left:auto;margin-right:auto;padding:8px clamp(20px,4vw,40px) 80px;box-sizing:border-box;font-family:var(--font-body);-webkit-font-smoothing:antialiased}@media(max-width:640px){.lld-idea-container{padding-bottom:48px}}.lld-idea-container h1,.lld-idea-container h2,.lld-idea-container h3,.lld-idea-container h4,.lld-idea-container h5,.lld-idea-container h6{font-family:var(--font-display)}.lld-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.lld-3col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lld-4col{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lld-5col{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.lld-2col-asym{display:grid;grid-template-columns:1fr 1.5fr;gap:48px}@media(max-width:768px){.lld-2col,.lld-3col,.lld-4col,.lld-5col,.lld-2col-asym{grid-template-columns:1fr;gap:16px}}.lld-idea-container h1,.lld-idea-container .lld-hero-title{font-size:clamp(2rem,5vw,3.25rem)!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.15!important;word-break:break-word}.lld-idea-container h2{font-weight:700!important;letter-spacing:-.01em!important}.lld-section{margin-bottom:40px}@media(max-width:640px){.lld-section{margin-bottom:24px}}.lld-idea-container pre{overflow-x:auto;max-width:100%}.lld-vm-actions{flex-wrap:wrap}.lld-hierarchy-children{overflow-x:auto;padding-bottom:8px}.pk-root{--pk-bg: #0a0b10;--pk-panel: #12141c;--pk-panel-2: #171a24;--pk-border: rgba(255, 255, 255, .08);--pk-border-bright: rgba(255, 255, 255, .16);--pk-text: #e6e8f0;--pk-muted: #9aa3b8;--pk-faint: #5b6479;--pk-accent: #8b8cf6;--pk-green: #34d399;--pk-red: #fb7185;--pk-amber: #fbbf24;--pk-cyan: #38bdf8;max-width:var(--reading-width-wide);margin:0 auto;padding:0 20px 120px;color:var(--pk-text);font-family:var(--font-body);line-height:1.65;counter-reset:sec}.pk-hero{padding:64px 0 40px}.pk-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pk-accent);background:color-mix(in srgb,var(--pk-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--pk-accent) 30%,transparent);padding:6px 12px;border-radius:999px}.pk-title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.6rem);font-weight:900;letter-spacing:-.03em;margin:20px 0 14px;background:linear-gradient(120deg,#fff 30%,color-mix(in srgb,var(--pk-accent) 70%,#fff));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pk-lede{font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--pk-muted);max-width:720px}.pk-lede strong{color:var(--pk-text);font-weight:600}.pk-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.pk-pill{font-size:13px;color:var(--pk-muted);background:var(--pk-panel);border:1px solid var(--pk-border);padding:7px 14px;border-radius:10px}.pk-section{margin-top:var(--section-gap);counter-increment:sec}.pk-kicker{margin-bottom:0}.pk-h2{font-family:var(--font-display);font-size:var(--section-title-size);font-weight:var(--section-title-weight);letter-spacing:-.02em;margin:0}.pk-p{color:var(--pk-muted);font-size:1.02rem;margin:0 0 18px}.pk-p strong{color:var(--pk-text);font-weight:600}.pk-p code,.pk-ic{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:.86em;background:color-mix(in srgb,var(--pk-accent) 14%,transparent);color:#d6d8ff;padding:2px 6px;border-radius:5px}.pk-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0}.pk-card{background:var(--pk-panel);border:1px solid var(--pk-border);border-radius:16px;padding:20px}.pk-card h4{margin:0 0 8px;font-size:1rem;font-weight:700}.pk-card p{margin:0;color:var(--pk-muted);font-size:.9rem}.pk-card-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-bottom:12px;font-size:18px}.pk-callout{display:flex;gap:14px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:18px 20px;margin:24px 0}.pk-callout-bar{width:3px;border-radius:3px;background:var(--pk-accent);flex-shrink:0}.pk-callout h4{margin:0 0 6px;font-size:.95rem;color:var(--pk-accent);font-weight:700}.pk-callout p{margin:0;color:var(--pk-muted);font-size:.92rem}.pk-code{border-radius:14px;overflow:hidden;border:1px solid var(--pk-border);background:#0c0e15;margin:18px 0}.pk-code-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#14161f;border-bottom:1px solid var(--pk-border);flex-wrap:wrap;gap:8px}.pk-dots{display:flex;gap:6px}.pk-dots span{width:11px;height:11px;border-radius:50%;opacity:.55}.pk-filename{font-size:11px;color:var(--pk-faint);font-family:SF Mono,ui-monospace,Menlo,monospace}.pk-lang-select{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--pk-text);background:color-mix(in srgb,var(--pk-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--pk-accent) 40%,transparent);padding:5px 26px 5px 12px;border-radius:8px;cursor:pointer}.pk-lang-select:after{content:"▾";position:absolute;right:10px;color:var(--pk-accent);pointer-events:none;font-size:11px}.pk-lang-select select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-family:inherit}.pk-code-body{margin:0;padding:16px 18px;overflow-x:auto;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:13px;line-height:1.7;tab-size:4}.pk-code-line{display:block;white-space:pre}.pk-code-body--gutter{padding-left:8px}.pk-ln{display:inline-block;width:30px;margin-right:14px;text-align:right;color:#3a4156;-webkit-user-select:none;user-select:none}.pk-move{margin:28px 0;padding-left:22px;border-left:2px solid var(--pk-border)}.pk-move-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.pk-move-num{width:28px;height:28px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#0a0b10;background:var(--pk-accent)}.pk-move-title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.pk-stepper{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.pk-step-btn{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;color:var(--pk-muted);background:#ffffff08;border:1px solid var(--pk-border);transition:all .2s}.pk-step-btn--done{color:#fff;border-color:color-mix(in srgb,var(--pk-accent) 40%,transparent)}.pk-step-btn--active{color:#fff;border-color:var(--pk-accent);background:color-mix(in srgb,var(--pk-accent) 18%,transparent)}.pk-step-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:800;color:var(--pk-muted);background:#ffffff14}.pk-step-btn--done .pk-step-num{color:#0a0b10;background:var(--pk-accent)}.pk-step-caption{text-align:center;margin:14px 0 4px;color:var(--pk-muted);font-size:14px}.pk-step-body{margin-top:0;min-width:0}.pk-step-body>div:first-child,.pk-step-body>p:first-child{margin-top:0}.pk-build-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:start;margin-top:8px}.pk-build-stage{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow:auto;scrollbar-width:thin}.pk-build-stage .pk-stepper{margin-bottom:16px}.pk-build-stage .pk-uml{margin:0;padding:20px 14px}.pk-build-stage .pk-uml-row{gap:14px}.pk-build-stage .pk-uml-box{min-width:150px;max-width:220px}@media(max-width:980px){.pk-build-layout{grid-template-columns:1fr;gap:12px}.pk-build-stage{position:static;max-height:none;overflow:visible}.pk-build-stage .pk-uml-box{min-width:200px}.pk-step-body{margin-top:8px}}.pk-principle{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:12px 14px;border-radius:10px}.pk-principle-icon{font-size:15px;line-height:1.5;flex-shrink:0}.pk-principle p{margin:0;font-size:.92rem;line-height:1.6;color:var(--pk-muted)}.pk-principle-name{font-weight:700}.pk-principle--good{background:color-mix(in srgb,var(--pk-accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--pk-accent) 32%,transparent)}.pk-principle--good .pk-principle-name{color:var(--pk-accent)}.pk-principle--bad{background:#fb718514;border:1px solid rgba(251,113,133,.3)}.pk-principle--bad .pk-principle-name{color:var(--pk-red)}.pk-principle--payoff{background:#34d39914;border:1px solid rgba(52,211,153,.3)}.pk-principle--payoff .pk-principle-name{color:var(--pk-green)}.pk-spotlight-tag{font-size:11px;font-weight:700;color:var(--pk-accent);font-family:SF Mono,ui-monospace,Menlo,monospace;background:color-mix(in srgb,var(--pk-accent) 14%,transparent);padding:3px 9px;border-radius:6px}.pk-line-on{background:color-mix(in srgb,var(--pk-accent) 20%,transparent);box-shadow:inset 3px 0 0 var(--pk-accent);border-radius:2px;transition:background .25s ease,opacity .25s ease}.pk-line-on .pk-ln{color:var(--pk-accent);font-weight:700}.pk-line-off{opacity:.28;filter:grayscale(.4);transition:opacity .25s ease,filter .25s ease}.pk-line-mark{color:var(--pk-accent);font-weight:800}.pk-diagram{display:grid;grid-template-columns:1fr;gap:20px;background:var(--pk-panel);border:1px solid var(--pk-border);border-radius:20px;padding:28px;margin:24px 0}.pk-node{border-radius:14px;padding:14px 16px;border:1px solid var(--pk-border);background:var(--pk-panel-2)}.pk-node-title{font-weight:700;font-size:.95rem}.pk-node-sub{font-size:12px;color:var(--pk-faint);font-family:SF Mono,ui-monospace,Menlo,monospace;margin-top:4px}.pk-node--accent{border-color:color-mix(in srgb,var(--pk-accent) 50%,transparent);background:color-mix(in srgb,var(--pk-accent) 8%,transparent)}.pk-node--iface{border-color:#fbbf2480;background:#fbbf2412}.pk-arrow{text-align:center;color:var(--pk-faint);font-size:14px;line-height:1}.pk-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.pk-chip{flex:1 1 150px;min-width:140px;border-radius:12px;padding:12px 14px;border:1px solid rgba(52,211,153,.35);background:#34d39912;font-size:.9rem;font-weight:600}.pk-chip span{display:block;font-size:11px;color:var(--pk-faint);font-weight:400;font-family:SF Mono,ui-monospace,Menlo,monospace;margin-top:4px}.pk-uml{background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px) 0 0 / 100% 22px,var(--pk-panel);border:1px solid var(--pk-border);border-radius:20px;padding:28px 20px;margin:24px 0}.pk-uml-canvas{display:flex;flex-direction:column;align-items:center;gap:0}.pk-uml-row{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;align-items:flex-start}.pk-uml-box{min-width:210px;max-width:280px;background:var(--pk-panel-2);border:1px solid var(--pk-border-bright);border-radius:8px;overflow:hidden;font-family:SF Mono,ui-monospace,Menlo,monospace;box-shadow:0 6px 20px #0000004d}.pk-uml-title{padding:8px 12px;text-align:center;border-bottom:1px solid var(--pk-border-bright)}.pk-uml-stereo{font-size:11px;color:var(--pk-muted)}.pk-uml-name{font-size:14px;font-weight:700;color:#fff}.pk-uml-compartment{padding:8px 12px;border-bottom:1px solid var(--pk-border);font-size:12px;color:var(--pk-muted);display:flex;flex-direction:column;gap:3px;min-height:14px}.pk-uml-compartment:last-child{border-bottom:none}.pk-uml-empty{display:block;height:8px}.pk-uml-iface .pk-uml-title{background:#fbbf241f;border-color:#fbbf2466}.pk-uml-iface .pk-uml-name{color:#fbbf24}.pk-uml-iface{border-color:#fbbf2466}.pk-uml-accent .pk-uml-title{background:color-mix(in srgb,var(--pk-accent) 16%,transparent)}.pk-uml-accent{border-color:color-mix(in srgb,var(--pk-accent) 50%,transparent)}.pk-uml-concrete .pk-uml-title{background:#34d3991a}.pk-uml-conn{display:flex;flex-direction:column;align-items:center;padding:2px 0}.pk-uml-arrowhead{font-size:15px;color:var(--pk-muted);line-height:1}.pk-uml-line{width:0;height:26px;border-left:2px solid var(--pk-faint)}.pk-uml-line--dashed{border-left-style:dashed}.pk-uml-rel-label{font-size:10px;color:var(--pk-faint);font-family:SF Mono,ui-monospace,Menlo,monospace;margin-top:2px}.pk-uml-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:22px;padding-top:16px;border-top:1px solid var(--pk-border);font-size:11px;color:var(--pk-faint)}.pk-uml-legend span b{color:var(--pk-muted)}.pk-play{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin:24px 0}@media(max-width:760px){.pk-play{grid-template-columns:1fr}}.pk-panel{background:var(--pk-panel);border:1px solid var(--pk-border);border-radius:18px;padding:20px}.pk-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--pk-faint);font-weight:700;margin-bottom:10px}.pk-btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pk-pick{text-align:left;border-radius:12px;padding:12px 14px;border:1px solid var(--pk-border);background:var(--pk-panel-2);cursor:pointer;transition:all .15s ease;color:var(--pk-text);font-family:inherit}.pk-pick:hover{border-color:var(--pk-border-bright)}.pk-pick--active{border-color:var(--pk-accent);background:color-mix(in srgb,var(--pk-accent) 12%,transparent);box-shadow:0 0 0 1px var(--pk-accent) inset}.pk-pick-name{font-weight:700;font-size:.92rem}.pk-pick-meta{font-size:11px;color:var(--pk-faint);margin-top:3px;font-family:SF Mono,ui-monospace,Menlo,monospace}.pk-input{width:100%;background:var(--pk-bg);border:1px solid var(--pk-border);border-radius:10px;padding:10px 12px;color:var(--pk-text);font-size:1rem;font-family:inherit;box-sizing:border-box}.pk-input:focus{outline:none;border-color:var(--pk-accent)}.pk-cta{width:100%;margin-top:14px;padding:11px;border-radius:12px;border:none;background:var(--pk-accent);color:#0a0b10;font-weight:800;font-size:.95rem;cursor:pointer;font-family:inherit}.pk-cta:disabled{opacity:.5;cursor:not-allowed}.pk-cta--ghost{background:var(--pk-panel-2);color:var(--pk-text);border:1px solid var(--pk-border)}.pk-screen{background:var(--pk-bg);border:1px solid var(--pk-border);border-radius:14px;padding:18px;font-family:SF Mono,ui-monospace,Menlo,monospace;min-height:120px}.pk-row-line{display:flex;justify-content:space-between;padding:7px 0;font-size:.9rem;color:var(--pk-muted)}.pk-row-line b{color:var(--pk-text)}.pk-total{border-top:1px dashed var(--pk-border);margin-top:8px;padding-top:12px}.pk-total .v{font-size:1.5rem;font-weight:800;color:var(--pk-green)}.pk-tag{display:inline-block;font-size:11px;padding:3px 8px;border-radius:6px;background:color-mix(in srgb,var(--pk-accent) 16%,transparent);color:var(--pk-accent);margin-bottom:10px}.pk-logline{font-size:12px;padding:4px 0;color:var(--pk-muted)}.pk-logline code{color:var(--pk-cyan)}.pk-note{margin-top:14px;font-size:12px;color:var(--pk-faint)}.pk-note code{color:var(--pk-cyan)}.pk-checklist{list-style:none;padding:0;margin:12px 0}.pk-checklist li{display:flex;gap:10px;padding:7px 0;color:var(--pk-muted);font-size:.96rem}.pk-checklist li b{color:var(--pk-text);font-weight:600}.pk-yes{color:var(--pk-green);flex-shrink:0}.pk-no{color:var(--pk-red);flex-shrink:0}.pk-takeaway{text-align:center;background:color-mix(in srgb,var(--pk-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--pk-accent) 30%,transparent);border-radius:20px;padding:36px 28px;margin-top:40px}.pk-takeaway-quote{font-size:clamp(1.2rem,3vw,1.6rem);font-weight:800;letter-spacing:-.01em;margin:0 0 10px}.pk-takeaway p{color:var(--pk-muted);margin:0 auto;max-width:560px}@media(max-width:640px){.pk-root{padding:0 16px 72px;line-height:1.6}.pk-hero{padding:36px 0 28px}.pk-lede{font-size:1.02rem}.pk-pills{gap:8px;margin-top:18px}.pk-pill{font-size:12px;padding:6px 11px}.pk-section{margin-top:56px}.pk-p{font-size:.98rem}.pk-grid-2{gap:12px;margin:18px 0}.pk-card{padding:16px;border-radius:14px}.pk-callout{padding:16px;gap:12px;border-radius:14px}.pk-code{margin:14px 0}.pk-code-body{padding:14px;font-size:12px}.pk-ln{width:24px;margin-right:10px}.pk-stepper{gap:6px}.pk-step-btn{flex:1 1 calc(50% - 6px);justify-content:flex-start;padding:8px 10px;font-size:12.5px}.pk-build-stage .pk-uml{padding:18px 12px}.pk-uml{padding:20px 14px}.pk-uml-row{gap:16px}.pk-play{gap:14px;margin:18px 0}.pk-panel{padding:16px;border-radius:14px}.pk-total .v{font-size:1.3rem}.pk-takeaway{padding:28px 20px;margin-top:32px}}@media(max-width:430px){.pk-btn-grid{grid-template-columns:1fr}.pk-step-btn{flex:1 1 100%}}.strat-root{--strat-bg: #0a0b10;--strat-panel: #12141c;--strat-panel-2: #171a24;--strat-border: rgba(255, 255, 255, .08);--strat-border-bright: rgba(255, 255, 255, .16);--strat-text: #e6e8f0;--strat-muted: #9aa3b8;--strat-faint: #5b6479;--strat-accent: #818cf8;--strat-accent-2: #6366f1;--strat-green: #34d399;--strat-red: #fb7185;--strat-amber: #fbbf24;--strat-cyan: #38bdf8;max-width:var(--reading-width-wide);margin:0 auto;padding:0 20px 120px;color:var(--strat-text);font-family:var(--font-body);line-height:1.65;counter-reset:sec}.strat-hero{padding:64px 0 40px;position:relative}.strat-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--strat-accent);background:#8b8cf61a;border:1px solid rgba(139,140,246,.25);padding:6px 12px;border-radius:999px}.strat-title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.6rem);font-weight:900;letter-spacing:-.03em;margin:20px 0 14px;background:linear-gradient(120deg,#fff 30%,#b9bcff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.strat-lede{font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--strat-muted);max-width:720px}.strat-lede strong{color:var(--strat-text);font-weight:600}.strat-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.strat-pill{font-size:13px;color:var(--strat-muted);background:var(--strat-panel);border:1px solid var(--strat-border);padding:7px 14px;border-radius:10px}.strat-section{margin-top:var(--section-gap);counter-increment:sec}.strat-kicker{margin-bottom:0}.strat-h2{font-family:var(--font-display);font-size:var(--section-title-size);font-weight:var(--section-title-weight);letter-spacing:-.02em;margin:0}.strat-p{color:var(--strat-muted);font-size:1.02rem;margin:0 0 18px}.strat-p strong{color:var(--strat-text);font-weight:600}.strat-p code,.strat-inline-code{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:.86em;background:#8b8cf61f;color:#c7c9ff;padding:2px 6px;border-radius:5px}.strat-build-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:start;margin-top:8px}.strat-build-stage{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow:auto;scrollbar-width:thin}.strat-build-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.strat-build-step{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;color:var(--strat-muted);background:#ffffff08;border:1px solid var(--strat-border);transition:all .2s}.strat-build-step:hover{border-color:var(--strat-border-bright);color:var(--strat-text)}.strat-build-step--done{color:#fff;border-color:#8b8cf666}.strat-build-step--active{background:#8b8cf62e;border-color:var(--strat-accent);color:#fff}.strat-build-step-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:800;color:var(--strat-muted);background:#ffffff14}.strat-build-step--done .strat-build-step-num{color:#0b0b14;background:var(--strat-accent)}.strat-build-caption{text-align:center;margin:14px 0 4px;color:var(--strat-muted);font-size:14px}.strat-build-body{min-width:0}.strat-build-body>div:first-child{margin-top:0!important}.strat-build-stage .pk-uml{margin:0;padding:20px 14px}.strat-build-stage .pk-uml-row{gap:14px}.strat-build-stage .pk-uml-box{min-width:150px;max-width:220px}@media(max-width:980px){.strat-build-layout{grid-template-columns:1fr;gap:12px}.strat-build-stage{position:static;max-height:none;overflow:visible}.strat-build-stage .pk-uml-box{min-width:200px}}.strat-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0}.strat-card{background:var(--strat-panel);border:1px solid var(--strat-border);border-radius:16px;padding:20px}.strat-card h4{margin:0 0 8px;font-size:1rem;font-weight:700}.strat-card p{margin:0;color:var(--strat-muted);font-size:.9rem}.strat-card-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-bottom:12px;font-size:18px}.strat-callout{display:flex;gap:14px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:18px 20px;margin:24px 0}.strat-callout-bar{width:3px;border-radius:3px;background:var(--strat-accent);flex-shrink:0}.strat-callout h4{margin:0 0 6px;font-size:.95rem;color:var(--strat-accent);font-weight:700}.strat-callout p{margin:0;color:var(--strat-muted);font-size:.92rem}.strat-code{border-radius:14px;overflow:hidden;border:1px solid var(--strat-border);background:#0c0e15;margin:18px 0}.strat-code-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#14161f;border-bottom:1px solid var(--strat-border);flex-wrap:wrap;gap:8px}.strat-dots{display:flex;gap:6px}.strat-dots span{width:11px;height:11px;border-radius:50%;opacity:.55}.strat-langs{display:flex;gap:4px;flex-wrap:wrap}.strat-lang-btn{font-size:12px;font-weight:600;color:var(--strat-muted);background:transparent;border:1px solid transparent;padding:4px 10px;border-radius:8px;cursor:pointer;transition:all .15s ease;font-family:inherit}.strat-lang-btn:hover{color:var(--strat-text);background:#ffffff0a}.strat-lang-btn--active{color:#fff;background:#8b8cf629;border-color:#8b8cf666}.strat-code-body{margin:0;padding:16px 18px;overflow-x:auto;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:13px;line-height:1.65;tab-size:4}.strat-code-line{display:block;white-space:pre}.strat-code-filename{font-size:11px;color:var(--strat-faint);font-family:SF Mono,ui-monospace,Menlo,monospace}.strat-lang-select{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--strat-text);background:#8b8cf624;border:1px solid rgba(139,140,246,.4);padding:5px 26px 5px 12px;border-radius:8px;cursor:pointer}.strat-lang-select:after{content:"▾";position:absolute;right:10px;color:var(--strat-accent);pointer-events:none;font-size:11px}.strat-lang-select select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-family:inherit}.strat-spotlight-tag{font-size:11px;font-weight:700;color:var(--strat-accent);font-family:SF Mono,ui-monospace,Menlo,monospace;background:#8b8cf624;padding:3px 9px;border-radius:6px}.strat-line-on{background:#8b8cf624;box-shadow:inset 2px 0 0 var(--strat-accent)}.strat-line-off{opacity:.32}.strat-line-mark{color:var(--strat-accent);font-weight:700}.tk-com{color:#6b7280;font-style:italic}.tk-str{color:#9ece6a}.tk-num{color:#ff9e64}.tk-kw{color:#bb9af7}.tk-type{color:#7dcfff}.tk-fn{color:#7aa2f7}.strat-branch-stack{display:flex;flex-direction:column;gap:8px;margin:8px 0 4px}.strat-branch{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:var(--strat-panel-2);border:1px solid var(--strat-border);font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:13px;color:var(--strat-muted)}.strat-branch b{color:var(--strat-amber)}.strat-add-btn{align-self:flex-start;margin-top:6px;font-size:13px;font-weight:600;color:var(--strat-accent);background:#8b8cf61a;border:1px dashed rgba(139,140,246,.4);padding:8px 14px;border-radius:10px;cursor:pointer;font-family:inherit}.strat-add-btn:disabled{opacity:.4;cursor:not-allowed}.strat-meter{height:8px;border-radius:8px;background:var(--strat-panel-2);overflow:hidden;margin:14px 0 6px}.strat-meter-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--strat-green),var(--strat-amber),var(--strat-red))}.strat-meter-label{font-size:12px;color:var(--strat-faint)}.strat-diagram{display:grid;grid-template-columns:1fr;gap:22px;background:var(--strat-panel);border:1px solid var(--strat-border);border-radius:20px;padding:28px;margin:24px 0}.strat-node{border-radius:14px;padding:14px 16px;border:1px solid var(--strat-border);background:var(--strat-panel-2)}.strat-node-title{font-weight:700;font-size:.95rem}.strat-node-sub{font-size:12px;color:var(--strat-faint);font-family:SF Mono,ui-monospace,Menlo,monospace;margin-top:4px}.strat-node--context{border-color:#6366f180;background:#6366f114}.strat-node--iface{border-color:#fbbf2480;background:#fbbf2412}.strat-arrow{text-align:center;color:var(--strat-faint);font-size:20px;line-height:1}.strat-strats-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.strat-strat-chip{flex:1 1 150px;min-width:140px;border-radius:12px;padding:12px 14px;border:1px solid rgba(52,211,153,.35);background:#34d39912;font-size:.9rem;font-weight:600}.strat-strat-chip span{display:block;font-size:11px;color:var(--strat-faint);font-weight:400;font-family:SF Mono,ui-monospace,Menlo,monospace;margin-top:4px}.strat-play{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin:24px 0}@media(max-width:760px){.strat-play{grid-template-columns:1fr}}.strat-play-panel{background:var(--strat-panel);border:1px solid var(--strat-border);border-radius:18px;padding:20px}.strat-play-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--strat-faint);font-weight:700;margin-bottom:10px}.strat-strat-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.strat-pick{text-align:left;border-radius:12px;padding:12px 14px;border:1px solid var(--strat-border);background:var(--strat-panel-2);cursor:pointer;transition:all .15s ease;color:var(--strat-text);font-family:inherit}.strat-pick:hover{border-color:var(--strat-border-bright)}.strat-pick--active{border-color:var(--strat-accent);background:#8b8cf61f;box-shadow:0 0 0 1px var(--strat-accent) inset}.strat-pick-name{font-weight:700;font-size:.92rem}.strat-pick-meta{font-size:11px;color:var(--strat-faint);margin-top:3px;font-family:SF Mono,ui-monospace,Menlo,monospace}.strat-amount-row{display:flex;align-items:center;gap:10px;margin-top:18px}.strat-amount-row input{flex:1;background:var(--strat-bg);border:1px solid var(--strat-border);border-radius:10px;padding:10px 12px;color:var(--strat-text);font-size:1rem;font-family:inherit}.strat-amount-row input:focus{outline:none;border-color:var(--strat-accent)}.strat-receipt{background:var(--strat-bg);border:1px solid var(--strat-border);border-radius:14px;padding:18px;font-family:SF Mono,ui-monospace,Menlo,monospace}.strat-receipt-row{display:flex;justify-content:space-between;padding:7px 0;font-size:.9rem;color:var(--strat-muted)}.strat-receipt-row b{color:var(--strat-text)}.strat-receipt-total{border-top:1px dashed var(--strat-border);margin-top:8px;padding-top:12px}.strat-receipt-total .v{font-size:1.5rem;font-weight:800;color:var(--strat-green)}.strat-receipt-tag{display:inline-block;font-size:11px;padding:3px 8px;border-radius:6px;background:#8b8cf624;color:var(--strat-accent);margin-bottom:10px}.strat-callstack{margin-top:14px;font-size:12px;color:var(--strat-faint)}.strat-callstack code{color:var(--strat-cyan)}.strat-checklist{list-style:none;padding:0;margin:12px 0}.strat-checklist li{display:flex;gap:10px;padding:7px 0;color:var(--strat-muted);font-size:.96rem}.strat-checklist li b{color:var(--strat-text);font-weight:600}.strat-check-yes{color:var(--strat-green);flex-shrink:0}.strat-check-no{color:var(--strat-red);flex-shrink:0}.strat-takeaway{text-align:center;background:linear-gradient(135deg,#6366f124,#8b8cf60d);border:1px solid rgba(139,140,246,.3);border-radius:20px;padding:36px 28px;margin-top:40px}.strat-takeaway-quote{font-size:clamp(1.2rem,3vw,1.6rem);font-weight:800;letter-spacing:-.01em;margin:0 0 10px}.strat-takeaway p{color:var(--strat-muted);margin:0;max-width:560px;margin-inline:auto}@media(max-width:640px){.strat-root{padding:0 16px 72px;line-height:1.6}.strat-hero{padding:36px 0 28px}.strat-lede{font-size:1.02rem}.strat-pills{gap:8px;margin-top:18px}.strat-pill{font-size:12px;padding:6px 11px}.strat-section{margin-top:56px}.strat-p{font-size:.98rem}.strat-grid-2{gap:12px;margin:18px 0}.strat-card{padding:16px;border-radius:14px}.strat-callout{padding:16px;gap:12px;border-radius:14px}.strat-code{margin:14px 0}.strat-code-body{padding:14px;font-size:12px}.strat-build-steps{gap:6px}.strat-build-step{flex:1 1 calc(50% - 6px);justify-content:flex-start;padding:8px 10px;font-size:12.5px}.strat-build-stage .pk-uml{padding:18px 12px}.strat-diagram{padding:18px;gap:16px;border-radius:16px}.strat-play{gap:14px;margin:18px 0}.strat-play-panel{padding:16px;border-radius:14px}.strat-receipt{padding:16px}.strat-receipt-total .v{font-size:1.3rem}.strat-takeaway{padding:28px 20px;margin-top:32px}}@media(max-width:430px){.strat-strat-buttons{grid-template-columns:1fr}.strat-build-step{flex:1 1 100%}}:root{--hld-bg: var(--bg-deep);--hld-surface: var(--bg-surface);--hld-surface-2: var(--bg-card);--hld-border: var(--border-subtle);--hld-border-soft: var(--border-glass);--hld-accent: var(--primary);--hld-accent-glow: rgba(99, 102, 241, .15);--hld-text: var(--text-primary);--hld-text-muted: var(--text-secondary);--hld-text-dim: var(--text-muted);--hld-radius: 16px;--hld-radius-sm: 10px}.hld-story{color:var(--hld-text);font-family:var(--font-body);max-width:var(--reading-width);margin:0 auto;padding:clamp(16px,4vw,40px);width:100%;box-sizing:border-box}.hld-hero{position:relative;margin-bottom:clamp(32px,6vw,56px);padding-bottom:clamp(24px,4vw,40px);border-bottom:1px solid var(--hld-border-soft)}.hld-hero:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:400px;height:400px;background:radial-gradient(circle,var(--hld-accent-glow) 0%,transparent 70%);filter:blur(60px);opacity:.5;pointer-events:none;z-index:-1}.hld-phase-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--hld-accent-glow);border:1px solid rgba(129,140,248,.25);border-radius:50px;font-size:clamp(.65rem,2vw,.75rem);font-weight:800;letter-spacing:.06em;color:var(--hld-accent);text-transform:uppercase}.hld-hero-title{font-size:clamp(2rem,7vw,3.5rem)!important;font-weight:900;letter-spacing:-.04em;line-height:1.05;margin:clamp(12px,2vw,18px) 0 clamp(8px,1.5vw,14px)!important;background:linear-gradient(135deg,#f1f5f9,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hld-hero-intro{font-size:clamp(.95rem,2.5vw,1.1rem);color:var(--hld-text-muted);line-height:1.7;font-weight:400;margin:0;max-width:640px}.hld-act{display:flex;align-items:flex-start;gap:clamp(10px,2vw,16px);margin-bottom:clamp(16px,3vw,24px)}.hld-act-number{flex-shrink:0;width:clamp(32px,7vw,40px);height:clamp(32px,7vw,40px);border-radius:10px;background:var(--hld-accent-glow);border:1px solid rgba(129,140,248,.3);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(.7rem,2vw,.85rem);color:var(--hld-accent)}.hld-act-label{font-size:clamp(.6rem,1.5vw,.7rem);font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--hld-accent);margin-bottom:2px}.hld-act-title{font-size:clamp(1.1rem,3.5vw,1.5rem)!important;font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.2}.hld-body{font-size:clamp(.85rem,2.2vw,.95rem);color:var(--hld-text-muted);line-height:1.8;font-weight:400;margin:0 0 clamp(12px,2vw,18px)}.hld-body strong{color:var(--hld-text);font-weight:700}.hld-body code{font-family:JetBrains Mono,monospace;font-size:.85em;padding:2px 6px;background:#818cf814;border-radius:4px;color:var(--hld-accent)}.hld-card{background:var(--hld-surface);border:1px solid var(--hld-border-soft);border-radius:var(--hld-radius);padding:clamp(16px,3vw,24px);margin-bottom:clamp(12px,2vw,20px)}.hld-card-header{font-size:clamp(.65rem,1.8vw,.75rem);font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:clamp(8px,1.5vw,12px)}.hld-pain{background:linear-gradient(135deg,rgba(248,113,113,.06) 0%,var(--hld-surface) 100%);border:1px solid rgba(248,113,113,.15);border-radius:var(--hld-radius);padding:clamp(16px,3vw,24px);margin-bottom:clamp(12px,2vw,20px)}.hld-pain-header{display:flex;align-items:center;gap:8px;font-size:clamp(.65rem,1.8vw,.75rem);font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#f87171;margin-bottom:clamp(8px,1.5vw,12px)}.hld-solution{background:linear-gradient(135deg,rgba(52,211,153,.06) 0%,var(--hld-surface) 100%);border:1px solid rgba(52,211,153,.15);border-radius:var(--hld-radius);padding:clamp(16px,3vw,24px);margin-bottom:clamp(12px,2vw,20px)}.hld-solution-header{display:flex;align-items:center;gap:8px;font-size:clamp(.65rem,1.8vw,.75rem);font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#34d399;margin-bottom:clamp(8px,1.5vw,12px)}.hld-callout{background:var(--hld-accent-glow);border-left:3px solid var(--hld-accent);border-radius:0 var(--hld-radius) var(--hld-radius) 0;padding:clamp(14px,3vw,20px) clamp(16px,3vw,24px);margin-bottom:clamp(12px,2vw,20px)}.hld-callout-label{font-size:clamp(.65rem,1.8vw,.75rem);font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--hld-accent);margin-bottom:6px}.hld-compare{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,2vw,16px);margin-bottom:clamp(12px,2vw,20px)}@media(max-width:640px){.hld-compare{grid-template-columns:1fr}}.hld-compare-item{background:var(--hld-surface);border:1px solid var(--hld-border-soft);border-radius:var(--hld-radius-sm);padding:clamp(14px,3vw,20px)}.hld-compare-item h4{font-size:clamp(.8rem,2.2vw,.95rem);font-weight:800;margin:0 0 8px}.hld-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:clamp(.6rem,1.5vw,.7rem);font-weight:800;flex-shrink:0}.hld-badge-pro{background:#34d3991a;color:#34d399}.hld-badge-con{background:#fbbf241a;color:#fbbf24}.hld-pro-con-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.hld-pro-con-item{display:flex;align-items:flex-start;gap:8px;font-size:clamp(.75rem,2vw,.85rem);color:var(--hld-text-muted);line-height:1.6}.hld-tabs{display:flex;gap:0;margin-bottom:clamp(20px,3vw,28px);border-bottom:1px solid var(--hld-border-soft);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hld-tabs::-webkit-scrollbar{display:none}.hld-tab{flex-shrink:0;padding:clamp(8px,2vw,12px) clamp(14px,3vw,20px);border:none;border-bottom:2px solid transparent;background:transparent;font-size:clamp(.72rem,2vw,.82rem);font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .2s;color:var(--hld-text-dim)}.hld-tab:hover{color:var(--hld-text-muted)}.hld-tab-active{border-bottom-color:var(--hld-accent);color:var(--hld-text);font-weight:700}.hld-step-dots{display:flex;gap:6px;align-items:center}.hld-step-dot{width:clamp(20px,5vw,28px);height:clamp(20px,5vw,28px);border-radius:50%;border:none;font-size:clamp(.5rem,1.5vw,.58rem);font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}.hld-nav-row{display:flex;justify-content:space-between;align-items:center;margin-top:clamp(20px,3vw,28px);margin-bottom:clamp(24px,4vw,36px);gap:12px}.hld-nav-btn{padding:clamp(8px,2vw,12px) clamp(16px,3vw,22px);border-radius:10px;border:1px solid var(--hld-border-soft);background:var(--hld-surface);color:var(--hld-text-muted);font-size:clamp(.75rem,2vw,.82rem);font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.hld-nav-btn:hover:not(:disabled){border-color:var(--hld-border);color:var(--hld-text)}.hld-nav-btn:disabled{opacity:.4;cursor:not-allowed}.hld-nav-btn-primary{border-color:#818cf840;background:var(--hld-accent-glow);color:var(--hld-accent)}.hld-nav-btn-primary:hover:not(:disabled){border-color:#818cf866;background:#818cf833}.hld-nav-counter{font-size:clamp(.65rem,1.8vw,.75rem);color:var(--hld-text-dim);font-weight:600}.hld-next-section{padding:clamp(16px,3vw,22px) clamp(18px,3vw,26px);background:var(--hld-accent-glow);border-left:3px solid var(--hld-accent);border-radius:0 var(--hld-radius) var(--hld-radius) 0;margin-bottom:clamp(16px,3vw,24px)}.hld-next-section p{color:var(--hld-text-muted);font-size:clamp(.8rem,2vw,.9rem);line-height:1.7;margin:0 0 12px;font-weight:400}.hld-next-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;background:#818cf81a;border:1px solid rgba(129,140,248,.25);border-radius:8px;color:var(--hld-accent);font-size:clamp(.7rem,1.8vw,.78rem);font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}.hld-next-btn:hover{background:#818cf82e;border-color:#818cf866}.hld-resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,2vw,14px);margin-bottom:clamp(12px,2vw,20px)}@media(max-width:520px){.hld-resource-grid{grid-template-columns:1fr}}.hld-resource-card{padding:clamp(14px,3vw,18px) clamp(16px,3vw,20px);background:var(--hld-surface);border:1px solid var(--hld-border-soft);border-radius:var(--hld-radius-sm)}.hld-resource-icon{font-size:clamp(16px,4vw,20px);line-height:1;margin-bottom:6px}.hld-resource-name{font-size:clamp(.78rem,2vw,.88rem);font-weight:800;margin-bottom:4px}.hld-resource-desc{font-size:clamp(.72rem,1.8vw,.82rem);color:var(--hld-text-muted);line-height:1.6;font-weight:400}.hld-toggle-group{display:flex;gap:8px;margin-bottom:clamp(12px,2vw,16px);flex-wrap:wrap}.hld-toggle-btn{flex:1 1 100px;padding:clamp(7px,1.5vw,9px) 0;border-radius:8px;border:1px solid;font-size:clamp(.65rem,1.8vw,.72rem);font-weight:700;cursor:pointer;font-family:inherit;text-align:center;transition:all .2s}.hld-sim{background:var(--hld-bg);border-radius:var(--hld-radius);border:1px solid var(--hld-border-soft);overflow:hidden}.hld-sim-header{padding:clamp(12px,2.5vw,16px) clamp(16px,3vw,20px);border-bottom:1px solid var(--hld-border-soft);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.hld-sim-title{font-size:clamp(.65rem,1.8vw,.75rem);font-weight:800;color:var(--hld-accent);text-transform:uppercase;letter-spacing:.06em}.hld-sim-body{padding:clamp(16px,3vw,24px) clamp(16px,3vw,20px)}.hld-sim-footer{padding:clamp(10px,2vw,14px) clamp(16px,3vw,20px);border-top:1px solid var(--hld-border-soft)}.hld-flow{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.5vw,10px);flex-wrap:wrap;margin-bottom:clamp(12px,2vw,16px)}.hld-flow-node{padding:clamp(8px,2vw,12px) clamp(10px,2vw,14px);border-radius:8px;border:1px solid;text-align:center;min-width:clamp(60px,15vw,80px)}.hld-flow-arrow{color:var(--hld-text-dim);font-size:clamp(.6rem,1.5vw,.7rem)}.hld-numbered-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.hld-numbered-item{display:flex;align-items:flex-start;gap:10px;padding:clamp(10px,2vw,14px) clamp(12px,2.5vw,16px);background:var(--hld-surface);border:1px solid var(--hld-border-soft);border-radius:var(--hld-radius-sm);font-size:clamp(.75rem,2vw,.85rem);color:var(--hld-text-muted);line-height:1.6;font-weight:400}.hld-numbered-item strong{color:var(--hld-text);font-weight:700}.hld-metric{display:inline-flex;flex-direction:column;align-items:center;padding:clamp(8px,2vw,12px) clamp(12px,3vw,18px);background:var(--hld-surface);border:1px solid var(--hld-border-soft);border-radius:var(--hld-radius-sm)}.hld-metric-value{font-size:clamp(1rem,3vw,1.3rem);font-weight:900;line-height:1}.hld-metric-label{font-size:clamp(.55rem,1.5vw,.65rem);color:var(--hld-text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.hld-scale-viz{background:var(--hld-bg);border-radius:var(--hld-radius);border:1px solid var(--hld-border-soft);overflow:hidden}.hld-mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.hld-mini-btn{padding:clamp(6px,1.5vw,8px) 4px;border-radius:8px;border:1px solid;cursor:pointer;font-family:inherit;text-align:center;transition:all .15s;background:var(--hld-surface);border-color:var(--hld-border-soft)}.hld-mini-btn-icon{font-size:clamp(14px,3.5vw,18px);margin-bottom:2px}.hld-mini-btn-label{font-size:clamp(.5rem,1.3vw,.58rem);font-weight:600;color:var(--hld-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.hld-story{padding:12px}.hld-flow{flex-direction:column}.hld-flow-arrow{transform:rotate(90deg)}}.arch-diagram{position:relative;width:100%}.arch-diagram-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:clamp(12px,2.5vw,18px)}.arch-diagram-title{margin:0;font-size:clamp(.85rem,2.2vw,1rem);font-weight:800;color:var(--hld-text);letter-spacing:-.02em}.arch-diagram-subtitle{font-size:clamp(.62rem,1.6vw,.72rem);font-weight:700;color:var(--hld-accent);background:var(--hld-accent-glow);padding:4px 10px;border-radius:50px;border:1px solid rgba(129,140,248,.2);white-space:nowrap}.arch-canvas{position:relative;min-height:280px;border-radius:var(--hld-radius-sm);background:linear-gradient(180deg,rgba(255,255,255,.015) 0%,transparent 100%);border:1px solid var(--hld-border-soft);padding:clamp(10px,2vw,16px);overflow:hidden}.arch-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.arch-connector{stroke-width:1.5;stroke-linecap:round;opacity:.45}.arch-connector--sync{stroke:#94a3b88c}.arch-connector--async{stroke:#818cf880;stroke-dasharray:6 5}.arch-layers{position:relative;z-index:3;display:flex;flex-direction:column;gap:clamp(8px,1.8vw,12px)}.arch-layer{display:grid;grid-template-columns:minmax(72px,110px) 1fr;gap:clamp(8px,2vw,14px);align-items:stretch;padding:clamp(10px,2vw,14px);border-radius:12px;border:1px solid transparent;background:#ffffff03}.arch-layer--edge{background:#60a5fa0a;border-color:#60a5fa14}.arch-layer--security{background:#818cf80a;border-color:#818cf81a}.arch-layer--application{background:#34d3990a;border-color:#34d39914}.arch-layer--async{background:#fbbf240a;border-color:#fbbf2414}.arch-layer--data{background:#f472b60a;border-color:#f472b614}.arch-layer-label{font-size:clamp(.55rem,1.4vw,.65rem);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--hld-text-dim);line-height:1.35;padding-top:6px;align-self:start}.arch-layer-cards{display:flex;flex-wrap:wrap;gap:clamp(6px,1.5vw,10px);justify-content:center;align-items:stretch}.arch-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:clamp(72px,18vw,96px);max-width:120px;padding:clamp(10px,2vw,14px) clamp(8px,1.8vw,12px);border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0d1320d9;box-shadow:0 1px 2px #00000040,0 8px 24px #00000026;transition:border-color .25s,box-shadow .25s,opacity .25s}.arch-card--primary{min-width:clamp(80px,20vw,104px);padding-block:clamp(12px,2.2vw,16px)}.arch-card--support{min-width:clamp(64px,16vw,84px);opacity:.92}.arch-card--support .arch-card-icon-wrap{opacity:.75}.arch-card--support .arch-card-title{font-size:clamp(.58rem,1.5vw,.68rem);font-weight:700}.arch-card--secondary .arch-card-subtitle{display:none}.arch-card-icon-wrap{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;margin-bottom:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--hld-text-muted)}.arch-card--layer-edge .arch-card-icon-wrap{color:#93c5fd;background:#60a5fa1a}.arch-card--layer-security .arch-card-icon-wrap{color:#a5b4fc;background:#818cf81a}.arch-card--layer-application .arch-card-icon-wrap{color:#6ee7b7;background:#34d3991a}.arch-card--layer-async .arch-card-icon-wrap{color:#fcd34d;background:#fbbf241a}.arch-card--layer-data .arch-card-icon-wrap{color:#f9a8d4;background:#f472b61a}.arch-card-title{font-size:clamp(.62rem,1.6vw,.72rem);font-weight:800;color:var(--hld-text);line-height:1.25}.arch-card-subtitle{font-size:clamp(.5rem,1.2vw,.58rem);color:var(--hld-text-dim);font-weight:500;margin-top:2px;line-height:1.3}.arch-card--new{border-color:#818cf88c;box-shadow:0 0 0 1px #818cf826,0 8px 32px #818cf81f}.arch-card--highlight .arch-card-icon-wrap{color:var(--hld-accent);background:var(--hld-accent-glow);border-color:#818cf840}.arch-card--bottleneck{border-color:#f8717180;box-shadow:0 0 24px #f8717126;animation:arch-bottleneck-pulse 1.6s ease-in-out infinite}@keyframes arch-bottleneck-pulse{0%,to{box-shadow:0 0 #f8717133}50%{box-shadow:0 0 20px 4px #f8717140}}.arch-card-badge{position:absolute;top:-6px;right:-4px;font-size:.48rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:50px;background:var(--hld-accent);color:#0f172a;z-index:1}.arch-card-badge--warn{background:#f87171;color:#fff;right:auto;left:-4px}.arch-legend{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,16px);margin-top:clamp(10px,2vw,14px);padding-top:clamp(10px,2vw,14px);border-top:1px solid var(--hld-border-soft)}.arch-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:clamp(.55rem,1.4vw,.62rem);color:var(--hld-text-dim);font-weight:600}.arch-legend-line{display:inline-block;width:20px;height:0;border-top:2px solid}.arch-legend-line--sync{border-color:#94a3b8b3}.arch-legend-line--async{border-color:#818cf899;border-style:dashed}.arch-legend-dot{width:8px;height:8px;border-radius:50%;background:var(--hld-accent)}.arch-explorer-desc{margin:4px 0 0;font-size:clamp(.68rem,1.8vw,.78rem);color:var(--hld-text-dim);font-weight:500;max-width:420px}.arch-explorer-header{align-items:flex-start!important}.arch-mode-toggle{display:flex;gap:6px;flex-shrink:0}.arch-mode-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid var(--hld-border-soft);background:#ffffff05;color:var(--hld-text-dim);font-size:clamp(.62rem,1.6vw,.7rem);font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s}.arch-mode-btn--active{border-color:#818cf866;background:var(--hld-accent-glow);color:var(--hld-accent)}.arch-step-rail{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;margin-bottom:clamp(12px,2.5vw,16px);scrollbar-width:thin;-webkit-overflow-scrolling:touch}.arch-step-pill{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;min-width:72px;border-radius:10px;border:1px solid var(--hld-border-soft);background:#ffffff05;cursor:pointer;font-family:inherit;transition:all .2s}.arch-step-pill--active{border-color:#818cf873;background:var(--hld-accent-glow)}.arch-step-pill--done{border-color:#818cf833}.arch-step-pill-num{font-size:.55rem;font-weight:900;color:var(--hld-text-dim);font-family:ui-monospace,monospace}.arch-step-pill--active .arch-step-pill-num{color:var(--hld-accent)}.arch-step-pill-label{font-size:clamp(.5rem,1.3vw,.58rem);font-weight:700;color:var(--hld-text-muted);text-align:center;line-height:1.2;max-width:88px}.arch-step-pill--active .arch-step-pill-label{color:var(--hld-text)}.arch-cause-solution{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(8px,2vw,12px);margin-top:clamp(12px,2.5vw,18px);align-items:stretch}.arch-cause,.arch-solution{padding:clamp(12px,2.5vw,16px);border-radius:12px;border:1px solid var(--hld-border-soft)}.arch-cause{background:#f871710a;border-color:#f871711f}.arch-solution{background:#34d3990a;border-color:#34d3991f}.arch-cause-label,.arch-solution-label{display:block;font-size:clamp(.55rem,1.4vw,.62rem);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.arch-cause-label{color:#f87171}.arch-solution-label{color:#34d399}.arch-cause p,.arch-solution p{margin:0;font-size:clamp(.72rem,1.9vw,.82rem);color:var(--hld-text-muted);line-height:1.6;font-weight:400}.arch-solution-arrow{display:flex;align-items:center;justify-content:center;color:var(--hld-text-dim);font-size:1.25rem;font-weight:300;padding:0 4px}.arch-step-controls{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:clamp(14px,2.5vw,18px);flex-wrap:wrap}.arch-nav-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:8px;border:1px solid var(--hld-border-soft);background:#ffffff08;color:var(--hld-text-muted);font-size:clamp(.65rem,1.7vw,.72rem);font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s}.arch-nav-btn:hover:not(:disabled){border-color:#818cf859;color:var(--hld-text)}.arch-nav-btn:disabled{opacity:.35;cursor:not-allowed}.arch-nav-btn--play{border-color:#818cf84d;color:var(--hld-accent);background:var(--hld-accent-glow)}@media(max-width:640px){.arch-layer{grid-template-columns:1fr;gap:8px}.arch-layer-label{padding-top:0;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:6px}.arch-layer-cards{justify-content:flex-start}.arch-cause-solution{grid-template-columns:1fr}.arch-solution-arrow{transform:rotate(90deg);padding:4px 0}.arch-mode-toggle{width:100%}.arch-mode-btn{flex:1;justify-content:center}.arch-explorer-header{flex-direction:column}}@media(max-width:400px){.arch-card{min-width:calc(50% - 8px);max-width:none;flex:1 1 calc(50% - 8px)}.arch-card--primary{min-width:100%;flex:1 1 100%}}.hld-story-part{margin-top:clamp(48px,10vw,72px);padding-top:clamp(32px,6vw,48px);border-top:1px solid var(--hld-border-soft)}.hld-chapter-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:clamp(8px,2vw,10px);margin-bottom:clamp(24px,5vw,40px)}.hld-chapter-nav-item{display:flex;flex-direction:column;gap:4px;padding:clamp(10px,2vw,14px);border-radius:12px;border:1px solid var(--hld-border-soft);background:var(--hld-surface);text-decoration:none;color:inherit;transition:border-color .2s,background .2s,transform .15s}button.hld-chapter-nav-item{width:100%;cursor:pointer;font-family:inherit;text-align:left}.hld-chapter-nav-item:hover{border-color:#818cf859;background:var(--hld-accent-glow);transform:translateY(-1px)}.hld-chapter-nav-num{font-size:.55rem;font-weight:900;color:var(--hld-accent);font-family:ui-monospace,monospace;letter-spacing:.04em}.hld-chapter-nav-title{font-size:clamp(.68rem,1.8vw,.78rem);font-weight:800;color:var(--hld-text);line-height:1.3}.hld-chapter-nav-layer{font-size:.52rem;font-weight:600;color:var(--hld-text-dim);text-transform:uppercase;letter-spacing:.06em}.hld-chapter{scroll-margin-top:80px;margin-bottom:clamp(40px,8vw,64px);padding-bottom:clamp(32px,6vw,48px);border-bottom:1px solid rgba(255,255,255,.04)}.hld-chapter:last-child{border-bottom:none}.hld-chapter-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.hld-chapter-num{font-size:clamp(.6rem,1.5vw,.7rem);font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--hld-accent)}.hld-chapter-layer{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--hld-text-dim);padding:3px 10px;border-radius:50px;border:1px solid var(--hld-border-soft);background:#ffffff05}.hld-chapter-title{font-size:clamp(1.35rem,4.5vw,1.85rem)!important;font-weight:900;letter-spacing:-.03em;line-height:1.15;margin:0 0 clamp(10px,2vw,14px)!important;background:linear-gradient(135deg,#f1f5f9,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hld-chapter-hook{font-size:clamp(.9rem,2.4vw,1.05rem);color:var(--hld-text-muted);line-height:1.7;font-weight:400;margin:0 0 clamp(20px,4vw,28px);max-width:640px;font-style:italic}.hld-story-bridge{margin:clamp(20px,4vw,32px) 0 clamp(8px,2vw,12px);padding:clamp(14px,3vw,20px) clamp(16px,3vw,22px);border-left:2px solid rgba(129,140,248,.35);background:linear-gradient(90deg,var(--hld-accent-glow) 0%,transparent 100%);border-radius:0 12px 12px 0;font-size:clamp(.82rem,2.1vw,.92rem);color:var(--hld-text-muted);line-height:1.75;font-weight:400}.hld-story-bridge strong{color:var(--hld-text);font-weight:700;font-style:normal}.sidebar-footer{margin-top:auto;padding:14px 16px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.auth-signin-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.55rem .85rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff08;color:#cbd0d8;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.auth-signin-btn:hover{background:#818cf81a;border-color:#818cf873;color:#fff}.auth-account{display:flex;align-items:center;gap:.6rem}.auth-account-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;overflow:hidden;color:#c7ccff;background:#818cf82e;border:1px solid rgba(129,140,248,.35)}.auth-account-avatar img{width:100%;height:100%;object-fit:cover}.auth-account-info{display:flex;flex-direction:column;min-width:0;flex:1}.auth-account-name{font-size:.82rem;font-weight:600;color:#e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-account-email{font-size:.7rem;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-account-signout{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border:none;border-radius:8px;background:transparent;color:#9ca3af;cursor:pointer;transition:background .15s ease,color .15s ease}.auth-account-signout:hover{background:#ffffff12;color:#f87171}.sidebar{position:fixed;left:0;top:0;width:240px;height:100vh;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:100;overflow:hidden}.sidebar-header-wrapper{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);padding-right:12px;width:100%}.sidebar-header{padding:24px 20px;display:flex;align-items:center;gap:12px}.sidebar-close-btn{display:none}.sidebar-logo-container{width:28px;height:28px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--primary-glow)}.sidebar-logo-img{width:32px;height:32px;border-radius:9px;display:block;box-shadow:0 0 15px var(--primary-glow)}.sidebar-title{font-size:18px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em;font-family:Outfit,sans-serif}.sidebar-content{flex:1;overflow-y:auto;padding:16px 0}.sidebar-section{margin-bottom:4px}.sidebar-section-header{display:flex;align-items:center;gap:10px;padding:10px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.sidebar-section-header:hover{background:#f8fafc0a}.sidebar-section-title{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex:1}.sidebar-section-icon-svg{color:var(--text-muted);flex-shrink:0}.sidebar-section-chevron-svg{color:var(--text-muted);transition:transform .2s ease}.sidebar-section-chevron-svg.rotated{transform:rotate(90deg)}.sidebar-section:not(.expanded) .sidebar-section-items{display:none}#sidebar-section-systems .sidebar-section-title{color:#f59e0b;font-weight:900}#sidebar-section-systems .sidebar-section-icon-svg{color:#f59e0b}#sidebar-section-systems .sidebar-item.active{background:#f59e0b1a;color:#f59e0b}#sidebar-section-systems .sidebar-item.active:after{background:#f59e0b;box-shadow:0 0 10px #f59e0b80}.sidebar-subcategory-header{padding:12px 20px 6px 40px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;opacity:.7;-webkit-user-select:none;user-select:none}.sidebar-subcategory-group{margin-bottom:8px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:9px 20px 9px 48px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);font-size:13px;font-weight:500;text-decoration:none;position:relative}.sidebar-item:hover{background:#f8fafc0a;color:var(--text-primary)}.sidebar-item.active{background:#6366f11a;color:var(--primary)}.sidebar-item.active:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.sidebar-item-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--accent-emerald);flex-shrink:0}.sidebar-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.sidebar-badge.coming-soon{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.sidebar-divider{height:1px;background:var(--border-subtle);margin:16px 20px}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content.with-sidebar{margin-left:0}.sidebar-toggle{display:flex;position:fixed;inset:auto 24px 24px auto;z-index:1000;width:52px;height:52px;background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid rgba(255,255,255,.2);border-radius:50%;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 25px #0006,0 0 15px #6366f166;color:#fff;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s ease,box-shadow .2s ease}.sidebar-toggle:hover{transform:scale(1.06);box-shadow:0 12px 30px #00000080,0 0 20px #6366f199}.sidebar-toggle:active{transform:scale(.94)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:99}.sidebar.open+.sidebar-overlay{display:block}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-secondary);transition:all .2s ease;padding:0}.sidebar-close-btn:hover{background:#ffffff14;color:var(--text-primary);border-color:#ffffff26}.sidebar-close-btn:active{transform:scale(.95)}}@media(min-width:769px){.sidebar-toggle{display:none}}.layout-container{display:flex;min-height:100vh;background:var(--bg-deep)}.main-content{flex:1;min-height:100vh;min-width:0;overflow-x:hidden}.main-content.with-sidebar{margin-left:240px}.main-content.full-width{margin-left:0!important;width:100%!important}@media(max-width:768px){.main-content.with-sidebar{margin-left:0!important;padding-top:56px}}.mobile-navbar{display:none}@media(max-width:768px){.mobile-navbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#0a0a12bf,#0f172ad9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(99,102,241,.2);box-shadow:0 4px 30px #0006,inset 0 1px #ffffff0d;position:fixed;top:0;left:0;right:0;z-index:90;width:100%;box-sizing:border-box}.mobile-navbar-brand{display:flex;align-items:center;gap:8px}.mobile-navbar-logo-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 12px var(--primary-glow),0 0 4px var(--accent);animation:pulse-glow 2s infinite ease-in-out}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 12px var(--primary-glow),0 0 4px var(--accent)}50%{transform:scale(1.2);opacity:.8;box-shadow:0 0 16px var(--primary),0 0 8px var(--accent)}}.mobile-navbar-title{font-size:16px;font-weight:800;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Outfit,sans-serif;letter-spacing:-.01em}.mobile-navbar-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid rgba(99,102,241,.2);background:#6366f10d;color:#a5b4fc;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;padding:0}.mobile-navbar-btn:hover{background:#6366f126;color:#fff;border-color:#6366f166;box-shadow:0 0 10px #6366f133}.mobile-navbar-btn:active{transform:scale(.92)}.sidebar-toggle{display:none!important}}.problem-list-card{position:relative;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-premium);display:flex;flex-direction:column;height:100%}.problem-card-overlay{position:absolute;inset:0;background:#0f172ae6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.problem-list-card:hover .problem-card-overlay{opacity:1}.learn-visualize-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;font-weight:600;font-size:14px;border-radius:9999px;box-shadow:0 4px 12px #3b82f640;transform:translateY(10px);transition:transform .2s ease,box-shadow .2s ease}.learn-visualize-btn:hover{box-shadow:0 6px 16px #3b82f659}.problem-list-card:hover .learn-visualize-btn{transform:translateY(0)}.problem-list-card-header{display:flex;align-items:center;margin-bottom:12px}.problem-difficulty-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px}.problem-list-card-title{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.5}.problem-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.problem-list-card-tags{display:flex;flex-wrap:wrap;gap:8px}.problem-tag{font-size:12px;font-weight:500;padding:4px 10px;background:#f8fafc;color:#64748b;border-radius:6px;border:1px solid #f1f5f9}.content-header{padding:32px 40px 24px;border-bottom:1px solid var(--border-subtle);background:var(--bg-deep);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.content-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.content-title{margin:0;font-size:28px;font-weight:700;color:var(--text-primary)}.content-description{margin:8px 0 0;font-size:15px;color:#64748b;line-height:1.5}.content-body{padding:24px 40px}@media(max-width:768px){.content-body{padding:16px 12px}}.problems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.problem-group-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:var(--shadow-premium)}.group-header{margin-bottom:20px;border-bottom:1px solid var(--border-subtle);padding-bottom:12px}.group-title{font-size:14px;font-weight:700;color:var(--text-secondary);margin:0 0 4px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.05em}.group-description{font-size:14px;color:#64748b;margin:0}.problem-list-item-link{text-decoration:none;display:block}.problem-list-item{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;border-bottom:1px solid var(--border-subtle);transition:background .2s ease;border-radius:8px}.problem-list-item:hover{background:var(--bg-card-hover)}.problem-list-item-link:last-child .problem-list-item{border-bottom:none}.problem-title{font-size:15px;font-weight:500;color:var(--text-primary);margin:0}.problem-list-item:hover .problem-title{color:var(--primary);font-weight:600}.problem-meta{display:flex;align-items:center;gap:16px}.problem-difficulty-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;min-width:64px;text-align:center}.problem-difficulty-badge.easy{background:#dcfce7;color:#166534}.problem-difficulty-badge.medium{background:#fef3c7;color:#92400e}.problem-difficulty-badge.hard{background:#fee2e2;color:#991b1b}.problem-arrow{color:#cbd5e1;font-weight:600;transition:transform .2s ease,color .2s ease}.problem-list-item:hover .problem-arrow{color:#3b82f6;transform:translate(4px)}.checkout-redirect-overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;background:radial-gradient(circle at 50% 40%,rgba(129,140,248,.14),transparent 60%),#050505f0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.checkout-redirect-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(129,140,248,.2);border-top-color:#818cf8;animation:checkout-redirect-spin .8s linear infinite}.checkout-redirect-text{font-size:.9rem;font-weight:600;color:#d1d5db;letter-spacing:.01em}@keyframes checkout-redirect-spin{to{transform:rotate(360deg)}}.paywall-overlay{display:flex;align-items:center;justify-content:center;width:100%;min-height:60vh;height:100%;padding:2rem 1rem;background:radial-gradient(circle at 50% 0%,rgba(129,140,248,.12),transparent 60%),#050505}.paywall-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:420px;padding:2.25rem 1.75rem;border:1px solid rgba(129,140,248,.25);border-radius:18px;background:#111117e6;box-shadow:0 24px 60px #0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.paywall-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:1.1rem;border-radius:14px;color:#c7ccff;background:#818cf826;border:1px solid rgba(129,140,248,.35)}.paywall-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#818cf8;margin-bottom:.5rem}.paywall-title{font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:800;color:#fff;margin:0 0 .6rem;line-height:1.2}.paywall-subtitle{font-size:.9rem;line-height:1.5;color:#9ca3af;margin:0 0 1.5rem}.paywall-perks{list-style:none;padding:0;margin:0 0 1.5rem;width:100%;display:flex;flex-direction:column;gap:.6rem}.paywall-perks li{display:flex;align-items:center;gap:.6rem;font-size:.875rem;color:#d1d5db;text-align:left}.paywall-check{flex-shrink:0;color:#34d399}.paywall-price{display:flex;align-items:baseline;gap:.35rem;margin-bottom:1.25rem}.paywall-amount{font-size:2.4rem;font-weight:900;color:#fff;line-height:1}.paywall-period{font-size:.9rem;color:#9ca3af;font-weight:600}.paywall-cta{width:100%;padding:.85rem 1rem;border:none;border-radius:12px;font-size:.95rem;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,#818cf8,#6366f1);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.paywall-cta:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 24px #6366f166}.paywall-dev-note{margin:.75rem 0 0;font-size:.7rem;color:#6b7280;font-style:italic}.hp-container{background-color:var(--bg-deep);background-image:radial-gradient(at 100% 0%,rgba(99,102,241,.08) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(6,182,212,.05) 0px,transparent 40%),radial-gradient(rgba(248,250,252,.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px;background-attachment:fixed;color:var(--text-primary);min-height:100vh;margin:0;padding:0;width:100%}.hp-main-content{width:100%;margin:0}.hp-header{height:64px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:center}.hp-header-content{width:100%;max-width:1200px;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.hp-logo{font-size:20px;font-weight:800;color:var(--text-primary);text-decoration:none;letter-spacing:-.025em;display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif}.hp-logo-dot{width:10px;height:10px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary-glow)}.hp-progress-pill{background:var(--bg-card);padding:6px 16px;border-radius:9999px;font-size:13px;font-weight:600;color:var(--text-secondary);border:1px solid var(--border-subtle)}.hp-hero{padding:100px 24px 60px;display:flex;justify-content:center}.hp-hero-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.hp-hero h1{font-size:64px;font-weight:800;line-height:1.1;color:var(--text-primary);margin-bottom:24px;letter-spacing:-.04em}.hp-hero p{font-size:20px;line-height:1.6;color:var(--text-secondary);margin-bottom:40px}.hp-hero-visual{height:400px;background:var(--bg-surface);border-radius:24px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-premium);overflow:hidden;position:relative}.hp-visual-header{height:44px;background:var(--bg-card);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 20px;gap:8px}.hp-dot{width:10px;height:10px;border-radius:50%;background:#f8fafc1a}.hp-visual-body{flex:1;padding:40px;background:var(--bg-surface)}.hp-category-tabs{display:flex;gap:4px;margin-bottom:48px;padding:4px;background:var(--bg-card);border-radius:14px;width:fit-content;border:1px solid var(--border-subtle)}.hp-tab-btn{display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:10px;border:none;background:transparent;cursor:pointer;font-weight:600;font-size:14px;color:var(--text-secondary);transition:all .2s}.hp-tab-btn:hover{color:var(--text-primary)}.hp-tab-btn.active{color:var(--text-primary);background:var(--bg-card-hover);box-shadow:0 4px 12px #0003}.hp-roadmap{padding:60px 24px 120px;display:flex;flex-direction:column;align-items:center}.hp-roadmap-header{max-width:1200px;width:100%;margin-bottom:56px}.hp-roadmap-header h2{font-size:40px;color:var(--text-primary);margin-bottom:12px}.hp-roadmap-header p{font-size:18px;color:var(--text-secondary)}.hp-module-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;padding:40px;margin-bottom:40px;box-shadow:var(--shadow-premium);transition:all .3s ease}.hp-module-card:hover{border-color:var(--border-active);transform:translateY(-4px)}.hp-module-header{margin-bottom:32px}.hp-module-label{font-size:12px;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.hp-problem-sub-list{background:#0f172a4d;border-radius:16px;overflow:hidden}.hp-problem-row{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;cursor:pointer;transition:all .2s;border-bottom:1px solid var(--border-subtle)}.hp-problem-row:last-child{border-bottom:none}.hp-problem-row:hover{background:#f8fafc0a}.hp-problem-name{font-size:15px;font-weight:500;color:var(--text-primary)}.hp-pattern-master-header{background:transparent;padding:64px 24px 32px;margin-bottom:0;position:relative;overflow:visible;text-align:center}.hp-pattern-bg-accent{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:600px;height:400px;filter:blur(120px);opacity:.1;z-index:-1;border-radius:50%}.hp-pmh-content{display:flex;justify-content:center;position:relative;z-index:1;width:100%}.hp-pmh-inner{display:flex;flex-direction:column;align-items:center;max-width:900px;width:100%;margin:0 auto}.hp-pmh-title{margin:0 0 12px;font-size:56px;font-weight:900;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em;line-height:1.1;font-family:Outfit,sans-serif}.hp-pmh-mantra-text{font-size:20px;font-weight:600;margin-bottom:16px;opacity:.9;font-style:italic}.hp-pmh-summary-text{font-size:18px;color:var(--text-secondary);max-width:800px;margin:0 auto 24px;line-height:1.6}@media(max-width:768px){.hp-pattern-master-header{padding:40px 16px 20px}.hp-pmh-title{font-size:32px;letter-spacing:-.01em}.hp-pmh-mantra-text{font-size:15px;margin-bottom:12px}.hp-pmh-summary-text{font-size:14px;margin-bottom:16px;line-height:1.5}}.hp-pmh-mantra{font-size:20px;font-weight:700;color:var(--primary);margin-bottom:16px}.hp-pmh-summary{font-size:16px;line-height:1.7;color:var(--text-secondary);margin-bottom:40px}.pattern-detail-card{background:#0f172a66!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.08)!important;border-radius:20px!important;padding:32px!important;box-shadow:none!important}@media(max-width:768px){.pattern-detail-card{padding:20px 16px!important;border-radius:16px!important}.problem-list-item{flex-direction:column;align-items:flex-start!important;gap:12px;padding:16px 12px!important}.problem-meta{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px!important}.problem-shortcut-btn{flex:1;text-align:center;padding:8px 4px;font-size:10px}.hp-category-view{padding:24px 16px!important}.hp-category-title{font-size:2.25rem!important}}.problem-list-item{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.05)!important;padding:16px 20px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;border-radius:12px}.problem-list-item:hover{background:#f8fafc0a!important}.hp-deep-dive-container{padding:0 24px 60px}@media(max-width:768px){.hp-deep-dive-container{padding:0 4px 40px}}.hp-patterns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media(max-width:480px){.hp-patterns-grid{grid-template-columns:1fr;gap:16px}}.hp-difficulty-tag.easy{background:#10b9811a;color:#10b981}.hp-difficulty-tag.medium{background:#f59e0b1a;color:#f59e0b}.hp-difficulty-tag.hard{background:#ef44441a;color:#ef4444}.hp-view-switcher{display:flex;background:#0f172acc;padding:3px;border-radius:12px;border:1px solid rgba(255,255,255,.1);width:fit-content;margin:-10px auto 32px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006;position:relative;z-index:10}.hp-view-btn{padding:8px 20px;border-radius:10px;font-weight:700;font-size:13px;color:#94a3b8;background:transparent;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Outfit,sans-serif;letter-spacing:.02em}.hp-view-btn:hover{color:#fff}.hp-view-btn.active{color:#fff;background:var(--primary);box-shadow:0 4px 12px #6366f159}.hp-pmh-clues-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hp-pmh-clue-item{display:flex;gap:10px;font-size:13px;font-weight:500;color:var(--text-secondary);line-height:1.4}.hp-pmh-visual-aid{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px}.hp-pmh-visual-title{font-size:11px;font-weight:800;text-transform:uppercase;color:#94a3b8;letter-spacing:.1em}.hp-pmh-mini-viz{flex:1;display:flex;align-items:center;justify-content:center;min-height:120px}.subcategory-header{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05)}.subcategory-badge{font-size:11px;font-weight:900;color:var(--primary);text-transform:uppercase;letter-spacing:.12rem;background:#6366f11a;padding:6px 14px;border-radius:8px;width:fit-content;border:1.5px solid rgba(99,102,241,.2);font-family:Outfit,sans-serif}.subcategory-description{font-size:15px;color:var(--text-secondary);margin:0;font-weight:500;line-height:1.6}.problem-list{display:flex;flex-direction:column;gap:4px}.problem-title{font-size:17px;font-weight:700;color:var(--text-primary);margin:0;font-family:Outfit,sans-serif;letter-spacing:-.01em}.problem-difficulty-badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:6px}.problem-difficulty-badge.easy{background:#10b9811a;color:#10b981}.problem-difficulty-badge.medium{background:#f59e0b1a;color:#f59e0b}.problem-difficulty-badge.hard{background:#ef44441a;color:#ef4444}.problem-arrow{color:var(--text-muted);font-weight:800;font-size:20px;opacity:.2;transition:all .3s cubic-bezier(.4,0,.2,1)}.problem-list-item:hover{background:#ffffff08!important}.problem-list-item:hover .problem-arrow{opacity:1;color:var(--primary);transform:translate(6px)}.problem-list-item:hover .problem-title{color:var(--primary)}@media(max-width:768px){.hp-pmh-content{display:flex}.hp-pmh-clues-grid{grid-template-columns:1fr}.hp-hero{padding:60px 20px 40px}.hp-hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hp-hero h1{font-size:40px;line-height:1.2}.hp-hero p{font-size:16px;margin-bottom:24px}.hp-roadmap{padding:40px 20px 80px}.hp-roadmap-header h2{font-size:32px}.hp-category-tabs{flex-wrap:wrap;justify-content:center}.hp-module-card{padding:24px}.hp-problem-row{height:auto;padding:16px;flex-direction:column;align-items:flex-start;gap:8px}.hp-visual-body{padding:20px}}.systems-hero{position:relative;overflow:hidden;margin-top:40px;border-radius:40px;background:radial-gradient(circle at 50% -20%,rgba(245,158,11,.15) 0%,transparent 60%),#0f172a66;box-shadow:0 40px 100px -20px #00000080;border:1px solid rgba(245,158,11,.08)}@keyframes flash-highlight{0%{background:#818cf84d;border-color:#818cf880}to{background:transparent;border-color:transparent}}.auto-highlight-flash{animation:flash-highlight 1.5s ease-out forwards;border-radius:12px}.problem-shortcut-btn{display:inline-flex;align-items:center;gap:6px;background:#1e293b66;color:#94a3b8;border:1px solid rgba(255,255,255,.08);padding:6px 14px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;font-family:Outfit,sans-serif;box-shadow:0 2px 4px #0003}.problem-shortcut-btn .btn-icon{opacity:.8;transition:transform .2s ease}.problem-shortcut-btn:hover .btn-icon{opacity:1;transform:scale(1.1)}.problem-shortcut-btn.concept{border-color:#38bdf833;background:#38bdf808;color:#7dd3fc}.problem-shortcut-btn.concept:hover{background:#38bdf81f;color:#38bdf8;border-color:#38bdf880;box-shadow:0 0 12px #38bdf833;transform:translateY(-1px)}.problem-shortcut-btn.sim{border-color:#818cf833;background:#818cf808;color:#a5b4fc}.problem-shortcut-btn.sim:hover{background:#818cf81f;color:#818cf8;border-color:#818cf880;box-shadow:0 0 12px #818cf833;transform:translateY(-1px)}.problem-pro-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.06em;color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.3)}.problem-shortcut-btn.sim.locked{border-color:#fbbf244d;background:#fbbf240d;color:#fbbf24}.problem-shortcut-btn.sim.locked:hover{background:#fbbf2424;color:#fcd34d;border-color:#fbbf248c;box-shadow:0 0 12px #fbbf2433}.problem-list-item.is-locked .problem-title{opacity:.7}.problem-shortcut-btn.learn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #6366f159;border-radius:8px;font-size:11px;font-weight:800}.problem-shortcut-btn.learn:hover{background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 6px 20px #6366f180;border-color:#ffffff40;transform:translateY(-1px)}.problem-shortcut-btn:active{transform:scale(.96) translateY(0)}.learn-pattern-card{background:linear-gradient(135deg,#6366f11f,#0f172ab3)!important;border:1px solid rgba(99,102,241,.35)!important;box-shadow:0 0 25px #6366f114!important}.learn-card-title{color:#fff!important;font-size:18px!important;font-weight:700!important}.hp-problem-detail-view{padding:40px;width:100%;box-sizing:border-box}@media(max-width:768px){.hp-problem-detail-view{padding:16px}}:root{--dd-primary: #6366f1;--dd-secondary: #818cf8;--dd-bg-card: rgba(15, 23, 42, .4);--dd-border: rgba(255, 255, 255, .08)}.dd-container{width:100%;max-width:1200px;margin:0 auto;color:#cbd5e1;padding:64px 24px;font-family:Inter,system-ui,-apple-system,sans-serif}.dd-container.inline{padding:32px 0 64px}@media(max-width:768px){.dd-container{padding:32px 16px}.dd-container.inline{padding:16px 0 48px}}.dd-header{margin-bottom:80px;text-align:left}.dd-title{font-family:Outfit,sans-serif;font-size:56px;font-weight:900;margin-bottom:24px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em;line-height:1.1}.dd-subtitle{font-size:24px;color:#94a3b8;margin-bottom:32px;line-height:1.4;font-weight:500}@media(max-width:768px){.dd-header{margin-bottom:48px}.dd-title{font-size:36px}.dd-subtitle{font-size:18px;margin-bottom:24px}}.dd-section{margin-bottom:96px}.dd-section-title{font-family:Outfit,sans-serif;font-size:32px;font-weight:900;color:#fff;margin-bottom:32px;display:flex;align-items:center;gap:16px;letter-spacing:-.01em}@media(max-width:768px){.dd-section{margin-bottom:64px}.dd-section-title{font-size:24px;margin-bottom:24px;gap:12px}}.dd-card{background:var(--dd-bg-card);border:1.5px solid var(--dd-border);border-radius:28px;padding:40px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.dd-card-title{font-family:Outfit,sans-serif;font-size:22px;font-weight:800;color:#fff;margin-bottom:16px;display:flex;align-items:center;gap:12px}.dd-card p{font-size:16px;line-height:1.7;color:#94a3b8;margin:0}@media(max-width:768px){.dd-card{padding:24px 20px;border-radius:20px}.dd-card-title{font-size:18px}.dd-card p{font-size:15px}}.dd-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.dd-grid-2{grid-template-columns:1fr;gap:16px}}.dd-callout{font-size:16px;color:#cbd5e1;line-height:1.6;margin:24px 0;padding:24px;background:#6366f10d;border-left:4px solid var(--dd-primary);border-radius:0 16px 16px 0}.dd-mantra{background:radial-gradient(circle at 50% 50%,#6366f11a,#0f172a99);border:1px solid rgba(99,102,241,.3);border-radius:40px;padding:80px 40px;text-align:center;margin:80px 0;box-shadow:0 0 50px #6366f11a}.dd-mantra-text{font-family:Outfit,sans-serif;font-size:32px;font-weight:800;color:#fff;line-height:1.3;max-width:700px;margin:0 auto}@media(max-width:768px){.dd-mantra{padding:48px 20px;margin:48px 0;border-radius:24px}.dd-mantra-text{font-size:22px}}.dd-viz-container{background:#020617;border:1.5px solid var(--dd-border);border-radius:28px;padding:48px 24px;margin:32px 0;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}@media(max-width:768px){.dd-viz-container{padding:32px 16px;border-radius:20px}}.dd-text-muted{color:#64748b}.dd-text-accent{color:var(--dd-primary)}.dd-font-mono{font-family:JetBrains Mono,monospace}.guide-back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#64748b;font-weight:700;font-size:14px;cursor:pointer;margin-bottom:32px;padding:0;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.guide-back-btn:hover{color:#fff;transform:translate(-4px)}.guide-meta{display:flex;gap:24px;margin-top:24px}.meta-item{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px;font-weight:600}.guide-section{margin-bottom:96px}.guide-section-title{font-family:Outfit,sans-serif;font-size:32px;font-weight:900;color:#fff;margin-bottom:32px}.guide-card,.guide-section-card,.guide-flavor-card{background:var(--dd-bg-card);border:1.5px solid var(--dd-border);border-radius:28px;padding:40px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.guide-title-xl{font-family:Outfit,sans-serif;font-size:56px;font-weight:900;margin-bottom:24px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.guide-subtitle{font-size:24px;color:#94a3b8;margin-bottom:32px}.guide-viz-container{background:#020617;border:1.5px solid var(--dd-border);border-radius:28px;padding:48px 24px}.code-window{background:#020617;border:1px solid var(--dd-border);border-radius:16px;overflow:hidden;margin:24px 0}.code-header{background:#ffffff08;padding:12px 20px;border-bottom:1px solid var(--dd-border);display:flex;justify-content:space-between;align-items:center}.code-lang{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.1em}.simple-code{font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;color:#cbd5e1;white-space:pre-wrap;padding:24px}.dd-jump-anchor{position:relative;top:0;height:0;scroll-margin-top:96px;pointer-events:none}.dd-pattern-divider{display:flex;align-items:center;gap:24px;padding:28px 32px;margin:72px 0 40px;border:1px solid;border-radius:24px}.dd-pattern-divider:first-child{margin-top:0}.dd-pd-num{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:18px;font-size:24px;font-weight:900;font-family:Outfit,sans-serif}.dd-pd-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}.dd-pd-title{margin:0;font-size:2rem;font-weight:900;letter-spacing:-.02em;color:#fff;font-family:Outfit,sans-serif}.dd-pd-sub{margin:8px 0 0;font-size:15px;color:#94a3b8;line-height:1.5;max-width:640px}@media(max-width:640px){.dd-pattern-divider{gap:16px;padding:20px;margin:48px 0 32px}.dd-pd-num{width:50px;height:50px;font-size:20px;border-radius:14px}.dd-pd-title{font-size:1.5rem}.dd-pd-sub{font-size:13px}}.guide-container{max-width:var(--reading-width-wide);margin:0 auto;padding:2rem 3rem 3rem;min-height:100vh}.guide-container.inline-mode{padding:0;min-height:auto;width:100%;max-width:900px;margin:0 auto}.guide-back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-muted);font-weight:600;cursor:pointer;margin-bottom:2.5rem;padding:0;font-size:.95rem;transition:all .2s}.guide-back-btn:hover{color:var(--primary);transform:translate(-4px)}.guide-content{background:transparent;border-radius:16px;padding:0;box-shadow:none;border:none}.guide-container.inline-mode .guide-content{background:transparent;padding:0;box-shadow:none;border:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}@media(max-width:768px){.guide-container{padding:1rem}.guide-content,.guide-container.inline-mode .guide-content{padding:0}}.guide-title-xl{font-size:64px;font-weight:900;color:#fff;letter-spacing:-2px;margin:0;line-height:1.1;font-family:Outfit,sans-serif;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:768px){.guide-title-xl{font-size:32px;letter-spacing:-1px}}.guide-section-card{background:#0f172a66;padding:40px;border-radius:24px;border:1.5px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:40px}@media(max-width:768px){.guide-section-card{padding:24px 20px;border-radius:20px;margin-bottom:24px}}.guide-section-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:900;color:var(--text-primary);margin-bottom:24px;font-family:Outfit,sans-serif;text-transform:uppercase;letter-spacing:.02em}@media(max-width:768px){.guide-section-title{font-size:18px;gap:8px;margin-bottom:16px}}.guide-card{display:flex;gap:20px;align-items:flex-start;background:#ffffff08;padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.guide-card{padding:20px;border-radius:20px;flex-direction:column;gap:16px}.guide-card .emoji-icon{font-size:28px!important}}.guide-responsive-padding{padding:64px 24px}@media(max-width:768px){.guide-responsive-padding{padding:32px 16px}}.guide-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.guide-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}@media(max-width:1024px){.guide-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.guide-grid-2,.guide-grid-3{grid-template-columns:1fr;gap:16px}}.guide-flavor-card{padding:32px;border-radius:24px;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease}.guide-flavor-card:hover{transform:translateY(-4px)}.guide-flavor-badge{display:inline-flex;padding:6px 12px;font-weight:900;font-size:11px;letter-spacing:1px;text-transform:uppercase;border-radius:8px;margin-bottom:16px}.guide-flavor-title{font-size:20px;color:#fff;font-weight:800;margin-bottom:12px}.guide-flavor-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.guide-flavor-target{font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}@media(max-width:768px){.guide-flavor-card{padding:24px}.guide-flavor-title{font-size:18px}}.guide-requirement-card{display:flex;gap:16px;background:#ffffff05;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.guide-requirement-icon{font-size:24px}.guide-requirement-title{font-size:14px;color:#fff;font-weight:700;margin-bottom:4px}.guide-requirement-text{font-size:13px;color:var(--text-muted);margin:0;line-height:1.5}.guide-pitfall-card{padding:24px;border-radius:16px;border:1px solid rgba(239,68,68,.2);background:#ef444408}.guide-pitfall-title{font-size:15px;color:#fca5a5;margin-bottom:12px;display:flex;align-items:center;gap:8px;font-weight:800}.guide-pitfall-text{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.guide-mantra-box{margin:64px 0;padding:64px 40px;background:radial-gradient(circle at 50% 50%,#6366f11a,#0f172a66);border-radius:24px;border:1px solid rgba(99,102,241,.2);text-align:center;box-shadow:0 0 40px #6366f11a}.guide-mantra-text{font-size:28px;font-weight:700;color:var(--text-secondary);line-height:1.4;max-width:900px;margin:0 auto;font-family:Outfit,sans-serif}@media(max-width:768px){.guide-mantra-box{margin:32px 0;padding:40px 20px}.guide-mantra-text{font-size:20px}}.guide-callout{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin:16px 0;padding-left:20px;border-left:4px solid var(--primary)}.guide-table-wrapper{overflow-x:auto;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0003;margin:24px 0}.guide-table{width:100%;border-collapse:collapse;font-size:14px;color:var(--text-secondary)}.guide-table th{background:#ffffff0d;padding:16px;text-align:left;font-weight:800;color:#fff}.guide-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.05)}.guide-table tr:last-child td{border-bottom:none}.guide-code-container{background:#1e2227;border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 50px #0000004d;overflow:hidden;font-family:JetBrains Mono,Fira Code,monospace;margin:24px 0}.guide-code-header{display:flex;align-items:center;padding:0 16px;height:40px;background:#21252b;border-bottom:1px solid rgba(0,0,0,.15)}.guide-code-dots{display:flex;gap:8px}.guide-code-dot{width:10px;height:10px;border-radius:50%}.guide-code-filename{margin-left:24px;padding:0 12px;height:100%;display:flex;align-items:center;background:#1e2227;border-bottom:2px solid #61AFEF;font-size:11px;color:#abb2bf}.guide-code-lang-toggle{margin-left:auto;display:flex;gap:4px;padding-right:12px}.guide-code-lang-btn{padding:4px 12px;border-radius:12px;font-size:10px;font-weight:900;border:none;cursor:pointer;background:transparent;color:#5c6370;transition:all .2s ease;letter-spacing:1px}.guide-code-lang-btn.active{background:#ffffff1a;color:#fff}.guide-code-body{padding:16px 0;font-size:12px;line-height:1.5;overflow-x:auto}.guide-code-line{display:flex;min-width:fit-content}.guide-code-line-num{width:35px;text-align:right;padding-right:12px;color:#3b4048;-webkit-user-select:none;user-select:none;font-size:10px;flex-shrink:0}.guide-code-line-content{flex:1;white-space:pre;padding-right:12px}@media(max-width:768px){.guide-code-lang-toggle{display:none}}.guide-viz-container{box-shadow:0 25px 50px -12px #00000080;margin:32px 0;width:100%;box-sizing:border-box}@media(max-width:768px){.guide-viz-container{padding:20px 16px;border-radius:16px;margin:16px 0}}.guide-array-scroll{display:flex;gap:16px;padding:32px;background:#ffffff05;border-radius:24px;border:1px solid rgba(255,255,255,.05);margin-bottom:60px;overflow-x:auto;width:100%;box-sizing:border-box}@media(max-width:768px){.guide-array-scroll{padding:20px 12px;margin-bottom:32px;gap:12px}}.guide-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.guide-tag{display:inline-block;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;padding:.45rem 1.1rem;border-radius:24px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.25rem;box-shadow:0 4px 12px var(--primary-glow)}.guide-header h1{font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.5rem;line-height:1.2}.guide-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.25rem;font-weight:400}.guide-meta{display:flex;gap:1.5rem;color:var(--text-muted);font-size:.85rem;font-weight:600}.guide-meta span{display:flex;align-items:center;gap:.6rem}.guide-section{margin-bottom:2.5rem}.guide-section h2{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3;font-family:Outfit,sans-serif;letter-spacing:-.01em}.guide-section h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.guide-section h4{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.guide-section p{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem}.guide-section strong{color:var(--text-primary);font-weight:700}.guide-section code{background:var(--bg-deep);color:var(--accent);padding:.25rem .6rem;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.9em;border:1px solid var(--border-subtle)}.why-box{background:#6366f10d!important;border:1px solid rgba(99,102,241,.1)!important;border-radius:12px;padding:1.5rem}.why-box h3{color:var(--primary)!important}.killer-line{border-left:4px solid var(--primary)!important;background:#6366f114!important;color:var(--text-primary)!important;padding:1rem 1.5rem;border-radius:0 12px 12px 0;margin:1.5rem 0}.text-click,.text-flavors,.text-pitfalls,.text-complexity,.text-summary{background:transparent;padding:0}.guide-trigger-box h3{color:var(--primary);margin-bottom:.625rem;font-size:.9rem}.guide-trigger-box ul{list-style:none;padding:0;margin:0}.guide-trigger-box li{color:var(--text-secondary);font-size:.825rem;line-height:1.5;position:relative;padding:.35rem 0 .35rem 1.25rem}.guide-trigger-box li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.insight-box p{margin:0;color:var(--accent);font-size:.95rem;line-height:1.6}.approach-toggle-container{margin:2rem 0 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.approach-toggle{display:flex;background:var(--bg-deep);padding:4px;border-radius:12px;border:1px solid var(--border-subtle);width:100%;max-width:500px;position:relative;box-shadow:inset 0 2px 4px #0003}.approach-toggle button{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-muted);font-weight:700;font-size:.9rem;border-radius:10px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;z-index:1}.active-pill{position:absolute;top:4px;bottom:4px;background:var(--bg-card);border-radius:8px;box-shadow:0 4px 12px #0000004d;border:1px solid var(--border-active)}.btn-content{position:relative;z-index:2;display:flex;align-items:center;gap:.6rem}.approach-toggle button.active{color:var(--text-primary)}.approach-toggle button:hover:not(.active){color:var(--text-secondary)}.toggle-hint{font-size:.75rem;color:var(--text-muted);font-weight:500;margin:0}.visualization-container{background:var(--bg-deep);padding:2rem;margin:1.5rem 0;border-radius:16px;border:1px solid var(--border-subtle)}.visualization-container h4{margin:.5rem 0;font-size:1.1rem;color:var(--text-primary)}.array-viz{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.array-cell{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;border-radius:12px;background:var(--bg-surface);border:2px solid var(--border-subtle);color:var(--text-primary);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.array-cell.active-naive{background:#ef444426;border-color:#ef4444;color:#fca5a5;transform:scale(1.1);box-shadow:0 0 20px #ef444433}.array-cell.active-optimized{background:#10b98126;border-color:#10b981;color:#6ee7b7;transform:scale(1.1);box-shadow:0 0 20px #10b98133}.indicator.add{background:#10b981;color:#fff}.indicator.remove{background:#ef4444;color:#fff}.complexity-badge{display:inline-block;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:700;margin:.5rem 0}.complexity-badge.bad{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.complexity-badge.good{background:#10b9811a;color:#6ee7b7;border:1px solid rgba(16,185,129,.2)}.explanation{color:var(--text-secondary);font-size:1rem;margin:0}.performance-comparison{background:var(--bg-deep);border-radius:16px;padding:2.5rem;margin:2.5rem 0;border:1px solid var(--border-subtle)}.perf-stat .label{font-weight:700;color:var(--text-primary);font-size:1.15rem}.perf-stat .value.bad{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.perf-stat .value.good{background:#10b9811a;color:#6ee7b7;border:1px solid rgba(16,185,129,.2)}.perf-insight{color:var(--text-primary);font-weight:800;font-size:1.25rem;margin:0}.simple-flavors h3{color:var(--text-primary)}.simple-list li{color:var(--text-secondary)}.pitfalls-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.pitfall-card{background:var(--bg-deep);border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:1.75rem}.pitfall-card h4{color:#f87171;margin-bottom:.875rem;font-size:1.1rem}.pitfall-card .problem{color:var(--text-muted);font-size:.95rem;margin-bottom:1rem;font-style:italic}.pitfall-card .solution{color:#4ade80;font-size:.95rem;background:#10b9810d;padding:1rem;border-radius:10px;line-height:1.6;margin:0}.complexity-section{background:var(--bg-card);border-radius:16px;padding:2.5rem;border:1px solid var(--border-subtle)}.complexity-proof{color:var(--text-primary)}.complexity-proof p{color:var(--text-primary);font-weight:700;font-size:1.15rem;margin-bottom:1.5rem}.proof-steps{list-style:none;padding:0;margin:0 0 1.5rem}.proof-steps li{padding:.6rem 0;color:var(--text-secondary);font-size:1rem;line-height:1.7}.proof-insight{background:var(--bg-deep);padding:1.5rem;border-radius:10px;border-left:5px solid var(--primary)}.proof-insight p{margin:0;color:var(--text-secondary);font-size:1rem;font-weight:600}.highlight-box{background:var(--bg-card);border:1px solid var(--border-active);border-radius:16px;padding:2.5rem}.highlight-box h2{color:var(--text-primary)}.summary-section{background:var(--bg-deep);border-radius:20px;padding:3.5rem 3rem;text-align:center;border:1px solid var(--border-subtle)}.mental-summary{font-size:1.75rem;font-weight:800;color:var(--primary);line-height:1.6;font-style:italic;margin:0 0 2.5rem}.summary-checklist{background:var(--bg-surface);border-radius:16px;padding:3rem;margin-top:2rem;text-align:left;border:1px solid var(--border-subtle);box-shadow:var(--shadow-premium)}.summary-checklist h4{color:var(--text-primary);margin-bottom:1.75rem;font-size:1.3rem;font-weight:800}.summary-checklist li{padding:1rem 0;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;font-weight:600;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:12px}.problem-statement-box{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:2rem 0;margin:2rem 0}.problem-statement-box h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:800}.problem-text{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem;line-height:1.7}.input-item{display:flex;align-items:center;gap:1rem;background:var(--bg-deep);padding:.75rem 1.25rem;border-radius:12px;border:1px solid var(--border-subtle)}.input-label{color:var(--text-muted);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.input-value{color:var(--accent);font-weight:800;font-size:1.2rem;font-family:JetBrains Mono,monospace}.k-value{color:#0369a1;font-size:1.25rem}.viz-description{color:#64748b;font-size:.95rem;margin-bottom:.75rem;text-align:center;font-style:italic}.array-cell{flex-direction:column;gap:.15rem;padding:.25rem;box-sizing:border-box}.cell-value{font-size:1.1rem;font-weight:700}.cell-index{font-size:.65rem;color:#94a3b8;font-weight:600}.array-cell.active-naive .cell-index{color:#991b1b}.array-cell.active-optimized .cell-index{color:#065f46}.calculation-display{padding:1rem 0;margin:1rem 0;border-top:1px dashed #e2e8f0}.calc-label{color:var(--text-muted);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.calc-formula{font-size:1.05rem;color:var(--text-primary);font-family:Fira Code,monospace;margin-bottom:.75rem;padding:.75rem;background:var(--bg-deep);border-radius:8px;border:1px solid var(--border-subtle)}.calc-formula strong{color:#4f46e5;font-size:1.15rem}.calc-note{color:#64748b;font-size:.8rem;font-style:italic;margin-top:.25rem}.calc-update{margin-top:1.25rem;padding-top:1.25rem;border-top:2px dashed #e2e8f0}.update-step{padding:.6rem 1rem;margin:.5rem 0;border-radius:8px;font-size:.95rem;font-family:Fira Code,monospace}.update-step:first-child{background:var(--bg-deep);color:var(--text-secondary)}.remove-step{background:#ef44441a;color:#fca5a5;border-left:4px solid #ef4444}.add-step{background:#10b9811a;color:#6ee7b7;border-left:4px solid #10b981}.update-result{background:var(--bg-deep);color:var(--primary);padding:.75rem 1rem;border-radius:8px;margin-top:.75rem;font-weight:700;font-size:1.05rem;font-family:Fira Code,monospace;border:1px solid var(--border-active)}.update-result strong{color:#6366f1;font-size:1.2rem}@media(max-width:768px){.guide-container{padding:2rem 1rem}.guide-content{padding:2rem 1.5rem}.guide-header h1{font-size:2.5rem}.flavor-grid,.pitfalls-grid{grid-template-columns:1fr}.array-viz{gap:.5rem}.array-cell{width:48px;height:48px;font-size:1.2rem}}.strategy-analysis{margin:1rem 0;padding-left:1rem;border-left:2px solid #e2e8f0}.strategy-analysis h4{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.compact{gap:.25rem!important}.compact li{font-size:.85rem!important}.meta-text{color:#475569;font-size:.8rem;font-style:italic;background:#f8fafc;padding:.5rem .75rem;border-radius:6px;display:inline-block}.pattern-item{margin-bottom:1.5rem}.pattern-item:last-child{margin-bottom:0}.pattern-qa{background:var(--bg-deep);padding:.75rem 1rem;border-radius:8px;margin-top:.75rem;border-left:3px solid var(--border-subtle)}.pattern-qa p{margin:.25rem 0;font-size:.85rem;line-height:1.4;color:var(--text-secondary)}.pattern-qa strong{color:var(--text-primary);font-weight:600}.intro-analysis{background:var(--bg-deep);border:1px solid var(--border-subtle);margin:.75rem 0 1rem;padding:.75rem;border-radius:8px}.intro-analysis h4{color:var(--text-primary);margin-bottom:.5rem}.simple-logic-explanation{margin:1.25rem 0;line-height:1.6;color:var(--text-secondary)}.simple-logic-explanation p{margin-bottom:.75rem}.stat-comparison{background:var(--bg-deep);padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border-subtle)}.stat-header{font-size:.85rem;color:#64748b;margin-bottom:.5rem}.stat-row{margin:.25rem 0;font-family:JetBrains Mono,monospace;font-size:.9rem}.stat-row.bad{color:#ef4444}.stat-row.good{color:#10b981}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.practice-category h3{font-size:1rem;color:#1e293b;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.practice-category .simple-list{display:flex;flex-direction:column;gap:.5rem}.practice-category button{background:none;border:none;padding:0;margin:0;text-align:left;color:#818cf8;font-size:.95rem;cursor:pointer;transition:color .2s}.practice-category button:hover{color:#6366f1;text-decoration:underline}@media(max-width:768px){.practice-grid{grid-template-columns:1fr}}.viz-main-area{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:.5rem 0;padding:.5rem 1rem;background:var(--bg-deep);border-radius:12px;border:1px solid var(--border-subtle)}.array-viz-wrapper{display:flex;flex-direction:column;align-items:center;gap:.75rem}.side-calculations{min-width:180px;transition:all .3s ease}.modern-calc-box{background:var(--bg-surface);padding:.75rem 1rem;border-radius:10px;box-shadow:var(--shadow-premium);border:1px solid var(--border-subtle);font-family:JetBrains Mono,monospace}.calc-row{display:flex;justify-content:space-between;gap:1.5rem;font-size:.95rem;padding:.25rem 0;color:#475569}.calc-row .val{font-weight:700}.calc-row.remove{color:#ef4444}.calc-row.add{color:#10b981}.calc-divider{height:1px;background:#e2e8f0;margin:.5rem 0}.calc-row.total{font-size:1rem;color:#4f46e5;margin-top:.25rem}.calc-row.total .val{font-weight:800}@media(max-width:900px){.viz-main-area{flex-direction:column;gap:2rem}}.modern-calc-box.naive{border-color:#fca5a5}.modern-calc-box.naive .calc-label{color:#ef4444}.naive-warning{margin-top:.75rem;font-size:.8rem;color:#f87171;font-weight:700;text-align:center}.flavor-description{margin-bottom:0;padding:0 .5rem;min-height:90px;display:flex;align-items:flex-start}.flavor-description p{font-size:.95rem;line-height:1.6;color:var(--text-secondary)}.flavor-example{margin-top:1rem;padding:.75rem 1rem;background:var(--bg-deep);border-radius:8px;border:1px dashed var(--border-subtle);font-size:.85rem;color:var(--text-secondary)}.flavor-example strong{color:#4f46e5}.explanation-inline{font-size:.8rem;font-weight:400;font-style:italic;margin-left:.6rem;opacity:.85}.subtitle-inline{font-size:.85rem;font-weight:400;color:#64748b;margin-left:.75rem}.mental-model-box,.why-box,.decision-tree,.timing-rule-box,.mantra-box{margin-top:1.25rem;padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.mental-model-visual{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:#4f46e5}.icon-pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.killer-line{margin-top:1.25rem;padding:1rem;background:#ef444414;border-left:4px solid #ef4444;font-weight:700;color:var(--text-primary);border-radius:4px}.checklists li{margin-bottom:.75rem!important}.warning-note{font-size:.85rem;color:#94a3b8;margin-top:1rem}.decision-tree{background:var(--bg-deep);border:1px solid var(--border-subtle)}.node-text{display:block;font-weight:700;color:var(--text-primary);margin-bottom:1rem;font-size:1rem}.tree-branches{display:flex;flex-direction:column;gap:1.5rem;padding-left:1rem;border-left:2px dashed #cbd5e1}.branch{position:relative;padding-left:1.5rem}.branch:before{content:"";position:absolute;left:0;top:50%;width:1.2rem;height:2px;background:var(--border-subtle)}.branch-label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.outcome.badge{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:700}.timing-rule-box{background:var(--bg-card);border-color:var(--border-subtle)}.timing-rule-box h4{color:#9d174d;margin-bottom:1rem}.mantra-box{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;text-align:center;border:none;box-shadow:0 10px 25px -5px #4f46e566}.mantra-text{font-size:1.85rem;font-weight:800;margin-top:1rem;font-family:Outfit,sans-serif;color:#fff!important;line-height:1.4;text-shadow:0 2px 8px rgba(0,0,0,.2)}.mantra-text strong{color:#fbbf24!important;text-decoration:underline;text-underline-offset:6px}:root{--premium-bg-base: #0A0A0B;--premium-bg-elevated: #111113;--premium-bg-surface: #18181B;--premium-bg-card: #1F1F23;--premium-border: rgba(255, 255, 255, .08);--premium-border-strong: rgba(255, 255, 255, .12);--premium-border-hover: rgba(99, 102, 241, .4);--premium-text-primary: #FAFAFA;--premium-text-secondary: #A1A1AA;--premium-text-tertiary: #71717A;--premium-accent: #6366f1;--premium-accent-bright: #818cf8;--premium-accent-glow: rgba(99, 102, 241, .15);--premium-accent-glow-strong: rgba(99, 102, 241, .25);--premium-success: #10B981;--premium-warning: #F59E0B;--premium-danger: #EF4444;--font-mono: "JetBrains Mono", "Menlo", "Monaco", monospace;--font-sans: "Inter", system-ui, -apple-system, sans-serif}.problem-detail-page{background-color:var(--premium-bg-base);color:var(--premium-text-primary);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column}.problem-detail-page.is-simulating{height:100vh;overflow:hidden}:root{--ph-bg-root: #0F0F11;--ph-bg-surface: #18181B;--ph-border: rgba(255, 255, 255, .06);--ph-font-display: "Outfit", sans-serif;--ph-text-primary: #EDEDEF;--ph-text-secondary: #A1A1AA;--ph-text-tertiary: #71717A;--ph-accent-blue: #818cf8;--ph-accent-blue-dim: rgba(99, 102, 241, .1);--badge-easy-bg: rgba(16, 185, 129, .1);--badge-easy-text: #6EE7B7;--badge-pattern-bg: rgba(99, 102, 241, .1);--badge-pattern-text: #a5b4fc}.problem-detail-header{background-color:var(--ph-bg-root);border-bottom:1px solid var(--ph-border);height:72px;width:100%;position:sticky;top:0;z-index:50;display:flex;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-content-wrapper{width:100%;padding:0 40px;display:flex;align-items:center;height:100%;gap:24px;box-sizing:border-box}.is-simulating .header-content-wrapper{width:100%!important;max-width:none!important;padding:0 32px!important}.systems-header{border-bottom:2px solid rgba(245,158,11,.3)!important;background:linear-gradient(to bottom,rgba(245,158,11,.05),transparent)!important}.systems-header .header-back-btn:hover{color:#f59e0b!important}.system-design-view .idea-panel{max-width:none;width:100%;padding:60px 40px;box-sizing:border-box}.header-back-btn{color:var(--ph-text-secondary);transition:color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.header-back-btn:hover{color:var(--ph-text-primary);transform:translate(-2px)}.is-simulating .problem-detail-content{width:100vw!important;max-width:100vw!important;padding:0!important;margin:0!important;position:relative!important;left:0!important}.is-simulating .simulation-panel{width:100%!important;height:100%!important}.header-title-section{display:flex;align-items:center;gap:16px;flex:1}.header-title{font-family:var(--ph-font-display);font-size:1.25rem;font-weight:700;color:var(--ph-text-primary);margin:0;line-height:1}.header-badges{display:flex;gap:8px;align-items:center;margin-left:8px;padding-left:16px;border-left:1px solid var(--ph-border);height:24px}.header-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:99px;display:inline-flex;align-items:center;border:1px solid transparent}.badge-easy{background:var(--badge-easy-bg);color:var(--badge-easy-text);border-color:#10b98126}.badge-medium{background:#f59e0b1a;color:#fcd34d;border-color:#f59e0b26}.badge-hard{background:#ef44441a;color:#fca5a5;border-color:#ef444426}.badge-pattern{background:var(--ph-bg-surface);color:var(--ph-text-secondary);border:1px solid var(--ph-border)}.header-tabs{display:flex;gap:4px;background:#0f172a66;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-tab-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:8px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#64748b;background:transparent}.header-tab-btn:hover{color:var(--ph-text-primary);background:#ffffff08}.header-tab-btn.active{background:#3c3c4199;color:#fff;box-shadow:0 1px 2px #0003;border:1px solid rgba(255,255,255,.08)}.header-tab-btn .tab-icon{width:14px;height:14px;opacity:.8}.header-tab-btn.active .tab-icon{opacity:1;color:var(--ph-accent-blue)}.header-tab-btn.simulation-tab,.tab-button.simulation-tab{color:#34d399;background:#10b9810d;border:1px solid rgba(16,185,129,.1)}.header-tab-btn.simulation-tab.active,.tab-button.simulation-tab.active{background:#10b98126;color:#6ee7b7;border-color:#10b9814d;box-shadow:0 0 15px #10b9811a}.header-tab-btn.simulation-tab .tab-icon,.tab-button.simulation-tab .tab-icon{color:#34d399}.problem-detail-page.pattern-dp{--ph-accent-primary: #10b981;--ph-accent-secondary: #6366f1}.problem-detail-page.pattern-dp .header-tab-btn.active{border-bottom:2px solid var(--ph-accent-primary);background:#10b9810d}.problem-detail-page.pattern-dp .header-tab-btn.simulation-tab.active{background:#10b98126;color:#6ee7b7;border-color:#10b9814d}.problem-detail-page.pattern-dp .header-title{background:linear-gradient(135deg,#fff,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.problem-detail-page.pattern-dp .header-badge.badge-pattern{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}@media(max-width:768px){.problem-detail-header{height:auto;padding:12px 0}.header-content-wrapper{flex-direction:column;padding:0 16px;gap:12px;align-items:flex-start}.header-title-section{width:100%;justify-content:flex-start;gap:12px}.header-title{font-size:1.15rem;line-height:1.3}.header-badges{display:none!important}.header-tabs{width:100%}.header-tab-btn{flex:1;justify-content:center;padding:8px 4px;font-size:12px}}.problem-detail-title-section{display:flex;align-items:center;gap:16px}.problem-detail-title{font-family:var(--font-sans);font-size:1.1rem;font-weight:600;letter-spacing:-.01em;color:var(--op-text-primary);margin:0}.problem-detail-meta{display:flex;align-items:center;gap:12px}.meta-tag{font-family:var(--font-mono);font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:500;border:1px solid transparent}.meta-tag.difficulty-easy{color:var(--op-accent-success);border-color:#00c85333;background:#00c8530d}.meta-tag.difficulty-medium{color:var(--op-accent-warning);border-color:#ffab0033;background:#ffab000d}.meta-tag.difficulty-hard{color:var(--op-accent-danger);border-color:#d5000033;background:#d500000d}.problem-detail-tabs{display:flex;gap:4px;background:var(--op-bg-surface);padding:4px;border:1px solid var(--op-border-subtle);border-radius:24px;margin-right:auto}.tab-button{padding:6px 16px;font-family:var(--font-sans);font-size:.85rem;color:var(--op-text-secondary);background:transparent;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease}.tab-button:hover{color:var(--op-text-primary);background:#ffffff0d}.tab-button.active{color:var(--op-bg-base);background:var(--op-text-primary);font-weight:600}.problem-detail-content{flex:1;display:flex;overflow:hidden;position:relative}.idea-panel{width:100%;margin:0;padding:48px 40px;box-sizing:border-box}@media(max-width:768px){.idea-panel{padding:24px 16px}}.section-header{display:flex;align-items:center;gap:14px;margin-bottom:28px;font-family:var(--font-mono);color:var(--premium-text-secondary);font-size:.8rem;padding-bottom:12px;border-bottom:1px solid var(--premium-border)}@media(max-width:768px){.section-header{margin-bottom:20px;gap:10px}}.section-header svg{width:16px;height:16px;color:var(--op-accent-primary)}.tech-panel{background:var(--premium-bg-card);border:1px solid var(--premium-border);padding:32px;margin-bottom:32px;position:relative;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}@media(max-width:768px){.tech-panel{padding:20px 16px;margin-bottom:20px}}.tech-panel:hover{border-color:var(--premium-border-strong);box-shadow:0 4px 12px #0006}.tech-panel.primary-framing{border-left:2px solid var(--premium-accent);background:linear-gradient(90deg,var(--premium-accent-glow) 0%,var(--premium-bg-card) 100%);box-shadow:0 1px 3px #0000004d,-2px 0 8px var(--premium-accent-glow)}.tech-panel h3{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--premium-text-primary);margin-top:0;margin-bottom:22px;letter-spacing:-.02em;line-height:1.3}.hero-text{font-size:1.125rem;line-height:1.8;color:var(--premium-text-primary);font-weight:450;opacity:.95}.io-card{background:var(--premium-bg-elevated);border:1px solid var(--premium-border);border-radius:12px;font-family:var(--font-mono);font-size:.85rem;padding:24px;margin-top:12px;display:grid;gap:18px;transition:all .2s ease;box-shadow:0 1px 2px #0003}.io-card:hover{border-color:var(--premium-border-strong)}.io-label{color:var(--premium-text-tertiary);font-size:.65rem;font-weight:700;display:block}.io-value{color:var(--premium-text-primary);font-weight:500;line-height:1.7}.io-tag{display:inline-block;font-size:.7rem;font-family:var(--font-sans);padding:4px 12px;border-radius:6px;margin-right:0;margin-bottom:10px;font-weight:700}.io-tag.input{background:#ec48991f;color:#f472b6;border:1px solid rgba(236,72,153,.25)}.io-tag.output{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.faq-accordion-item{border:1px solid var(--premium-border);border-radius:12px;background:var(--premium-bg-elevated);margin-bottom:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0003}.faq-accordion-item:hover{background:var(--premium-bg-surface);border-color:var(--premium-border-hover);box-shadow:0 2px 8px #6366f11a,0 1px 3px #0000004d}.faq-trigger,.approach-trigger{width:100%;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:transparent!important;border:none;text-align:left;color:var(--premium-text-primary)!important;transition:all .2s ease}.faq-question{font-size:.95rem;font-weight:600;color:var(--premium-text-primary);line-height:1.5;letter-spacing:-.01em}.faq-content{padding:8px 22px 22px 58px;font-size:.925rem;color:var(--premium-text-secondary);line-height:1.8}.approach-spectrum-container{padding:16px 0}.evolution-stepper{display:flex;align-items:center;gap:0;margin-bottom:28px;position:relative;padding:0 12px}.evolution-step{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:130px}.step-marker{width:14px;height:14px;border-radius:50%;background:var(--premium-border-strong);border:2px solid var(--premium-bg-card);z-index:2;transition:all .4s cubic-bezier(.4,0,.2,1)}.evolution-step.active .step-marker{background:var(--premium-accent);box-shadow:0 0 16px var(--premium-accent-glow-strong),0 0 4px var(--premium-accent);transform:scale(1.3);border-color:var(--premium-accent-bright)}.step-connector{position:absolute;top:6px;left:50%;width:100%;height:2px;background:var(--premium-border);z-index:1;transition:background .3s ease}.evolution-step:last-child .step-connector{display:none}.step-label{font-family:var(--font-mono);font-size:.65rem;color:var(--premium-text-tertiary);text-align:center;transition:color .3s ease;font-weight:600}.evolution-step.active .step-label{color:var(--premium-accent-bright);font-weight:800}.complexity-trail{display:flex;align-items:center;gap:14px;background:var(--premium-bg-elevated);padding:16px 18px;border-radius:12px;border:1px solid var(--premium-border);width:fit-content;box-shadow:0 1px 2px #0003}@media(max-width:768px){.complexity-trail{display:none}}.trail-node{padding:6px 14px;font-family:var(--font-mono);font-size:.825rem;border-radius:8px;border:1px solid var(--premium-border);color:var(--premium-text-secondary);background:var(--premium-bg-surface);transition:all .2s ease}.trail-node.highlight{background:var(--premium-accent-glow);color:var(--premium-accent-bright);border-color:var(--premium-accent);font-weight:700;box-shadow:0 0 12px var(--premium-accent-glow)}.trail-arrow{color:var(--premium-text-tertiary)}.checklist-item{border-radius:12px;background:var(--premium-bg-elevated);border:1px solid var(--premium-border);padding:20px;transition:all .3s ease;box-shadow:0 1px 2px #0003}.checklist-item:hover{border-color:var(--premium-border-strong);box-shadow:0 2px 6px #0000004d}.checklist-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--op-accent-primary-glow);color:var(--op-accent-primary);font-size:.75rem;font-weight:800;flex-shrink:0}.checklist-title{font-weight:600;font-size:.9rem;color:var(--op-text-primary);margin-bottom:4px}.checklist-desc{font-size:.85rem;color:var(--op-text-secondary);line-height:1.6}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cta-scanner{position:relative;overflow:hidden}.cta-scanner:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,var(--premium-accent-glow) 45%,var(--premium-accent-glow-strong) 50%,var(--premium-accent-glow) 55%,transparent 100%);animation:cta-scan 3s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}@keyframes cta-scan{0%{top:-100%}to{top:100%}}.live-demo{width:100%;border-radius:20px;border:1px solid var(--border-glass);background:linear-gradient(160deg,#141824f2,#0b0e14f2);box-shadow:0 40px 80px -30px #000c,0 0 0 1px #6366f114;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.live-demo-chrome{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-glass);background:#00000040}.ld-dot{width:11px;height:11px;border-radius:50%;background:#3a3f4b}.ld-dot:nth-child(1){background:#ff5f57}.ld-dot:nth-child(2){background:#febc2e}.ld-dot:nth-child(3){background:#28c840}.ld-title{margin-left:.5rem;font-size:.8rem;color:var(--text-secondary);font-family:Inter,monospace}.ld-step{margin-left:auto;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--accent-indigo);text-transform:uppercase}.live-demo-body{display:grid;grid-template-columns:1.15fr 1fr}.ld-stage{padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border-glass);min-height:280px}.ld-array{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.ld-cell-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem}.ld-cell{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1.5px solid rgba(255,255,255,.12);font-family:Outfit,monospace;font-weight:800;font-size:1.05rem;color:var(--text-primary);background:#ffffff08;transition:border-color .3s,background .3s,color .3s,box-shadow .3s}.ld-cell.is-scanned{opacity:.45;border-color:#ffffff0f}.ld-cell.is-active{border-color:var(--accent-indigo);background:#6366f12e;box-shadow:0 0 26px -4px #6366f1b3}.ld-cell.is-match{border-color:var(--accent-emerald);background:#10b98138;color:#6ee7b7;box-shadow:0 0 30px -2px #10b981b3}.ld-index{font-size:.72rem;color:var(--text-secondary);font-family:monospace}.ld-caption{margin:1.75rem 0 0;text-align:center;font-size:.92rem;color:var(--text-secondary);line-height:1.5;min-height:2.6em}.ld-side{display:flex;flex-direction:column}.ld-console{flex:1;padding:.85rem 0;border-bottom:1px solid var(--border-glass)}.ld-console-head{display:flex;align-items:center;justify-content:space-between;padding:0 1rem .6rem}.ld-console-label{font-size:.7rem;letter-spacing:.08em;font-weight:700;color:var(--accent-indigo)}.ld-lang{font-size:.65rem;font-weight:700;color:var(--text-secondary);border:1px solid var(--border-glass);padding:.15rem .5rem;border-radius:6px}.ld-code{margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.74rem;line-height:1.7;color:#c4c9d4;white-space:pre;overflow-x:auto}.ld-code-line{padding-right:.75rem;border-left:2px solid transparent;transition:background .25s,border-color .25s}.ld-code-line.is-hl{background:#6366f129;border-left-color:var(--accent-indigo);color:#fff}.ld-observer{padding:.85rem 1rem 1rem}.ld-observer-label{display:block;font-size:.7rem;letter-spacing:.08em;font-weight:700;color:var(--accent-emerald);margin-bottom:.6rem}.ld-row{display:flex;justify-content:space-between;align-items:center;padding:.22rem 0;font-family:monospace;font-size:.8rem;color:var(--text-secondary)}.ld-row b{color:var(--text-primary)}.ld-row b.amber{color:#f59e0b}.ld-row b.ok{color:var(--accent-emerald)}.ld-row b.no{color:#ef4444}.ld-step-amber{color:#f59e0b}.ld-step-emerald{color:var(--accent-emerald)}.ld-observer-amber{color:#f59e0b!important}.ld-observer-emerald{color:var(--accent-emerald)!important}.ld-code-line.is-hl-amber{background:#f59e0b24;border-left-color:#f59e0b;color:#fff}.lld-context{align-self:center;position:relative;padding:.85rem 1.4rem;border-radius:12px;border:1.5px solid rgba(245,158,11,.5);background:#f59e0b1a;font-family:Outfit,monospace;font-weight:800;color:#fcd34d;text-align:center}.lld-ctx-tag{display:block;font-size:.6rem;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.2rem}.lld-arrow{text-align:center;color:var(--text-secondary);font-size:.72rem;margin:.5rem 0;font-family:monospace}.lld-strats{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.lld-strat{padding:.5rem .85rem;border-radius:10px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff08;font-family:monospace;font-size:.82rem;color:var(--text-secondary);transition:border-color .3s,background .3s,color .3s,box-shadow .3s}.lld-strat.is-active{border-color:#f59e0b;background:#f59e0b2e;color:#fde68a;box-shadow:0 0 24px -4px #f59e0b99}.hld-arch{display:flex;flex-direction:column;align-items:center;gap:.35rem}.hld-tier{display:flex;gap:.6rem;justify-content:center}.hld-node{padding:.5rem .9rem;border-radius:9px;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0a;font-family:monospace;font-size:.78rem;color:var(--text-primary);white-space:nowrap}.hld-node.lb{border-color:#6366f199;background:#6366f124;color:#c7d2fe}.hld-node.db{border-color:#10b98180;background:#10b9811f;color:#6ee7b7}.hld-node.server{border-color:#10b98166}.hld-node.server.ghost{border-style:dashed;color:var(--text-secondary);opacity:.4;background:transparent}.hld-fan{display:flex;gap:.5rem;justify-content:center;margin:.15rem 0}.hld-flow{position:relative;width:2px;height:18px;background:#ffffff1a;overflow:visible}.hld-packet{position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:var(--accent-indigo);box-shadow:0 0 10px 2px #6366f1cc;transform:translate(-50%)}.ld-observer-grow{padding-top:1.1rem}.hld-meter{display:flex;gap:.3rem;margin:.9rem 0 .6rem}.hld-meter-bar{flex:1;height:6px;border-radius:99px;background:#ffffff14;transition:background .4s}.hld-meter-bar.on{background:var(--accent-emerald)}.hld-config{font-family:monospace;font-size:.78rem;color:var(--text-secondary);padding:.4rem .6rem;border-radius:7px;background:#0000004d;border:1px solid var(--border-glass)}.hld-config b{color:#6ee7b7}@media(max-width:768px){.live-demo-body{grid-template-columns:1fr}.ld-stage{border-right:none;border-bottom:1px solid var(--border-glass);min-height:0}.ld-cell{width:40px;height:40px;font-size:.95rem}.hld-node{font-size:.7rem;padding:.4rem .6rem}}.rmini{display:grid;grid-template-columns:1.3fr 1fr;gap:.75rem;height:200px}.rmini-tree{position:relative;height:100%}.rmini-edges{position:absolute;inset:0;width:100%;height:100%}.rmini-node{position:absolute;width:30px;height:30px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;border-radius:8px;font-family:Outfit,monospace;font-weight:800;font-size:.85rem;color:var(--text-secondary);background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);transition:background .3s,border-color .3s,color .3s,box-shadow .3s}.rmini-node.is-visited{color:#c7d2fe;border-color:#818cf880;background:#6366f11f}.rmini-node.is-active{color:#fff;border-color:#818cf8;background:#6366f152;box-shadow:0 0 22px -3px #818cf8cc}.rmini-stack{display:flex;flex-direction:column;gap:.35rem;padding-left:.75rem;border-left:1px solid var(--border-glass)}.rmini-stack-label{font-size:.62rem;letter-spacing:.08em;font-weight:700;color:#f59e0b;margin-bottom:.25rem}.rmini-frame{font-family:monospace;font-size:.7rem;color:var(--text-secondary);padding:.3rem .5rem;border-radius:6px;background:#ffffff08;border:1px solid var(--border-glass)}.rmini-frame.top{color:#c7d2fe;border-color:#818cf866;background:#6366f11f}.rmini-node.bfs.is-visited{color:#6ee7b7;border-color:#10b98180;background:#10b9811f}.rmini-node.bfs.is-active{color:#fff;border-color:var(--accent-emerald);background:#10b98152;box-shadow:0 0 22px -3px #10b981cc}.rmini-stack-label.bfs{color:var(--accent-emerald)}.rmini-frame.top.bfs{color:#6ee7b7;border-color:#10b98166;background:#10b9811f}@media(max-width:768px){.rmini{height:170px}}.hero-ss{width:100%;display:flex;flex-direction:column;gap:1rem}.hero-ss-cats{display:flex;gap:.5rem;justify-content:flex-start}.hero-ss-cat{padding:.4rem 1rem;border-radius:99px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-family:Inter,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.04em;cursor:pointer;transition:color .25s,border-color .25s,background .25s}.hero-ss-cat.is-active.cat-dsa{color:#c7d2fe;border-color:#6366f199;background:#6366f11f}.hero-ss-cat.is-active.cat-lld{color:#fde68a;border-color:#f59e0b99;background:#f59e0b1f}.hero-ss-cat.is-active.cat-hld{color:#6ee7b7;border-color:#10b98199;background:#10b9811f}.hero-ss-cat:hover{color:var(--text-primary)}.hero-ss-stage{min-height:440px;display:flex;align-items:stretch}.hero-ss-stage>div{width:100%}.hero-ss-bare-body{padding:1.75rem 1.5rem;min-height:280px;display:flex;align-items:center}.hero-ss-bare-body>div{width:100%}.hero-ss-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hero-ss-caption{font-size:.9rem;color:var(--text-secondary);font-weight:500}.hero-ss-dots{display:flex;gap:.5rem;flex-shrink:0}.hero-ss-dot{width:9px;height:9px;border-radius:50%;border:none;background:#ffffff2e;cursor:pointer;padding:0;transition:transform .25s,background .25s,width .25s}.hero-ss-dot:hover{background:#fff6}.hero-ss-dot.is-active{width:24px;border-radius:99px}.hero-ss-dot.is-active.cat-dsa{background:var(--accent-indigo)}.hero-ss-dot.is-active.cat-lld{background:#f59e0b}.hero-ss-dot.is-active.cat-hld{background:var(--accent-emerald)}@media(max-width:1024px){.hero-ss-cats{justify-content:center}.hero-ss-controls{flex-direction:column-reverse;gap:.75rem}}@media(max-width:768px){.hero-ss-stage{min-height:0}.hero-ss-bare-body{min-height:0;padding:1.25rem}}:root{--bg-dark: var(--bg-deep);--accent-indigo: var(--primary)}.landing-container{min-height:100vh;background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.landing-bg-glow{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:100vw;height:100vh;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.15) 0%,transparent 50%);pointer-events:none;z-index:0}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:2rem;max-width:1400px;margin:0 auto;width:100%;z-index:10}.landing-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon{font-size:2rem}.logo-img{width:34px;height:34px;border-radius:9px;display:block}.logo-text{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.landing-links{display:flex;align-items:center;gap:2.5rem}.landing-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease}.landing-link:hover{color:var(--accent-indigo)}.landing-cta-sm{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);padding:.6rem 1.25rem;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.landing-cta-sm:hover{background:#ffffff14;border-color:var(--accent-indigo);transform:translateY(-2px)}.landing-signin-btn{background:transparent;border:1px solid var(--accent-indigo, #818cf8);color:var(--text-primary, #fff);padding:.55rem 1.15rem;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.landing-signin-btn:hover{background:#818cf826;transform:translateY(-2px)}.landing-hero{text-align:center;padding:6rem 1rem 4rem;max-width:900px;margin:0 auto;z-index:5;position:relative}.hero-badge{display:inline-block;padding:.5rem 1rem;background:#6366f11a;color:var(--accent-indigo);border-radius:99px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;border:1px solid rgba(99,102,241,.2)}.landing-hero h1{font-family:Outfit,sans-serif;font-size:4.5rem;line-height:1.1;font-weight:900;margin-bottom:2rem;letter-spacing:-.02em}.text-gradient{background:linear-gradient(135deg,var(--accent-indigo) 0%,#a855f7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-hero p{font-size:1.4rem;color:var(--text-secondary);line-height:1.6;margin-bottom:3.5rem;max-width:700px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;justify-content:center;gap:1.5rem}.cta-primary{background:var(--accent-indigo);color:#fff;padding:1rem 2.5rem;border-radius:14px;font-weight:700;font-size:1.1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px -10px var(--accent-indigo)}.cta-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 30px -10px var(--accent-indigo)}.cta-secondary{background:transparent;color:var(--text-primary);padding:1rem 2.5rem;border-radius:14px;font-weight:700;font-size:1.1rem;border:2px solid var(--border-glass);cursor:pointer;transition:all .3s ease}.cta-secondary:hover{background:var(--bg-glass);border-color:var(--text-primary)}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;padding:4rem 2rem 8rem;max-width:1400px;margin:0 auto;width:100%;z-index:5}.feature-card{position:relative;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:28px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;text-decoration:none;overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.premium-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.premium-card:hover{border-color:var(--accent-indigo);transform:translateY(-10px);box-shadow:0 30px 60px -20px #00000080}.card-bg-overlay{position:absolute;top:0;right:0;width:100%;height:100%;background:radial-gradient(circle at 100% 0%,rgba(99,102,241,.1) 0%,transparent 60%);pointer-events:none}.card-icon{font-size:3rem;margin-bottom:2rem;filter:drop-shadow(0 10px 10px rgba(0,0,0,.3))}.card-content h3{font-family:Outfit,sans-serif;font-size:1.75rem;color:var(--text-primary);margin:0 0 1rem;font-weight:800}.card-content p{color:var(--text-secondary);line-height:1.6;font-size:1.1rem;margin:0}.card-footer{margin-top:auto;padding-top:2rem;display:flex;justify-content:space-between;align-items:center;color:var(--accent-indigo);font-weight:700;font-size:.95rem;opacity:.7;transition:opacity .3s}.premium-card:hover .card-footer{opacity:1}.arrow-icon{transform:translate(0);transition:transform .3s ease}.premium-card:hover .arrow-icon{transform:translate(8px)}.lld-card:hover{border-color:#f59e0b!important}.lld-card .card-footer{color:#f59e0b!important}.lld-card .card-bg-overlay{background:radial-gradient(circle at 100% 0%,rgba(245,158,11,.15) 0%,transparent 60%)}.glass-card{opacity:.5;background:#ffffff03}.coming-soon-badge{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff0d;color:var(--text-secondary);padding:.4rem 1rem;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-glass)}.landing-footer{border-top:1px solid var(--border-glass);padding:4rem 2rem;background:#0003}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.landing-footer p{color:var(--text-secondary);font-weight:500}.social-links{display:flex;gap:2rem}.social-links a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:600;transition:color .3s}.social-links a:hover{color:#fff}.hero-split{display:grid;grid-template-columns:1fr 1.05fr;gap:3.5rem;align-items:center;text-align:left;max-width:1280px;padding:4rem 2rem 3rem}.hero-copy{min-width:0}.hero-split h1{font-size:3.6rem;margin-bottom:1.5rem}.hero-split .landing-hero p,.hero-split p{font-size:1.2rem;margin:0 0 2rem;text-align:left}.hero-split .hero-badge{margin-bottom:1.5rem}.hero-split .hero-actions{justify-content:flex-start}.hero-demo{min-width:0}.hero-trust{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.hero-trust span{white-space:nowrap}.landing-section{max-width:1280px;margin:0 auto;width:100%;padding:4rem 2rem;z-index:5;position:relative}.section-head{text-align:center;max-width:720px;margin:0 auto 3rem}.section-kicker{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-indigo);margin-bottom:1rem}.section-head h2{font-family:Outfit,sans-serif;font-size:2.6rem;font-weight:800;line-height:1.15;margin:0 0 1rem;letter-spacing:-.02em}.section-head p{color:var(--text-secondary);font-size:1.15rem;line-height:1.6;margin:0}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.flow-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:24px;padding:2rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.flow-step{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-indigo)}.flow-card h3{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;margin:.6rem 0 .5rem}.flow-card>p{color:var(--text-secondary);line-height:1.55;margin:0 0 1.5rem}.flow-mock{border-radius:16px;border:1px solid var(--border-glass);background:#00000040;padding:1.25rem}.concept-mock{display:flex;flex-direction:column;gap:.75rem}.cm-line{height:9px;border-radius:99px;background:#ffffff14}.cm-line.w-90{width:90%}.cm-line.w-70{width:70%}.cm-code{font-family:monospace;font-size:.82rem;color:#c4c9d4;line-height:1.7;background:#6366f10f;border-left:2px solid var(--accent-indigo);padding:.75rem 1rem;border-radius:8px}.cm-kw{color:#c084fc;font-weight:600}.cm-example{font-family:monospace;font-size:.8rem;color:#6ee7b7;border-left:2px solid var(--accent-emerald);padding-left:.75rem}.feature-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.feature-chip{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:20px;padding:1.75rem;transition:transform .3s,border-color .3s}.feature-chip:hover{transform:translateY(-6px);border-color:#6366f180}.chip-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#6366f11f;color:var(--accent-indigo);font-size:1.2rem;font-weight:700;margin-bottom:1rem}.feature-chip h4{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;margin:0 0 .5rem}.feature-chip p{color:var(--text-secondary);line-height:1.55;font-size:.95rem;margin:0}.tracks-grid{padding:0}.card-kicker{position:absolute;top:1.5rem;right:1.5rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--border-glass);padding:.3rem .7rem;border-radius:99px}.hld-card:hover{border-color:var(--accent-emerald)!important}.hld-card .card-footer{color:var(--accent-emerald)!important}.hld-card .card-bg-overlay{background:radial-gradient(circle at 100% 0%,rgba(16,185,129,.15) 0%,transparent 60%)}.landing-cta-band{text-align:center;padding:5rem 2rem;max-width:900px;margin:2rem auto 4rem}.landing-cta-band h2{font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:900;margin:0 0 .5rem}.landing-cta-band p{color:var(--text-secondary);font-size:1.3rem;margin:0 0 2rem}@media(max-width:1024px){.landing-hero h1{font-size:3.5rem}.hero-split{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-split h1,.hero-split p{text-align:center}.hero-split .hero-actions,.hero-trust{justify-content:center}.flow-grid{grid-template-columns:1fr}}@media(max-width:768px){.landing-nav{flex-direction:column;gap:1.5rem;padding:1.5rem}.landing-links{gap:1.5rem}.hero-split h1{font-size:2.6rem}.hero-actions{flex-direction:column;padding:0 1rem}.section-head h2,.landing-cta-band h2{font-size:2rem}.footer-content{flex-direction:column;gap:2rem;text-align:center}}.login-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;background:#050509;overflow:hidden}.login-bg-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(129,140,248,.18),transparent 65%);pointer-events:none}.login-back{position:absolute;top:1.5rem;left:1.5rem;display:inline-flex;align-items:center;gap:.4rem;color:#9ca3af;font-size:.85rem;text-decoration:none;transition:color .15s ease}.login-back:hover{color:#e5e7eb}.login-card{position:relative;z-index:1;width:100%;max-width:400px;padding:2.25rem 2rem;background:#111118eb;border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 30px 70px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-brand{display:flex;align-items:center;gap:.5rem;margin-bottom:1.75rem}.login-brand-dot{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 0 14px #818cf899}.login-brand-logo{width:30px;height:30px;border-radius:8px;display:block}.login-brand-name{font-weight:800;font-size:1rem;color:#fff;letter-spacing:-.01em}.login-title{font-size:1.6rem;font-weight:800;color:#fff;margin:0 0 .4rem}.login-subtitle{font-size:.9rem;color:#9ca3af;margin:0 0 1.6rem;line-height:1.5}.login-warning{font-size:.78rem;color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);border-radius:10px;padding:.6rem .75rem;margin-bottom:1rem;line-height:1.45}.login-warning code{font-family:monospace;color:#fcd34d}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#fff;color:#1f2937;font-size:.92rem;font-weight:600;cursor:pointer;transition:filter .15s ease,transform .1s ease}.login-google-btn:hover:not(:disabled){filter:brightness(.96);transform:translateY(-1px)}.login-google-btn:disabled{opacity:.5;cursor:not-allowed}.login-divider{display:flex;align-items:center;text-align:center;margin:1.25rem 0;color:#6b7280;font-size:.78rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.login-divider span{padding:0 .75rem}.login-email-form{display:flex;flex-direction:column;gap:.7rem}.login-email-label{display:flex;align-items:center;gap:.55rem;padding:0 .8rem;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff08;color:#6b7280;transition:border-color .15s ease}.login-email-label:focus-within{border-color:#818cf899}.login-email-label input{flex:1;padding:.75rem 0;border:none;background:transparent;color:#e5e7eb;font-size:.9rem;outline:none}.login-email-btn{width:100%;padding:.75rem;border:none;border-radius:12px;background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .1s ease}.login-email-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.login-email-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{font-size:.8rem;color:#f87171;margin:.2rem 0 0}.login-sent{display:flex;align-items:flex-start;gap:.65rem;padding:.9rem 1rem;border:1px solid rgba(52,211,153,.3);border-radius:12px;background:#34d39914;color:#d1fae5}.login-sent-icon{color:#34d399;flex-shrink:0;margin-top:2px}.login-sent strong{color:#fff;font-size:.9rem}.login-sent p{margin:.2rem 0 0;font-size:.82rem;color:#9ca3af}.login-fineprint{margin:1.5rem 0 0;text-align:center;font-size:.72rem;color:#6b7280}:root{--hld-bg: var(--bg-deep);--hld-surface-1: var(--bg-surface);--hld-surface-2: var(--bg-card);--hld-card: var(--bg-card);--hld-border: var(--border-subtle);--hld-border-bright: var(--border-glass);--hld-accent: var(--primary);--hld-accent-bright: var(--primary-bright);--hld-accent-dim: rgba(99, 102, 241, .12);--hld-accent-glow: rgba(99, 102, 241, .25);--hld-green: var(--accent-emerald);--hld-green-dim: rgba(16, 185, 129, .12);--hld-amber: var(--accent-amber);--hld-amber-dim: rgba(245, 158, 11, .12);--hld-red: #ef4444;--hld-red-dim: rgba(239, 68, 68, .12);--hld-blue: #60a5fa;--hld-blue-dim: rgba(96, 165, 250, .12);--hld-text-1: var(--text-primary);--hld-text-2: #cbd5e1;--hld-text-3: var(--text-secondary);--hld-text-4: #475569;--sidebar-width: 240px;--content-max: var(--reading-width);--content-wide: 980px;--chapter-pad: clamp(24px, 5vw, 72px);--progress-h: 3px}::selection{background:var(--hld-accent-glow);color:var(--hld-text-1)}.hld-root{min-height:100vh;background:var(--hld-bg);color:var(--hld-text-2);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}.hld-layout{display:flex;min-height:100vh}.hld-content{flex:1;min-width:0;padding-left:var(--sidebar-width);display:flex;flex-direction:column;align-items:center}.hld-progress-bar{position:fixed;top:0;left:0;height:var(--progress-h);background:linear-gradient(90deg,var(--hld-accent),var(--hld-accent-bright));z-index:200;transition:width .1s linear;box-shadow:0 0 10px var(--hld-accent-glow)}.hld-chapter{width:100%;max-width:var(--content-wide);padding:64px var(--chapter-pad) 120px;counter-reset:sec}.hld-chapter .hld-chapter-hero,.hld-chapter .sec-head,.hld-chapter .hld-h2,.hld-chapter .hld-h3,.hld-chapter .hld-body,.hld-chapter .hld-ul,.hld-chapter .hld-ol,.hld-chapter .hld-pain-block,.hld-chapter .hld-fix-block,.hld-chapter .hld-tradeoff-block,.hld-chapter .hld-callout,.hld-chapter .hld-interview-box,.hld-chapter .hld-quote,.hld-chapter .hld-metrics-row,.hld-chapter .hld-compare-grid,.hld-chapter .hld-code-block{max-width:var(--content-max)}.hld-chapter-hero{margin-bottom:64px;padding-bottom:40px;border-bottom:1px solid var(--hld-border)}.hld-act-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;font-family:var(--font-body);color:var(--hld-text-4);text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px}.hld-act-tag-dot{width:4px;height:4px;border-radius:50%;background:var(--hld-accent)}.hld-chapter-number{font-size:13px;font-family:var(--font-mono);color:var(--hld-accent-bright);font-weight:500;margin-bottom:12px;display:block}.hld-display{font-family:var(--font-display);font-size:clamp(32px,5vw,52px);font-weight:700;color:var(--hld-text-1);line-height:1.15;letter-spacing:-.5px;margin:0 0 20px}.hld-lead{font-size:clamp(16px,2vw,18px);color:var(--hld-text-3);line-height:1.75;max-width:600px}.hld-section{margin-bottom:var(--section-gap);counter-increment:sec}.hld-h2{font-family:var(--font-display);font-size:var(--section-title-size);font-weight:var(--section-title-weight);color:var(--hld-text-1);letter-spacing:-.02em;margin:0}.hld-h3{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--hld-text-1);margin:24px 0 10px;letter-spacing:-.2px}.hld-body{font-size:15.5px;color:var(--hld-text-2);line-height:1.8;margin:0 0 16px}.hld-body strong{color:var(--hld-text-1);font-weight:600}.hld-body em{color:var(--hld-text-3);font-style:italic}.hld-caption{font-size:13px;color:var(--hld-text-4);font-family:var(--font-body)}.hld-mono{font-family:var(--font-mono);font-size:13px;color:var(--hld-text-2)}.hld-callout{border-radius:10px;padding:16px 20px;margin:24px 0;border-left:3px solid;display:flex;gap:14px}.hld-callout-icon{font-size:16px;flex-shrink:0;margin-top:1px}.hld-callout-body{flex:1}.hld-callout-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px;font-family:var(--font-body)}.hld-callout p{margin:0;font-size:14.5px;line-height:1.7}.hld-callout{background:var(--card-bg);border:1px solid var(--card-border);border-left-width:3px}.hld-callout--tip{border-left-color:var(--cue-info)}.hld-callout--tip .hld-callout-title{color:var(--cue-info)}.hld-callout--tip p{color:var(--hld-text-2)}.hld-callout--warning{border-left-color:var(--cue-warn)}.hld-callout--warning .hld-callout-title{color:var(--cue-warn)}.hld-callout--warning p{color:var(--hld-text-2)}.hld-callout--danger{border-left-color:var(--cue-danger)}.hld-callout--danger .hld-callout-title{color:var(--cue-danger)}.hld-callout--danger p{color:var(--hld-text-2)}.hld-callout--insight{border-left-color:var(--cue-ok)}.hld-callout--insight .hld-callout-title{color:var(--cue-ok)}.hld-callout--insight p{color:var(--hld-text-2)}.hld-pain-block,.hld-fix-block,.hld-tradeoff-block{border-radius:12px;padding:20px 24px;margin:24px 0;background:var(--card-bg);border:1px solid var(--card-border);border-left:3px solid var(--card-border)}.hld-block-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-family:var(--font-body);display:flex;align-items:center;gap:6px}.hld-pain-block{border-left-color:var(--cue-danger)}.hld-pain-block .hld-block-label{color:var(--cue-danger)}.hld-fix-block{border-left-color:var(--cue-ok)}.hld-fix-block .hld-block-label{color:var(--cue-ok)}.hld-tradeoff-block{border-left-color:var(--cue-warn)}.hld-tradeoff-block .hld-block-label{color:var(--cue-warn)}.hld-interview-box{background:var(--card-bg);border:1px solid var(--card-border);border-left:3px solid var(--cue-info);border-radius:12px;padding:20px 24px;margin:32px 0}.hld-interview-box-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--hld-accent-bright);margin-bottom:10px;display:flex;align-items:center;gap:6px;font-family:var(--font-body)}.hld-interview-box p{margin:0;font-size:14.5px;color:var(--hld-text-2);line-height:1.7}.hld-interview-box strong{color:var(--hld-text-1)}.hld-quote{border-left:2px solid var(--hld-accent);margin:28px 0;padding:4px 0 4px 24px}.hld-quote p{font-size:17px;color:var(--hld-text-1);line-height:1.7;font-style:italic;margin:0 0 8px}.hld-quote cite{font-size:13px;color:var(--hld-text-4);font-style:normal}.hld-code{font-family:var(--font-mono);font-size:13px;background:#ffffff12;border:1px solid var(--hld-border-bright);border-radius:4px;padding:1px 6px;color:var(--hld-accent-bright)}.hld-code-block{background:#09091a;border:1px solid var(--hld-border-bright);border-radius:10px;margin:20px 0;overflow:hidden}.hld-code-block-header{padding:8px 16px;background:#ffffff08;border-bottom:1px solid var(--hld-border);font-size:11px;font-family:var(--font-mono);color:var(--hld-text-4);display:flex;align-items:center;gap:8px}.hld-code-block-dots{display:flex;gap:5px}.hld-code-block-dots span{width:9px;height:9px;border-radius:50%}.hld-code-block pre{margin:0;padding:20px;font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--hld-text-2);overflow-x:auto}.hld-code-block pre .kw{color:#c084fc}.hld-code-block pre .str{color:#86efac}.hld-code-block pre .cmt{color:var(--hld-text-4);font-style:italic}.hld-code-block pre .fn{color:var(--hld-accent-bright)}.hld-code-block pre .num{color:var(--hld-amber)}.hld-metric{display:flex;flex-direction:column;align-items:center;padding:20px 16px}.hld-metric-value{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);font-weight:700;color:var(--hld-text-1);line-height:1;letter-spacing:-1px}.hld-metric-label{font-size:12px;color:var(--hld-text-4);margin-top:6px;text-align:center;font-family:var(--font-body)}.hld-metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;background:var(--hld-border);border:1px solid var(--hld-border);border-radius:12px;overflow:hidden;margin:24px 0}.hld-metrics-row .hld-metric{background:var(--hld-card)}.hld-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.hld-compare-card{background:var(--hld-card);border:1px solid var(--hld-border);border-radius:10px;padding:20px}.hld-compare-card-title{font-size:13px;font-weight:600;color:var(--hld-text-1);margin-bottom:10px;font-family:var(--font-display);display:flex;align-items:center;gap:8px}.hld-compare-card p{font-size:14px;color:var(--hld-text-3);line-height:1.65;margin:0}.hld-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;font-family:var(--font-body);letter-spacing:.2px;border:1px solid}.hld-tag--accent{color:var(--hld-accent-bright);background:var(--hld-accent-dim);border-color:#6366f133}.hld-tag--green{color:var(--hld-green);background:var(--hld-green-dim);border-color:#10b98133}.hld-tag--red{color:var(--hld-red);background:var(--hld-red-dim);border-color:#ef444433}.hld-tag--amber{color:var(--hld-amber);background:var(--hld-amber-dim);border-color:#f59e0b33}.hld-tag--blue{color:var(--hld-blue);background:var(--hld-blue-dim);border-color:#60a5fa33}.hld-tag--muted{color:var(--hld-text-4);background:#ffffff0a;border-color:var(--hld-border)}.hld-tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.hld-card{background:var(--hld-card);border:1px solid var(--hld-border);border-radius:12px;padding:24px;margin:16px 0}.hld-animation-frame{background:var(--hld-surface-1);border:1px solid var(--hld-border-bright);border-radius:14px;overflow:hidden;margin:28px 0;min-height:280px}.hld-animation-frame-header{padding:12px 20px;background:#ffffff05;border-bottom:1px solid var(--hld-border);display:flex;align-items:center;justify-content:space-between}.hld-animation-frame-title{font-size:12px;font-weight:600;color:var(--hld-text-4);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.6px}.hld-animation-frame-body{padding:24px;display:flex;flex-direction:column;align-items:center}.hld-tabs{display:flex;gap:4px;background:#ffffff0a;border-radius:8px;padding:3px}.hld-tab{font-size:12px;font-weight:500;font-family:var(--font-body);padding:5px 14px;border-radius:6px;border:none;cursor:pointer;transition:all .15s;background:transparent;color:var(--hld-text-4)}.hld-tab.active{background:var(--hld-surface-2);color:var(--hld-text-1);box-shadow:0 1px 3px #0000004d}.hld-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--hld-accent-dim);border:1px solid rgba(99,102,241,.2);font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--hld-accent-bright);flex-shrink:0}.hld-chapter-nav{display:flex;justify-content:space-between;align-items:center;padding:32px 0 0;border-top:1px solid var(--hld-border);margin-top:48px;gap:16px}.hld-nav-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:1px solid var(--hld-border-bright);background:var(--hld-card);color:var(--hld-text-2);font-size:13px;font-family:var(--font-body);font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s;max-width:240px}.hld-nav-btn:hover{background:var(--hld-surface-2);border-color:var(--hld-accent);color:var(--hld-text-1)}.hld-nav-btn-label{font-size:10px;color:var(--hld-text-4);display:block}.hld-nav-btn-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hld-nav-btn--next{flex-direction:row-reverse;text-align:right;margin-left:auto}.hld-ul{list-style:none;margin:12px 0 20px;padding:0;display:flex;flex-direction:column;gap:8px}.hld-ul li{display:flex;gap:10px;font-size:15px;color:var(--hld-text-2);line-height:1.65;align-items:flex-start}.hld-ul li:before{content:"—";color:var(--hld-accent);font-weight:700;flex-shrink:0;margin-top:1px}.hld-ol{list-style:none;margin:12px 0 20px;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:hld-counter}.hld-ol li{display:flex;gap:14px;font-size:15px;color:var(--hld-text-2);line-height:1.65;counter-increment:hld-counter;align-items:flex-start}.hld-ol li:before{content:counter(hld-counter);min-width:22px;height:22px;border-radius:50%;background:var(--hld-accent-dim);border:1px solid rgba(99,102,241,.2);color:var(--hld-accent-bright);font-size:11px;font-weight:700;font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.hld-home{min-height:100vh;background:var(--hld-bg);color:var(--hld-text-2)}.hld-home-header{padding:20px clamp(20px,5vw,80px);border-bottom:1px solid var(--hld-border);display:flex;align-items:center;justify-content:space-between}.hld-home-logo{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--hld-text-1)}.hld-home-hero{padding:clamp(60px,10vw,120px) clamp(20px,5vw,80px) clamp(40px,6vw,80px);max-width:860px;margin:0 auto;text-align:center}.hld-home-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;font-family:var(--font-body);color:var(--hld-accent-bright);text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;padding:5px 14px;border:1px solid rgba(99,102,241,.3);border-radius:99px;background:var(--hld-accent-dim)}.hld-home-title{font-family:var(--font-display);font-size:clamp(36px,6vw,68px);font-weight:700;color:var(--hld-text-1);line-height:1.1;letter-spacing:-1.5px;margin:0 0 24px}.hld-home-subtitle{font-size:clamp(16px,2vw,19px);color:var(--hld-text-3);line-height:1.75;margin:0 0 40px}.hld-home-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:12px;background:var(--hld-accent);color:#fff;font-size:15px;font-weight:600;font-family:var(--font-display);text-decoration:none;border:none;cursor:pointer;transition:all .2s;box-shadow:0 0 30px #6366f14d}.hld-home-cta:hover{background:var(--hld-accent-bright);box-shadow:0 0 40px #6366f173;transform:translateY(-1px)}.hld-home-content{padding:0 clamp(20px,5vw,80px) 80px;max-width:1100px;margin:0 auto}.hld-home-section-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--hld-text-1);margin:0 0 8px}.hld-home-section-sub{font-size:14px;color:var(--hld-text-4);margin:0 0 28px}.hld-act-section{margin-bottom:48px}.hld-act-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--hld-border)}.hld-act-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--hld-text-4);font-family:var(--font-body)}.hld-act-scale{font-size:11px;color:var(--hld-accent-bright);background:var(--hld-accent-dim);padding:2px 8px;border-radius:99px;font-family:var(--font-mono);border:1px solid rgba(99,102,241,.2)}.hld-chapter-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.hld-chapter-card{background:var(--hld-card);border:1px solid var(--hld-border);border-radius:12px;padding:20px;text-decoration:none;display:block;transition:all .2s;cursor:pointer}.hld-chapter-card:hover{border-color:#6366f14d;background:#6366f10a;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.hld-chapter-card-num{font-family:var(--font-mono);font-size:11px;color:var(--hld-accent-bright);margin-bottom:10px;display:block}.hld-chapter-card-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--hld-text-1);margin-bottom:8px}.hld-chapter-card-desc{font-size:13px;color:var(--hld-text-3);line-height:1.6;margin:0 0 14px}.hld-chapter-card-cta{font-size:12px;color:var(--hld-accent-bright);font-weight:600;font-family:var(--font-body);display:flex;align-items:center;gap:4px}.hld-btn{padding:7px 16px;border-radius:8px;border:1px solid var(--hld-border-bright);background:var(--hld-surface-2);color:var(--hld-text-2);font-size:12px;font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all .15s}.hld-btn:hover{background:#ffffff14;color:var(--hld-text-1)}.hld-btn--accent{background:var(--hld-accent);border-color:var(--hld-accent);color:#fff}.hld-btn--accent:hover{background:var(--hld-accent-bright)}.hld-btn--danger{background:var(--hld-red-dim);border-color:#ef44444d;color:var(--hld-red)}.hld-btn--success{background:var(--hld-green-dim);border-color:#10b9814d;color:var(--hld-green)}.hld-btn-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hld-gauge{display:flex;flex-direction:column;gap:4px}.hld-gauge-label{font-size:11px;font-family:var(--font-mono);color:var(--hld-text-4);display:flex;justify-content:space-between}.hld-gauge-track{height:6px;background:#ffffff12;border-radius:3px;overflow:hidden}.hld-gauge-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.hld-hamburger{display:none;position:fixed;top:12px;right:16px;z-index:150;background:var(--hld-surface-2);border:1px solid var(--hld-border-bright);border-radius:8px;padding:8px 10px;cursor:pointer;flex-direction:column;gap:4px;align-items:center;justify-content:center}.hld-hamburger span{display:block;width:18px;height:2px;background:var(--hld-text-2);border-radius:1px;transition:all .2s}.hld-mobile-overlay{display:none;position:fixed;inset:0;background:#060612d9;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hld-divider{height:1px;background:var(--hld-border);margin:32px 0}.hld-table-wrap{overflow-x:auto;margin:20px 0;border-radius:10px;border:1px solid var(--hld-border)}.hld-table{width:100%;border-collapse:collapse}.hld-table th{background:#ffffff0a;padding:10px 16px;text-align:left;font-size:12px;font-weight:600;font-family:var(--font-body);color:var(--hld-text-4);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--hld-border)}.hld-table td{padding:12px 16px;font-size:14px;color:var(--hld-text-2);border-bottom:1px solid var(--hld-border)}.hld-table tr:last-child td{border-bottom:none}.hld-table tr:hover td{background:#ffffff05}@media(max-width:768px){.hld-sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:120}.hld-sidebar.open{transform:translate(0)}.hld-content{padding-left:0}.hld-hamburger{display:flex}.hld-mobile-overlay{display:block}.hld-compare-grid,.hld-chapter-cards{grid-template-columns:1fr}.hld-chapter-nav{flex-direction:column;align-items:stretch}.hld-nav-btn--next{margin-left:0}.hld-animation-frame{min-height:220px}.hld-metrics-row{grid-template-columns:repeat(2,1fr)}}