.pricing-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.pricing-modal{position:relative;background:var(--bg-card, #161b22);border:1px solid var(--border, #30363d);border-radius:12px;padding:32px;max-width:680px;width:100%;box-shadow:0 24px 64px #00000080}.pricing-modal.light{background:#ffffff;border-color:#d0d7de}.pricing-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted, #7d8590);font-size:18px;cursor:pointer;line-height:1;padding:4px 8px;border-radius:4px}.pricing-close:hover{background:var(--bg-hover, rgba(255,255,255,.06))}.pricing-header{text-align:center;margin-bottom:28px}.pricing-title{font-size:22px;font-weight:700;margin:0 0 6px;color:var(--text-primary, #e6edf3)}.pricing-modal.light .pricing-title{color:#1f2328}.pricing-sub{margin:0;color:var(--text-muted, #7d8590);font-size:14px}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pricing-cards-centered{grid-template-columns:1fr;max-width:320px;margin:0 auto}@media (max-width: 540px){.pricing-cards{grid-template-columns:1fr}}.pricing-card{border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:16px}.pricing-card-free{background:var(--bg-surface, #0d1117);border:1px solid var(--border, #30363d)}.pricing-modal.light .pricing-card-free{background:#f6f8fa;border-color:#d0d7de}.pricing-card-premium{background:linear-gradient(135deg,#0d2137 0%,#0f1d2e 100%);border:1.5px solid #58a6ff;position:relative}.pricing-modal.light .pricing-card-premium{background:linear-gradient(135deg,#dbeeff 0%,#e8f4ff 100%);border-color:#0969da}.pricing-card-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#58a6ff;color:#0a0d13;font-size:11px;font-weight:700;padding:2px 12px;border-radius:20px;white-space:nowrap;letter-spacing:.03em}.pricing-modal.light .pricing-card-badge{background:#0969da;color:#fff}.pricing-card-name{font-size:15px;font-weight:600;color:var(--text-secondary, #8b949e);text-transform:uppercase;letter-spacing:.06em}.pricing-modal.light .pricing-card-name{color:#57606a}.pricing-card-price{font-size:36px;font-weight:800;color:var(--text-primary, #e6edf3);line-height:1}.pricing-modal.light .pricing-card-price{color:#1f2328}.pricing-card-period{font-size:16px;font-weight:400;color:var(--text-muted, #7d8590)}.pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;flex:1}.pricing-features li{display:flex;align-items:baseline;gap:8px;font-size:13px;color:var(--text-secondary, #8b949e)}.pricing-modal.light .pricing-features li{color:#57606a}.pricing-check{color:#3fb950;font-size:12px;flex-shrink:0}.pricing-check-premium{color:#58a6ff}.pricing-modal.light .pricing-check-premium{color:#0969da}.pricing-current-badge{text-align:center;font-size:13px;color:var(--text-muted, #7d8590);padding:8px;border:1px solid var(--border, #30363d);border-radius:6px}.pricing-modal.light .pricing-current-badge{border-color:#d0d7de;color:#57606a}.pricing-current-badge-premium{border-color:#58a6ff;color:#58a6ff}.pricing-modal.light .pricing-current-badge-premium{border-color:#0969da;color:#0969da}.pricing-upgrade-btn{width:100%;padding:10px;background:#58a6ff;color:#0a0d13;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.pricing-upgrade-btn:hover:not(:disabled){background:#79b8ff}.pricing-upgrade-btn:disabled{opacity:.6;cursor:default}.pricing-modal.light .pricing-upgrade-btn{background:#0969da;color:#fff}.pricing-modal.light .pricing-upgrade-btn:hover:not(:disabled){background:#0860ca}.pricing-free-btn{width:100%;padding:9px;background:none;border:1px solid var(--border, #30363d);color:var(--text-muted, #7d8590);border-radius:6px;font-size:13px;cursor:pointer;transition:background .15s}.pricing-free-btn:hover{background:rgba(255,255,255,.05)}.pricing-modal.light .pricing-free-btn{border-color:#d0d7de;color:#57606a}.pricing-modal.light .pricing-free-btn:hover{background:rgba(0,0,0,.04)}.pricing-card-actions{display:flex;flex-direction:column;gap:8px}.pricing-portal-btn{width:100%;padding:8px;background:none;border:1px solid #58a6ff;color:#58a6ff;border-radius:6px;font-size:13px;cursor:pointer;transition:background .15s}.pricing-portal-btn:hover:not(:disabled){background:rgba(88,166,255,.1)}.pricing-portal-btn:disabled{opacity:.6;cursor:default}.pricing-modal.light .pricing-portal-btn{border-color:#0969da;color:#0969da}.pricing-error{margin-top:16px;text-align:center;color:#f85149;font-size:13px}.layout{--bg-canvas: #0a0d13;--bg-surface: #161b22;--bg-overlay: #0d1117;--bg-hover: #1c2128;--bg-active: #1c2d3f;--border: #1c2128;--border-muted: #30363d;--text-primary: #e1e4e8;--text-secondary: #8b949e;--text-muted: #484f58;--text-heading: #f0f6fc;--text-active: #79c0ff;--accent: #58a6ff;--accent-btn: #1f6feb;--accent-btn-hover: #388bfd;--run-btn: #1a7f37;--run-btn-hover: #238636;--shadow: 0 1px 3px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.25);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--code-bg: #0d1117;--code-border: #1c2128;--badge-easy-bg: #0d2a0d;--badge-easy-fg: #3fb950;--badge-easy-border: #1a4a1a;--badge-med-bg: #2a1e00;--badge-med-fg: #d29922;--badge-med-border: #4a3600;--badge-hard-bg: #2a0d0d;--badge-hard-fg: #f85149;--badge-hard-border: #4a1a1a;--tab-active-color: #58a6ff;--editor-theme: dark;--scrollbar-thumb: #30363d}.layout.light{--bg-canvas: #f0f2f5;--bg-surface: #ffffff;--bg-overlay: #f6f8fa;--bg-hover: #f3f4f6;--bg-active: #dbeafe;--border: #d0d7de;--border-muted: #d0d7de;--text-primary: #24292f;--text-secondary: #57606a;--text-muted: #8c959f;--text-heading: #1f2328;--text-active: #0969da;--accent: #0969da;--accent-btn: #0969da;--accent-btn-hover: #0860ca;--run-btn: #1a7f37;--run-btn-hover: #166e2e;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 4px 16px rgba(0,0,0,.07);--shadow-sm: 0 1px 2px rgba(0,0,0,.08);--code-bg: #f6f8fa;--code-border: #d0d7de;--badge-easy-bg: #dafbe1;--badge-easy-fg: #1a7f37;--badge-easy-border: #aceebb;--badge-med-bg: #fff8c5;--badge-med-fg: #9a6700;--badge-med-border: #f0d13c;--badge-hard-bg: #ffebe9;--badge-hard-fg: #cf222e;--badge-hard-border: #ffcecb;--tab-active-color: #0969da;--editor-theme: light;--scrollbar-thumb: #c8d0d8}.layout{display:flex;flex-direction:column;height:100vh;background:var(--bg-canvas);color:var(--text-primary);font-family:Segoe UI,system-ui,sans-serif;overflow:hidden;transition:background .2s,color .2s}.topbar{height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:10;box-shadow:var(--shadow-sm)}.topbar-left{display:flex;align-items:center;gap:24px}.topbar-right{display:flex;align-items:center;gap:8px}.logo{display:block;height:32px;width:auto}.logo-clickable{cursor:pointer;opacity:1;transition:opacity .15s}.logo-clickable:hover{opacity:.75}.topbar-nav{display:flex;gap:4px}.topbar-nav-btn{background:none;border:none;color:var(--text-secondary);font-size:.85rem;padding:5px 12px;border-radius:6px;cursor:pointer;transition:color .1s,background .1s}.topbar-nav-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.topbar-nav-btn.active{color:var(--text-primary);background:var(--bg-hover);font-weight:600}.user-chip{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary)}.solve-count{background:var(--bg-hover);border:1px solid var(--border-muted);border-radius:10px;padding:1px 8px;font-size:.7rem;color:var(--accent);font-weight:600}.logout-btn{background:none;border:1px solid var(--border-muted);color:var(--text-secondary);border-radius:6px;padding:4px 10px;font-size:.78rem;cursor:pointer;transition:border-color .1s,color .1s}.logout-btn:hover{border-color:#f85149;color:#f85149}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:12px;padding:28px 32px;width:360px;max-width:calc(100vw - 32px);box-shadow:var(--shadow)}.modal-title{font-size:1rem;font-weight:700;color:var(--text-heading);margin-bottom:10px}.modal-body{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.modal-body strong{color:var(--text-primary)}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-cancel{background:none;border:1px solid var(--border-muted);color:var(--text-secondary);border-radius:6px;padding:7px 16px;font-size:.875rem;cursor:pointer;transition:border-color .1s,color .1s}.modal-cancel:hover{border-color:var(--text-secondary);color:var(--text-primary)}.modal-confirm-danger{background:#cf222e;border:none;color:#fff;border-radius:6px;padding:7px 16px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .1s}.modal-confirm-danger:hover{background:#a40e26}.modal-confirm-danger:disabled{opacity:.6;cursor:not-allowed}.theme-toggle{background:none;border:1px solid var(--border-muted);color:var(--text-secondary);border-radius:6px;padding:4px 8px;font-size:.95rem;cursor:pointer;line-height:1;transition:background .1s,color .1s}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.workspace{flex:1;display:flex;gap:0;padding:8px;overflow:hidden;min-height:0;column-gap:0}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:background .2s,border-color .2s,box-shadow .2s}.card-header{display:flex;flex-direction:column;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.card-body{flex:1;overflow-y:auto;padding:16px 20px;min-height:0}.sidebar{width:210px;flex-shrink:0;display:flex;flex-direction:column}.sidebar-scroll{flex:1;overflow-y:auto;min-height:0}.problem-list{list-style:none;padding:6px 4px}.problem-item{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .1s;margin-bottom:1px}.problem-item:hover{background:var(--bg-hover)}.problem-item.active{background:var(--bg-active)}.problem-item.active .problem-title{color:var(--text-active)}.problem-check{font-size:.7rem;color:#3fb950;width:12px;flex-shrink:0}.problem-title{font-size:.82rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.sidebar-progress{padding:10px 12px 6px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-progress-label{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-secondary);margin-bottom:5px}.sidebar-progress-bar{height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden}.sidebar-progress-fill{height:100%;background:#3fb950;border-radius:2px;transition:width .3s ease}.sidebar-module-header{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);padding:10px 14px 2px;flex-shrink:0}.concept-tab{padding:4px 0}.learning-objectives{margin-bottom:12px;padding:10px 12px;background:var(--bg-hover);border-radius:6px;border-left:3px solid var(--accent-btn)}.learning-objectives-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:6px}.learning-objectives-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.learning-objectives-list li{font-size:.83rem;color:var(--text-primary);display:flex;align-items:flex-start;gap:6px}.learning-objectives-list li:before{content:"•";color:var(--accent-btn);flex-shrink:0}.badge{font-size:.65rem;padding:2px 7px;border-radius:10px;font-weight:600;white-space:nowrap;flex-shrink:0;letter-spacing:.2px}.badge-easy{background:var(--badge-easy-bg);color:var(--badge-easy-fg);border:1px solid var(--badge-easy-border)}.badge-medium{background:var(--badge-med-bg);color:var(--badge-med-fg);border:1px solid var(--badge-med-border)}.badge-hard{background:var(--badge-hard-bg);color:var(--badge-hard-fg);border:1px solid var(--badge-hard-border)}.solved-badge{font-size:.72rem;color:#3fb950;font-weight:600}.main{flex:1;display:flex;gap:0;overflow:hidden;min-height:0;min-width:0}.problem-pane{width:400px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.problem-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 20px 10px}.problem-header h2{font-size:1rem;font-weight:700;color:var(--text-heading)}.desc-tabs{display:flex;padding:0 12px;gap:2px;border-top:1px solid var(--border)}.desc-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);padding:8px 12px;font-size:.82rem;cursor:pointer;transition:color .1s;margin-bottom:-1px}.desc-tab:hover{color:var(--text-primary)}.desc-tab.active{color:var(--tab-active-color);border-bottom-color:var(--tab-active-color)}.problem-description{font-size:.875rem;line-height:1.75;color:var(--text-primary)}.problem-description p{margin-bottom:12px}.problem-description strong{color:var(--text-heading)}.problem-description code{background:var(--code-bg);padding:1px 6px;border-radius:4px;font-size:.82rem;color:var(--accent);border:1px solid var(--code-border)}.problem-description pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;padding:14px;overflow-x:auto;margin:10px 0}.problem-description pre code{background:none;padding:0;border:none;font-size:.82rem;color:var(--text-primary)}.problem-description table{border-collapse:collapse;margin:8px 0;font-size:.82rem}.problem-description td{border:1px solid var(--border-muted);padding:5px 12px;color:var(--text-primary)}.hint-toggle{background:none;border:1px solid var(--border-muted);color:var(--text-secondary);padding:5px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;margin-top:4px;align-self:flex-start}.hint-toggle:hover{border-color:var(--accent);color:var(--accent)}.hints{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:10px}.hints li{font-size:.82rem;color:var(--text-secondary)}.hints code{background:var(--code-bg);padding:2px 6px;border-radius:4px;color:var(--accent)}.testbench-view{display:flex;flex-direction:column;gap:8px}.tb-note{font-size:.8rem;color:var(--text-secondary)}.tb-code{background:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;padding:14px;overflow:auto;font-size:.78rem;line-height:1.6;color:var(--text-primary);white-space:pre}.history-list{display:flex;flex-direction:column;gap:6px}.history-entry{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;border:1px solid var(--border);font-size:.82rem}.hist-pass{background:#dafbe1;border-color:#aceebb}.hist-fail{background:#ffebe9;border-color:#ffcecb}.layout.light .hist-pass{background:#dafbe1}.layout.light .hist-fail{background:#ffebe9}.layout:not(.light) .hist-pass{background:#0d1f0d;border-color:#1a3a1a}.layout:not(.light) .hist-fail{background:#1f0d0d;border-color:#3a1a1a}.hist-icon{font-size:.9rem}.hist-pass .hist-icon{color:#1a7f37}.hist-fail .hist-icon{color:#cf222e}.layout:not(.light) .hist-pass .hist-icon{color:#3fb950}.layout:not(.light) .hist-fail .hist-icon{color:#f85149}.hist-label{flex:1;color:var(--text-primary)}.hist-time{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.empty-note{font-size:.85rem;color:var(--text-secondary);padding:8px 0}.resize-handle{flex-shrink:0;z-index:5;transition:background .15s;border-radius:2px}.rh-h{width:6px;cursor:col-resize;background:transparent}.rh-h:hover,.rh-h:active{background:var(--accent);opacity:.5}.rh-v{height:6px;width:100%;cursor:row-resize;background:transparent}.rh-v:hover,.rh-v:active{background:var(--accent);opacity:.5}.right-col{flex:1;display:flex;flex-direction:column;gap:0;overflow:hidden;min-width:0;min-height:0}.editor-pane{display:flex;flex-direction:column;overflow:hidden;min-width:0}.editor-card-header{flex-direction:row!important;align-items:center;padding:0 14px;height:40px;border-bottom:1px solid var(--border);gap:0}.editor-lang-tag{font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--bg-hover);border:1px solid var(--border-muted);border-radius:5px;padding:2px 9px;letter-spacing:.3px}.editor-card-header .reset-btn{margin-left:auto}.editor-wrapper{flex:1;overflow:hidden;background:var(--code-bg);min-height:0}.action-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-surface);border-top:1px solid var(--border);flex-shrink:0}.run-btn{background:var(--run-btn);color:#fff;border:none;padding:7px 20px;border-radius:7px;font-size:.875rem;font-weight:600;cursor:pointer;letter-spacing:.2px;transition:background .15s,transform .1s}.run-btn:hover:not(:disabled){background:var(--run-btn-hover);transform:translateY(-1px)}.run-btn:disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed;transform:none}.synth-btn{background:none;border:1px solid var(--border-muted);color:var(--text-secondary);padding:7px 14px;border-radius:7px;font-size:.83rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.synth-btn:hover:not(:disabled){border-color:var(--accent-btn);color:var(--text-primary)}.synth-btn:disabled{opacity:.5;cursor:not-allowed}.reset-btn{background:none;border:1px solid var(--border-muted);color:var(--text-secondary);padding:5px 12px;border-radius:6px;font-size:.8rem;cursor:pointer}.reset-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.summary{font-size:.875rem;font-weight:600}.summary.all-pass{color:#1a7f37}.summary.has-fail{color:#cf222e}.layout:not(.light) .summary.all-pass{color:#3fb950}.layout:not(.light) .summary.has-fail{color:#f85149}.results-card{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.results-card-header{display:flex;align-items:stretch;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-surface);padding:0}.results-tabs{display:flex;gap:0;flex:1}.results-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:600;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s;white-space:nowrap}.results-tab:hover:not(:disabled){color:var(--text-primary)}.results-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.results-tab:disabled{opacity:.4;cursor:default}.results-tab-badge{font-size:.68rem;font-weight:700;padding:1px 5px;border-radius:4px;line-height:1.4}.results-tab-badge.pass{background:var(--badge-easy-bg);color:var(--badge-easy-fg)}.results-tab-badge.fail{background:var(--badge-hard-bg);color:var(--badge-hard-fg)}.results-tab-badge.running{background:var(--bg-hover);color:var(--text-secondary)}.results-card-body{flex:1;overflow-y:auto;padding:10px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;background:var(--code-bg)}.results-placeholder{color:var(--text-muted);font-family:Segoe UI,system-ui,sans-serif;font-size:.82rem;padding:8px 0}.results-running{color:var(--accent)!important}.result-line{padding:2px 0;white-space:pre}.result-line.pass{color:#1a7f37}.result-line.fail{color:#cf222e}.result-line.info{color:var(--text-muted)}.layout:not(.light) .result-line.pass{color:#3fb950}.layout:not(.light) .result-line.fail{color:#f85149}.compile-error{margin-bottom:8px}.compile-error-title{font-size:.8rem;font-weight:700;color:#cf222e;margin-bottom:8px;display:flex;align-items:center;gap:6px}.layout:not(.light) .compile-error-title{color:#f85149}.compile-error-list{list-style:none;display:flex;flex-direction:column;gap:4px;margin:0;padding:0}.compile-error-item{display:flex;align-items:baseline;gap:10px;padding:5px 10px;background:rgba(207,34,46,.06);border:1px solid rgba(207,34,46,.2);border-radius:5px;font-family:JetBrains Mono,monospace;font-size:.78rem}.layout:not(.light) .compile-error-item{background:rgba(248,81,73,.08);border-color:#f8514940}.compile-error-loc{color:#cf222e;font-weight:700;flex-shrink:0;min-width:52px}.layout:not(.light) .compile-error-loc{color:#f85149}.compile-error-msg{color:var(--text-primary)}.compile-error-raw{white-space:pre-wrap;font-family:JetBrains Mono,monospace;font-size:.8rem;color:#cf222e}.layout:not(.light) .compile-error-raw{color:#f85149}.waveform-container{border-top:1px solid var(--border);background:var(--code-bg);margin-top:8px}.surfer-container{border-top:1px solid var(--border);margin-top:8px;height:420px;flex-shrink:0}.surfer-iframe{width:100%;height:100%;border:none;display:block}.waveform-header{display:flex;align-items:center;gap:12px;padding:7px 16px 4px;border-bottom:1px solid var(--border)}.waveform-title{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.waveform-fail-note{font-size:.75rem;color:#f85149}.waveform-scroll{overflow-x:auto;overflow-y:hidden;padding:6px 0 6px 16px}.share-card{position:relative;margin:10px 0 4px;padding:10px 12px;background:linear-gradient(135deg,#0d2a1a 0%,#0a1f2e 100%);border:1px solid #1a4a2e;border-radius:10px}.layout.light .share-card{background:linear-gradient(135deg,#f0faf4 0%,#eef6ff 100%);border-color:#b7dfc8}.share-card-dismiss{position:absolute;top:6px;right:8px;background:none;border:none;cursor:pointer;color:#8b949e;font-size:1.1rem;line-height:1;padding:0 2px}.share-card-dismiss:hover{color:var(--text-primary)}.share-card-top{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.share-card-emoji{font-size:1.4rem;line-height:1;flex-shrink:0;margin-top:1px}.share-card-headline{font-size:.82rem;font-weight:700;color:#3fb950;margin-bottom:2px}.layout.light .share-card-headline{color:#1a7f37}.share-card-body{font-size:.75rem;color:#8b949e;line-height:1.45}.layout.light .share-card-body{color:#57606a}.share-card-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.share-card-label{font-size:.72rem;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin-right:2px}.share-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:opacity .15s}.share-btn:hover{opacity:.85}.share-btn-x{background:#1a1a1a;color:#fff;border-color:#333}.layout.light .share-btn-x{background:#000}.share-btn-linkedin{background:#0a66c2;color:#fff;border-color:#0a66c2}.share-btn-copy{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border)}.synth-error{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:8px 0;background:var(--bg-hover);border-radius:6px;font-size:.83rem;color:var(--text-secondary)}.synth-error-icon{font-size:1rem}.synth-result{border-top:1px solid var(--border);padding:12px 14px;margin-top:8px}.synth-result-header{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:12px}.synth-result-header code{text-transform:none;font-size:.85rem;color:var(--text-primary)}.synth-stats-grid{display:flex;gap:16px;margin-bottom:12px}.synth-stat{display:flex;flex-direction:column;align-items:center;background:var(--bg-hover);border-radius:8px;padding:10px 16px;min-width:64px}.synth-stat-value{font-size:1.4rem;font-weight:700;color:var(--text-heading);line-height:1}.synth-stat-label{font-size:.68rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.synth-section-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:10px 0 6px;padding-top:10px;border-top:1px solid var(--border)}.synth-section-label-sky130{color:var(--accent-btn)}.synth-stat-timing .synth-stat-value{color:#1f6feb}.layout:not(.light) .synth-stat-timing .synth-stat-value{color:#58a6ff}.synth-stat-unit{font-size:.7rem;font-weight:500}.synth-timing-note{font-size:.72rem;color:var(--text-secondary);padding:4px 0 8px;border-top:1px solid var(--border);margin-top:4px}.synth-crit-details{margin-bottom:8px}.synth-crit-summary{font-size:.76rem;font-weight:600;color:var(--text-secondary);cursor:pointer;padding:6px 0;list-style:none;-webkit-user-select:none;user-select:none}.synth-crit-summary::-webkit-details-marker{display:none}.synth-crit-summary:before{content:"▶ ";font-size:.6rem;color:var(--accent-btn);transition:transform .15s;display:inline-block}.synth-crit-details[open] .synth-crit-summary:before{transform:rotate(90deg)}.synth-crit-body{padding:6px 0 4px 12px;display:flex;flex-direction:column;gap:4px}.synth-crit-step{display:grid;grid-template-columns:54px 1fr 48px 48px;align-items:center;gap:8px;font-size:.75rem}.synth-crit-gate{font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem;color:var(--text-primary)}.synth-crit-bar-wrap{height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.synth-crit-bar{height:100%;background:var(--accent-btn);border-radius:3px;transition:width .3s ease}.synth-crit-delay{font-size:.68rem;color:var(--text-secondary);text-align:right;font-family:monospace}.synth-crit-cumul{font-size:.68rem;color:var(--text-primary);font-weight:600;text-align:right;font-family:monospace}.synth-cell-table{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:.82rem}.synth-cell-table tr{border-bottom:1px solid var(--border)}.synth-cell-table tr:last-child{border-bottom:none}.synth-cell-type{padding:4px 0;color:var(--text-secondary)}.synth-cell-type code{font-size:.8rem}.synth-cell-count{padding:4px 0;text-align:right;font-weight:600;color:var(--text-primary)}.synth-schematic{margin-top:12px;border-top:1px solid var(--border);padding-top:12px}.synth-schematic-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px}.synth-schematic-svg{overflow-x:auto;overflow-y:hidden;background:#fff;border-radius:6px;padding:8px}.synth-schematic-svg svg{max-width:100%;display:block}.lb-wrapper{flex:1;overflow-y:auto;padding:32px 40px}.leaderboard{max-width:500px}.lb-title{font-size:1.1rem;font-weight:700;margin-bottom:20px;color:var(--text-heading)}.lb-empty{color:var(--text-secondary);font-size:.875rem}.lb-list{list-style:none;display:flex;flex-direction:column;gap:8px}.lb-entry{display:flex;align-items:center;gap:14px;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.lb-entry.lb-me{border-color:var(--accent-btn);background:var(--bg-active)}.lb-rank{font-size:.85rem;color:var(--text-muted);width:28px;flex-shrink:0;font-weight:600}.lb-name{flex:1;font-size:.9rem;color:var(--text-primary)}.lb-count{font-size:.85rem;color:#1a7f37;font-weight:700}.layout:not(.light) .lb-count{color:#3fb950}.topbar-signin-btn{display:flex;align-items:center;gap:7px;background:#24292f;color:#fff;border:none;border-radius:7px;padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.layout.light .topbar-signin-btn{background:#0969da}.topbar-signin-btn:hover{background:#32383e}.layout.light .topbar-signin-btn:hover{background:#0860ca}.topbar-upgrade-btn{display:flex;align-items:center;gap:5px;background:linear-gradient(135deg,#1a3a5c,#0f2030);color:#58a6ff;border:1px solid #58a6ff;border-radius:7px;padding:5px 12px;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .15s,box-shadow .15s;letter-spacing:.02em}.topbar-upgrade-btn:hover{background:linear-gradient(135deg,#1f4570,#122436);box-shadow:0 0 8px #58a6ff4d}.layout.light .topbar-upgrade-btn{background:#dbeeff;color:#0969da;border-color:#0969da}.layout.light .topbar-upgrade-btn:hover{background:#c8e3ff;box-shadow:none}.user-chip-premium{background:#58a6ff;color:#0a0d13;font-size:9px;font-weight:800;padding:1px 5px;border-radius:4px;letter-spacing:.06em;margin-left:2px}.layout.light .user-chip-premium{background:#0969da;color:#fff}.checkout-notice{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;z-index:2000;box-shadow:0 4px 20px #0006;white-space:nowrap}.checkout-notice-success{background:#1a4731;color:#3fb950;border:1px solid #3fb950}.checkout-notice-cancel{background:#2d1a1a;color:#f85149;border:1px solid #f85149}.locked-gate-btn-upgrade{background:linear-gradient(135deg,#1a3a5c,#0f2030);color:#58a6ff;border:1px solid #58a6ff!important}.locked-gate-btn-upgrade:hover{background:linear-gradient(135deg,#1f4570,#122436)!important;box-shadow:0 0 12px #58a6ff4d}.layout.light .locked-gate-btn-upgrade{background:#dbeeff;color:#0969da;border-color:#0969da!important}.problem-item.locked{opacity:.55;cursor:pointer}.problem-item.locked:hover{opacity:.85;background:var(--bg-hover)}.problem-item.locked .problem-check{font-size:.65rem}.locked-gate{flex:1;display:flex;align-items:center;justify-content:center}.locked-gate-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:380px;padding:48px 32px}.locked-gate-icon{font-size:2.5rem}.locked-gate-title{font-size:1.2rem;font-weight:700;color:var(--text-heading)}.locked-gate-body{font-size:.9rem;line-height:1.7;color:var(--text-secondary)}.locked-gate-btn{display:flex;align-items:center;gap:8px;background:#24292f;color:#fff;border:none;border-radius:8px;padding:11px 22px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s;margin-top:4px}.locked-gate-btn:hover{background:#32383e}.locked-gate-free-note{font-size:.8rem;color:var(--text-muted);line-height:1.6}.locked-gate-free-note strong{color:var(--text-secondary)}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px;gap:12px;text-align:center}.eb-title{font-size:1rem;font-weight:600;color:var(--text-heading)}.eb-message{font-size:.8rem;color:var(--text-secondary);white-space:pre-wrap;font-family:monospace;max-width:400px}.eb-retry{background:var(--accent-btn);color:#fff;border:none;border-radius:6px;padding:7px 16px;font-size:.875rem;cursor:pointer}.login-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:#f6f8fa;position:relative;font-family:Segoe UI,system-ui,sans-serif}.login-card{background:#ffffff;border:1px solid #d0d7de;border-radius:14px;padding:40px 48px;width:380px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 24px #00000014,0 1px 4px #0000000d}.login-logo{display:flex;justify-content:center}.login-sub{color:#57606a;font-size:.875rem;text-align:center;margin-bottom:8px}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{background:#f6f8fa;border:1px solid #d0d7de;border-radius:7px;color:#24292f;padding:10px 14px;font-size:1rem;outline:none;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:#0969da;box-shadow:0 0 0 3px #0969da1f;background:#fff}.login-btn{background:#0969da;color:#fff;border:none;border-radius:7px;padding:11px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s;box-shadow:0 1px 3px #0969da4d}.login-btn:hover:not(:disabled){background:#0860ca}.login-btn:disabled{background:#8c959f;color:#fff;cursor:not-allowed;opacity:.6}.login-back{position:absolute;top:20px;left:24px;background:none;border:none;color:#57606a;font-size:.875rem;cursor:pointer;padding:4px 8px;border-radius:5px;transition:color .1s,background .1s}.login-back:hover{color:#0969da;background:#f3f8ff}.login-github-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#24292f;color:#fff;border:none;border-radius:8px;padding:11px 16px;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s}.login-github-btn:hover{background:#32383e}.login-github-icon{width:20px;height:20px;flex-shrink:0}.login-password-toggle{background:none;border:none;color:#8c959f;font-size:.8rem;cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:2px;align-self:center}.login-password-toggle:hover{color:#57606a}.login-divider{display:flex;align-items:center;gap:10px;color:#8c959f;font-size:.78rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#d0d7de}.login-password-section{display:flex;flex-direction:column;gap:10px}.user-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.login-tabs{display:flex;border:1px solid #d0d7de;border-radius:8px;overflow:hidden;margin-bottom:4px}.login-tab{flex:1;background:none;border:none;padding:8px;font-size:.875rem;font-weight:500;color:#57606a;cursor:pointer;transition:background .1s,color .1s}.login-tab:hover{background:#f6f8fa}.login-tab.active{background:#0969da;color:#fff}.login-error{font-size:.82rem;color:#cf222e;background:#ffebe9;border:1px solid #ffcecb;border-radius:6px;padding:7px 10px;margin:0}@media (max-width: 860px){.topbar{padding:0 12px;gap:8px}.topbar-nav{display:none}.logo{height:26px}.topbar-right{gap:6px}.theme-toggle{padding:4px 8px}.logout-btn{display:none}.topbar-signin-btn{padding:5px 10px;font-size:.75rem}.user-chip{font-size:.75rem}.user-avatar{width:20px;height:20px}.solve-count{display:none}.workspace{flex-direction:column;overflow-y:auto;overflow-x:hidden;height:auto;min-height:0;flex:1}.sidebar.card{width:100%!important;height:auto!important;flex-shrink:0;border-right:none;border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden}.problem-list{display:flex;flex-direction:row;gap:0;padding:6px 8px;white-space:nowrap;overflow-x:auto}.problem-item{flex-shrink:0;border-radius:6px;border:1px solid transparent;padding:5px 10px;margin-right:4px;font-size:.78rem}.problem-item.active{border-color:var(--accent-btn);background:var(--bg-active)}.problem-check{display:none}.badge{font-size:.6rem;padding:1px 5px}.resize-handle.rh-h{display:none}.main{flex-direction:column;width:100%!important;overflow:visible}.problem-pane.card{width:100%!important;height:auto!important;flex-shrink:0;max-height:45vh;border-bottom:1px solid var(--border)}.right-col{width:100%!important;flex-direction:column;height:auto}.editor-pane.card{height:260px!important;flex-shrink:0}.resize-handle.rh-v{display:none}.results-card.card{min-height:160px;flex:1}.lb-wrapper{padding:16px}.locked-gate.card{padding:24px 16px}}@media (max-width: 480px){.topbar{height:44px}.problem-pane.card{max-height:40vh}.editor-pane.card{height:220px!important}.lp-h1{font-size:2rem}}.app-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 24px;font-size:.75rem;border-top:1px solid var(--border, #30363d);color:var(--text-muted, #7d8590);flex-shrink:0}.app-footer a{color:inherit;text-decoration:none}.app-footer a:hover{text-decoration:underline}.layout.light .app-footer{border-color:#d0d7de;color:#57606a}.lp-root{min-height:100vh;background:#ffffff;color:#24292f;font-family:Segoe UI,system-ui,sans-serif;overflow-y:auto;overflow-x:hidden}.lp-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 48px;border-bottom:1px solid #d0d7de;position:sticky;top:0;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.lp-logo{display:block;height:44px;width:auto}.lp-nav-cta{background:none;border:1px solid #d0d7de;color:#24292f;padding:7px 16px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:border-color .15s,background .15s;font-weight:500}.lp-nav-cta:hover{border-color:#0969da;background:#f3f8ff;color:#0969da}.lp-hero{display:flex;align-items:flex-start;gap:48px;padding:80px 48px 72px;max-width:1160px;margin:0 auto}.lp-hero-inner{flex:1;min-width:0}.lp-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#0969da;margin-bottom:16px}.lp-h1{font-size:3.2rem;font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;color:#1f2328}.lp-accent{background:linear-gradient(90deg,#0969da,#0550ae);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-sub{font-size:1.05rem;line-height:1.7;color:#57606a;max-width:460px;margin-bottom:32px}.lp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.lp-cta-primary{background:#0969da;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;box-shadow:0 1px 3px #0969da4d}.lp-cta-primary:hover{background:#0860ca;transform:translateY(-1px)}.lp-cta-primary.lp-cta-large{padding:14px 32px;font-size:1.05rem}.lp-hero-note{font-size:.8rem;color:#8c959f}.lp-anxiety{font-size:.9rem;line-height:1.7;color:#57606a;border-left:3px solid #0969da;padding-left:14px;margin-bottom:20px;max-width:460px}.lp-hero-right{flex-shrink:0;width:480px;display:flex;flex-direction:column;gap:10px}.lp-carousel-tabs{display:flex;gap:4px}.lp-carousel-tab{position:relative;flex:1;padding:6px 10px;font-size:.78rem;font-weight:600;color:#57606a;background:#f3f4f6;border:1px solid #d0d7de;border-radius:7px;cursor:pointer;overflow:hidden;transition:color .15s,background .15s}.lp-carousel-tab.active{color:#0969da;background:#ddf4ff;border-color:#54aeff}.lp-carousel-tab-progress{position:absolute;bottom:0;left:0;height:2px;background:#0969da;border-radius:0 0 7px 7px;animation:lp-tab-progress linear forwards;width:100%;transform-origin:left}@keyframes lp-tab-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lp-carousel-slide{display:grid}.lp-carousel-slide>div{grid-area:1 / 1;transition:opacity .2s ease}.lp-hero-preview{width:100%;background:#f6f8fa;border:1px solid #d0d7de;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f}.lp-preview-bar{display:flex;align-items:center;gap:8px;padding:0 14px;height:40px;background:#ffffff;border-bottom:1px solid #d0d7de}.lp-editor-lang-tag{font-size:.75rem;font-weight:600;color:#57606a;background:#f3f4f6;border:1px solid #d0d7de;border-radius:5px;padding:2px 9px;letter-spacing:.3px;font-family:JetBrains Mono,monospace}.lp-editor-reset-btn{margin-left:auto;font-size:.75rem;color:#57606a;background:#f3f4f6;border:1px solid #d0d7de;border-radius:5px;padding:2px 9px;font-family:inherit}.lp-preview-code-wrap{display:flex;overflow:hidden}.lp-preview-gutter{display:flex;flex-direction:column;padding:16px 0;min-width:40px;text-align:right;background:#f6f8fa;border-right:1px solid #eaeef2;-webkit-user-select:none;user-select:none}.lp-preview-ln{font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;line-height:1.7;color:#adb5c0;padding:0 10px}.lp-preview-code{padding:16px 18px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;line-height:1.7;color:#24292f;margin:0;white-space:pre;background:#f6f8fa;flex:1}.lp-preview-results{padding:10px 12px 12px;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex;flex-direction:column;gap:2px;background:#ffffff}.lp-res{padding:1px 0}.lp-res.pass{color:#1a7f37}.lp-res.info{color:#57606a}.lp-hero-outputs{display:flex;flex-direction:column;gap:8px}.lp-output-card{background:#ffffff;border:1px solid #d0d7de;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000012}.lp-surfer-container{height:300px;border-top:1px solid #d0d7de}.lp-surfer-iframe{width:100%;height:100%;border:none;display:block}.lp-output-card-hdr{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:#f6f8fa;border-bottom:1px solid #d0d7de;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#57606a}.lp-output-badge-pass{font-size:.72rem;font-weight:600;color:#1a7f37;text-transform:none;letter-spacing:0}.lp-output-badge-module{font-size:.72rem;font-weight:600;color:#0550ae;font-family:Courier New,monospace;text-transform:none;letter-spacing:0}.lp-synth-light{--bg-surface: #ffffff;--bg-hover: #f3f4f6;--border: #d0d7de;--border-muted: #d0d7de;--text-primary: #24292f;--text-secondary: #57606a;--text-heading: #1f2328;--accent-btn: #0969da}.lp-comparison{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px;padding:16px;background:#f6f8fa;border:1px solid #d0d7de;border-radius:10px}.lp-comparison-col{flex:1;display:flex;flex-direction:column;gap:5px}.lp-comparison-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8c959f;margin-bottom:4px}.lp-comparison-ours{color:#0969da}.lp-comparison-vs{flex-shrink:0;font-size:.75rem;font-weight:700;color:#8c959f;padding-top:22px}.lp-comparison-item{font-size:.8rem;display:flex;align-items:center;gap:6px;color:#57606a}.lp-comparison-item:before{content:"✓";font-size:.7rem;font-weight:700;flex-shrink:0}.lp-ci-grey{color:#8c959f}.lp-ci-grey:before{color:#8c959f}.lp-ci-green{color:#24292f}.lp-ci-green:before{color:#1a7f37}.lp-ci-new{font-weight:600;color:#1f2328}.lp-ci-new:after{content:"NEW";font-size:.58rem;font-weight:700;background:#dbeafe;color:#0969da;border-radius:3px;padding:1px 4px;letter-spacing:.04em;margin-left:4px}.hl-keyword{color:#cf222e}.hl-number{color:#0550ae}.hl-comment{color:#6e7781;font-style:italic}.hl-ident{color:#8250df}.lp-section{padding:72px 48px;max-width:1100px;margin:0 auto}.lp-section-alt{max-width:100%;background:#f6f8fa;border-top:1px solid #d0d7de;border-bottom:1px solid #d0d7de;padding:72px 48px}.lp-section-alt>*{max-width:1004px;margin-left:auto;margin-right:auto}.lp-section-title{font-size:1.9rem;font-weight:700;letter-spacing:-.5px;color:#1f2328;margin-bottom:12px;text-align:center}.lp-section-sub{font-size:1rem;color:#57606a;text-align:center;margin-bottom:40px}.lp-features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 900px){.lp-features{grid-template-columns:repeat(2,1fr)}}.lp-feature-card{background:#ffffff;border:1px solid #d0d7de;border-radius:10px;padding:24px 20px;transition:border-color .15s,transform .15s,box-shadow .15s}.lp-feature-card:hover{border-color:#0969da;transform:translateY(-2px);box-shadow:0 4px 16px #0969da1a}.lp-feature-icon{font-size:1.4rem;display:block;margin-bottom:12px}.lp-feature-title{font-size:.95rem;font-weight:600;color:#1f2328;margin-bottom:8px}.lp-feature-desc{font-size:.85rem;line-height:1.6;color:#57606a}.lp-curriculum-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.lp-curriculum-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.lp-curriculum-grid{grid-template-columns:1fr}}.lp-module-card{background:#ffffff;border:1px solid #d0d7de;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:10px}.lp-module-header{display:flex;align-items:center;gap:8px}.lp-module-icon{font-size:1rem;color:#0969da;flex-shrink:0;width:22px;text-align:center;font-style:normal}.lp-module-label{font-size:.88rem;font-weight:700;color:#1f2328}.lp-module-desc{font-size:.75rem;color:#57606a;line-height:1.5;font-family:JetBrains Mono,Fira Code,monospace;border-left:2px solid #d0d7de;padding-left:8px;margin:0}.lp-module-problems{list-style:none;padding:10px 0 0;margin:0;display:flex;flex-direction:column;gap:5px;border-top:1px solid #f0f2f5}.lp-module-problem{display:flex;align-items:center;justify-content:space-between;gap:8px}.lp-module-problem-title{font-size:.82rem;color:#24292f}.lp-diff{font-size:.65rem;font-weight:600;padding:2px 7px;border-radius:10px;flex-shrink:0}.lp-easy{background:#dafbe1;color:#1a7f37;border:1px solid #aceebb}.lp-medium{background:#fff8c5;color:#9a6700;border:1px solid #f0d13c}.lp-hard{background:#ffebe9;color:#cf222e;border:1px solid #ffcecb}.lp-waveform-callout{display:flex;align-items:center;gap:64px;background:#f6f8fa;border:1px solid #d0d7de;border-radius:14px;padding:48px}.lp-waveform-text{flex:1}.lp-waveform-title{font-size:1.6rem;font-weight:700;letter-spacing:-.5px;color:#1f2328;margin-bottom:14px}.lp-waveform-desc{font-size:.95rem;line-height:1.7;color:#57606a;margin-bottom:24px}.lp-waveform-desc em{color:#1f2328;font-style:normal;font-weight:500}.lp-cta-secondary{background:none;border:1px solid #0969da;color:#0969da;padding:9px 20px;border-radius:7px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.lp-cta-secondary:hover{background:#f3f8ff}.lp-waveform-demo{flex-shrink:0;background:#ffffff;border:1px solid #d0d7de;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.lp-waveform-demo-surfer{width:420px;height:300px}.lp-waveform-demo-surfer .lp-surfer-container{height:100%;border-top:none}.lp-synth-callout{display:flex;align-items:center;gap:64px;background:#f6f8fa;border:1px solid #d0d7de;border-radius:14px;padding:48px}.lp-synth-text{flex:1}.lp-app-dark{--bg-surface: #161b22;--bg-hover: #1c2128;--bg-active: #1c2d3f;--border: #1c2128;--border-muted: #30363d;--text-primary: #e1e4e8;--text-secondary: #8b949e;--text-muted: #484f58;--text-heading: #f0f6fc;--accent-btn: #1f6feb;--code-bg: #0d1117}.lp-app-panel{flex-shrink:0;width:320px;border-radius:10px;border:1px solid #30363d;background:#161b22;overflow:hidden;box-shadow:0 4px 24px #00000059}.lp-app-panel-header{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:#0d1117;border-bottom:1px solid #30363d}.lp-app-panel-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8b949e}.lp-app-panel-badge{font-size:.75rem;font-weight:600;color:#3fb950}.lp-app-panel-body{overflow-y:auto;max-height:380px}@media (max-width: 900px){.lp-synth-callout{flex-direction:column;padding:32px 24px;gap:32px}.lp-app-panel{width:100%}}.lp-synth-fullpanel{flex-shrink:0;width:320px;background:#ffffff;border:1px solid #d0d7de;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #00000014}.lp-synth-fullpanel-hdr{padding:9px 14px;background:#f6f8fa;border-bottom:1px solid #d0d7de}.lp-synth-fullpanel-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#57606a}.lp-synth-fullpanel-title code{text-transform:none;font-size:.78rem;color:#0550ae;letter-spacing:0}.lp-pricing-single{max-width:440px;margin:0 auto}.lp-plan{background:#ffffff;border:1px solid #d0d7de;border-radius:14px;padding:28px 28px 24px;display:flex;flex-direction:column;gap:20px;position:relative}.lp-plan-pro{border-color:#0969da;box-shadow:0 0 0 1px #0969da,0 4px 24px #0969da1f}.lp-plan-header{display:flex;flex-direction:column;gap:6px}.lp-plan-name{font-size:1rem;font-weight:700;color:#1f2328;text-transform:uppercase;letter-spacing:.05em}.lp-plan-price{display:flex;align-items:baseline;gap:4px}.lp-plan-amount{font-size:2.6rem;font-weight:800;color:#1f2328;letter-spacing:-1.5px;line-height:1}.lp-plan-period{font-size:.9rem;color:#57606a}.lp-plan-tagline{font-size:.82rem;color:#57606a;margin:0;line-height:1.4}.lp-plan-features{list-style:none;padding:16px 0 0;margin:0;display:flex;flex-direction:column;gap:8px;flex:1;border-top:1px solid #f0f2f5}.lp-pf{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;line-height:1.4}.lp-pf:before{flex-shrink:0;font-size:.75rem;font-weight:700;margin-top:1px}.lp-pf-yes{color:#24292f}.lp-pf-yes:before{content:"✓";color:#1a7f37}.lp-pf-no{color:#8c959f}.lp-pf-no:before{content:"–";color:#c8d0d8}.lp-plan-cta{width:100%;padding:11px 0;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;border:none;margin-top:auto}.lp-plan-cta-free{background:#f6f8fa;color:#24292f;border:1px solid #d0d7de}.lp-plan-cta-free:hover{background:#eaeef2}.lp-plan-cta-pro{background:#0969da;color:#fff;box-shadow:0 1px 3px #0969da4d}.lp-plan-cta-pro:hover{background:#0860ca;transform:translateY(-1px)}.lp-plan-free-note{text-align:center;font-size:.82rem;color:#57606a;margin:0}.lp-plan-free-link{background:none;border:none;padding:0;color:#0969da;font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.lp-plan-free-link:hover{color:#0550ae}.lp-cta-section{text-align:center}.lp-cta-title{font-size:2.2rem;font-weight:800;letter-spacing:-1px;color:#1f2328;margin-bottom:12px}.lp-cta-sub{font-size:1rem;color:#57606a;margin-bottom:28px}.lp-guest-link{background:none;border:none;color:#57606a;font-size:.875rem;cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:2px;display:block;margin-top:8px}.lp-guest-link:hover{color:#0969da}.lp-footer{border-top:1px solid #d0d7de;padding:24px 48px;text-align:center;font-size:.8rem;color:#8c959f;background:#f6f8fa;display:flex;flex-direction:column;align-items:center;gap:10px}.lp-footer-links{display:flex;align-items:center;gap:10px}.lp-footer-links a{color:#57606a;text-decoration:none}.lp-footer-links a:hover{text-decoration:underline}@media (max-width: 800px){.lp-hero{flex-direction:column;padding:48px 24px}.lp-hero-right,.lp-hero-preview{width:100%}.lp-h1{font-size:2.4rem}.lp-waveform-callout{flex-direction:column;padding:32px 24px;gap:32px}.lp-section,.lp-section-alt{padding:48px 24px}.lp-nav{padding:14px 24px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:#0f1117;color:#e1e4e8}#root{height:100vh}