@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0d0f14;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--bg: #0f0e0d;--surface: #161412;--surface2: #1e1a17;--surface3: #272320;--border: rgba(255,255,255,.07);--border-hi: rgba(192,99,58,.3);--text: #f0e8df;--text-sub: #8a7a6e;--muted: #5a4f47;--accent: #c0633a;--accent2: #d4943a;--accent-lo: rgba(192,99,58,.12);--green: #3ab87a;--green-lo: rgba(58,184,122,.1);--locked: #3a3330;--mono: "JetBrains Mono", monospace;--sans: "Inter", sans-serif;--r: 14px;--r-sm: 8px;--pill: 99px;--shadow: 0 4px 24px rgba(0,0,0,.55);--shadow-sm: 0 2px 8px rgba(0,0,0,.35)}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh}.lessons-root{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.lessons-bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 5% 10%,rgba(192,99,58,.07) 0%,transparent 70%),radial-gradient(ellipse 40% 35% at 95% 90%,rgba(212,148,58,.05) 0%,transparent 70%)}.lessons-bg-grid:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.022) 1px,transparent 1px);background-size:28px 28px}.lessons-header{position:sticky;top:0;z-index:100;width:100%;display:flex;align-items:center;padding:0 32px;height:58px;gap:28px;background:#0f0e0ded;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--border)}.centered-nav{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:2rem}.lessons-logo{display:flex;align-items:center;gap:9px;flex-shrink:0}.lessons-logo-icon{font-family:var(--mono);font-size:.8rem;font-weight:600;color:var(--accent);background:var(--accent-lo);border:1px solid var(--border-hi);padding:4px 9px;border-radius:var(--r-sm)}.lessons-logo-text{font-size:.9rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.lessons-nav{display:flex;align-items:center;gap:2px;flex:1}.nav-link{font-family:var(--sans);font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--text-sub);padding:6px 14px;border-radius:var(--r-sm);border:1px solid transparent;transition:color .15s,background .15s,border-color .15s}.nav-link:hover{color:var(--text);background:var(--surface2);border-color:var(--border)}.nav-link.active{color:var(--accent);background:var(--accent-lo);border-color:var(--border-hi)}.lessons-header-right{margin-left:auto;display:flex;align-items:center;gap:8px}.lessons-username{color:var(--text-sub);font-size:13px;font-family:JetBrains Mono,monospace}.lessons-streak-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--pill);background:var(--surface2);border:1px solid var(--border);font-size:.75rem;font-weight:700;color:var(--accent);cursor:default}.lessons-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#c0633a,#e8c06a);display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:.62rem;font-weight:800;color:#fff;letter-spacing:.04em;border:1.5px solid rgba(255,255,255,.12);cursor:pointer;transition:transform .15s,box-shadow .15s}.lessons-body{position:relative;z-index:1;display:grid;grid-template-columns:240px 1fr 300px;grid-template-areas:"nav main sidebar";min-height:calc(100vh - 58px);align-items:start}.sidebar{grid-area:sidebar;position:sticky;top:58px;height:calc(100vh - 58px);overflow-y:auto;padding:24px 16px 48px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:14px;background:var(--surface);scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}.chapter-nav{grid-area:nav;position:sticky;top:58px;height:calc(100vh - 58px);overflow-y:auto;overflow-x:hidden;padding:20px 12px 48px;border-right:1px solid var(--border);display:flex;justify-content:center;flex-direction:column;gap:3px;background:var(--surface);scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}.chapter-nav-label{font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding-left:8px}.chapter-btn{width:100%;background:none;border:1px solid transparent;border-radius:var(--r);padding:11px 12px;text-align:left;cursor:pointer;font-family:var(--sans);display:flex;flex-direction:column;gap:8px;position:relative;transition:background .15s,border-color .15s,transform .15s}.chapter-btn:hover{background:var(--surface2);border-color:var(--border);transform:translate(2px)}.chapter-btn.active{background:var(--accent-lo);border-color:var(--border-hi)}.chapter-btn.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;border-radius:0 2px 2px 0;background:var(--accent)}.chapter-btn-top{display:flex;justify-content:space-between;align-items:center}.chapter-btn-name{font-size:.82rem;font-weight:700;color:var(--text-sub);transition:color .15s}.chapter-btn-count{font-family:var(--mono);font-size:.63rem;color:var(--muted)}.chapter-btn.active .chapter-btn-name{color:var(--accent)}.chapter-btn.active .chapter-btn-count{color:var(--accent2)}.chapter-btn-bar{height:2px;background:var(--surface3);border-radius:99px;overflow:hidden}.chapter-btn-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .6s cubic-bezier(.34,1.56,.64,1)}.question-list-col{grid-area:main;padding:40px 48px 100px;display:flex;flex-direction:column;gap:22px;animation:fadeUp .35s cubic-bezier(.22,1,.36,1) both}.chapter-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.chapter-title{font-size:2rem;font-weight:800;letter-spacing:-.6px;color:var(--text);line-height:1.1}.chapter-sub{font-size:.72rem;color:var(--text-sub);margin-top:6px;font-family:var(--mono)}.chapter-progress-ring{flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.ring-pct{position:absolute;font-size:.6rem;font-weight:600;font-family:var(--mono);color:var(--accent)}.overall-bar-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:-10px}.overall-bar-label{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.overall-bar-pct{font-family:var(--mono);font-size:.72rem;font-weight:600;color:var(--accent2)}.overall-bar-track{height:2px;background:var(--surface3);border-radius:99px;overflow:hidden}.overall-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .8s cubic-bezier(.34,1.56,.64,1);position:relative}.overall-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);background-size:200% 100%;animation:shimmer 2.5s infinite linear}.question-list{display:flex;flex-direction:column;gap:8px}.question-card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;text-align:left;font-family:var(--sans);position:relative;overflow:hidden;transition:border-color .18s,transform .18s cubic-bezier(.34,1.56,.64,1),background .18s;animation:fadeUp .3s cubic-bezier(.22,1,.36,1) both}.question-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.question-card:hover:not(:disabled):after{transform:scaleY(1)}.question-card.done:after{background:var(--green)}.question-card:hover:not(:disabled){border-color:var(--border-hi);background:var(--surface2);transform:translate(4px)}.question-card.done{border-color:#3ab87a1f;background:#3ab87a06}.question-card.done:hover:not(:disabled){border-color:#3ab87a47}.question-card.locked{opacity:.3;cursor:default;filter:saturate(0)}.question-card:nth-child(1){animation-delay:.04s}.question-card:nth-child(2){animation-delay:.08s}.question-card:nth-child(3){animation-delay:.12s}.question-card:nth-child(4){animation-delay:.16s}.question-card:nth-child(5){animation-delay:.2s}.question-card:nth-child(6){animation-delay:.24s}.question-card:nth-child(7){animation-delay:.28s}.question-card:nth-child(8){animation-delay:.32s}.q-number{width:38px;height:38px;flex-shrink:0;border-radius:9px;border:1px solid;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.78rem;font-weight:600;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.question-card:hover:not(:disabled) .q-number{transform:scale(1.08)}.q-number.done{border-color:#3ab87a4d;color:var(--green);background:var(--green-lo)}.q-number.available{border-color:var(--border-hi);color:var(--accent);background:var(--accent-lo)}.q-number.locked{border-color:var(--locked);color:var(--muted);background:none}.q-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.q-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.q-title{font-size:.93rem;font-weight:700;color:var(--text);line-height:1.3}.q-done-badge{font-family:var(--mono);font-size:.57rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:var(--green-lo);color:var(--green);border:1px solid rgba(58,184,122,.2)}.q-locked-badge{font-family:var(--mono);font-size:.57rem;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--surface3);color:var(--muted);border:1px solid var(--border)}.q-desc{font-size:.78rem;color:var(--text-sub);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.q-output{display:flex;align-items:center;gap:8px;margin-top:2px}.q-output-label{font-size:.57rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-shrink:0}.q-output code{font-family:var(--mono);font-size:.68rem;color:var(--accent2);background:#d4943a12;border:1px solid rgba(212,148,58,.14);padding:2px 9px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.q-arrow{flex-shrink:0;font-size:.88rem;font-family:var(--mono);color:var(--muted);width:26px;height:26px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:color .15s,transform .15s,background .15s}.question-card:hover:not(:disabled) .q-arrow{color:var(--accent);transform:translate(3px);background:var(--accent-lo)}.sidebar-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:12px}.sidebar-label{font-size:.58rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.streak-card{background:var(--surface2);border:1px solid var(--border-hi);border-radius:var(--r);padding:18px 16px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.streak-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 60% at 50% 0%,rgba(192,99,58,.1),transparent 70%)}.streak-top{display:flex;align-items:center;gap:12px}.streak-flame{font-size:2rem;line-height:1}.streak-number{font-family:var(--mono);font-size:2.4rem;font-weight:800;color:var(--accent);line-height:1;text-shadow:0 0 24px rgba(192,99,58,.45)}.streak-label{font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-sub);margin-top:3px}.streak-week{display:flex;justify-content:space-between;gap:4px}.streak-pip{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:var(--r-sm);background:var(--surface3);border:1px solid var(--border);transition:background .15s,border-color .15s}.streak-pip.done{background:var(--accent-lo);border-color:var(--border-hi)}.streak-pip span:first-child{font-size:.82rem;line-height:1}.pip-day{font-family:var(--mono);font-size:.5rem;font-weight:700;text-transform:uppercase;color:var(--muted)}.streak-pip.done .pip-day{color:var(--accent)}.streak-sub{font-size:.68rem;color:var(--muted);line-height:1.5;text-align:center;border-top:1px solid var(--border);padding-top:10px}.lesson-tracker{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:12px}.lesson-tracker-row{display:flex;align-items:center;justify-content:space-between}.lesson-tracker-stat{display:flex;flex-direction:column;gap:3px;align-items:center;flex:1}.lesson-tracker-stat-number{font-family:var(--mono);font-size:1.4rem;font-weight:800;color:var(--text)}.lesson-tracker-stat-number.done{color:var(--green)}.lesson-tracker-stat-number.total{color:var(--text-sub)}.lesson-tracker-stat-number.pct{color:var(--accent2)}.lesson-tracker-stat-label{font-size:.55rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lesson-tracker-divider{width:1px;height:36px;background:var(--border);flex-shrink:0}.lesson-tracker-bar-wrap{display:flex;flex-direction:column;gap:6px}.lesson-tracker-bar-track{height:5px;background:var(--surface3);border-radius:99px;overflow:hidden}.lesson-tracker-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--green),#6ee7a0);transition:width .8s cubic-bezier(.34,1.56,.64,1)}.lesson-tracker-bar-label{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.6rem;color:var(--muted)}.lang-pair{display:flex;align-items:center;gap:6px;width:100%}.lang-chip{width:100px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:5px 8px 5px 10px;border-radius:var(--r-sm);background:var(--surface2);border:1px solid var(--border);font-family:var(--sans);font-size:.68rem;font-weight:700;color:var(--text);cursor:pointer;overflow:hidden;white-space:nowrap;transition:border-color .15s,background .15s}.lang-chip img{display:block;flex-shrink:0;width:16px;height:16px}.lang-chip:hover{border-color:var(--border-hi);background:var(--accent-lo)}.lang-chip.from,.lang-chip.to{color:var(--text);border-color:var(--border)}.lang-arrow{font-family:var(--mono);color:var(--muted);font-size:.85rem;flex-shrink:0}.language-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:200;background:var(--surface2);border:1px solid var(--border-hi);border-radius:var(--r-sm);overflow:hidden;min-width:140px;box-shadow:var(--shadow);animation:fadeUp .15s ease}.language-dropdown button{width:100%;padding:9px 14px;background:none;border:none;text-align:left;font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--text-sub);cursor:pointer;transition:background .12s,color .12s}.language-dropdown button:hover{background:var(--accent-lo);color:var(--accent)}.lang-change-btn{padding:8px 14px;border-radius:var(--r-sm);background:none;border:1px solid var(--border);font-family:var(--sans);font-size:.7rem;font-weight:700;color:var(--text-sub);cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.lang-change-btn:hover{border-color:var(--border-hi);color:var(--accent);background:var(--accent-lo)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:root{--bg: #0f0e0d;--surface: #161412;--surface2: #1e1a17;--surface3: #272320;--border: rgba(255,255,255,.07);--border-hi: rgba(192,99,58,.3);--text: #f0e8df;--text-sub: #8a7a6e;--muted: #5a4f47;--accent: #c0633a;--accent2: #d4943a;--accent-lo: rgba(192,99,58,.12);--green: #3ab87a;--green-lo: rgba(58,184,122,.1);--red: #e05c5c;--red-lo: rgba(224,92,92,.1);--locked: #3a3330;--mono: "JetBrains Mono", monospace;--sans: "Inter", sans-serif;--r: 14px;--r-sm: 8px;--pill: 99px;--shadow: 0 4px 24px rgba(0,0,0,.55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px}.qp-root{width:100%;height:100vh;background:var(--bg);color:var(--text);font-family:var(--sans);display:flex;flex-direction:column;position:relative;overflow:hidden}.qp-bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 5% 10%,rgba(192,99,58,.07) 0%,transparent 70%),radial-gradient(ellipse 40% 35% at 95% 90%,rgba(212,148,58,.05) 0%,transparent 70%)}.qp-bg-grid:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.022) 1px,transparent 1px);background-size:28px 28px}.qp-header{flex-shrink:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:0 32px;height:58px;background:#0f0e0ded;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--border);position:relative;z-index:100}.qp-back{background:none;border:1px solid transparent;cursor:pointer;color:var(--text-sub);font-family:var(--sans);font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:6px 14px;border-radius:var(--r-sm);transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.qp-back:hover{color:var(--text);background:var(--surface2);border-color:var(--border)}.qp-header-center{display:flex;align-items:center;gap:8px;font-size:.82rem;overflow:hidden}.qp-chapter{font-family:var(--mono);font-size:.68rem;font-weight:600;color:var(--accent);background:var(--accent-lo);border:1px solid var(--border-hi);padding:3px 9px;border-radius:4px;flex-shrink:0}.qp-sep{color:var(--muted);font-family:var(--mono)}.qp-title{font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qp-header-right{display:flex;align-items:center;gap:8px}.question-username{color:var(--text-muted);font-size:13px;font-family:JetBrains Mono,monospace}.qp-done-pill{font-family:var(--mono);font-size:.6rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:4px;background:var(--green-lo);color:var(--green);border:1px solid rgba(58,184,122,.2)}.qp-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#c0633a,#e8c06a);display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:.62rem;font-weight:800;color:#fff;letter-spacing:.04em;border:1.5px solid rgba(255,255,255,.12);cursor:pointer;transition:transform .15s,box-shadow .15s}.qp-body{flex:1;min-height:0;position:relative;z-index:1;display:grid;grid-template-columns:300px 1fr}.qp-sidebar{border-right:1px solid var(--border);padding:24px 20px 32px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;background:var(--surface);scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}.qp-problem-card{display:flex;flex-direction:column;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border)}.qp-problem-label{font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);background:var(--accent-lo);border:1px solid var(--border-hi);padding:4px 10px;border-radius:4px;align-self:flex-start}.qp-problem-title{font-size:1.55rem;font-weight:800;letter-spacing:-.5px;line-height:1.15;color:var(--text)}.qp-problem-desc{font-size:.88rem;color:var(--text);line-height:1.75;background:var(--surface3);border:1px solid var(--border-hi);border-radius:var(--r-sm);padding:14px 16px}.qp-expected{background:var(--surface3);border:1px solid var(--border-hi);border-radius:var(--r-sm);padding:14px;display:flex;flex-direction:column;gap:8px}.qp-expected-label{font-size:.58rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--accent2)}.qp-expected-code{font-family:var(--mono);font-size:.8rem;color:var(--accent2);white-space:pre-wrap;word-break:break-all;line-height:1.7}.qp-constraints{display:flex;flex-direction:column;gap:8px}.qp-constraints ul{padding-left:14px;display:flex;flex-direction:column;gap:4px}.qp-constraints li{font-size:.8rem;color:var(--text-sub);line-height:1.5}.qp-generate-section{display:flex;flex-direction:column;gap:10px}.qp-generate-btn{width:100%;padding:12px;background:var(--accent-lo);color:var(--accent);border:1px solid var(--border-hi);border-radius:var(--r-sm);font-family:var(--sans);font-size:.8rem;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:background .15s,box-shadow .15s,transform .15s}.qp-generate-btn:hover:not(:disabled){background:#c0633a38;box-shadow:0 0 18px #c0633a33;transform:translateY(-1px)}.qp-generate-btn:disabled{opacity:.45;cursor:default}.qp-gen-error{font-family:var(--mono);font-size:.68rem;color:var(--red);padding:6px 10px;border-radius:var(--r-sm);background:var(--red-lo);border:1px solid rgba(224,92,92,.2)}.qp-generate-hint{font-size:.68rem;color:var(--muted);line-height:1.6;text-align:center;padding:0 4px}.qp-result{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r);border:1px solid;font-size:1.4rem;animation:fadeUp .25s cubic-bezier(.22,1,.36,1) both}.qp-result.pass{background:var(--green-lo);border-color:#3ab87a40}.qp-result.fail{background:var(--red-lo);border-color:#e05c5c40}.qp-result-title{font-size:.9rem;font-weight:800}.qp-result.pass .qp-result-title{color:var(--green)}.qp-result.fail .qp-result-title{color:var(--red)}.qp-result-sub{font-size:.72rem;color:var(--text-sub);margin-top:3px;line-height:1.4}.qp-editors{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;background:var(--surface3);min-height:0}.qp-editor-col{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;min-height:0}.qp-editor-col>div:not(.qp-editor-header):not(.qp-output){flex:1;min-height:0}.qp-editor-header{display:flex;align-items:center;gap:10px;padding:10px 16px;flex-shrink:0;background:var(--surface2);border-bottom:1px solid var(--border)}.qp-editor-lang{font-family:var(--mono);font-size:.68rem;font-weight:600;color:var(--accent);background:var(--accent-lo);border:1px solid var(--border-hi);padding:3px 9px;border-radius:4px;flex-shrink:0}.qp-editor-role{font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--text-sub);flex:1}.qp-run-btn{padding:6px 16px;border-radius:var(--r-sm);background:var(--accent);color:#fff;border:none;font-family:var(--sans);font-size:.74rem;font-weight:800;letter-spacing:.03em;cursor:pointer;box-shadow:0 2px 12px #c0633a59;transition:opacity .15s,transform .15s,box-shadow .15s}.qp-run-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 18px #c0633a80}.qp-run-btn:disabled{opacity:.35;cursor:default}.qp-output{flex-shrink:0;padding:10px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:5px;background:var(--surface)}.qp-output-label{font-size:.58rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.qp-output pre{font-family:var(--mono);font-size:.76rem;line-height:1.6;white-space:pre-wrap;word-break:break-all;max-height:90px;overflow-y:auto}.qp-output.ok pre{color:var(--green)}.qp-output.error pre{color:var(--red)}.qp-editor-col .monaco-editor,.qp-editor-col .monaco-editor-background,.qp-editor-col .margin{background-color:#0f0e0d!important}.qp-editor-col .monaco-editor .view-line span{font-family:JetBrains Mono,monospace!important}.qp-editor-col .monaco-scrollable-element>.scrollbar>.slider{background:var(--surface3)!important;border-radius:99px!important}.qp-notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100vh;background:var(--bg);color:var(--text-sub);font-family:var(--sans);font-size:.88rem}.qp-notfound button{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:10px 20px;border-radius:var(--r-sm);font-family:var(--sans);font-size:.78rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}.qp-notfound button:hover{border-color:var(--border-hi);background:var(--accent-lo)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.signin-root{width:100%;min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative}.signin-bg-grid{position:fixed;inset:0;z-index:0;background-image:radial-gradient(circle at 20% 20%,rgba(192,99,58,.07) 0%,transparent 55%),radial-gradient(circle at 80% 80%,rgba(212,148,58,.07) 0%,transparent 55%);pointer-events:none}.signin-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px;box-shadow:0 8px 40px #3b1f0a1a;animation:fadeUp .35s ease both}.signin-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin-bottom:18px;text-align:center}.signin-logo-icon{font-size:3.5rem;color:var(--accent);background:#c0633a1f;padding:18px 22px;border-radius:18px;border:1px solid rgba(192,99,58,.35);line-height:1;box-shadow:0 0 40px #c0633a26}.signin-logo-text{font-size:2.6rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}.signin-tagline{font-size:.85rem;color:var(--muted);margin-bottom:28px;line-height:1.5;text-align:center;max-width:280px;margin-left:auto;margin-right:auto}.signin-tabs{display:flex;gap:4px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:4px;margin-bottom:24px}.signin-tab{flex:1;padding:8px;background:none;border:none;border-radius:7px;font-size:.88rem;font-weight:500;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.signin-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 6px #3b1f0a14}.signin-form{display:flex;flex-direction:column;gap:16px}.signin-field{display:flex;flex-direction:column;gap:6px}.signin-label{font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.signin-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:.92rem;font-weight:500;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.signin-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c0633a1f}.signin-input::placeholder{color:var(--muted);font-weight:400}.signin-btn{width:100%;padding:14px;background:var(--accent);color:#3b1f0a;font-size:.95rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;margin-top:6px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 20px #c0633a59}.signin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #c0633a73}.signin-btn:disabled{opacity:.65;cursor:not-allowed}.signin-error{font-size:.8rem;color:#c0392b;background:#c0392b0f;border:1px solid rgba(192,57,43,.2);border-radius:8px;padding:10px 14px}.signin-success{font-size:.8rem;color:var(--green);background:#4a9e6b0f;border:1px solid rgba(74,158,107,.2);border-radius:8px;padding:10px 14px}.signin-divider{display:flex;align-items:center;gap:12px;font-size:.75rem;color:var(--muted);font-weight:500}.signin-divider:before,.signin-divider:after{content:"";flex:1;height:1px;background:var(--border)}.signin-footer{text-align:center;margin-top:20px;font-size:.8rem;color:var(--muted)}.signin-footer a{color:var(--accent);font-weight:600;text-decoration:none}.signin-footer a:hover{text-decoration:underline}.settings-root{width:100%;min-height:100vh;background:var(--bg);color:var(--text);font-family:Syne,sans-serif;position:relative}.settings-bg-grid{position:fixed;inset:0;z-index:0;background-image:radial-gradient(circle at 20% 20%,rgba(192,99,58,.07) 0%,transparent 55%),radial-gradient(circle at 80% 80%,rgba(212,148,58,.07) 0%,transparent 55%);pointer-events:none}.settings-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 48px;height:62px;background:#fdf6eeeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:0 1px 12px #3b1f0a0f}.settings-back{background:none;border:none;color:var(--muted);font-family:Syne,sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;padding:6px 12px;border-radius:8px;transition:color .15s,background .15s;justify-self:start}.settings-back:hover{color:var(--text);background:var(--surface2)}.settings-header-title{font-size:1rem;font-weight:700;color:var(--text)}.settings-main{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:48px 24px 80px;display:flex;flex-direction:column;gap:20px;animation:fadeUp .35s ease both}.settings-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:Syne,sans-serif;font-size:.95rem;color:var(--muted);background:var(--bg)}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 28px;display:flex;flex-direction:column;gap:18px;box-shadow:0 2px 16px #3b1f0a12}.settings-card-title{font-size:1.05rem;font-weight:700;letter-spacing:-.2px;color:var(--text)}.settings-card-sub{font-size:.82rem;color:var(--muted);margin-top:-10px;line-height:1.5}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.settings-input,.settings-select{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:11px 14px;font-family:Syne,sans-serif;font-size:.92rem;font-weight:600;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s;appearance:none}.settings-input:focus,.settings-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c0633a1f}.settings-input.disabled,.settings-input:disabled{opacity:.55;cursor:not-allowed}.settings-hint{font-size:.72rem;color:var(--muted);line-height:1.4}.settings-lang-row{display:flex;align-items:flex-end;gap:14px}.settings-lang-row .settings-field{flex:1}.settings-lang-arrow{font-size:1.2rem;color:var(--muted);padding-bottom:12px;flex-shrink:0}.settings-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings-stat{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,box-shadow .15s}.settings-stat:hover{border-color:var(--accent);box-shadow:0 2px 10px #c0633a1a}.settings-stat-val{font-size:1.1rem;font-weight:800;color:var(--text)}.settings-stat-key{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.settings-actions{display:flex;flex-direction:column;gap:10px}.settings-save-btn{width:100%;padding:14px;background:var(--accent);color:#fff;font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:transform .15s,box-shadow .15s,background .2s;box-shadow:0 4px 20px #c0633a59}.settings-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #c0633a73}.settings-save-btn:disabled{opacity:.65;cursor:not-allowed}.settings-save-btn.saved{background:var(--green);box-shadow:0 4px 20px #4a9e6b4d}.settings-signout-btn{width:100%;padding:13px;background:none;border:1px solid var(--border);border-radius:12px;cursor:pointer;font-family:Syne,sans-serif;font-size:.92rem;font-weight:600;color:var(--muted);transition:border-color .15s,color .15s,background .15s}.settings-signout-btn:hover{border-color:#c0392b;color:#c0392b;background:#c0392b0d}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}