@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fafaf7;--bg-white: #ffffff;--bg-sidebar: #111111;--bg-editor: #1a1a1a;--bg-card: #f4f4f0;--bg-hover: #efefeb;--border: #e5e5e0;--border-dark: #2a2a2a;--text: #0f0f0f;--text2: #555555;--text3: #999999;--text-inv: #f0f0f0;--text-inv2: #888888;--accent: #0f7aff;--accent-bg: #eff6ff;--accent-mid: #bfdbfe;--green: #16a34a;--green-bg: #f0fdf4;--red: #dc2626;--red-bg: #fef2f2;--orange: #d97706;--orange-bg: #fffbeb;--font: "Inter", -apple-system, sans-serif;--mono: "JetBrains Mono", monospace;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font)}input{font-family:var(--font)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::selection{background:var(--accent-mid);color:var(--accent)}.landing{min-height:100vh;background:var(--bg);font-family:var(--font)}.land-nav{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:56px;background:var(--bg-white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.land-logo{font-size:1.1rem;font-weight:700;color:var(--text);letter-spacing:-.03em}.land-nav-right{display:flex;align-items:center;gap:.75rem}.land-beta-tag{font-size:.62rem;font-weight:700;background:#fffbeb;color:#92400e;border:1px solid #fcd34d;padding:2px 8px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase}.land-cta-btn{background:var(--text);color:#fff;border:none;padding:.45rem 1rem;border-radius:var(--radius);font-size:.82rem;font-weight:500;font-family:var(--font);cursor:pointer;transition:opacity .15s}.land-cta-btn:hover{opacity:.8}.land-hero{padding:5rem 2rem 4rem;text-align:center;background:var(--bg)}.land-hero-inner{max-width:680px;margin:0 auto}.land-beta-banner{display:inline-block;background:#fffbeb;border:1px solid #fcd34d;border-radius:20px;padding:.4rem 1rem;font-size:.78rem;color:#92400e;font-weight:500;margin-bottom:2rem}.land-h1{font-size:3.5rem;font-weight:700;line-height:1.1;letter-spacing:-.04em;color:var(--text);margin-bottom:1.25rem}.land-h1-accent{color:var(--accent)}.land-hero-sub{font-size:1.05rem;color:var(--text2);line-height:1.75;margin-bottom:2.5rem;max-width:560px;margin-left:auto;margin-right:auto}.land-hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.land-primary-btn{background:var(--text);color:#fff;border:none;padding:.85rem 2rem;border-radius:var(--radius);font-size:.95rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:opacity .15s;letter-spacing:-.01em}.land-primary-btn:hover{opacity:.85}.land-hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem;padding-top:2rem;border-top:1px solid var(--border);flex-wrap:wrap}.land-stat{text-align:center}.land-stat-val{font-size:1.4rem;font-weight:700;color:var(--text);letter-spacing:-.03em;display:block;margin-bottom:2px}.land-stat-label{font-size:.68rem;color:var(--text3);letter-spacing:.05em;text-transform:uppercase}.land-stat-div{width:1px;height:30px;background:var(--border)}.land-how{max-width:900px;margin:0 auto;padding:5rem 2rem;text-align:center;border-top:1px solid var(--border)}.land-section-tag{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:.75rem}.land-section-title{font-size:2rem;font-weight:700;color:var(--text);letter-spacing:-.03em;margin-bottom:3rem}.land-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.land-how-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;text-align:left;box-shadow:var(--shadow-sm)}.land-how-num{font-size:2rem;font-weight:700;color:var(--accent);opacity:.25;letter-spacing:-.04em;margin-bottom:1rem}.land-how-title{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.land-how-desc{font-size:.82rem;color:var(--text2);line-height:1.65}.land-features{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:5rem 2rem;text-align:center}.land-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:900px;margin:0 auto}.land-feat-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;text-align:left;box-shadow:var(--shadow-sm);transition:all .15s}.land-feat-card:hover{border-color:var(--text3);transform:translateY(-2px);box-shadow:var(--shadow-md)}.land-feat-icon{font-size:1.25rem;color:var(--accent);margin-bottom:.85rem}.land-feat-title{font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:.4rem}.land-feat-desc{font-size:.78rem;color:var(--text2);line-height:1.65}.land-cta{max-width:640px;margin:0 auto;padding:6rem 2rem;text-align:center}.land-cta-title{font-size:2.2rem;font-weight:700;color:var(--text);letter-spacing:-.04em;margin-bottom:.75rem}.land-cta-sub{font-size:1rem;color:var(--text2);margin-bottom:2rem;line-height:1.7}.land-footer{border-top:1px solid var(--border);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;background:var(--bg-white)}.land-footer-left{display:flex;align-items:center;gap:.5rem}.land-footer-logo{font-size:.88rem;font-weight:700;color:var(--text)}.land-footer-beta{font-size:.62rem;font-weight:700;background:#fffbeb;color:#92400e;border:1px solid #fcd34d;padding:1px 6px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase}.land-footer-center{font-size:.78rem;color:var(--text3)}.land-footer-right a{font-size:.78rem;color:var(--text3);text-decoration:none;transition:color .15s}.land-footer-right a:hover{color:var(--text)}@media (max-width: 640px){.land-h1{font-size:2.4rem}.land-how-grid,.land-feat-grid{grid-template-columns:1fr}.land-hero-stats{gap:1rem}.land-footer{flex-direction:column;gap:.5rem;text-align:center}}.home{min-height:100vh;background:var(--bg)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:56px;background:var(--bg-white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-right{display:flex;align-items:center;gap:.75rem}.level-badge{font-size:.72rem;padding:.25rem .75rem;background:var(--bg-card);color:var(--text2);border:1px solid var(--border);border-radius:20px;font-weight:500}.login-btn{background:var(--text);color:#fff;border:none;padding:.45rem 1rem;border-radius:var(--radius);font-size:.82rem;font-weight:500;transition:opacity .15s;cursor:pointer}.login-btn:hover{opacity:.8}.beta-banner{background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius);padding:.6rem 1rem;font-size:.78rem;color:#92400e;font-weight:500;margin-bottom:2rem;text-align:center}.hero{max-width:640px;margin:0 auto;padding:4rem 2rem 3rem;text-align:center}.hero-label{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:1.5rem}.hero h1{font-size:3rem;font-weight:700;line-height:1.1;letter-spacing:-.04em;color:var(--text);margin-bottom:1rem}.hero-sub{font-size:1rem;color:var(--text2);margin-bottom:2.5rem;line-height:1.7;font-weight:400}.search-wrap{width:100%;max-width:420px;margin:0 auto 3rem}.search-bar{display:flex;align-items:center;gap:.6rem;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem 1rem;transition:border-color .15s;box-shadow:var(--shadow-sm)}.search-bar:focus-within{border-color:var(--accent)}.search-icon{color:var(--text3);font-size:.9rem}.search-bar input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:.9rem;font-family:var(--font)}.search-bar input::placeholder{color:var(--text3)}.section-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);text-align:left;margin-bottom:.85rem}.concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem}.concept-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;text-align:left;cursor:pointer;transition:all .15s;box-shadow:var(--shadow-sm)}.concept-card:hover{border-color:var(--text3);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:.85rem;background:var(--bg-card);color:var(--card-color, var(--text2))}.card-label{font-size:.88rem;font-weight:600;color:var(--text);margin-bottom:.25rem;letter-spacing:-.02em}.card-sub{font-size:.72rem;color:var(--text3);line-height:1.4;margin-bottom:.85rem}.card-arrow{font-size:.8rem;color:var(--text3);transition:transform .15s}.concept-card:hover .card-arrow{transform:translate(3px);color:var(--text2)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.hstat-val{font-size:1.4rem;font-weight:700;color:var(--text);letter-spacing:-.03em;display:block;margin-bottom:2px}.hstat-label{font-size:.68rem;color:var(--text3);letter-spacing:.05em;text-transform:uppercase}.hstat-div{width:1px;height:30px;background:var(--border)}.how-section{max-width:900px;margin:0 auto;padding:5rem 2rem;text-align:center;border-top:1px solid var(--border)}.how-label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:1rem}.how-title{font-size:2rem;font-weight:700;color:var(--text);letter-spacing:-.03em;margin-bottom:3rem}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.how-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;text-align:left;box-shadow:var(--shadow-sm)}.how-step{font-size:2rem;font-weight:700;color:var(--accent);letter-spacing:-.04em;margin-bottom:1rem;opacity:.3}.how-card-title{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.5rem;letter-spacing:-.02em}.how-card-desc{font-size:.82rem;color:var(--text2);line-height:1.65}.features-section{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:5rem 2rem;text-align:center}.feat-label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:1rem}.feat-title{font-size:2rem;font-weight:700;color:var(--text);letter-spacing:-.03em;margin-bottom:3rem}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:900px;margin:0 auto}.feat-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;text-align:left;box-shadow:var(--shadow-sm);transition:all .15s}.feat-card:hover{border-color:var(--text3);transform:translateY(-2px);box-shadow:var(--shadow-md)}.feat-icon{font-size:1.25rem;color:var(--accent);margin-bottom:.85rem}.feat-card-title{font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:.4rem;letter-spacing:-.02em}.feat-card-desc{font-size:.78rem;color:var(--text2);line-height:1.65}.cta-section{max-width:640px;margin:0 auto;padding:6rem 2rem;text-align:center}.cta-title{font-size:2.2rem;font-weight:700;color:var(--text);letter-spacing:-.04em;margin-bottom:.75rem}.cta-sub{font-size:1rem;color:var(--text2);margin-bottom:2rem;line-height:1.7}.cta-btn{background:var(--text);color:#fff;border:none;padding:.85rem 2.5rem;border-radius:var(--radius);font-size:.95rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:opacity .15s;letter-spacing:-.01em}.cta-btn:hover{opacity:.85}.footer{border-top:1px solid var(--border);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;background:var(--bg-white)}.footer-left{display:flex;align-items:center;gap:.5rem}.footer-logo{font-size:.88rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.footer-beta{font-size:.62rem;font-weight:700;background:#fffbeb;color:#92400e;border:1px solid #fcd34d;padding:1px 6px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase}.footer-center{font-size:.78rem;color:var(--text3)}.footer-right a{font-size:.78rem;color:var(--text3);text-decoration:none;transition:color .15s}.footer-right a:hover{color:var(--text)}@media (max-width: 640px){.hero h1{font-size:2.2rem}.how-grid,.feat-grid{grid-template-columns:1fr}.hero-stats{gap:1rem}.footer{flex-direction:column;gap:.5rem;text-align:center}}.quiz-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.q-nav{padding:0 2rem;height:56px;display:flex;align-items:center;background:var(--bg-white);border-bottom:1px solid var(--border)}.logo{font-size:1.1rem;font-weight:700;color:var(--text);letter-spacing:-.03em}.quiz-container{max-width:520px;margin:0 auto;padding:5rem 2rem;width:100%;flex:1}.progress-bar{background:var(--border);border-radius:99px;height:3px;margin-bottom:3rem;overflow:hidden}.progress-fill{background:var(--text);height:100%;border-radius:99px;transition:width .4s ease}.q-count{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:1.5rem}.q-text{font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:2rem;line-height:1.3;letter-spacing:-.03em}.q-options{display:flex;flex-direction:column;gap:.5rem}.q-option{background:var(--bg-white);border:1px solid var(--border);color:var(--text2);padding:.9rem 1.1rem;border-radius:var(--radius);font-size:.9rem;text-align:left;transition:all .15s;font-family:var(--font);font-weight:400;box-shadow:var(--shadow-sm)}.q-option:hover{border-color:var(--text);color:var(--text);background:var(--bg-card)}.quiz-result{max-width:480px;margin:8rem auto;text-align:center;padding:2rem}.result-emoji{font-size:3.5rem;margin-bottom:1.25rem}.quiz-result h1{font-size:2.2rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.03em;color:var(--text)}.level-highlight{color:var(--accent)}.quiz-result p{color:var(--text2);font-size:.95rem;line-height:1.7;margin-bottom:2rem}.start-btn{background:var(--text);color:#fff;border:none;padding:.8rem 2.5rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;transition:opacity .15s;font-family:var(--font)}.start-btn:hover{opacity:.8}.diagram-wrap{background:var(--bg2);border:.5px solid var(--border2);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem}.diagram-title{font-size:.72rem;font-weight:500;color:var(--text3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.diagram-msg{font-size:.8rem;color:var(--text2);margin:.85rem 0;min-height:1.2rem;font-style:italic}.diagram-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.diag-input{background:var(--bg4);border:.5px solid var(--border2);border-radius:8px;padding:.4rem .75rem;font-size:.85rem;color:var(--text);width:90px;outline:none;font-family:var(--mono)}.diag-input:focus{border-color:var(--gold)}.diag-btn{padding:.4rem .85rem;border-radius:980px;font-size:.78rem;font-weight:500;border:.5px solid;transition:all .15s;font-family:var(--font);letter-spacing:-.01em}.diag-btn:disabled{opacity:.4;cursor:not-allowed}.diag-green{background:var(--green-bg);color:var(--green);border-color:#a8d5b5}.diag-green:hover:not(:disabled){background:#d1fae5}.diag-red{background:var(--red-bg);color:var(--red);border-color:#f5b7b1}.diag-red:hover:not(:disabled){background:#fde8e6}.diag-blue{background:var(--blue-bg);color:var(--blue);border-color:#93c5fd}.diag-blue:hover:not(:disabled){background:#dbeafe}.diag-gray{background:var(--bg3);color:var(--text2);border-color:var(--border2)}.diag-gray:hover:not(:disabled){background:var(--bg2)}.empty-label{font-size:.85rem;color:var(--text3);padding:1rem}.array-boxes{display:flex;gap:6px;flex-wrap:wrap;min-height:72px;align-items:flex-end;margin-bottom:.5rem}.array-box{display:flex;flex-direction:column;align-items:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.array-val{width:48px;height:48px;background:var(--bg4);border:1.5px solid var(--border2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:1rem;font-weight:500;color:var(--text);transition:all .3s}.array-idx{font-size:.65rem;color:var(--text3);font-family:var(--mono);margin-top:4px}.array-box.highlighted .array-val{background:var(--gold-bg);border-color:var(--gold);color:var(--gold);transform:scale(1.1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.array-box.slide-in{animation:slideIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.array-box.slide-out{animation:slideOut .4s ease forwards}.bs-legend{display:flex;gap:1rem;margin-bottom:.85rem;font-size:.72rem;color:var(--text2)}.bs-leg-item{display:flex;align-items:center;gap:5px}.bs-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.bs-dot.bs-left{background:var(--blue)}.bs-dot.bs-mid{background:var(--gold)}.bs-dot.bs-right{background:#7d3c98}.bs-dot.bs-found{background:var(--green)}.bs-boxes{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:.5rem}.bs-box{display:flex;flex-direction:column;align-items:center;position:relative;transition:all .35s}.bs-val{width:42px;height:42px;background:var(--bg4);border:1.5px solid var(--border2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.9rem;font-weight:500;color:var(--text);transition:all .35s}.bs-idx{font-size:.6rem;color:var(--text3);font-family:var(--mono);margin-top:3px}.bs-box.bs-eliminated .bs-val{background:var(--bg3);color:var(--text3);border-color:var(--border);opacity:.4}.bs-box.bs-is-mid .bs-val{background:var(--gold-bg);border-color:var(--gold);color:var(--gold);transform:scale(1.15)}.bs-box.bs-is-found .bs-val{background:var(--green-bg);border-color:var(--green);color:var(--green);transform:scale(1.2)}.bs-box.bs-is-left .bs-val{border-color:var(--blue)}.bs-box.bs-is-right .bs-val{border-color:#7d3c98}.bs-pointer{position:absolute;top:-18px;font-size:.6rem;font-weight:700;padding:1px 4px;border-radius:4px;font-family:var(--mono)}.bs-pointer-left{background:var(--blue-bg);color:var(--blue)}.bs-pointer-mid{background:var(--gold-bg);color:var(--gold)}.bs-pointer-right{background:#f5eef8;color:#7d3c98}.bs-step-info{font-size:.72rem;color:var(--text3);margin-top:.5rem;font-family:var(--mono)}.stack-container{display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem}.stack-top-label,.stack-bottom-label{font-size:.68rem;color:var(--text3);font-family:var(--mono);margin:4px 0;letter-spacing:.05em}.stack-boxes{display:flex;flex-direction:column;gap:3px;min-height:80px;align-items:center}.stack-box{width:120px;height:44px;background:var(--bg4);border:1.5px solid var(--border2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:1rem;font-weight:500;color:var(--text);position:relative;transition:all .3s}.stack-box.stack-top{background:var(--gold-bg);border-color:var(--gold);color:var(--gold)}.stack-top-badge{position:absolute;right:8px;font-size:.55rem;font-weight:600;color:var(--gold);letter-spacing:.08em}.stack-empty{font-size:.85rem;color:var(--text3);padding:1rem}@keyframes stackPush{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes stackPop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px) scale(.8)}}.stack-push-anim{animation:stackPush .4s cubic-bezier(.34,1.56,.64,1) forwards}.stack-pop-anim{animation:stackPop .35s ease forwards}.stack-size-info{font-size:.72rem;color:var(--text3);margin-top:.5rem;font-family:var(--mono)}.ll-container{margin-bottom:.5rem}.ll-head-label{font-size:.65rem;color:var(--blue);font-weight:600;letter-spacing:.06em;margin-bottom:4px}.ll-nodes{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.ll-node-wrap{display:flex;align-items:center;gap:4px}.ll-node{display:flex;border:1.5px solid var(--border2);border-radius:8px;overflow:hidden;background:var(--bg4);transition:all .35s cubic-bezier(.34,1.56,.64,1)}.ll-node.ll-highlighted{border-color:var(--gold);transform:scale(1.08)}.ll-node-data{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.95rem;font-weight:500;color:var(--text);border-right:.5px solid var(--border2)}.ll-node-next{width:36px;height:42px;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:var(--text3);font-family:var(--mono)}.ll-arrow{font-size:1rem;color:var(--text3);font-weight:300}.rec-controls-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.rec-label{font-size:.85rem;color:var(--text2);font-family:var(--mono)}.call-stack{min-height:100px;margin-bottom:.75rem;display:flex;flex-direction:column;gap:3px}.stack-label-top{font-size:.65rem;color:var(--text3);letter-spacing:.06em;margin-bottom:6px}.call-empty{font-size:.82rem;color:var(--text3);padding:.5rem 0}.call-frame{display:flex;align-items:center;gap:.75rem;padding:.5rem .85rem;border-radius:8px;border:.5px solid var(--border);background:var(--bg4);font-family:var(--mono);font-size:.82rem;animation:frameIn .3s ease forwards;transition:all .3s}@keyframes frameIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.frame-call{border-color:var(--border2)}.frame-resolved{background:var(--green-bg);border-color:#a8d5b5}.frame-label{color:var(--text);flex:1}.frame-return-val{color:var(--green);font-weight:500}.frame-base{font-size:.62rem;font-weight:600;color:var(--gold);letter-spacing:.06em;background:var(--gold-bg);padding:2px 6px;border-radius:4px}.rec-result{background:var(--green-bg);border:.5px solid #a8d5b5;border-radius:8px;padding:.6rem 1rem;font-family:var(--mono);font-size:.9rem;color:var(--green);font-weight:500;margin-bottom:.5rem}.learn-root{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:48px;flex-shrink:0;background:var(--bg-sidebar);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden;transition:width .25s ease;z-index:100}.sidebar:hover{width:220px}.sb-top{display:flex;align-items:center;justify-content:center;height:56px;padding:0 .85rem;border-bottom:1px solid var(--border-dark);cursor:pointer;overflow:visible}.sb-logo{font-size:1rem;font-weight:700;color:var(--text-inv);letter-spacing:-.02em;opacity:0;transition:opacity .2s}.sidebar:hover .sb-logo{opacity:1}.sb-nav{flex:1;padding:.75rem .4rem;display:flex;flex-direction:column;gap:2px;overflow:hidden}.sb-link{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:var(--radius);font-size:.82rem;font-weight:500;color:var(--text-inv2);background:transparent;border:none;text-align:left;width:100%;cursor:pointer;transition:all .15s;white-space:nowrap;overflow:hidden}.sb-link:hover{background:#ffffff12;color:var(--text-inv)}.sb-link.active{background:#ffffff1a;color:#fff}.sb-link i{font-size:.95rem;flex-shrink:0}.sb-link span{opacity:0;transition:opacity .2s}.sidebar:hover .sb-link span{opacity:1}.sb-bottom{padding:.5rem .75rem;border-top:1px solid var(--border-dark);white-space:nowrap;overflow:hidden;opacity:0;transition:opacity .2s}.sidebar:hover .sb-bottom{opacity:1}.sb-level-label{font-size:.65rem;color:var(--text-inv2);display:block;margin-bottom:3px;letter-spacing:.06em;text-transform:uppercase}.sb-level-val{font-size:.82rem;color:#fff;font-weight:600}.sb-xp{margin-top:.6rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.sb-xp-label,.sb-xp-val{font-size:.65rem;color:var(--text-inv2)}.sb-xp-bar{height:3px;background:#ffffff1a;border-radius:99px;overflow:hidden}.sb-xp-fill{height:100%;background:#fff;border-radius:99px;transition:width .5s ease}.sb-level-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff26;border-radius:6px;font-size:.65rem;font-weight:700;color:#fff;margin:0 auto}.sidebar:hover .sb-level-icon,.sb-logo-full,.sidebar:hover .sb-logo-small{display:none}.sidebar:hover .sb-logo-full{display:block}.learn-main{flex:1;display:flex;flex-direction:column;min-width:0}.learn-topbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 1.5rem;background:var(--bg-white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.tb-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text3)}.tb-breadcrumb span:last-child{color:var(--text);font-weight:500}.tb-sep{color:var(--text3)}.tb-right{display:flex;align-items:center;gap:.75rem}.streak-badge{display:flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:var(--orange);background:var(--orange-bg);border:1px solid #fcd34d;padding:.28rem .7rem;border-radius:20px}.avatar{width:30px;height:30px;background:var(--text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#fff;font-weight:600}.learn-split{display:flex;flex:1}.learn-left{width:65%;border-right:1px solid var(--border);padding:2rem 2rem 5rem;overflow-y:auto;max-height:calc(100vh - 56px);background:var(--bg)}.learn-right{width:35%;overflow-y:auto;max-height:calc(100vh - 56px);background:var(--bg-white)}.concept-tag{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:.75rem}.concept-h1{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.4rem;letter-spacing:-.03em;line-height:1.1}.concept-tagline{font-size:.9rem;color:var(--text2);margin-bottom:1rem}.c-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem}.ctag{font-size:.7rem;padding:.2rem .6rem;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text2);font-weight:500}.ctag-accent{color:var(--accent);border-color:var(--accent-mid);background:var(--accent-bg)}.section{margin-bottom:2rem}.sh{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:.75rem}.stext{font-size:.9rem;color:var(--text2);line-height:1.8}.usecase-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.usecase-card{display:flex;align-items:center;gap:.65rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;transition:border-color .15s}.usecase-card:hover{border-color:var(--text3)}.usecase-card i{font-size:1rem;color:var(--text3);flex-shrink:0}.uc-title{font-size:.8rem;font-weight:600;color:var(--text)}.uc-desc{font-size:.7rem;color:var(--text3)}.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.cmp-card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--bg-card)}.cmp-card.good{border-color:#86efac;background:var(--green-bg)}.cmp-card.bad{border-color:#fca5a5;background:var(--red-bg)}.cmp-icon{font-size:1rem;margin-bottom:.4rem}.cmp-card.good .cmp-icon{color:var(--green)}.cmp-card.bad .cmp-icon{color:var(--red)}.cmp-name{font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.cmp-desc{font-size:.75rem;color:var(--text2);line-height:1.5;margin-bottom:.5rem}.cmp-badge{font-size:.68rem;padding:2px 6px;border-radius:20px;font-weight:600}.badge-g{background:#dcfce7;color:var(--green)}.badge-r{background:#fee2e2;color:var(--red)}.types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem}.type-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;text-align:center;transition:all .15s}.type-card:hover{border-color:var(--text3);transform:translateY(-1px)}.type-card i{font-size:1.1rem;display:block;margin-bottom:.4rem}.type-0 i{color:var(--accent)}.type-1 i{color:#0891b2}.type-2 i{color:var(--green)}.type-3 i{color:var(--orange)}.type-name{font-size:.78rem;font-weight:600;color:var(--text);margin-bottom:.2rem}.type-desc{font-size:.68rem;color:var(--text3)}.analogy-card{background:#fffbf0;border:1px solid #fde68a;border-radius:var(--radius);padding:1.25rem}.analogy-icon{font-size:1.1rem;color:var(--orange);margin-bottom:.6rem}.analogy-text{font-size:.9rem;color:var(--text2);line-height:1.8;margin-bottom:1rem}.timer-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--text);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius);font-size:.8rem;font-weight:500;font-family:var(--font);transition:opacity .15s}.timer-btn:hover{opacity:.8}.timer-row{display:flex;align-items:center;gap:.85rem}.timer-count{font-family:var(--mono);font-size:1rem;font-weight:600;color:var(--text)}.skip-btn{background:transparent;border:1px solid var(--border);color:var(--text2);padding:.35rem .75rem;border-radius:var(--radius);font-size:.78rem;font-family:var(--font);transition:all .15s}.skip-btn:hover{border-color:var(--text);color:var(--text)}.timer-done{font-size:.82rem;color:var(--green);font-weight:500}.practice-cta{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;margin-top:1rem;text-align:center;box-shadow:var(--shadow-sm)}.practice-cta h3{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.4rem;letter-spacing:-.02em}.practice-cta p{font-size:.85rem;color:var(--text2);margin-bottom:1.25rem}.practice-btn{background:var(--text);color:#fff;border:none;padding:.7rem 2rem;border-radius:var(--radius);font-size:.88rem;font-weight:600;font-family:var(--font);transition:opacity .15s;letter-spacing:-.01em}.practice-btn:hover{opacity:.8}.r-lang-tabs{display:flex;align-items:center;height:44px;padding:0 1rem;border-bottom:1px solid var(--border);background:var(--bg-card);position:sticky;top:0;z-index:10}.r-tab{padding:0 .85rem;height:100%;font-size:.78rem;font-weight:500;color:var(--text3);background:transparent;border:none;border-bottom:2px solid transparent;font-family:var(--font);transition:all .15s;margin-bottom:-1px}.r-tab:hover{color:var(--text2)}.r-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-spacer{flex:1}.copy-btn{background:transparent;border:none;color:var(--text3);padding:.35rem;border-radius:5px;font-size:.85rem;transition:all .15s}.copy-btn:hover{color:var(--text2);background:var(--bg-hover)}.r-scenario{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.72rem;color:var(--text3);border-bottom:1px solid var(--border);background:var(--bg-card);font-style:italic}.code-view{padding:.5rem 0;background:#fafaf7}.c-line{display:flex;align-items:center;padding:3px 1rem;cursor:pointer;transition:background .1s;min-height:24px}.c-line:hover{background:#f0f0ec}.c-line.sel{background:#eff6ff;border-left:2px solid var(--accent)}.ln{width:32px;text-align:right;font-size:.72rem;color:#999;font-family:var(--mono);flex-shrink:0;-webkit-user-select:none;user-select:none;margin-right:1rem}.lc{font-family:var(--mono);font-size:.82rem;color:#1a1a1a;flex:1;white-space:pre}.c-line.sel .lc{color:var(--accent)}.hint-icon{color:var(--accent);font-size:.78rem;margin-left:.4rem}.exp-panel{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1rem 1.25rem}.ep-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:.78rem;font-weight:600;color:var(--text)}.ep-num{font-size:.65rem;color:var(--text3);font-family:var(--mono);background:var(--bg-hover);padding:1px 6px;border-radius:4px}.ep-close{margin-left:auto;background:transparent;border:none;color:var(--text3);font-size:.8rem;padding:2px;transition:color .15s}.ep-close:hover{color:var(--text)}.ep-code{display:block;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;font-family:var(--mono);font-size:.78rem;color:var(--text);margin-bottom:.85rem;overflow-x:auto}.ep-level{display:inline-flex;align-items:center;gap:.3rem;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:20px;margin-bottom:.75rem}.ep-level.beginner{background:#dcfce7;color:var(--green)}.ep-level.intermediate{background:#fef3c7;color:var(--orange)}.ep-level.advanced{background:var(--accent-bg);color:var(--accent)}.ep-section{margin-bottom:.75rem}.ep-section-label{font-size:.62rem;font-weight:700;color:var(--text3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.3rem}.ep-section-text{font-size:.875rem;color:var(--text2);line-height:1.65}.ep-section-text strong{color:var(--text);font-weight:600}.ep-complexity{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--accent);background:var(--accent-bg);padding:.2rem .5rem;border-radius:5px;font-family:var(--mono)}.ep-mistake-label{color:var(--orange)!important}.practice-root{display:flex;flex-direction:column;height:100vh;background:var(--bg-editor);overflow:hidden}.p-topbar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 1.25rem;background:#111;border-bottom:1px solid #2a2a2a;flex-shrink:0}.p-logo{font-size:.9rem;font-weight:700;color:#fff;letter-spacing:-.02em;cursor:pointer}.p-center{display:flex;align-items:center;gap:.5rem}.p-concept-name{font-size:.8rem;color:#888;font-weight:500}.p-diff{font-size:.68rem;padding:2px 7px;border-radius:20px;font-weight:600}.p-diff.easy{background:#052e16;color:#4ade80}.p-diff.medium{background:#422006;color:#fb923c}.p-diff.hard{background:#450a0a;color:#f87171}.p-right{display:flex;align-items:center;gap:.75rem}.p-streak{font-size:.75rem;color:#fb923c;background:#fb923c1a;border:1px solid rgba(251,146,60,.2);padding:.25rem .6rem;border-radius:20px;font-weight:500}.p-back{font-size:.78rem;color:#888;background:transparent;border:1px solid #333;padding:.3rem .75rem;border-radius:6px;font-family:var(--font);transition:all .15s}.p-back:hover{color:#fff;border-color:#555}.p-split{display:flex;flex:1;overflow:hidden;min-height:0}.p-left{width:42%;background:#1a1a1a;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;overflow:hidden}.p-left-tabs{display:flex;align-items:center;height:40px;padding:0 1rem;border-bottom:1px solid #2a2a2a;background:#111;flex-shrink:0}.p-ltab{padding:0 .75rem;height:100%;font-size:.75rem;font-weight:500;color:#666;background:transparent;border:none;border-bottom:2px solid transparent;font-family:var(--font);transition:all .15s;margin-bottom:-1px}.p-ltab:hover{color:#999}.p-ltab.active{color:#fff;border-bottom-color:#fff}.p-problem{flex:1;overflow-y:auto;padding:1.5rem}.p-problem-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.85rem;letter-spacing:-.02em}.p-problem-body{font-size:.875rem;color:#bbb;line-height:1.85}.p-problem-body code{background:#2a2a2a;color:#e2e2e7;padding:1px 5px;border-radius:4px;font-family:var(--mono);font-size:.82em}.p-hint{margin-top:1.5rem;padding:1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:8px}.p-hint-label{font-size:.68rem;font-weight:700;color:#60a5fa;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem}.p-hint-text{font-size:.82rem;color:#93c5fd;line-height:1.6}.p-right{flex:1;display:flex;flex-direction:column;background:#1e1e1e;min-width:0;overflow:hidden}.p-editor-tabs{display:flex;align-items:center;height:40px;padding:0 1rem;background:#111;border-bottom:1px solid #2a2a2a;flex-shrink:0}.p-lang-tab{padding:0 .85rem;height:100%;font-size:.75rem;font-weight:500;color:#666;background:transparent;border:none;border-bottom:2px solid transparent;font-family:var(--font);transition:all .15s;margin-bottom:-1px}.p-lang-tab:hover{color:#999}.p-lang-tab.active{color:#fff;border-bottom-color:#3b82f6}.tab-right{margin-left:auto}.p-editor-wrap{flex:1;overflow:hidden;min-height:0;position:relative}.p-bottombar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 1.25rem;background:#111;border-top:1px solid #2a2a2a;flex-shrink:0}.p-run-btn{display:inline-flex;align-items:center;gap:.4rem;background:#1f2937;color:#9ca3af;border:1px solid #374151;padding:.45rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500;font-family:var(--font);transition:all .15s}.p-run-btn:hover{background:#374151;color:#d1d5db}.p-run-btn:disabled{opacity:.5}.p-submit-btn{display:inline-flex;align-items:center;gap:.4rem;background:#15803d;color:#fff;border:none;padding:.45rem 1.25rem;border-radius:6px;font-size:.8rem;font-weight:600;font-family:var(--font);transition:opacity .15s}.p-submit-btn:hover{opacity:.85}.p-submit-btn:disabled{opacity:.5}.p-lang-note{font-size:.72rem;color:#666}.p-btn-group{display:flex;align-items:center;gap:.5rem}.p-results{border-top:1px solid #2a2a2a;padding:.85rem 1.25rem;background:#111;flex-shrink:0;max-height:160px;overflow-y:auto}.res-pass{display:flex;align-items:center;gap:.5rem;color:#4ade80;font-size:.875rem;font-weight:600}.res-fail{color:#f87171;font-size:.875rem}.res-fail-head{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.5rem}.res-error{color:#fb923c;font-size:.82rem;display:flex;align-items:flex-start;gap:.4rem}.tc-list{display:flex;flex-direction:column;gap:3px}.tc{font-size:.75rem;padding:.4rem .65rem;border-radius:6px;font-family:var(--mono)}.tc-p{background:#4ade8014;color:#4ade80}.tc-f{background:#f8717114;color:#f87171}.congrats-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.congrats-box{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;padding:2.5rem 2rem;text-align:center;max-width:460px;width:90%}.c-emoji{font-size:3rem;margin-bottom:1rem}.c-title{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em}.c-sub{font-size:.9rem;color:#888;margin-bottom:1.5rem;line-height:1.6}.c-reveal{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:10px;padding:1.25rem;margin-bottom:1.5rem}.c-reveal-label{font-size:.65rem;color:#666;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.6rem}.c-prob-name{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.5rem}.c-tagline{font-size:.82rem;color:#60a5fa;font-weight:500}.c-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.c-stat-val{font-size:1.25rem;font-weight:700;color:#fff;display:block}.c-stat-label{font-size:.65rem;color:#666;letter-spacing:.05em;text-transform:uppercase}.c-share{margin-bottom:1.25rem}.c-share-label{font-size:.65rem;color:#666;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem}.c-share-btns{display:flex;justify-content:center;gap:.5rem}.c-share-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .85rem;border-radius:6px;font-size:.75rem;font-weight:500;border:1px solid;font-family:var(--font);transition:opacity .15s}.c-share-btn:hover{opacity:.8}.c-share-li{background:#3b82f61a;color:#60a5fa;border-color:#3b82f64d}.c-share-wa{background:#4ade801a;color:#4ade80;border-color:#4ade804d}.c-share-cp{background:#2a2a2a;color:#888;border-color:#333}.c-next-btn{display:block;width:100%;background:#fff;color:#000;border:none;padding:.75rem;border-radius:8px;font-size:.9rem;font-weight:700;font-family:var(--font);transition:opacity .15s;margin-bottom:.5rem}.c-next-btn:hover{opacity:.85}.c-home-btn{display:block;width:100%;background:transparent;color:#666;border:1px solid #333;padding:.6rem;border-radius:8px;font-size:.82rem;font-family:var(--font);transition:all .15s}.c-home-btn:hover{color:#fff;border-color:#555}.ask-root{display:flex;min-height:100vh;background:var(--bg)}.ask-main{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.ask-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:1.5rem;gap:1rem}.ask-messages{display:flex;flex-direction:column;gap:1rem;flex:1}.ask-msg{display:flex;align-items:flex-start;gap:.65rem}.ask-msg.user{flex-direction:row-reverse}.ask-avatar{width:32px;height:32px;background:var(--text);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;flex-shrink:0}.ask-bubble{max-width:72%;padding:.85rem 1rem;border-radius:12px;font-size:.88rem;line-height:1.7}.ask-bubble.assistant{background:var(--bg-white);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.ask-bubble.user{background:var(--text);color:#fff;border-bottom-right-radius:4px}.ask-typing{display:flex;align-items:center;gap:4px;padding:.85rem 1.1rem}.ask-typing span{width:6px;height:6px;background:var(--text3);border-radius:50%;animation:typing 1.2s infinite}.ask-typing span:nth-child(2){animation-delay:.2s}.ask-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.ask-suggestions{padding:0 0 1rem}.ask-suggestions-label{font-size:.72rem;color:var(--text3);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.75rem}.ask-chips{display:flex;flex-wrap:wrap;gap:.5rem}.ask-chip{background:var(--bg-white);border:1px solid var(--border);color:var(--text2);padding:.4rem .85rem;border-radius:20px;font-size:.78rem;font-family:var(--font);cursor:pointer;transition:all .15s}.ask-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.ask-input-wrap{padding:1rem 1.5rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-white)}.ask-input-box{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:.6rem .6rem .6rem 1rem;transition:border-color .15s}.ask-input-box:focus-within{border-color:var(--accent)}.ask-input{flex:1;background:transparent;border:none;outline:none;font-size:.9rem;color:var(--text);font-family:var(--font)}.ask-input::placeholder{color:var(--text3)}.ask-send{width:34px;height:34px;background:var(--text);color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:opacity .15s;flex-shrink:0}.ask-send:disabled{opacity:.4;cursor:not-allowed}.ask-send:hover:not(:disabled){opacity:.8}.ask-disclaimer{font-size:.68rem;color:var(--text3);text-align:center;margin-top:.5rem}