@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--pro-canvas: #0d1117;--pro-surface: #161b22;--pro-surface-elevated: #21262d;--pro-surface-active: #30363d;--pro-border: #30363d;--pro-border-subtle: #21262d;--pro-text: #f0f6fc;--pro-text-secondary: #8b949e;--pro-text-muted: #6e7681;--pro-link: #58a6ff;--pro-green: #238636;--pro-green-hover: #2ea043;--pro-green-text: #3fb950;--pro-green-subtle: rgba(35, 134, 54, .15);--pro-blue: #1f6feb;--pro-blue-hover: #388bfd;--pro-blue-text: #58a6ff;--pro-blue-subtle: rgba(56, 139, 253, .15);--pro-amber: #d29922;--pro-amber-text: #e3b341;--pro-amber-subtle: rgba(210, 153, 34, .15);--pro-red: #da3633;--pro-red-text: #f85149;--pro-red-subtle: rgba(218, 54, 51, .15);--pro-purple: #8957e5;--pro-purple-text: #bc8cff;--pro-purple-subtle: rgba(137, 87, 229, .15);--diff-del-bg: rgba(218, 54, 51, .16);--diff-del-text: #ff7b72;--diff-add-bg: rgba(35, 134, 54, .16);--diff-add-text: #7ee787;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, Menlo, monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;font-family:var(--font-body);color:var(--pro-text);background-color:var(--pro-canvas)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background-color:var(--pro-canvas);color:var(--pro-text);font-family:var(--font-body);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:600;color:var(--pro-text);margin:0;line-height:1.25}code,pre,kbd,samp{font-family:var(--font-mono);font-size:12px}button{cursor:pointer;border:1px solid var(--pro-border);background:var(--pro-surface-elevated);color:var(--pro-text);font-family:var(--font-body);font-weight:500;font-size:12px;padding:5px 12px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:6px;-webkit-user-select:none;user-select:none;transition:all .12s ease;line-height:20px}button:hover{background-color:var(--pro-surface-active);border-color:#8b949e}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input,textarea,select{border:1px solid var(--pro-border);background:var(--pro-canvas);color:var(--pro-text);border-radius:var(--radius-md);font-family:var(--font-body);font-size:13px;padding:6px 12px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}input:focus,textarea:focus,select:focus{border-color:var(--pro-blue);box-shadow:0 0 0 2px #58a6ff40}a{color:var(--pro-link);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--pro-canvas)}::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#484f58}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--pro-canvas)}.pro-header{height:52px;background:var(--pro-surface);border-bottom:1px solid var(--pro-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:16px;position:sticky;top:0;z-index:100}.pro-header-left{display:flex;align-items:center;gap:20px}.pro-brand{display:flex;align-items:center;gap:8px}.pro-brand-icon{width:28px;height:28px;background:var(--pro-surface-elevated);border:1px solid var(--pro-border);border-radius:var(--radius-md);color:var(--pro-blue-text);display:flex;align-items:center;justify-content:center}.pro-brand-title{font-size:15px;font-weight:700;color:var(--pro-text);letter-spacing:-.01em}.pro-section-tabs{display:flex;align-items:center;gap:6px}.pro-section-tab{background:transparent;border:1px solid transparent;color:var(--pro-text-secondary);padding:4px 10px;font-size:12px;font-weight:500;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:6px}.pro-section-tab:hover{color:var(--pro-text);background:var(--pro-surface-elevated);border-color:var(--pro-border)}.pro-section-tab.active{color:#fff;background:var(--pro-surface-elevated);border-color:var(--pro-border);font-weight:600;box-shadow:0 1px 3px #0000004d}.pro-header-center{flex:1;max-width:380px}.pro-search-bar{display:flex;align-items:center;background:var(--pro-canvas);border:1px solid var(--pro-border);border-radius:var(--radius-md);padding:0 10px;height:32px;gap:8px;color:var(--pro-text-secondary)}.pro-search-bar:focus-within{border-color:var(--pro-blue);box-shadow:0 0 0 2px #388bfd33;color:var(--pro-text)}.pro-search-icon{flex-shrink:0}.pro-search-input{background:transparent!important;border:none!important;color:var(--pro-text)!important;font-size:12.5px!important;padding:0!important;width:100%;box-shadow:none!important}.pro-search-input::placeholder{color:var(--pro-text-muted)}.pro-clear-btn{background:transparent;border:none;color:var(--pro-text-muted);padding:2px;box-shadow:none}.pro-clear-btn:hover{color:var(--pro-text);background:transparent}.pro-header-right{display:flex;align-items:center;gap:10px}.pro-progress-pill{display:inline-flex;align-items:center;gap:6px;background:var(--pro-surface-elevated);border:1px solid var(--pro-border);padding:4px 10px;border-radius:var(--radius-md);font-size:12px;color:var(--pro-text-secondary)}.pro-progress-pill strong,.solved-check-icon{color:var(--pro-green-text)}.pro-pct-tag{font-family:var(--font-mono);font-size:11px;color:var(--pro-text);background:var(--pro-canvas);padding:1px 6px;border-radius:4px;border:1px solid var(--pro-border-subtle)}.pro-theme-toggle-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--pro-text-secondary)}.pro-theme-toggle-btn:hover{color:var(--pro-text)}.repo-tabs-nav{display:flex;align-items:center;gap:4px;padding:0 16px;background:var(--pro-surface);border-bottom:1px solid var(--pro-border);overflow-x:auto}.repo-tab{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px;font-size:13px;font-weight:500;color:var(--pro-text-secondary);display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;box-shadow:none}.repo-tab:hover{color:var(--pro-text);background:transparent;border-bottom-color:var(--pro-border)}.repo-tab.active{color:var(--pro-text);font-weight:600;border-bottom-color:#f78166}.repo-tab.visualizer-tab.active{border-bottom-color:var(--pro-amber);color:var(--pro-amber-text)}.tab-counter{font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;background:#6e768166;color:var(--pro-text)}.app-body{display:flex;flex:1;overflow:hidden;height:calc(100vh - 89px);width:100%}.sidebar{width:320px;min-width:320px;max-width:320px;background:var(--pro-surface);border-right:1px solid var(--pro-border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none}.sidebar-heading{padding:10px 14px;border-bottom:1px solid var(--pro-border)}.heading-title-row{display:flex;align-items:center;justify-content:space-between}.heading-title{font-size:13px;font-weight:600;color:var(--pro-text);display:flex;align-items:center;gap:7px}.count-badge{font-family:var(--font-mono);font-size:11px;background:var(--pro-surface-elevated);border:1px solid var(--pro-border);color:var(--pro-text-secondary);padding:1px 7px;border-radius:10px}.pattern-mode-selector-wrap{display:flex;gap:6px;padding:8px 12px 0}.pattern-mode-pill{flex:1;font-size:11px;padding:4px 8px;border-radius:var(--radius-md);border:1px solid var(--pro-border);background:var(--pro-canvas);color:var(--pro-text-secondary);display:flex;align-items:center;justify-content:center;gap:6px}.pattern-mode-pill:hover{background:var(--pro-surface-elevated);color:var(--pro-text)}.pattern-mode-pill.active{background:var(--pro-surface-elevated);border-color:var(--pro-blue);color:var(--pro-text);font-weight:600}.pattern-mode-pill.important-mode.active{border-color:var(--pro-amber);color:var(--pro-amber-text);background:#d299221f}.mode-count{font-family:var(--font-mono);font-size:10px;padding:0 5px;border-radius:8px;background:#6e768133;color:var(--pro-text-muted)}.filter-row{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid var(--pro-border-subtle)}.filter-pill{flex:1;padding:4px 6px;font-size:11px;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--pro-border);background:var(--pro-canvas);color:var(--pro-text-secondary);display:flex;align-items:center;justify-content:center;gap:5px}.filter-pill:hover{background:var(--pro-surface-elevated);color:var(--pro-text)}.filter-pill.selected{background:var(--pro-surface-elevated);color:var(--pro-text);font-weight:600;border-color:#8b949e}.filter-pill.selected.easy{border-color:var(--pro-green);color:var(--pro-green-text);background:var(--pro-green-subtle)}.filter-pill.selected.medium{border-color:var(--pro-amber);color:var(--pro-amber-text);background:var(--pro-amber-subtle)}.filter-pill.selected.hard{border-color:var(--pro-red);color:var(--pro-red-text);background:var(--pro-red-subtle)}.difficulty-dot{width:6px;height:6px;border-radius:50%}.filter-pill.easy .difficulty-dot{background:var(--pro-green-text)}.filter-pill.medium .difficulty-dot{background:var(--pro-amber-text)}.filter-pill.hard .difficulty-dot{background:var(--pro-red-text)}.custom-topic-dropdown-container{position:relative;padding:8px 12px;border-bottom:1px solid var(--pro-border)}.topic-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background:var(--pro-canvas);border:1px solid var(--pro-border);border-radius:var(--radius-md);color:var(--pro-text);font-size:12px;cursor:pointer}.topic-dropdown-trigger:hover,.topic-dropdown-trigger.open{border-color:#8b949e}.trigger-left{display:flex;align-items:center;gap:6px;overflow:hidden}.filter-icon{color:var(--pro-text-secondary);flex-shrink:0}.selected-topic-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.trigger-chevron{color:var(--pro-text-secondary);transition:transform .15s ease}.trigger-chevron.open{transform:rotate(180deg)}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998}.topic-dropdown-menu{position:absolute;top:calc(100% - 2px);left:12px;right:12px;max-height:260px;overflow-y:auto;background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #010409b3;z-index:999;padding:4px 0}.topic-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:12px;color:var(--pro-text);background:transparent;border:none;border-radius:0;cursor:pointer;text-align:left}.topic-option:hover{background:var(--pro-surface-elevated)}.topic-option.selected{font-weight:600;color:var(--pro-link);background:var(--pro-surface-elevated)}.option-check{color:var(--pro-green-text)}.library-list{flex:1;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:3px}.library-section{display:flex;flex-direction:column;margin-bottom:2px}.list-label-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--pro-text-secondary);font-size:12px;font-weight:600;cursor:pointer;text-align:left}.list-label-button:hover{background:var(--pro-surface-elevated);color:var(--pro-text)}.category-title{display:flex;align-items:center;gap:6px;overflow:hidden}.chevron-icon{color:var(--pro-text-muted);flex-shrink:0;transition:transform .15s ease}.chevron-icon.open{transform:rotate(0)}.chevron-icon:not(.open){transform:rotate(-90deg)}.category-count{font-family:var(--font-mono);font-size:10px;color:var(--pro-text-muted);background:var(--pro-surface-elevated);padding:1px 6px;border-radius:10px;border:1px solid var(--pro-border-subtle)}.section-problems{display:flex;flex-direction:column;gap:2px;padding-left:6px;margin-top:2px}.problem-item{width:100%;display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:var(--radius-md);cursor:pointer;font-size:12px;color:var(--pro-text);border:1px solid transparent;transition:background .1s ease,border-color .1s ease;-webkit-user-select:none;user-select:none}.problem-item:hover{background:var(--pro-surface-elevated);border-color:var(--pro-border-subtle)}.problem-item.active{background:#388bfd1f;border-color:#388bfd66;color:var(--pro-blue-text);font-weight:500}.check-box-btn{width:16px;height:16px;min-width:16px;border:1px solid var(--pro-border);border-radius:3px;background:var(--pro-canvas);color:transparent;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;cursor:pointer;transition:all .1s ease}.check-box-btn:hover{border-color:#8b949e}.check-box-btn.checked{background:var(--pro-green);border-color:var(--pro-green);color:#fff}.problem-number{font-family:var(--font-mono);font-size:11px;color:var(--pro-text-secondary);min-width:26px;flex-shrink:0}.problem-item-copy{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:1px}.problem-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:16px}.problem-pattern-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:14px;color:var(--pro-text-muted)}.mini-diff-badge{font-size:10px;font-weight:700;font-family:var(--font-mono);width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0}.mini-diff-badge.easy{color:var(--pro-green-text);background:var(--pro-green-subtle);border:1px solid rgba(35,134,54,.3)}.mini-diff-badge.medium{color:var(--pro-amber-text);background:var(--pro-amber-subtle);border:1px solid rgba(210,153,34,.3)}.mini-diff-badge.hard{color:var(--pro-red-text);background:var(--pro-red-subtle);border:1px solid rgba(218,54,51,.3)}.sidebar-footer{padding:12px;border-top:1px solid var(--pro-border);background:var(--pro-surface);display:flex;flex-direction:column;gap:8px}.progress-line{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--pro-text-secondary)}.progress-track{height:5px;background:var(--pro-surface-elevated);border-radius:3px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--pro-green);border-radius:3px}.streak-banner{display:flex;align-items:center;gap:8px;padding:8px;background:var(--pro-canvas);border:1px solid var(--pro-border);border-radius:var(--radius-md)}.streak-icon{color:var(--pro-amber-text)}.streak-info{display:flex;flex-direction:column}.streak-info strong{font-size:11px;color:var(--pro-text)}.streak-info small{font-size:10px;color:var(--pro-text-muted)}.author-footer-card{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--pro-surface-elevated);border:1px solid var(--pro-border);border-radius:var(--radius-md);text-decoration:none;font-size:11px}.author-footer-card:hover{border-color:#8b949e;text-decoration:none}.author-avatar{font-size:13px}.author-meta{display:flex;flex-direction:column}.author-label{font-size:9px;color:var(--pro-text-muted)}.author-name{color:var(--pro-text);font-weight:600}.author-ext-icon{margin-left:auto;color:var(--pro-text-muted)}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--pro-canvas);padding:16px 20px;gap:16px}.pro-problem-banner{background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-direction:column;gap:12px}.pro-problem-banner-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.pro-breadcrumb{font-size:12px;color:var(--pro-text-secondary);display:flex;align-items:center;gap:6px}.crumb-sep{color:var(--pro-text-muted)}.crumb-number{color:var(--pro-text);font-family:var(--font-mono);font-weight:600}.pro-problem-banner-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pro-btn-solve{font-size:12px;font-weight:600;padding:5px 12px;border-radius:var(--radius-md);border:1px solid var(--pro-border);background:var(--pro-surface-elevated);color:var(--pro-text);gap:6px}.pro-btn-solve:hover{background:var(--pro-surface-active);border-color:#8b949e}.pro-btn-solve.solved{background:var(--pro-green-subtle);border-color:#23863666;color:var(--pro-green-text)}.pro-btn-action{font-size:12px;padding:5px 12px;border-radius:var(--radius-md);border:1px solid var(--pro-border);background:var(--pro-surface-elevated);color:var(--pro-text);display:inline-flex;align-items:center;gap:6px}.pro-btn-action:hover{background:var(--pro-surface-active);border-color:#8b949e;text-decoration:none}.pro-problem-title-row{display:flex;flex-direction:column;gap:8px}.pro-problem-title{font-size:20px;font-weight:700;color:var(--pro-text);letter-spacing:-.015em}.pro-badges-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.diff-pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;font-family:var(--font-mono)}.diff-pill.easy{color:var(--pro-green-text);background:var(--pro-green-subtle);border:1px solid rgba(35,134,54,.4)}.diff-pill.medium{color:var(--pro-amber-text);background:var(--pro-amber-subtle);border:1px solid rgba(210,153,34,.4)}.diff-pill.hard{color:var(--pro-red-text);background:var(--pro-red-subtle);border:1px solid rgba(218,54,51,.4)}.meta-pill{font-size:11.5px;display:inline-flex;align-items:center;gap:5px;padding:2px 8px;background:var(--pro-canvas);border:1px solid var(--pro-border);border-radius:12px;color:var(--pro-text-secondary)}.meta-pill.pattern{color:var(--pro-purple-text);background:var(--pro-purple-subtle);border-color:#8957e54d;font-weight:600}.company-pill{font-size:11px;padding:2px 7px;background:var(--pro-surface-elevated);border:1px solid var(--pro-border-subtle);border-radius:4px;color:var(--pro-text-muted)}.studio-workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:start}@media(max-width:1150px){.studio-workspace{grid-template-columns:1fr}}.code-column{grid-column:1;order:1;min-width:0;display:flex;flex-direction:column}.explanation-column{grid-column:2;order:2;min-width:0;display:flex;flex-direction:column;gap:14px}@media(max-width:1150px){.code-column{grid-column:1;order:1}.explanation-column{grid-column:1;order:2}}.main-content.fullscreen-mode .explanation-column{display:none!important}.main-content.fullscreen-mode .studio-workspace{grid-template-columns:1fr!important}.visualizer-hero-banner{background:var(--pro-surface);border:1px solid rgba(210,153,34,.4);border-radius:var(--radius-lg);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hero-banner-left{display:flex;align-items:center;gap:10px}.hero-banner-icon{color:var(--pro-amber-text)}.hero-banner-title{display:flex;align-items:center;gap:6px;font-size:13px}.hero-badge{font-size:10px;background:var(--pro-amber-subtle);color:var(--pro-amber-text);border:1px solid rgba(210,153,34,.3);padding:1px 6px;border-radius:10px;font-weight:600}.hero-banner-desc{margin:2px 0 0;font-size:11.5px;color:var(--pro-text-secondary)}.hero-banner-buttons{display:flex;align-items:center;gap:8px}.hero-launch-tab-btn{background:var(--pro-amber-subtle);border-color:#d2992266;color:var(--pro-amber-text);font-weight:600}.hero-fullscreen-btn{background:var(--pro-surface-elevated)}.study-tab-nav{display:flex;align-items:center;gap:6px;overflow-x:auto;border-bottom:1px solid var(--pro-border);padding-bottom:8px}.study-tab{background:var(--pro-canvas);border:1px solid var(--pro-border);border-radius:var(--radius-md);padding:5px 12px;font-size:12px;font-weight:500;color:var(--pro-text-secondary);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.study-tab:hover{background:var(--pro-surface-elevated);color:var(--pro-text)}.study-tab.active{background:var(--pro-surface-elevated);border-color:#8b949e;color:var(--pro-text);font-weight:600}.study-tab.visualizer-tab.active{border-color:var(--pro-amber);color:var(--pro-amber-text);background:var(--pro-amber-subtle)}.visualizer-tab-pill{font-size:10px;background:var(--pro-amber);color:#000;padding:0 5px;border-radius:8px;font-weight:700}.pattern-blueprint-pill{font-size:10px;background:var(--pro-blue-subtle);color:var(--pro-blue-text);border:1px solid rgba(56,139,253,.3);padding:0 5px;border-radius:8px;font-weight:600}.study-tab-content{display:flex;flex-direction:column;gap:12px}.tab-pane{display:flex;flex-direction:column;gap:14px}.intuition-card{background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px #0003}.intuition-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pro-border-subtle);padding-bottom:10px;gap:10px}.intuition-badge{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--pro-amber-text)}.key-tag{font-size:11px;font-weight:600;color:var(--pro-blue-text);background:var(--pro-blue-subtle);border:1px solid rgba(56,139,253,.3);padding:2px 8px;border-radius:12px}.intuition-text{margin:0;font-size:13px;line-height:1.65;color:#e6edf3}.key-invariant-box{background:#388bfd14;border:1px solid rgba(56,139,253,.28);border-left:3px solid var(--pro-blue);border-radius:6px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.invariant-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--pro-blue-text)}.key-invariant-box code{font-family:var(--font-mono);font-size:12.5px;color:#f0f6fc;font-weight:500;line-height:1.5}.section-title{font-size:13px;font-weight:700;color:var(--pro-text);display:flex;align-items:center;gap:8px;margin-top:10px;margin-bottom:2px}.examples-list{display:flex;flex-direction:column;gap:12px}.example-card{background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 6px #0000002e}.example-card-header{display:flex;align-items:center;gap:8px}.example-index{font-size:11px;font-weight:700;color:var(--pro-blue-text);background:var(--pro-surface-elevated);border:1px solid var(--pro-border);padding:2px 8px;border-radius:4px}.example-io-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.io-block{background:var(--pro-canvas);border:1px solid var(--pro-border-subtle);border-radius:6px;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.io-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--pro-text-muted);letter-spacing:.5px}.io-block code{font-family:var(--font-mono);font-size:12px;color:var(--pro-text);word-break:break-all}.io-block.output code{color:var(--pro-green-text)}.example-explanation{background:#ffffff05;border-left:2px solid var(--pro-border);padding:8px 12px;font-size:12px;line-height:1.5;color:var(--pro-text-secondary);border-radius:0 4px 4px 0}.example-explanation span{font-weight:600;color:var(--pro-text)}.constraints-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.constraints-list li{display:flex;align-items:center;gap:8px}.constraints-list li code{background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:4px;padding:4px 10px;font-size:12px;font-family:var(--font-mono);color:var(--pro-amber-text)}.complexity-comparison-table{background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px #0003;margin-bottom:8px}.table-header-row{display:grid;grid-template-columns:1.35fr 1.15fr 1.15fr 1fr;gap:12px;padding:10px 16px;background:var(--pro-surface-elevated);border-bottom:1px solid var(--pro-border);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--pro-text-muted)}.table-data-row{display:grid;grid-template-columns:1.35fr 1.15fr 1.15fr 1fr;gap:12px;padding:14px 16px;border-bottom:1px solid var(--pro-border-subtle);align-items:center;transition:background-color .12s ease}.table-data-row:last-child{border-bottom:none}.table-data-row.optimal-row{background:#2386360d;border-left:3px solid var(--pro-green-text)}.table-data-row.optimal-row:hover{background:#23863617}.table-data-row.brute-row{background:#da36330d;border-left:3px solid var(--pro-red-text)}.table-data-row.brute-row:hover{background:#da363317}.table-data-row.better-row{background:#8957e50d;border-left:3px solid var(--pro-purple-text)}.approach-name{display:flex;flex-direction:column;gap:5px}.approach-name strong{font-size:13px;color:var(--pro-text);font-weight:600;line-height:1.35}.badge.optimal{background:var(--pro-green-subtle);color:var(--pro-green-text);border:1px solid rgba(35,134,54,.35);border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;width:fit-content;letter-spacing:.3px}.badge.brute{background:var(--pro-red-subtle);color:var(--pro-red-text);border:1px solid rgba(218,54,51,.35);border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;width:fit-content;letter-spacing:.3px}.badge.better{background:var(--pro-purple-subtle);color:var(--pro-purple-text);border:1px solid rgba(137,87,229,.35);border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;width:fit-content;letter-spacing:.3px}.complexity-cell{display:flex;flex-direction:column;gap:3px}.big-o{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--pro-text)}.big-o.fast{color:var(--pro-green-text)}.big-o.slow{color:var(--pro-red-text)}.complexity-cell small{font-size:11px;color:var(--pro-text-secondary);line-height:1.35}.status-cell{display:flex;flex-direction:column;gap:3px}.result-chip.accepted{background:#23863626;color:var(--pro-green-text);border:1px solid rgba(35,134,54,.3);border-radius:4px;padding:2px 8px;font-size:10.5px;font-weight:700;width:fit-content}.result-chip.tle{background:#da363326;color:var(--pro-red-text);border:1px solid rgba(218,54,51,.3);border-radius:4px;padding:2px 8px;font-size:10.5px;font-weight:700;width:fit-content}.status-cell small{font-size:10.5px;color:var(--pro-text-muted)}.breakthrough-card{background:var(--pro-surface);border:1px solid rgba(35,134,54,.3);border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px #0003}.breakthrough-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pro-border-subtle);padding-bottom:10px}.breakthrough-title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--pro-green-text)}.breakthrough-icon{color:var(--pro-green-text)}.breakthrough-badge{font-size:10.5px;font-weight:600;color:var(--pro-green-text);background:var(--pro-green-subtle);border:1px solid rgba(35,134,54,.3);padding:2px 8px;border-radius:12px}.breakthrough-desc{margin:0;font-size:13px;line-height:1.6;color:#e6edf3}.breakthrough-invariant-box{background:#23863614;border:1px solid rgba(35,134,54,.25);border-left:3px solid var(--pro-green);border-radius:6px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.breakthrough-invariant-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--pro-green-text)}.breakthrough-invariant-box code{font-family:var(--font-mono);font-size:12.5px;color:#f0f6fc}.breakthrough-steps-wrap{display:flex;flex-direction:column;gap:8px;margin-top:4px}.breakthrough-steps-title{font-size:11px;font-weight:700;color:var(--pro-text-secondary);text-transform:uppercase;letter-spacing:.5px}.breakthrough-steps-grid{display:flex;flex-direction:column;gap:6px}.breakthrough-step-item{background:var(--pro-canvas);border:1px solid var(--pro-border-subtle);border-radius:6px;padding:8px 12px;display:flex;align-items:flex-start;gap:10px}.breakthrough-step-pill{width:20px;height:20px;border-radius:50%;background:var(--pro-green-subtle);color:var(--pro-green-text);border:1px solid rgba(35,134,54,.3);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.breakthrough-step-desc{font-size:12px;color:var(--pro-text);line-height:1.5}.bottleneck-card{background:var(--pro-surface);border:1px solid rgba(218,54,51,.3);border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px #0003}.bottleneck-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pro-border-subtle);padding-bottom:10px}.bottleneck-title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--pro-red-text)}.bottleneck-icon{color:var(--pro-red-text)}.bottleneck-badge{font-size:10.5px;font-weight:600;color:var(--pro-red-text);background:var(--pro-red-subtle);border:1px solid rgba(218,54,51,.3);padding:2px 8px;border-radius:12px}.bottleneck-desc{margin:0;font-size:13px;line-height:1.6;color:#e6edf3}.bottleneck-stat-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bottleneck-stat-pill{background:var(--pro-canvas);border:1px solid var(--pro-border-subtle);border-radius:6px;padding:6px 12px;font-size:11.5px;color:var(--pro-text-secondary)}.bottleneck-stat-pill.red{color:var(--pro-red-text);border-color:#da36334d;background:var(--pro-red-subtle)}.execution-steps-card{background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 6px #0000002e}.execution-step-item{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;background:var(--pro-canvas);border:1px solid var(--pro-border-subtle);border-radius:6px}.step-num{width:22px;height:22px;border-radius:50%;background:var(--pro-blue-subtle);color:var(--pro-blue-text);border:1px solid rgba(56,139,253,.3);font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-text{font-size:12.5px;line-height:1.5;color:var(--pro-text)}.trace-table-container{background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:0 2px 6px #0000002e}.trace-table{width:100%;border-collapse:collapse;font-size:12px}.trace-table th{background:var(--pro-surface-elevated);border-bottom:1px solid var(--pro-border);padding:10px 14px;text-align:left;font-weight:600;color:var(--pro-text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.trace-table td{border-bottom:1px solid var(--pro-border-subtle);padding:8px 14px;font-family:var(--font-mono);color:var(--pro-text)}.trace-table tr:last-child td{border-bottom:none}.edge-cases-card,.interview-tips-card{background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 6px #0000002e}.card-heading{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--pro-text);border-bottom:1px solid var(--pro-border-subtle);padding-bottom:8px}.edge-cases-list,.interview-tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.edge-cases-list li,.interview-tips-list li{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.5;color:var(--pro-text)}.bullet-icon{color:var(--pro-green-text);flex-shrink:0;margin-top:3px}.tip-bullet-icon{color:var(--pro-amber-text);flex-shrink:0;margin-top:3px}.pattern-blueprint-card{background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 8px #0003}.pattern-hero-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--pro-border-subtle);padding-bottom:12px}.pattern-hero-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--pro-text)}.pattern-hero-tagline{margin:4px 0 0;font-size:12px;color:var(--pro-text-secondary)}.pattern-heuristic-pill{font-size:11px;font-weight:700;background:var(--pro-amber-subtle);color:var(--pro-amber-text);border:1px solid rgba(210,153,34,.3);padding:4px 10px;border-radius:12px;white-space:nowrap}.blueprint-section-heading{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--pro-text);margin-top:4px}.triggers-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trigger-item-card{background:var(--pro-canvas);border:1px solid var(--pro-border-subtle);border-radius:6px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--pro-text)}.trigger-check-icon{color:var(--pro-green-text);flex-shrink:0}.mental-model-box{background:#d2992214;border:1px solid rgba(210,153,34,.3);border-radius:6px;padding:12px 16px;font-size:12.5px;line-height:1.6;color:#e6edf3}.mental-model-box p{margin:0}.template-code-box{background:var(--pro-canvas);border:1px solid var(--pro-border);border-radius:6px;overflow:hidden}.template-code-header{background:var(--pro-surface-elevated);border-bottom:1px solid var(--pro-border);padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.template-code-title{font-size:12px;font-weight:600;color:var(--pro-text)}.template-copy-btn{font-size:11px;padding:2px 8px;background:var(--pro-canvas)}.template-pre{margin:0;padding:12px 16px;font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--pro-text);overflow-x:auto;white-space:pre!important}.template-points-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.template-points-list li{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;color:var(--pro-text-secondary)}.blueprint-mapping-card{background:#388bfd14;border:1px solid rgba(56,139,253,.25);border-radius:6px;padding:12px 16px;font-size:12.5px}.xcode-window-studio{background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 16px #0006}.xcode-titlebar{background:var(--pro-surface-elevated);border-bottom:1px solid var(--pro-border);padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.mac-traffic-lights{display:flex;align-items:center;gap:6px}.nb-window-dot{width:10px;height:10px;border-radius:50%}.nb-window-dot.red{background:#ff5f56}.nb-window-dot.amber{background:#ffbd2e}.nb-window-dot.green{background:#27c93f}.xcode-breadcrumbs{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--pro-text-secondary);overflow:hidden}.xcode-icon{color:var(--pro-text-muted);flex-shrink:0}.crumb.file-name{color:var(--pro-text);font-family:var(--font-mono);font-weight:600}.crumb.scope{color:var(--pro-green-text);font-weight:600}.sep{color:var(--pro-text-muted)}.xcode-quick-actions{display:flex;align-items:center;gap:6px}.xcode-tool-btn{padding:2px 8px;font-size:11px;background:var(--pro-canvas);border:1px solid var(--pro-border)}.xcode-toolbar{background:var(--pro-surface);border-bottom:1px solid var(--pro-border);padding:8px 14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.approach-selector{display:flex;align-items:center;gap:6px}.approach-tab{padding:4px 10px;font-size:11.5px;border-radius:var(--radius-md);background:var(--pro-canvas);border:1px solid var(--pro-border);color:var(--pro-text-secondary)}.approach-tab:hover{background:var(--pro-surface-elevated);color:var(--pro-text)}.approach-tab.active{background:var(--pro-surface-elevated);color:var(--pro-text);font-weight:600;border-color:#8b949e}.approach-tab.active.optimal{border-color:var(--pro-green);color:var(--pro-green-text)}.approach-tab.active.brute{border-color:var(--pro-amber);color:var(--pro-amber-text)}.approach-time-pill{font-family:var(--font-mono);font-size:10px;padding:1px 5px;border-radius:4px;background:#6e768133;margin-left:4px}.language-selector{display:flex;align-items:center;gap:4px}.lang-btn{padding:3px 8px;font-size:11px;background:var(--pro-canvas);border:1px solid var(--pro-border);border-radius:var(--radius-md);color:var(--pro-text-secondary)}.lang-btn.active{background:var(--pro-surface-elevated);color:var(--pro-text);font-weight:600;border-color:#8b949e}.python-only-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--pro-amber-text);background:var(--pro-amber-subtle);border:1px solid rgba(210,153,34,.3);padding:2px 8px;border-radius:10px}.pro-code-viewport{background:#0d1117;border-bottom:1px solid var(--pro-border);overflow-x:auto;overflow-y:auto;padding:14px 0;max-height:560px}.pro-code-lines{display:flex;flex-direction:column;min-width:max-content}.pro-code-line{display:flex;align-items:flex-start;min-height:22px;line-height:22px;padding-right:18px;font-family:var(--font-mono)}.pro-code-line:hover{background:#ffffff0a}.pro-line-number{width:48px;min-width:48px;text-align:right;padding-right:18px;color:#6e7681;-webkit-user-select:none;user-select:none;font-size:12px;font-family:var(--font-mono);line-height:22px}.pro-line-code{flex:1;white-space:pre!important;tab-size:4;-moz-tab-size:4;font-family:var(--font-mono);line-height:22px;font-size:13px;color:#e6edf3}.xcode-comment{color:#8b949e;font-style:italic}.xcode-string{color:#a5d6ff}.xcode-number{color:#79c0ff}.xcode-keyword{color:#ff7b72;font-weight:600}.xcode-type{color:#7ee787;font-weight:600}.xcode-function{color:#d2a8ff}.pro-action-bar{background:var(--pro-surface);border-bottom:1px solid var(--pro-border);padding:8px 14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.pro-action-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pro-run-btn{background:var(--pro-green)!important;color:#fff!important;border:1px solid rgba(240,246,252,.1)!important;font-weight:600!important;padding:5px 12px!important}.pro-run-btn:hover{background:var(--pro-green-hover)!important}.pro-run-btn.running{opacity:.7;cursor:wait}.pro-tool-btn{font-size:12px;padding:5px 10px;background:var(--pro-surface-elevated)}.pro-tool-btn.visualizer{border-color:#d2992266;color:var(--pro-amber-text);background:var(--pro-amber-subtle)}.pro-pill-badge{font-size:10px;background:var(--pro-amber);color:#000;padding:0 5px;border-radius:8px;font-weight:700}.pro-complexity-summary{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--pro-text-secondary)}.pro-complexity-summary strong{color:var(--pro-text);font-family:var(--font-mono)}.summary-dot{color:var(--pro-text-muted)}.test-results-drawer{background:#000;border-bottom:1px solid var(--pro-border);padding:10px 14px;display:flex;flex-direction:column;gap:6px;font-family:var(--font-mono);font-size:12px}.results-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #21262d;padding-bottom:6px}.results-title{display:flex;align-items:center;gap:6px;color:var(--pro-green-text);font-weight:600}.accepted-badge{color:var(--pro-green-text);font-size:11px}.test-log-line{color:#c9d1d9;line-height:1.5}.pro-statusbar{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:var(--pro-surface-elevated);border-top:1px solid var(--pro-border);font-size:11px;color:var(--pro-text-secondary);font-family:var(--font-mono);gap:16px}.pro-statusbar-left,.pro-statusbar-right{display:flex;align-items:center;gap:8px}.status-segment{display:inline-flex;align-items:center;gap:4px}.status-sep{color:var(--pro-border)}.accepted-status{color:var(--pro-green-text);font-weight:600}.visualizer-fullscreen-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#010409d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.visualizer-fullscreen-modal{width:100%;height:100%;max-width:1300px;background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #000c}.fullscreen-modal-header{padding:10px 16px;background:var(--pro-surface-elevated);border-bottom:1px solid var(--pro-border);display:flex;align-items:center;justify-content:space-between}.modal-header-title-group{display:flex;align-items:center;gap:10px}.modal-logo-badge{color:var(--pro-amber-text)}.modal-title-row{display:flex;align-items:center;gap:8px}.modal-problem-title{font-size:14px;font-weight:700;color:var(--pro-text)}.modal-version-tag{font-size:11px;background:var(--pro-amber-subtle);color:var(--pro-amber-text);border:1px solid rgba(210,153,34,.3);padding:1px 6px;border-radius:8px}.modal-subtitle-text{margin:2px 0 0;font-size:11px;color:var(--pro-text-muted)}.modal-header-actions{display:flex;align-items:center;gap:8px}.modal-tool-btn{font-size:12px;padding:4px 10px}.modal-close-btn{background:transparent;border:none;color:var(--pro-text-secondary);padding:4px}.modal-close-btn:hover{color:var(--pro-text);background:transparent}.fullscreen-modal-body{flex:1;background:#000}.fullscreen-visualizer-iframe{width:100%;height:100%;border:none}.embedded-visualizer-card{padding:0;overflow:hidden}.visualizer-card-header{padding:10px 16px;background:var(--pro-surface-elevated);border-bottom:1px solid var(--pro-border);display:flex;align-items:center;justify-content:space-between}.visualizer-card-title-group{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.visualizer-card-header-actions{display:flex;align-items:center;gap:8px}.visualizer-tool-btn{font-size:11.5px;padding:4px 8px}.visualizer-tool-btn.primary{background:var(--pro-blue-subtle);border-color:#388bfd66;color:var(--pro-blue-text);font-weight:600}.visualizer-highlights-row{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--pro-canvas);border-bottom:1px solid var(--pro-border);flex-wrap:wrap}.visualizer-highlight-tag{font-size:11px;color:var(--pro-green-text)}.visualizer-iframe-frame{height:520px;background:#000}.embedded-visualizer-iframe{width:100%;height:100%;border:none}.diff-viewer-card{background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--radius-lg);overflow:hidden}.diff-header-bar{background:var(--pro-surface-elevated);border-bottom:1px solid var(--pro-border);padding:8px 14px;display:flex;align-items:center;justify-content:space-between}.diff-title{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.diff-stats-pill{font-family:var(--font-mono);font-size:11px;padding:2px 8px;border-radius:10px;background:var(--diff-add-bg);color:var(--diff-add-text)}.diff-split-container{display:grid;grid-template-columns:1fr 1fr}@media(max-width:900px){.diff-split-container{grid-template-columns:1fr}}.diff-col.left-col{border-right:1px solid var(--pro-border)}.diff-col-header{padding:6px 12px;background:var(--pro-surface-elevated);border-bottom:1px solid var(--pro-border);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.diff-code-wrapper{background:#0d1117;font-family:var(--font-mono);font-size:12px;line-height:20px;overflow-x:auto}.diff-line{display:flex;align-items:flex-start;padding:0 6px;min-height:20px}.diff-line.del{background:var(--diff-del-bg);color:var(--diff-del-text)}.diff-line.add{background:var(--diff-add-bg);color:var(--diff-add-text)}.diff-line .line-num{width:32px;flex-shrink:0;color:var(--pro-text-muted);-webkit-user-select:none;user-select:none;text-align:right;padding-right:8px}.diff-line .line-content{flex:1;white-space:pre}.leetcode-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--pro-surface-elevated);border:1px solid var(--pro-border);color:#fff;padding:8px 16px;border-radius:var(--radius-md);display:flex;align-items:center;gap:8px;font-weight:500;font-size:12.5px;box-shadow:0 8px 24px #00000080;z-index:10001}.leetcode-toast button{background:transparent;border:none;padding:2px;color:var(--pro-text-muted);box-shadow:none}.leetcode-toast button:hover{color:#fff;background:transparent}