*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg:#0c1118;--bg1:#111821;--bg2:#151e29;--bg3:#202b38;--border:#344253;--border2:#263241;--text:#d5dce5;--text1:#edf2f7;--text-head:#f8fafc;--text2:#a7b2c0;--text3:#718096;--accent:#6aa9ff;--accent2:#3b82f6;--accent-bg:#172d4a;--accent-subtle:#3b82f624;--accent-hover:#9ac4ff;--success:#168b62;--success-h:#0f7652;--success-t:#52d7a5;--success-bg:#113126;--warn:#f3b34c;--err:#ff706a;--err-bg:#3a171a;--err-border:#7d3032;--info:#3b82f6;--info-h:#2563eb;--code-bg:#0b121a;--code-t:#9ac4ff;--nav-bg:#111821;--run-bg:#168b62;--run-h:#0f7652;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 16px 36px #00000038;--lv1-bg:#1a2e1a;--lv1-t:#56d364;--lv2-bg:#1c2a3f;--lv2-t:#58a6ff;--lv3-bg:#2d1c3f;--lv3-t:#d2a8ff;--lv4-bg:#3f2d1c;--lv4-t:#ffa657}[data-theme=light]{--bg:#f5f7fa;--bg1:#fff;--bg2:#fff;--bg3:#edf1f5;--border:#c8d1dc;--border2:#e0e6ed;--text:#24303d;--text1:#17212b;--text-head:#101820;--text2:#596779;--text3:#748296;--accent:#2457d6;--accent2:#1746bd;--accent-bg:#e7efff;--accent-subtle:#2457d617;--accent-hover:#1746bd;--success:#16824a;--success-h:#116b3e;--success-t:#126f40;--success-bg:#e0f5e9;--warn:#a85d08;--err:#c53c43;--err-bg:#fff0ef;--err-border:#efb7b4;--info:#2457d6;--info-h:#1746bd;--code-bg:#f3f6f9;--code-t:#1746bd;--nav-bg:#fff;--run-bg:#16824a;--run-h:#116b3e;--shadow-sm:0 1px 2px #10182814;--shadow-md:0 18px 42px #1018281f;--lv1-bg:#dafbe1;--lv1-t:#1a7f37;--lv2-bg:#ddf4ff;--lv2-t:#0550ae;--lv3-bg:#f0e6ff;--lv3-t:#6e40c9;--lv4-bg:#fff1e0;--lv4-t:#953800}body{background:var(--bg);color:var(--text);height:100vh;font-family:Inter,Pretendard,Noto Sans KR,Noto Sans JP,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;transition:background .2s,color .2s;overflow:hidden}#root{height:100vh}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{flex-shrink:0;width:1em;height:1em}.loading{height:100vh;color:var(--text2);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.layout{background:var(--bg);height:100vh;display:flex;overflow:hidden}html[data-compact] .page{padding-block:18px}html[data-compact] .home-card,html[data-compact] .problem-panel,html[data-compact] .settings-section{padding:12px}html[data-compact] .problem-row,html[data-compact] .community-row{padding-block:7px}.nav{background:var(--nav-bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:208px;padding-bottom:16px;transition:background .2s,border-color .2s;display:flex;overflow-y:auto;box-shadow:1px 0 18px #0f172a0a}.nav::-webkit-scrollbar{width:8px;height:8px}.nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.nav-top{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;padding:14px 14px 12px;display:flex}.nav-top-actions{align-items:center;gap:6px;display:flex}.nav-logo{color:var(--accent);letter-spacing:0;align-items:flex-start;gap:7px;font-size:15px;font-weight:800;display:flex}.nav-logo-icon{width:18px;height:18px;color:var(--accent);margin-top:1px}.nav-logo span:first-child{line-height:18px;display:block}.nav-logo-sub{color:var(--text3);letter-spacing:.5px;margin-top:1px;font-size:10px;font-weight:400;line-height:1.2;display:block}.theme-toggle{border:1px solid var(--border);color:var(--text2);background:0 0;border-radius:6px;padding:4px 7px;font-size:14px;transition:background .12s,color .12s}.theme-toggle:hover{background:var(--bg3);color:var(--text)}.language-switcher{background:var(--bg2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;padding:3px;display:inline-flex}.language-switcher.compact{padding:2px}.language-btn{min-height:28px;color:var(--text3);letter-spacing:.3px;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:3px 7px;font-size:10px;font-weight:900;display:inline-flex}.language-btn:hover{background:var(--bg3);color:var(--text)}.language-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.flag-icon{border-radius:3px;width:22px;height:15px;display:block;box-shadow:0 0 0 1px #0f172a29}.mobile-topbar{display:none}.nav-progress-bar{background:var(--bg3);border-radius:2px;height:4px;margin:10px 14px 2px;overflow:hidden}.nav-progress-fill{background:var(--success);border-radius:2px;height:100%;transition:width .4s}.nav-progress-label{color:var(--text3);padding:0 14px 6px;font-size:11px}.nav-group-label{text-transform:uppercase;letter-spacing:1px;color:var(--text3);padding:4px 14px;font-size:10px;font-weight:600}.nav-item{color:var(--text2);border-radius:7px;align-items:center;gap:8px;margin:0 8px;padding:7px 8px;font-size:13px;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--bg3);color:var(--text)}.page-content{background:var(--bg);flex:1;overflow-y:auto}.page{max-width:1100px;padding:28px 32px}.page-header{border-bottom:1px solid var(--border2);align-items:baseline;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.page-title{color:var(--text-head);font-size:20px;font-weight:700}.page-desc{color:var(--text3);font-size:13px}.btn{border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--success);color:#fff;box-shadow:0 8px 18px #1a7f372e}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-ghost{color:var(--text2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg3);color:var(--text)}.btn-ghost-sm{color:var(--text2);border:1px solid var(--border);background:0 0;border-radius:5px;padding:4px 10px;font-size:12px}.btn-ghost-sm:hover{background:var(--bg3);color:var(--text)}.btn-run{background:var(--run-bg);color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600}.btn-run:hover{background:var(--run-h)}.btn-run-sm{background:var(--bg3);color:var(--accent);border:1px solid var(--border);border-radius:5px;align-items:center;gap:5px;margin-top:4px;padding:4px 12px;font-size:12px;display:inline-flex}.btn-run-sm:hover{background:var(--border)}.btn-grade{background:var(--info);color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600}.btn-grade:hover{background:var(--info-h)}.btn-icon{width:13px;height:13px}.btn-run .btn-icon,.btn-run-sm .btn-icon{fill:currentColor;stroke:none}.inline-icon{width:14px;height:14px}.status-icon{width:12px;height:12px}.badge,.level-badge{border-radius:12px;align-items:center;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.level-입문{background:var(--lv1-bg);color:var(--lv1-t)}.level-초급{background:var(--lv2-bg);color:var(--lv2-t)}.level-중급{background:var(--lv3-bg);color:var(--lv3-t)}.level-고급{background:var(--lv4-bg);color:var(--lv4-t)}.tag{border-radius:4px;align-items:center;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.table-chip{background:var(--bg3);border:1px solid var(--border);color:var(--warn);border-radius:4px;margin-right:6px;padding:2px 8px;font-family:monospace;font-size:12px;display:inline-flex}.solved-badge{background:var(--success-bg);color:var(--success-t);border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.review-badge{background:var(--bg3);border:1px solid var(--border);color:var(--text2);border-radius:12px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.editor-card{border:1px solid var(--border);background:var(--bg);border-radius:8px;overflow:hidden}.editor-workbench{grid-template-columns:1fr;gap:12px;display:grid}.editor-workbench.with-helper{grid-template-columns:210px minmax(0,1fr);align-items:start}.editor-mode-bar{background:var(--bg2);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;padding:6px;display:grid}.editor-mode-btn{text-align:left;min-width:0;color:var(--text2);background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;transition:background .12s,border-color .12s,color .12s;display:flex}.editor-mode-btn:hover{background:var(--bg3);color:var(--text)}.editor-mode-btn.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.editor-mode-btn span{font-size:11px;font-weight:800}.editor-mode-btn strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.editor-helper-strip{background:var(--accent-bg);color:var(--accent-hover);border-bottom:1px solid var(--border);padding:8px 12px;font-size:12px;line-height:1.5}.terminal-titlebar{color:#7ee787;background:#05070a;border-bottom:1px solid #1f6feb;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;font-family:monospace;font-size:12px;display:flex}.sql-editor-terminal .cm-editor{background:#05070a}.sql-editor-terminal .cm-content{font-family:Fira Code,SFMono-Regular,Consolas,monospace}.sql-editor-beginner .cm-editor{border-left:3px solid var(--accent)}.editor-toolbar{background:var(--bg2);border-top:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;display:flex}.editor-toolbar button:disabled{opacity:.55;cursor:not-allowed}.result-card{background:var(--bg);border-radius:8px;min-height:80px;margin-top:12px}.result-empty{color:var(--text3);padding:20px 0;font-size:13px}.ddl-success-msg{color:var(--success-t);align-items:center;gap:8px;padding:10px 4px;font-size:13px;display:flex}.result-error{color:var(--err);background:var(--err-bg);border:1px solid var(--err-border);white-space:pre-wrap;border-radius:6px;align-items:flex-start;gap:8px;padding:10px 14px;font-family:monospace;font-size:13px;display:flex}.result-info{color:var(--success-t);align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.result-status-icon{width:16px;height:16px;margin-top:1px}.elapsed{color:var(--text2)}.table-scroll{border:1px solid var(--border2);border-radius:6px;overflow:auto}.result-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px}.result-table th{background:var(--bg2);color:var(--text2);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);text-align:left;white-space:nowrap;padding:8px 14px;font-size:11px;font-weight:600}.result-table td{border-bottom:1px solid var(--border2);color:var(--text);white-space:nowrap;padding:6px 14px}.result-table tr:last-child td{border-bottom:none}.result-table tr:hover td{background:var(--bg2)}.null-val{color:var(--text3);font-style:italic}.home-hero{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:28px;margin-bottom:4px;padding:34px 0 30px;display:grid}.home-hero-copy{min-width:0}.home-kicker{color:var(--accent);letter-spacing:.8px;align-items:center;margin-bottom:10px;font-size:11px;font-weight:900;display:inline-flex}.home-title{color:var(--text-head);letter-spacing:0;justify-content:center;align-items:center;gap:10px;font-size:44px;font-weight:900;display:inline-flex}.home-title-icon{width:36px;height:36px;color:var(--accent)}.home-subtitle{max-width:520px;color:var(--text2);margin:8px 0 24px;font-size:16px;line-height:1.7}.home-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px;display:flex}.home-hero-console{background:#07111f;border:1px solid #58a6ff47;border-radius:12px;overflow:hidden;box-shadow:0 22px 50px #0f172a38}.home-console-bar{background:#0f1d31;border-bottom:1px solid #94a3b829;align-items:center;gap:7px;padding:10px 12px;display:flex}.home-console-bar span{background:#ef4444;border-radius:50%;width:10px;height:10px}.home-console-bar span:nth-child(2){background:#f59e0b}.home-console-bar span:nth-child(3){background:#22c55e}.home-console-bar strong{color:#94a3b8;margin-left:4px;font-family:monospace;font-size:11px}.home-hero-console pre{color:#bfdbfe;white-space:pre-wrap;margin:0;padding:18px;font-family:Fira Code,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.8}.home-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.home-card{background:var(--bg2);border:1px solid var(--border2);border-radius:10px;padding:18px;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:0 12px 30px #0f172a0f}.home-card:hover{border-color:var(--border);transform:translateY(-2px);box-shadow:0 18px 36px #0f172a1a}.card-title{color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px;font-size:11px;font-weight:700}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.stat{background:var(--bg);border:1px solid var(--border2);border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.stat-value{color:var(--accent);font-size:22px;font-weight:700}.stat-label{color:var(--text3);font-size:11px}.level-progress{flex-direction:column;gap:8px;display:flex}.level-row{align-items:center;gap:8px;display:flex}.level-name{color:var(--text2);flex-shrink:0;width:36px;font-size:12px}.level-bar{background:var(--bg3);border-radius:2px;flex:1;height:4px;overflow:hidden}.level-fill{background:var(--success);border-radius:2px;height:100%;transition:width .4s}.level-count{color:var(--text3);text-align:right;width:28px;font-size:11px}.today-problem{flex-direction:column;gap:6px;display:flex}.home-recommendation-reason{background:var(--accent-bg);color:var(--accent);border-radius:999px;align-self:flex-start;padding:3px 7px;font-size:10px;font-weight:800;display:inline-flex}.today-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.today-title{color:var(--text-head);margin-top:4px;font-size:15px;font-weight:600}.today-desc{color:var(--text2);font-size:12px;line-height:1.6}.home-learning-next{border:1px solid var(--accent);background:var(--accent-bg);border-radius:7px;flex-direction:column;gap:2px;margin-bottom:8px;padding:10px 34px 10px 11px;transition:background .12s;display:flex;position:relative}.home-learning-next:hover{background:var(--bg3)}.home-learning-next-label{color:var(--accent);font-size:10px;font-weight:800}.home-learning-next strong{color:var(--text-head);font-size:13px}.home-learning-next small{color:var(--text2);font-size:11px}.home-learning-next-arrow{color:var(--accent);font-size:18px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.learn-list{flex-direction:column;gap:4px;display:flex}.learn-item{border-radius:6px;flex-direction:column;padding:8px 10px;transition:background .12s;display:flex}.learn-item:hover{background:var(--bg3)}.learn-item-title{color:var(--accent);font-size:13px;font-weight:600}.learn-item-sub{color:var(--text3);font-size:11px}.playground-layout{gap:16px;height:calc(100vh - 120px);display:flex}.playground-sidebar{flex-shrink:0;width:190px;overflow-y:auto}.playground-main{flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.sidebar-section{margin-bottom:16px}.sidebar-label{text-transform:uppercase;letter-spacing:1px;color:var(--text3);margin-bottom:8px;font-size:10px;font-weight:700}.schema-tbl{margin-bottom:10px}.schema-tbl-name{text-align:left;width:100%;color:var(--warn);background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:12px;font-weight:600;display:flex}.schema-tbl-name:hover{background:var(--bg3)}.schema-tbl-name.selected{background:var(--accent-bg)}.schema-cols{padding-left:10px}.schema-col-row{justify-content:space-between;padding:1px 0;display:flex}.col-nm{color:var(--text2);font-size:11px}.col-tp{color:var(--success-t);font-size:10px}.ex-btn{text-align:left;width:100%;color:var(--text2);background:0 0;border:1px solid #0000;border-radius:4px;margin-bottom:2px;padding:5px 8px;font-size:12px;display:block}.ex-btn:hover{background:var(--bg3);color:var(--text);border-color:var(--border)}.syntax-picker{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:10px}.syntax-picker.compact{position:sticky;top:16px}.syntax-group{margin-bottom:3px}.syntax-group-header{text-align:left;width:100%;color:var(--text2);background:0 0;border:1px solid #0000;border-radius:5px;justify-content:space-between;align-items:center;padding:6px 7px;font-size:12px;font-weight:800;display:flex}.syntax-group-header:hover{background:var(--bg3);color:var(--text);border-color:var(--border)}.syntax-items{flex-direction:column;gap:2px;padding:2px 0 4px 6px;display:flex}.syntax-item{text-align:left;width:100%;color:var(--text2);background:0 0;border:1px solid #0000;border-radius:5px;padding:5px 7px;font-size:12px}.syntax-item:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.terminal-help{background:#05070a;border:1px solid #1f6feb;border-radius:8px;padding:12px}.terminal-help .sidebar-label{color:#7ee787}.terminal-help-line{color:#c9d1d9;border-top:1px solid #161b22;padding:5px 0;font-family:monospace;font-size:12px}.terminal-help-line:before{content:"$ ";color:#7ee787}.editor-page-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;display:grid}.editor-page-sidebar{flex-direction:column;gap:12px;display:flex}.editor-page-main{flex-direction:column;gap:12px;min-width:0;display:flex}.editor-panel{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:12px}.editor-panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.history-clear{color:var(--text3);background:0 0;border:none;font-size:11px;font-weight:700}.history-clear:hover{color:var(--err)}.editor-empty{color:var(--text3);padding:8px 0 2px;font-size:12px;line-height:1.5}.editor-history-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.editor-history-item{text-align:left;background:var(--bg);border:1px solid var(--border2);width:100%;color:var(--text2);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;display:flex}.editor-history-item:hover{background:var(--bg3);color:var(--text)}.editor-history-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:monospace;font-size:11px;overflow:hidden}.editor-history-item small{color:var(--text3);flex-shrink:0;font-size:10px}.editor-mode-status{color:var(--text3);margin-left:auto;font-size:12px;font-weight:700}.editor-shortcut-hint{color:var(--text3);font-size:11px}.editor-statusbar{background:var(--bg3);border-top:1px solid var(--border);color:var(--text3);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 12px;font-family:monospace;font-size:11px;display:flex}.editor-statusbar span{align-items:center;gap:4px;display:inline-flex}.editor-statusbar span:before{content:"";background:var(--accent);opacity:.7;border-radius:50%;width:5px;height:5px}.tab-bar{background:var(--bg2);border-bottom:1px solid var(--border);align-items:flex-end;gap:2px;padding:6px 12px 0;display:flex;overflow-x:auto}.editor-tab{background:var(--bg3);border:1px solid var(--border);cursor:pointer;color:var(--text2);white-space:nowrap;border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:4px;min-width:80px;max-width:160px;padding:5px 10px;font-size:12px;transition:background .1s;display:flex}.editor-tab:hover{background:var(--bg1)}.editor-tab.active{background:var(--bg1);color:var(--text1);border-bottom:1px solid var(--bg1);margin-bottom:-1px}.tab-name{text-overflow:ellipsis;flex:1;overflow:hidden}.tab-close-btn{width:16px;height:16px;color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;display:flex}.tab-close-btn:hover{background:var(--bg3);color:var(--err)}.tab-add-btn{border:1px dashed var(--border);color:var(--text3);cursor:pointer;background:0 0;border-bottom:none;border-radius:6px 6px 0 0;padding:4px 10px;font-size:16px;line-height:1}.tab-add-btn:hover{background:var(--bg3);color:var(--text1)}.tab-rename-input{border:1px solid var(--accent);background:var(--bg1);color:var(--text1);border-radius:3px;width:100px;padding:0 4px;font-size:12px}.schema-tbl-label{text-overflow:ellipsis;flex:1;overflow:hidden}.schema-row-count{color:var(--text3);background:var(--bg3);border-radius:8px;flex-shrink:0;padding:1px 5px;font-size:10px}.result-meta{color:var(--text3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;display:flex}.result-meta-left{align-items:center;gap:4px;display:flex}.result-count{color:var(--text2);font-weight:600}.col-count{color:var(--text3)}.result-actions{align-items:center;gap:4px;display:flex}.result-filter-input{border:1px solid var(--border);background:var(--bg2);color:var(--text1);border-radius:5px;width:140px;padding:3px 8px;font-family:inherit;font-size:12px}.result-filter-input:focus{border-color:var(--accent);outline:none}.result-action-btn{border:1px solid var(--border);background:var(--bg2);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:5px;padding:3px 9px;font-family:inherit;font-size:12px}.result-action-btn:hover{background:var(--bg3);color:var(--text1)}.result-action-btn.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.export-menu-wrap{position:relative}.export-menu{z-index:100;background:var(--bg1);border:1px solid var(--border);border-radius:8px;min-width:200px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 16px #00000026}.export-menu button{text-align:left;width:100%;color:var(--text1);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-family:inherit;font-size:13px;display:block}.export-menu button:hover{background:var(--bg2)}.col-stats-bar{border-bottom:1px solid var(--border2);gap:6px;margin-bottom:8px;padding:8px 0;display:flex;overflow-x:auto}.col-stat-item{background:var(--bg2);border-radius:6px;flex-shrink:0;min-width:100px;padding:6px 10px}.col-stat-name{color:var(--text2);margin-bottom:4px;font-size:11px;font-weight:700}.col-stat-vals{flex-direction:column;gap:2px;display:flex}.col-stat-vals span{color:var(--text3);font-size:10px}.row-num-th,.row-num-td{text-align:right;width:36px;min-width:36px;max-width:36px;color:var(--text3);-webkit-user-select:none;user-select:none;font-size:11px;background:var(--bg2)!important;border-right:1px solid var(--border2)!important;padding:4px 6px!important}.col-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.col-th:hover{background:var(--bg3)!important}.col-th-text{margin-right:4px}.sort-icon{color:var(--text3);font-size:10px}.col-th.sort-asc .sort-icon,.col-th.sort-desc .sort-icon{color:var(--accent)}.data-cell{cursor:pointer}.data-cell:hover{background:var(--accent-subtle)!important}.cell-copied{transition:background .1s;background:var(--success-bg)!important}.null-cell{cursor:default}.result-pagination{align-items:center;gap:6px;padding:8px 0 4px;font-size:12px;display:flex}.page-btn{border:1px solid var(--border);background:var(--bg2);color:var(--text2);cursor:pointer;border-radius:4px;padding:3px 8px;font-family:inherit}.page-btn:hover:not(:disabled){background:var(--bg3)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{color:var(--text2);padding:0 4px;font-size:12px}.editor-fullscreen{z-index:200;background:var(--bg1);padding:16px;position:fixed;inset:0;overflow:auto}.btn-active{background:var(--accent-subtle)!important;border-color:var(--accent)!important;color:var(--accent)!important}.schema-tbl-name{align-items:center;gap:4px;display:flex!important}.learn-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.learn-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:18px;transition:border-color .15s,background .15s;display:flex}.learn-card:hover{border-color:var(--accent);background:var(--accent-bg)}.learn-card-title{color:var(--accent);font-size:20px;font-weight:700}.learn-card-sub{color:var(--text2);font-size:12px;font-weight:600}.learn-card-desc{color:var(--text);flex:1;font-size:13px;line-height:1.6}.learn-card-footer{color:var(--text3);margin-top:4px;font-size:11px}.learn-card-progress{background:var(--bg3);color:var(--text3);border-radius:999px;align-self:flex-end;padding:3px 7px;font-size:10px;font-weight:700}.learn-progress-summary{background:var(--accent-bg);color:var(--accent);white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 9px;font-size:11px;font-weight:700}.learn-card.completed{border-color:var(--success)}.learn-card.completed .learn-card-title{color:var(--success-t)}.learn-complete-badge{background:var(--success-bg);color:var(--success-t);border-radius:999px;margin-right:6px;padding:2px 6px;font-weight:700;display:inline-flex}.topic-page{max-width:740px}.topic-nav{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.topic-header{margin-bottom:28px}.topic-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.topic-title-row>div{min-width:0}.topic-title-row .btn{flex-shrink:0;margin-top:2px}.topic-title{color:var(--text-head);letter-spacing:-.5px;font-size:30px;font-weight:800}.topic-subtitle{color:var(--text2);margin-top:4px;font-size:15px}.topic-desc{color:var(--text);margin-top:10px;font-size:14px;line-height:1.7}.topic-section{margin-bottom:32px}.section-title{color:var(--text-head);border-bottom:1px solid var(--border2);margin-bottom:12px;padding-bottom:8px;font-size:15px;font-weight:700}.syntax-block{background:var(--code-bg);border:1px solid var(--border);color:var(--code-t);white-space:pre;border-radius:6px;padding:14px 16px;font-family:Fira Code,Consolas,monospace;font-size:13px}.example-block{background:var(--bg2);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:16px}.example-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.example-num{background:var(--accent2);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.example-title{color:var(--text-head);font-size:13px;font-weight:600}.example-desc{color:var(--text2);margin-bottom:8px;font-size:12px}.example-editor{position:relative}.example-result{margin-top:10px}.tips-list{flex-direction:column;gap:8px;padding-left:0;list-style:none;display:flex}.tip-item{background:var(--bg2);border-left:3px solid var(--accent2);color:var(--text);border-radius:0 6px 6px 0;padding:8px 12px;font-size:13px;line-height:1.6}.related-problems{flex-direction:column;gap:6px;display:flex}.topic-practice-empty{border:1px dashed var(--border);color:var(--text3);background:var(--bg2);border-radius:8px;padding:14px 16px;font-size:13px;line-height:1.6}.related-problem-card{background:var(--bg2);border:1px solid var(--border);border-radius:6px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .12s;display:flex}.related-problem-card:hover{border-color:var(--accent)}.related-problem-card.solved{border-left:3px solid var(--success)}.rp-title{color:var(--text);flex:1;font-size:13px}.rp-status{color:var(--text3);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:inline-flex}.related-problem-card.solved .rp-status{color:var(--success-t);font-weight:700}.rp-status .icon{width:13px;height:13px}.rp-arrow{color:var(--accent)}.roadmap-section{margin-bottom:22px}.roadmap-track{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:18px;display:grid}.roadmap-step{background:var(--bg2);border:1px solid var(--border);border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.roadmap-step-num{background:var(--accent-bg);width:24px;height:24px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.roadmap-step-body{flex-direction:column;gap:3px;min-width:0;display:flex}.roadmap-step-body strong{color:var(--text-head);font-size:13px}.roadmap-step-body span{color:var(--text2);font-size:11px;line-height:1.45}.roadmap-step-body small{color:var(--text3);font-size:11px}.problem-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.problem-controls select{background:var(--bg2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;padding:7px 10px;font-size:12px}.problem-empty-state{border:1px dashed var(--border);background:var(--bg2);color:var(--text3);text-align:center;border-radius:9px;flex-direction:column;align-items:center;gap:6px;margin-bottom:24px;padding:34px 20px;display:flex}.problem-empty-state .icon{width:24px;height:24px;color:var(--accent)}.problem-empty-state strong{color:var(--text-head);font-size:14px}.problem-empty-state span{font-size:12px}.problem-empty-state .btn{margin-top:6px}.problem-level-group{margin-bottom:24px}.level-group-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.level-group-count{color:var(--text3);font-size:12px}.problem-list{flex-direction:column;gap:2px;display:flex}.problem-row{background:var(--bg2);border:1px solid var(--border2);border-radius:6px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .12s,background .12s;display:flex}.problem-row:hover{border-color:var(--border);background:var(--bg3)}.problem-row.solved{border-left:3px solid var(--success)}.problem-num{color:var(--text3);flex-shrink:0;width:32px;font-family:monospace;font-size:11px}.problem-name{color:var(--text-head);flex:1;font-size:13px}.problem-tags{flex-wrap:wrap;gap:4px;display:flex}.problem-status{text-align:right;width:90px;color:var(--text3);flex-shrink:0;font-size:11px}.problem-status.status-solved{justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.problem-status.status-review{color:var(--accent);font-weight:700}.status-solved{color:var(--success-t)!important}.problem-status.status-solved.status-review{color:var(--accent)!important}.status-tried{color:var(--warn)!important}.problem-nav{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.problem-nav-pages{gap:8px;display:flex}.problem-layout{grid-template-columns:minmax(280px,340px) minmax(520px,1fr);align-items:start;gap:16px;display:grid}.problem-mobile-tabs{display:none}.problem-panel{background:var(--bg2);border:1px solid var(--border);border-radius:8px;min-width:0;padding:14px}.problem-panel-head{border-bottom:1px solid var(--border2);color:var(--text3);text-transform:uppercase;letter-spacing:.8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;font-size:11px;font-weight:800;display:flex}.problem-panel-head strong{color:var(--accent);letter-spacing:0;font-size:11px}.problem-info{flex-shrink:1;width:auto}.problem-editor-area{min-width:0}.problem-feedback-panel{grid-column:2;min-width:0}.problem-feedback-panel .result-card{margin-top:12px}.problem-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.problem-title{color:var(--text-head);margin-bottom:10px;font-size:18px;font-weight:700}.problem-desc{color:var(--text2);white-space:pre-wrap;margin-bottom:16px;font-size:13px;line-height:1.7}.problem-tables{margin-bottom:20px}.ptables-label{color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:11px}.problem-side-actions{flex-wrap:wrap;gap:6px;margin:-8px 0 18px;display:flex}.problem-quick-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.problem-quick-stats div{background:var(--bg);border:1px solid var(--border2);border-radius:6px;flex-direction:column;gap:2px;padding:8px;display:flex}.problem-quick-stats span{color:var(--text3);font-size:10px;font-weight:800}.problem-quick-stats strong{color:var(--text-head);font-size:13px}.hints-section{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.hints-label{color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;font-size:11px}.hint-box{background:var(--accent-bg);border:1px solid var(--accent)33;color:var(--accent-hover);border-radius:6px;padding:8px 12px;font-size:12px;line-height:1.6}.hint-num{font-weight:700}.answer-section{margin-top:4px}.answer-box{background:var(--success-bg);border:1px solid var(--success)44;border-radius:6px;padding:10px 12px}.answer-label{color:var(--success-t);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:11px}.answer-sql{color:var(--success-t);white-space:pre-wrap;font-family:monospace;font-size:12px;line-height:1.6}.grade-result{border-radius:6px;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.grade-result.correct{background:var(--success-bg);border:1px solid var(--success);color:var(--success-t)}.grade-result.wrong{background:var(--err-bg);border:1px solid var(--err-border);color:var(--err)}.grade-icon{width:18px;height:18px}.grade-checks{color:inherit;flex-basis:100%;margin-left:26px;padding-left:14px;font-size:12px;font-weight:500;line-height:1.6}.tables-layout{gap:20px;display:flex}.tables-sidebar{flex-shrink:0;width:190px}.tables-main{flex:1}.table-btn{text-align:left;width:100%;color:var(--text2);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;margin-bottom:2px;padding:7px 10px;font-size:13px;display:flex}.table-btn:hover{background:var(--bg3);color:var(--text)}.table-btn.selected{background:var(--accent-bg);color:var(--accent)}.relations{flex-direction:column;gap:6px;display:flex}.relation-row{color:var(--text3);font-family:monospace;font-size:11px}.table-detail-title{color:var(--warn);align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.table-detail-icon{width:20px;height:20px}.erd-section{margin-bottom:18px}.erd-canvas{background:var(--bg2);border:1px solid var(--border);border-radius:8px;height:220px;position:relative;overflow:hidden}.erd-node{z-index:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:3px;width:126px;min-height:78px;padding:10px;display:flex;position:absolute}.erd-node strong{color:var(--text-head);margin-bottom:2px;font-size:12px}.erd-node span{color:var(--text2);font-family:monospace;font-size:10px}.erd-departments{top:36px;left:24px}.erd-employees{top:36px;left:300px}.erd-orders{top:124px;left:300px}.erd-products{top:124px;left:494px}.erd-lines{width:100%;height:100%;color:var(--accent);pointer-events:none;position:absolute;inset:0}.erd-lines path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-dasharray:5 5;opacity:.75}.column-table-wrap{border:1px solid var(--border);border-radius:6px;margin-bottom:20px;overflow:hidden}.column-table{border-collapse:collapse;width:100%;font-size:13px}.column-table th{background:var(--bg2);color:var(--text2);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);text-align:left;padding:8px 14px;font-size:11px;font-weight:600}.column-table td{border-bottom:1px solid var(--border2);color:var(--text);padding:8px 14px}.column-table tr:last-child td{border-bottom:none}.col-idx{color:var(--text3);font-size:12px}.col-nm-cell{color:var(--text-head);font-family:monospace}.col-tp-badge{background:var(--success-bg);color:var(--success-t);border-radius:4px;padding:2px 8px;font-size:11px}.preview-label{color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:12px}.progress-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.pstat{background:var(--bg2);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex}.pstat-value{color:var(--accent);font-size:28px;font-weight:700}.pstat-label{color:var(--text3);font-size:12px}.progress-section{margin-bottom:28px}.progress-section-title{color:var(--text-head);border-bottom:1px solid var(--border2);margin-bottom:14px;padding-bottom:8px;font-size:15px;font-weight:700}.progress-learning-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.progress-learning-head .progress-section-title{margin-bottom:4px}.progress-learning-desc{color:var(--text3);margin:0;font-size:12px;line-height:1.5}.learning-topic-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px;display:grid}.learning-topic-row{border:1px solid var(--border2);background:var(--bg2);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:10px 12px;transition:border-color .12s,background .12s;display:flex}.learning-topic-row:hover{border-color:var(--accent);background:var(--accent-bg)}.learning-topic-row.completed{border-left:3px solid var(--success)}.learning-topic-status{width:26px;height:26px;color:var(--accent);background:var(--accent-bg);border-radius:7px;flex:0 0 26px;justify-content:center;align-items:center;display:inline-flex}.learning-topic-row.completed .learning-topic-status{color:var(--success-t);background:var(--success-bg)}.learning-topic-status .icon{width:15px;height:15px}.learning-topic-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.learning-topic-copy strong{color:var(--text-head);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.learning-topic-copy small{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.learning-topic-action{color:var(--accent);flex-shrink:0;font-size:11px;font-weight:700}.level-bars,.tag-bars{flex-direction:column;gap:10px;display:flex}.lbar-row,.tbar-row{align-items:center;gap:12px;display:flex}.lbar-track{background:var(--bg3);border-radius:3px;flex:1;height:6px;overflow:hidden}.lbar-fill{background:var(--success);border-radius:3px;height:100%;transition:width .4s}.lbar-count{color:var(--text3);text-align:right;width:36px;font-size:12px}.tbar-tag{width:80px;font-size:12px;font-weight:600}.progress-problem-list{flex-direction:column;gap:2px;display:flex}.progress-problem-row{background:var(--bg2);border:1px solid var(--border2);border-radius:6px;align-items:center;gap:12px;padding:8px 12px;transition:border-color .12s;display:flex}.progress-problem-row:hover{border-color:var(--border)}.progress-problem-row.solved{border-left:3px solid var(--success)}.progress-problem-num{color:var(--text3);width:32px;font-family:monospace;font-size:11px}.progress-problem-title{color:var(--text-head);flex:1;font-size:13px}.progress-problem-stat{color:var(--success-t);justify-content:flex-end;align-items:center;gap:4px;font-size:11px;display:inline-flex}.community-page{max-width:1280px}.community-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.community-main{min-width:0}.community-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.community-tabs{flex-wrap:wrap;gap:6px;display:flex}.community-tab{border:1px solid var(--border);color:var(--text2);background:0 0;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600}.community-tab:hover,.community-tab.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.community-search{background:var(--bg2);width:240px;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;padding:7px 10px;font-size:12px}.community-search::placeholder{color:var(--text3)}.community-list{border:1px solid var(--border);background:var(--bg2);border-radius:8px;overflow:hidden;box-shadow:0 10px 28px #0f172a0d}.community-row{border:none;border-bottom:1px solid var(--border2);text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;grid-template-columns:72px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:grid}.community-row:last-child{border-bottom:none}.community-row:hover,.community-row.selected{background:var(--bg3)}.community-row-category,.community-detail-category{background:var(--accent-bg);width:max-content;min-width:54px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.community-row-body{flex-direction:column;gap:2px;min-width:0;display:flex}.community-row-title-line{align-items:center;gap:6px;min-width:0;display:flex}.community-row-title{color:var(--text-head);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.community-row-meta{color:var(--text3);font-size:11px}.community-row-likes{color:var(--success-t);text-align:right;font-size:12px;font-weight:700}.community-empty{color:var(--text3);padding:20px;font-size:13px}.community-post-page{max-width:920px}.community-back-link{color:var(--text2);align-items:center;gap:6px;margin-bottom:14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.community-back-link:hover{color:var(--accent)}.community-back-link svg{width:14px;height:14px}.community-detail{background:var(--bg2);border:1px solid var(--border);border-radius:8px;margin-top:14px;padding:18px;box-shadow:0 12px 30px #0f172a0f}.community-post-detail{margin-top:0}.community-post-detail .community-detail-title{font-size:clamp(22px,3vw,28px);line-height:1.35}.community-detail-head{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.community-detail-title{color:var(--text-head);margin-top:8px;font-size:18px}.community-detail-meta{color:var(--text3);margin-top:4px;font-size:12px}.community-detail-actions{flex-shrink:0;gap:6px;display:flex}.community-like-count{border:1px solid var(--border);min-height:30px;color:var(--success-t);border-radius:6px;align-items:center;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.community-seed-badge{background:var(--bg3);border:1px solid var(--border);color:var(--text3);border-radius:999px;flex:none;align-items:center;padding:2px 6px;font-size:10px;font-weight:800;display:inline-flex}.community-seed-badge.detail-badge{vertical-align:middle;margin-left:7px}.community-detail-body{color:var(--text);white-space:pre-wrap;margin:16px 0 20px;font-size:13px;line-height:1.8}.community-comments{border-top:1px solid var(--border2);padding-top:14px}.community-comments-title{color:var(--text-head);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.community-comment{background:var(--bg);border:1px solid var(--border2);border-radius:6px;margin-bottom:8px;padding:10px 12px}.community-comment-meta{color:var(--text3);margin-bottom:4px;font-size:11px}.community-comment-body{color:var(--text);white-space:pre-wrap;font-size:13px;line-height:1.6}.community-comments-empty{color:var(--text3);margin:0 0 10px;font-size:12px}.community-sample-note{border:1px dashed var(--border);color:var(--text2);background:var(--bg);border-radius:6px;margin-top:12px;padding:10px 12px;font-size:12px}.community-comment-form{grid-template-columns:120px minmax(0,1fr) auto;align-items:stretch;gap:8px;margin-top:12px;display:grid}.community-compose{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:16px;position:sticky;top:24px}.community-compose-title{color:var(--text-head);border-bottom:1px solid var(--border2);margin-bottom:12px;padding-bottom:10px;font-size:14px;font-weight:700}.community-compose form{flex-direction:column;gap:10px;display:flex}.community-compose label{color:var(--text2);flex-direction:column;gap:5px;font-size:11px;font-weight:700;display:flex}.community-compose input,.community-compose select,.community-compose textarea,.community-comment-form input,.community-comment-form textarea{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;padding:8px 10px;font-size:12px}.community-compose textarea,.community-comment-form textarea{resize:vertical;min-height:76px}.community-compose input::placeholder,.community-compose textarea::placeholder,.community-comment-form input::placeholder,.community-comment-form textarea::placeholder{color:var(--text3)}.community-write-disabled{color:var(--err);margin-top:6px;font-size:11px}.community-edit-actions{gap:8px;display:flex}@media (width<=980px){.community-layout{grid-template-columns:1fr}.community-compose{position:static}.community-toolbar{flex-direction:column;align-items:stretch}.community-search{width:100%}.community-comment-form{grid-template-columns:1fr}}.settings-page{max-width:1120px}.settings-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:20px;display:grid}.settings-main{flex-direction:column;gap:14px;min-width:0;display:flex}.settings-section,.settings-summary{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:16px;box-shadow:0 10px 28px #0f172a0d}.settings-section-head{border-bottom:1px solid var(--border2);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;display:flex}.settings-section-head h3,.settings-summary-title{color:var(--text-head);font-size:14px;font-weight:700}.settings-field{color:var(--text2);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.settings-field input,.settings-field select{background:var(--bg);max-width:360px;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;padding:8px 10px;font-size:13px}.settings-field input::placeholder{color:var(--text3)}.db-type-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.db-type-card{text-align:left;background:var(--bg);border:1px solid var(--border);min-height:108px;color:var(--text);border-radius:8px;flex-direction:column;gap:8px;padding:12px;transition:border-color .15s,background .15s,opacity .15s;display:flex}.db-type-card:hover:not(:disabled),.db-type-card.selected{border-color:var(--accent);background:var(--accent-bg)}.db-type-card:disabled{opacity:.56;cursor:not-allowed}.db-type-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.db-type-name{color:var(--text-head);font-size:14px;font-weight:800}.db-type-status{border-radius:999px;justify-content:center;align-items:center;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.db-type-status.available{background:var(--success-bg);color:var(--success-t)}.db-type-status.soon{background:var(--bg3);color:var(--text3);border:1px solid var(--border)}.db-type-desc{color:var(--text2);font-size:12px;line-height:1.55}.settings-note{color:var(--text3);margin-top:10px;font-size:12px;line-height:1.6}.settings-toggle{border-top:1px solid var(--border2);color:var(--text);align-items:flex-start;gap:10px;padding:10px 0;font-size:13px;font-weight:700;display:flex}.settings-toggle:first-of-type{border-top:none}.settings-toggle input{accent-color:var(--accent);margin-top:3px}.settings-toggle span{flex-direction:column;gap:2px;display:flex}.settings-toggle small{color:var(--text3);font-size:11px;font-weight:400;line-height:1.5}.settings-summary{flex-direction:column;gap:12px;display:flex;position:sticky;top:24px}.settings-summary-title{border-bottom:1px solid var(--border2);padding-bottom:10px}.settings-summary-row{color:var(--text3);justify-content:space-between;gap:10px;font-size:12px;display:flex}.settings-summary-row strong{color:var(--text-head);text-align:right;font-size:12px}.settings-actions{gap:8px;margin-top:4px;display:flex}.settings-saved{background:var(--success-bg);color:var(--success-t);border:1px solid var(--success)44;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:700}@media (width<=900px){.settings-layout{grid-template-columns:1fr}.settings-summary{position:static}}.ex-group{margin-bottom:2px}.ex-group-header{text-align:left;width:100%;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;padding:5px 8px;font-size:11px;font-weight:700;display:flex}.ex-group-header:hover{background:var(--bg3);color:var(--text);border-color:var(--border)}.ex-group-chevron{color:var(--text3);font-size:10px}.ex-group-items{padding-left:4px}.cert-page{max-width:900px}.cert-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.cert-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;padding:22px;transition:border-color .15s,transform .15s;display:flex}.cert-card:hover{border-color:var(--border);transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.cert-history-summary{background:var(--bg);color:var(--text3);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.cert-history-summary strong{font-size:12px}.cert-history-summary.passed{border-left:3px solid var(--success)}.cert-history-summary.passed strong{color:var(--success-t)}.cert-history-summary.failed{border-left:3px solid var(--err)}.cert-history-summary.failed strong{color:var(--err)}.cert-card-top{flex-direction:column;gap:4px;display:flex}.cert-name-row{align-items:center;gap:10px;display:flex}.cert-trophy-icon{flex-shrink:0;width:24px;height:24px}.cert-name{letter-spacing:-.5px;font-size:26px;font-weight:800}.cert-fullname{color:var(--text2);font-size:14px;font-weight:500}.cert-org{color:var(--text3);font-size:12px}.cert-desc{color:var(--text);font-size:13px;line-height:1.6}.cert-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cert-stat{background:var(--bg);border:1px solid var(--border2);border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.cert-stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.cert-stat-value{color:var(--text-head);font-size:12px;font-weight:600}.cert-card-footer{justify-content:flex-end;display:flex}.cert-detail-link{font-size:12px;font-weight:600}.cert-detail-page{max-width:820px}.cert-detail-header{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.cert-detail-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.cert-detail-title{letter-spacing:-.5px;font-size:28px;font-weight:800}.cert-detail-fullname{color:var(--text2);font-size:14px}.cert-detail-desc{color:var(--text2);font-size:14px;line-height:1.6}.cert-practice-notice{border:1px solid var(--border);background:var(--bg2);color:var(--text2);border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:4px;padding:11px 13px;font-size:12px;line-height:1.55;display:flex}.cert-practice-notice svg{color:var(--accent);flex:none;margin-top:1px}.cert-practice-notice span{flex:420px}.cert-practice-notice a{color:var(--accent);white-space:nowrap;font-weight:700}.cert-tabs{border-bottom:1px solid var(--border2);gap:0;margin-bottom:24px;display:flex}.cert-tab{color:var(--text2);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:14px;font-weight:600;transition:color .12s,border-color .12s}.cert-tab:hover{color:var(--text)}.cert-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.cert-tab-content{flex-direction:column;gap:28px;display:flex}.cert-section{flex-direction:column;gap:12px;display:flex}.cert-section-title{color:var(--text-head);border-bottom:1px solid var(--border2);padding-bottom:8px;font-size:15px;font-weight:700}.cert-info-table{border:1px solid var(--border);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.cert-info-row{border-bottom:1px solid var(--border2);align-items:baseline;padding:10px 16px;display:flex}.cert-info-row:last-child{border-bottom:none}.cert-info-label{width:110px;color:var(--text3);flex-shrink:0;font-size:12px;font-weight:600}.cert-info-value{color:var(--text);font-size:13px}.cert-subjects{flex-direction:column;gap:10px;display:flex}.cert-subject-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.cert-subject-header{justify-content:space-between;align-items:center;display:flex}.cert-subject-name{color:var(--text-head);font-size:14px;font-weight:600}.cert-subject-score{color:var(--text3);font-size:12px}.cert-subject-topics{flex-wrap:wrap;gap:6px;display:flex}.cert-topic-chip{background:var(--bg3);border:1px solid var(--border);color:var(--text2);border-radius:4px;padding:2px 8px;font-size:11px;display:inline-flex}.cert-key-topics{flex-direction:column;gap:8px;list-style:none;display:flex}.cert-key-topic-item{color:var(--text);align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.cert-topic-num{background:var(--accent-bg);width:22px;height:22px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.cert-study-plan{flex-direction:column;gap:0;display:flex}.cert-plan-step{border-bottom:1px solid var(--border2);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.cert-plan-step:last-child{border-bottom:none}.cert-plan-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.cert-plan-text{color:var(--text);font-size:13px;line-height:1.6}.cert-sql-intro{color:var(--text2);margin-bottom:4px;font-size:13px}.cert-sql-example{margin-bottom:20px}.cert-sql-example-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.cert-sql-num{background:var(--accent2);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.cert-sql-title{color:var(--text-head);font-size:14px;font-weight:700}.cert-sql-desc{color:var(--text2);margin-bottom:8px;font-size:12px}.cert-sql-result{margin-top:8px}.cert-quiz-area{flex-direction:column;gap:16px;display:flex}.cert-quiz-progress{align-items:center;gap:12px;display:flex}.cert-quiz-progress-bar{background:var(--bg3);border-radius:3px;flex:1;height:6px;overflow:hidden}.cert-quiz-progress-fill{border-radius:3px;height:100%;transition:width .3s}.cert-quiz-progress-label{color:var(--text2);white-space:nowrap;font-size:12px}.cert-quiz-score-label{color:var(--text3);white-space:nowrap;font-size:12px}.cert-quiz-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:16px;padding:22px;display:flex}.cert-quiz-meta{align-items:center;gap:8px;display:flex}.cert-quiz-subject{text-transform:uppercase;letter-spacing:.5px;color:var(--text3);font-size:11px;font-weight:700}.cert-quiz-difficulty{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.diff-기본{background:var(--lv1-bg);color:var(--lv1-t)}.diff-중간{background:var(--lv2-bg);color:var(--lv2-t)}.diff-심화{background:var(--lv4-bg);color:var(--lv4-t)}.cert-quiz-question{color:var(--text-head);font-size:15px;font-weight:500;line-height:1.7}.cert-quiz-options{flex-direction:column;gap:8px;display:flex}.cert-quiz-option{text-align:left;background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;transition:border-color .12s,background .12s;display:flex}.cert-quiz-option:hover:not(:disabled),.cert-quiz-option.selected{border-color:var(--accent);background:var(--accent-bg)}.cert-quiz-option.correct{border-color:var(--success);background:var(--success-bg);color:var(--success-t);font-weight:600}.cert-quiz-option.wrong{border-color:var(--err-border);background:var(--err-bg);color:var(--err)}.cert-quiz-option:disabled{cursor:default}.cert-quiz-option-num{background:var(--bg3);width:20px;height:20px;color:var(--text2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:700;display:flex}.cert-quiz-explanation{border-radius:8px;flex-direction:column;gap:8px;padding:14px 16px;font-size:13px;line-height:1.6;display:flex}.cert-quiz-explanation.correct{background:var(--success-bg);border:1px solid var(--success);color:var(--success-t)}.cert-quiz-explanation.wrong{background:var(--err-bg);border:1px solid var(--err-border);color:var(--err)}.cert-quiz-explanation p{color:var(--text)}.cert-quiz-sql-area{border-top:1px solid var(--border2);flex-direction:column;gap:6px;margin-top:6px;padding-top:10px;display:flex}.cert-quiz-actions{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.cert-quiz-done{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:48px 0;display:flex}.cert-quiz-done-title{color:var(--text-head);font-size:24px;font-weight:800}.cert-quiz-done-score{color:var(--text2);font-size:18px}.cert-quiz-done-pct{color:var(--text2);font-size:14px}.cert-quiz-done-summary{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cert-quiz-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.nav-auth{border-top:1px solid var(--border2);margin-top:auto;padding:12px 14px 4px}.nav-login-btn{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text2);border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:600;transition:background .12s,color .12s;display:flex}.nav-login-btn:hover{background:var(--border);color:var(--text)}.nav-user{align-items:center;gap:8px;display:flex}.nav-avatar{border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:28px;height:28px}.nav-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.nav-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.nav-logout-btn{color:var(--text3);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.nav-logout-btn:hover{color:var(--err);text-decoration:underline}@media (width>=1280px){.page{max-width:1240px}.topic-page{max-width:820px}.cert-detail-page{max-width:920px}.playground-sidebar{width:230px}.problem-layout{grid-template-columns:minmax(300px,360px) minmax(640px,1fr)}.tables-sidebar{width:220px}.editor-page{max-width:1320px}}@media (width<=1024px){.page{max-width:none;padding:22px 20px}.home-grid,.progress-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-layout,.tables-layout{flex-direction:column;height:auto;min-height:0}.problem-layout{grid-template-columns:1fr}.problem-feedback-panel{grid-column:auto}.playground-sidebar,.tables-sidebar,.problem-info{width:100%}.playground-sidebar,.tables-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid;overflow:visible}.playground-main,.tables-main,.problem-editor-area{overflow:visible}.editor-workbench.with-helper{grid-template-columns:1fr}.syntax-picker.compact{position:static}.erd-canvas{max-width:680px}.community-layout,.settings-layout,.editor-page-layout{grid-template-columns:1fr}.community-compose,.settings-summary{position:static}}@media (width<=760px){body{overflow:auto}#root{height:auto;min-height:100vh}.layout{height:auto;min-height:100vh;padding-bottom:calc(98px + env(safe-area-inset-bottom));padding-top:58px;display:block;overflow:visible}.mobile-topbar{z-index:101;background:var(--bg2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;height:58px;padding:8px 12px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 24px #0f172a1a}.mobile-topbar-brand,.mobile-topbar-actions{align-items:center;gap:8px;display:flex}.mobile-topbar-brand{min-width:0;color:var(--accent);font-size:14px;font-weight:900}.mobile-topbar-icon{width:18px;height:18px}.page-content{min-height:100vh;padding-bottom:calc(24px + env(safe-area-inset-bottom));overflow:visible}.page{padding:18px 14px 34px}.page-header{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:18px;padding-bottom:12px}.page-title{font-size:19px}.page-desc{font-size:12px;line-height:1.5}.nav{z-index:100;width:100%;height:calc(86px + env(safe-area-inset-bottom));padding:8px 10px calc(10px + env(safe-area-inset-bottom));border-right:none;border-top:1px solid var(--border);scrollbar-width:none;scroll-snap-type:x proximity;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172a;border-top-color:#24324a;flex-direction:row;align-items:stretch;gap:6px;position:fixed;bottom:0;left:0;right:0;overflow:auto hidden;box-shadow:0 -14px 30px #0f172a52}.nav::-webkit-scrollbar{display:none}.nav-top,.nav-progress-bar,.nav-progress-label,.nav-group-label,.nav-auth,.language-switcher.compact .language-btn span{display:none}.nav-section{padding:0;display:contents}.nav-item{text-align:center;white-space:nowrap;color:#cbd5e1;scroll-snap-align:center;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:0 0 76px;justify-content:center;gap:5px;min-width:76px;margin:0;padding:8px 6px;font-size:10.5px;font-weight:700;line-height:1.2}.nav-item:hover{color:#fff;background:#17233a}.nav-item.active{color:#fff;background:#2563eb;border-color:#60a5fa;border-right-style:none;border-right-width:medium;box-shadow:0 6px 18px #2563eb61}.nav-icon{width:20px;height:20px}.btn,.btn-run,.btn-grade,.btn-ghost-sm{min-height:36px}.editor-toolbar,.editor-mode-bar,.home-actions,.problem-controls,.problem-nav,.cert-quiz-actions,.community-detail-head,.settings-actions{flex-wrap:wrap}.editor-toolbar{bottom:calc(86px + env(safe-area-inset-bottom));z-index:20;border:1px solid var(--border);border-left:none;border-right:none;padding:10px;position:sticky;box-shadow:0 -8px 20px #00000024}.editor-toolbar>button{min-height:40px;padding-left:12px;padding-right:12px}.editor-toolbar .btn-ghost-sm[style]{margin-left:0!important}.editor-mode-status{width:100%;margin-left:0}.editor-mode-bar{grid-template-columns:1fr}.editor-mode-btn{flex-direction:row;justify-content:space-between;align-items:center}.home-hero{text-align:left;grid-template-columns:1fr;gap:18px;padding:24px 0 20px}.home-title{justify-content:flex-start;font-size:30px}.home-title-icon{width:30px;height:30px}.home-actions{justify-content:flex-start}.home-actions .btn{flex:150px;justify-content:center}.home-hero-console{border-radius:10px}.home-hero-console pre{padding:14px;font-size:11px}.streak-widget{padding:14px}.streak-main,.streak-today{flex-wrap:wrap;align-items:stretch}.streak-main{gap:10px}.streak-info{text-align:left;flex:84px}.streak-divider{display:none}.streak-today{grid-template-columns:auto minmax(0,1fr) auto;display:grid}.streak-goal-select{grid-column:1/-1;min-height:34px}.home-grid,.learn-grid,.progress-stats,.cert-grid,.roadmap-track,.db-type-grid{grid-template-columns:1fr}.playground-sidebar,.tables-sidebar,.editor-page-sidebar{display:block}.schema-tbl{border:1px solid var(--border2);background:var(--bg2);border-radius:8px;padding:6px}.schema-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;padding-left:6px;display:grid}.problem-row,.progress-problem-row,.related-problem-card{flex-wrap:wrap;align-items:flex-start;gap:8px}.problem-name,.progress-problem-title,.rp-title{flex-basis:calc(100% - 44px)}.problem-tags,.problem-status,.progress-problem-stat,.related-problem-card .rp-status{margin-left:40px}.wrong-item{flex-wrap:wrap;align-items:flex-start;gap:8px}.wrong-item .wrong-title{flex-basis:calc(100% - 44px);min-width:0}.wrong-item .review-status,.wrong-item .wrong-link{margin-left:40px}.problem-status{text-align:left;width:auto}.problem-nav{gap:10px}.problem-mobile-tabs{z-index:5;background:var(--bg);border:1px solid var(--border2);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;margin:-4px 0 12px;padding:6px;display:grid;position:sticky;top:0}.problem-mobile-tab{color:var(--text2);background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 6px;font-size:12px;font-weight:800}.problem-mobile-tab.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.problem-panel{display:none}.problem-panel.mobile-active{display:block}.problem-nav-pages,.problem-side-actions{width:100%}.grade-result{font-size:13px}.grade-checks{margin-left:0}.syntax-block,.answer-sql{overflow-x:auto}.table-scroll,.column-table-wrap{max-width:calc(100vw - 28px)}.result-actions{width:100%}.result-filter-input{flex:100%;width:100%}.export-menu{min-width:220px;left:0;right:auto}.erd-canvas{grid-template-columns:1fr;gap:8px;height:auto;padding:10px;display:grid}.erd-node{width:100%;min-height:0;position:static}.erd-lines{display:none}.relation-row{white-space:normal;line-height:1.5}.community-toolbar,.community-detail-head{flex-direction:column;align-items:stretch}.community-search{width:100%}.community-row{grid-template-columns:1fr auto;gap:8px}.community-row-category{grid-area:1/1/auto/2}.community-row-body{grid-area:2/1/auto/-1}.community-row-likes{grid-area:1/2/auto/3}.community-detail-actions,.community-comment-form{grid-template-columns:1fr;display:grid}.community-detail{padding:14px}.settings-field input,.settings-field select{max-width:none}.settings-summary-row{align-items:flex-start}.cert-tabs{overflow-x:auto}.cert-tab{white-space:nowrap;flex:none;padding:10px 14px}.cert-info-row,.cert-subject-header,.cert-quiz-progress{flex-direction:column;align-items:flex-start;gap:6px}.cert-info-label{width:auto}}@media (width<=420px){.page{padding-left:12px;padding-right:12px}.home-title{font-size:26px}.editor-toolbar>button{flex:calc(50% - 8px);justify-content:center}.problem-controls>*,.settings-actions>*,.community-detail-actions>*{width:100%}.schema-cols,.stat-grid,.cert-stats{grid-template-columns:1fr}.nav-item{flex-basis:74px;min-width:74px}.home-actions .btn{flex-basis:100%}.login-card-top{flex-direction:column;align-items:stretch}.login-card-top .language-switcher{align-self:flex-start}}.maintenance-page{max-width:1560px;padding-bottom:34px}.maintenance-hero{color:#eff8ff;box-shadow:var(--shadow-md);background:linear-gradient(120deg,#091626fa,#103142f0),radial-gradient(circle at 88% 8%,#4cbeb352,#0000 35%);border:1px solid #63c2dc5c;border-radius:18px;justify-content:space-between;gap:24px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.maintenance-hero:after{pointer-events:none;content:"";background-image:linear-gradient(#a8ecff0f 1px,#0000 1px),linear-gradient(90deg,#a8ecff0f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 78%);mask-image:linear-gradient(90deg,#000,#0000 78%)}.maintenance-hero-copy,.maintenance-hero-status{z-index:1;position:relative}.maintenance-hero-copy{max-width:720px}.maintenance-kicker{color:#85e9dd;letter-spacing:.12em;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.maintenance-live-dot{background:#45e0b4;border-radius:999px;width:8px;height:8px;animation:1.8s ease-in-out infinite maintenance-pulse;box-shadow:0 0 0 5px #45e0b424,0 0 13px #45e0b4}.maintenance-hero h1{color:#fff;letter-spacing:-.045em;margin:7px 0 5px;font-size:clamp(24px,3vw,34px)}.maintenance-hero p{color:#ebf8ffbd;font-size:14px}.maintenance-hero-status{text-align:right;border-left:1px solid #c6f0ff47;align-content:center;min-width:176px;padding-left:22px;display:grid}.maintenance-hero-status span{color:#def7ff9e;letter-spacing:.09em;font-size:10px;font-weight:800}.maintenance-hero-status strong{color:#fff;letter-spacing:.06em;font-size:15px}.maintenance-hero-status em{color:#8debdc;font-size:11px;font-style:normal}.maintenance-hud{background:var(--border);border:1px solid var(--border);border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:14px 0;display:grid;overflow:hidden}.maintenance-hud-item{background:var(--bg1);gap:2px;min-height:58px;padding:10px 16px;display:grid}.maintenance-hud-item span{color:var(--text3);letter-spacing:.08em;font-size:10px;font-weight:800}.maintenance-hud-item strong{color:var(--text-head);align-items:center;gap:6px;font-size:15px;display:flex}.maintenance-hud-item strong .icon{color:var(--success-t)}.maintenance-hud-item.sla.urgent{background:var(--err-bg)}.maintenance-hud-item.sla.urgent strong{color:var(--err)}.maintenance-layout{grid-template-columns:minmax(205px,.68fr) minmax(440px,1.7fr) minmax(245px,.8fr);align-items:start;gap:14px;display:grid}.maintenance-queue,.maintenance-feedback,.maintenance-incident,.maintenance-terminal{border:1px solid var(--border);background:var(--bg1);box-shadow:var(--shadow-sm);border-radius:14px}.maintenance-queue,.maintenance-feedback{overflow:hidden}.maintenance-section-head{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;gap:10px;min-height:63px;padding:13px 15px;display:flex}.maintenance-section-head>div{gap:1px;display:grid}.maintenance-section-head span{color:var(--text3);letter-spacing:.08em;font-size:10px;font-weight:800}.maintenance-section-head strong{color:var(--text-head);font-size:13px}.maintenance-section-head>.icon{color:var(--accent)}.maintenance-queue-count{background:var(--accent2);border-radius:999px;place-items:center;min-width:26px;min-height:26px;display:grid;color:#fff!important;font-size:11px!important}.maintenance-ticket-list{padding:7px}.maintenance-ticket{width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 8px;transition:all .16s;display:grid}.maintenance-ticket:hover{background:var(--bg2);border-color:var(--border2)}.maintenance-ticket.active{background:var(--accent-subtle);border-color:color-mix(in srgb, var(--accent) 48%, var(--border))}.maintenance-ticket.resolved{opacity:.58}.maintenance-ticket-copy{gap:2px;min-width:0;display:grid}.maintenance-ticket-copy strong{color:var(--text-head);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.maintenance-ticket-copy small{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.maintenance-ticket-state .icon{width:16px;color:var(--text3)}.maintenance-ticket.resolved .maintenance-ticket-state .icon{color:var(--success-t)}.maintenance-severity{letter-spacing:.04em;border-radius:4px;justify-content:center;align-items:center;min-width:29px;padding:3px 5px;font-size:9px;font-style:normal;font-weight:900;display:inline-flex}.severity-critical .maintenance-severity,.maintenance-severity.severity-critical{color:#fff;background:#bd3d43}.severity-high .maintenance-severity,.maintenance-severity.severity-high{color:#ffe0b1;background:#854c0d}.severity-medium .maintenance-severity,.maintenance-severity.severity-medium{color:#d7e6ff;background:#285b9e}.severity-low .maintenance-severity,.maintenance-severity.severity-low{color:#bdeedc;background:#177350}.maintenance-queue-footer{color:var(--text3);border-top:1px solid var(--border2);gap:7px;padding:12px 14px;font-size:11px;line-height:1.45;display:flex}.maintenance-queue-footer .icon{width:15px;color:var(--accent);flex:none}.maintenance-main{gap:14px;min-width:0;display:grid}.maintenance-incident{padding:22px;position:relative;overflow:hidden}.maintenance-incident:before{content:"";background:var(--accent);width:4px;position:absolute;inset:0 auto 0 0}.maintenance-incident.severity-critical:before{background:var(--err)}.maintenance-incident.severity-high:before{background:var(--warn)}.maintenance-incident.severity-medium:before{background:var(--accent)}.maintenance-incident-topline{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.maintenance-incident-id{color:var(--text3);letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800}.maintenance-kind,.maintenance-closed{color:var(--text2);align-items:center;gap:4px;font-size:10px;font-weight:700;display:inline-flex}.maintenance-kind .icon{width:13px;color:var(--accent)}.maintenance-closed{color:var(--success-t);margin-left:auto}.maintenance-closed .icon{width:15px}.maintenance-incident h2{color:var(--text-head);letter-spacing:-.03em;font-size:clamp(19px,2.3vw,25px)}.maintenance-incident-summary{max-width:730px;color:var(--text2);margin-top:5px;font-size:13px}.maintenance-signal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0 13px;display:grid}.maintenance-signal-grid>div{background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:9px 10px}.maintenance-signal-grid span{color:var(--text3);letter-spacing:.06em;margin-bottom:2px;font-size:9px;font-weight:800;display:block}.maintenance-signal-grid strong{color:var(--text);font-size:11px}.maintenance-brief{background:color-mix(in srgb, var(--bg2) 74%, transparent);border-radius:9px;grid-template-columns:max-content 1fr;gap:6px 11px;padding:13px 14px;display:grid}.maintenance-brief>div{color:var(--text3);align-items:center;gap:5px;font-size:10px;font-weight:800;display:inline-flex}.maintenance-brief>div .icon{width:14px;color:var(--accent)}.maintenance-brief p{color:var(--text);font-size:12px}.maintenance-guardrails{align-items:flex-start;gap:12px;margin-top:13px;display:flex}.maintenance-guardrails>span{color:var(--text3);flex:none;align-items:center;gap:5px;font-size:10px;font-weight:800;display:inline-flex}.maintenance-guardrails>span .icon{width:13px;color:var(--warn)}.maintenance-guardrails>div{flex-wrap:wrap;gap:5px;display:flex}.maintenance-guardrails em{color:var(--text2);background:var(--bg2);border:1px solid var(--border2);border-radius:4px;padding:3px 6px;font-size:10px;font-style:normal}.maintenance-runbook-toggle{color:var(--accent);background:0 0;border:0;align-items:center;gap:5px;margin-top:13px;padding:0;font-size:11px;font-weight:800;display:inline-flex}.maintenance-runbook-toggle .icon{width:14px}.maintenance-runbook{color:var(--text2);background:var(--bg2);border:1px solid var(--border2);border-radius:8px;margin-top:8px;padding:12px 14px;font-size:11px}.maintenance-runbook strong{color:var(--text)}.maintenance-runbook ol{gap:4px;margin:7px 0 0 18px;display:grid}.maintenance-terminal{overflow:hidden}.maintenance-terminal-bar{color:#abc1d4;background:#101820;border-bottom:1px solid #2c3d4e;justify-content:space-between;align-items:center;gap:10px;min-height:39px;padding:0 13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:flex}.maintenance-terminal-bar>span{gap:5px;display:flex}.maintenance-terminal-bar i{background:#e05b62;border-radius:50%;width:8px;height:8px}.maintenance-terminal-bar i:nth-child(2){background:#e4b354}.maintenance-terminal-bar i:nth-child(3){background:#4bc393}.maintenance-terminal-bar strong{color:#e0e9f0;font-weight:600}.maintenance-terminal-bar em{color:#7492a8;font-size:9px;font-style:normal}.maintenance-sandbox-notice{color:var(--text3);background:var(--bg2);border-bottom:1px solid var(--border2);align-items:center;gap:6px;padding:9px 13px;font-size:10px;display:flex}.maintenance-sandbox-notice .icon{width:14px;color:var(--success-t)}.maintenance-terminal .sql-editor,.maintenance-terminal .sql-editor .cm-editor{border:0;border-radius:0}.maintenance-terminal-actions{border-top:1px solid var(--border2);flex-wrap:wrap;justify-content:flex-end;gap:7px;padding:10px 12px;display:flex}.maintenance-terminal-actions .btn{min-height:34px;padding:0 11px;font-size:11px}.maintenance-submit{color:#fff;background:var(--accent2);box-shadow:0 5px 12px color-mix(in srgb, var(--accent2) 24%, transparent)}.maintenance-submit:hover{background:var(--accent)}.maintenance-submit:disabled{cursor:default;opacity:.55}.maintenance-feedback{min-height:390px}.maintenance-assessment{border:1px solid var(--border2);border-radius:10px;margin:13px;padding:15px}.maintenance-assessment.resolved{background:color-mix(in srgb, var(--success-bg) 68%, var(--bg1));border-color:color-mix(in srgb, var(--success) 40%, var(--border))}.maintenance-assessment.retry{background:color-mix(in srgb, var(--err-bg) 48%, var(--bg1));border-color:color-mix(in srgb, var(--err) 33%, var(--border))}.maintenance-assessment-icon{border-radius:9px;place-items:center;width:33px;height:33px;margin-bottom:9px;display:grid}.maintenance-assessment.resolved .maintenance-assessment-icon{color:var(--success-t);background:var(--success-bg)}.maintenance-assessment.retry .maintenance-assessment-icon{color:var(--err);background:var(--err-bg)}.maintenance-assessment-icon .icon{width:19px}.maintenance-assessment>strong{color:var(--text-head);font-size:13px;display:block}.maintenance-assessment>p{color:var(--text2);margin-top:4px;font-size:11px;line-height:1.5}.maintenance-score{border-top:1px solid var(--border2);justify-content:space-between;align-items:baseline;margin:12px 0 8px;padding-top:10px;display:flex}.maintenance-score span{color:var(--text3);font-size:10px;font-weight:700}.maintenance-score strong{color:var(--text-head);font-size:22px}.maintenance-assessment ul{color:var(--text2);gap:4px;margin:0;padding-left:16px;font-size:10px;line-height:1.4;display:grid}.maintenance-next-ticket{width:100%;min-height:34px;margin-top:12px;font-size:11px}.maintenance-waiting-state{min-height:190px;color:var(--text3);text-align:center;place-content:center;justify-items:center;gap:7px;padding:20px;display:grid}.maintenance-waiting-state .icon{width:26px;color:var(--accent);opacity:.7}.maintenance-waiting-state strong{color:var(--text);font-size:12px}.maintenance-waiting-state p{max-width:220px;font-size:11px;line-height:1.45}.maintenance-result-panel{border:1px solid var(--border2);border-radius:9px;margin:13px;overflow:hidden}.maintenance-result-head{color:var(--text3);background:var(--bg2);border-bottom:1px solid var(--border2);justify-content:space-between;padding:8px 10px;font-size:10px;font-weight:800;display:flex}.maintenance-result-head em{color:var(--success-t);font-style:normal}.maintenance-result-panel .result-area{max-height:245px}.maintenance-shift-clear{color:var(--text2);background:linear-gradient(135deg, var(--accent-subtle), var(--success-bg));border:1px solid var(--border);text-align:center;border-radius:10px;margin:13px;padding:15px}.maintenance-shift-clear>.icon{width:25px;color:var(--warn)}.maintenance-shift-clear strong{color:var(--text-head);margin-top:6px;font-size:13px;display:block}.maintenance-shift-clear p{margin:4px 0 10px;font-size:11px}@keyframes maintenance-pulse{50%{opacity:.54;transform:scale(.82)}}@media (width<=1200px){.maintenance-layout{grid-template-columns:minmax(185px,.72fr) minmax(420px,1.75fr)}.maintenance-feedback{grid-column:1/-1;min-height:0}.maintenance-feedback>.maintenance-section-head{display:none}.maintenance-feedback{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:13px;padding:13px;display:grid}.maintenance-feedback>*{margin:0}.maintenance-waiting-state{min-height:160px}.maintenance-result-panel{align-self:stretch}.maintenance-shift-clear{grid-column:1/-1}}@media (width<=760px){.maintenance-page{padding-bottom:82px}.maintenance-hero{border-radius:14px;padding:21px 19px;display:block}.maintenance-hero-status{text-align:left;border-top:1px solid #c6f0ff3b;border-left:0;justify-content:space-between;align-items:center;min-width:0;margin-top:15px;padding:10px 0 0;display:flex}.maintenance-hero-status strong{margin-left:auto;margin-right:12px}.maintenance-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-hud-item{min-height:56px;padding:9px 11px}.maintenance-layout{grid-template-columns:1fr;display:grid}.maintenance-queue{order:2}.maintenance-main{order:1}.maintenance-feedback{order:3;grid-template-columns:1fr;padding:0}.maintenance-feedback>.maintenance-section-head{display:flex}.maintenance-feedback>*{margin:13px}.maintenance-ticket-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.maintenance-ticket{padding:8px 7px}.maintenance-ticket-copy small{display:none}.maintenance-incident{padding:18px 16px}.maintenance-signal-grid{grid-template-columns:1fr}.maintenance-brief{grid-template-columns:1fr;row-gap:2px}.maintenance-brief p{margin-bottom:8px}.maintenance-brief p:last-child{margin-bottom:0}.maintenance-guardrails{gap:7px;display:grid}.maintenance-terminal-actions{justify-content:stretch}.maintenance-terminal-actions .btn{flex:1}.maintenance-terminal-actions .maintenance-submit{flex-basis:100%}}@media (width<=420px){.maintenance-ticket-list{grid-template-columns:1fr}.maintenance-hero-status{grid-template-columns:1fr auto;display:grid}.maintenance-hero-status strong{margin:0}.maintenance-hero-status em{grid-column:1/-1}.maintenance-hud-item strong{font-size:13px}.maintenance-terminal-bar em{display:none}}@media (prefers-reduced-motion:reduce){.maintenance-live-dot{animation:none}.maintenance-ticket{transition:none}}.login-page{background:var(--bg);height:100vh;display:flex;overflow:hidden}.login-left{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:40px;display:flex}@media (width<=700px){.login-left{display:none}}.login-code-preview{border:1px solid var(--border);border-radius:10px;width:100%;max-width:420px;font-family:Menlo,Consolas,monospace;font-size:13px;overflow:hidden;box-shadow:0 8px 32px #0000002e}.login-code-bar{background:var(--bg3);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 14px;display:flex}.login-code-dot{border-radius:50%;width:11px;height:11px}.login-code-filename{color:var(--text3);margin-left:6px;font-size:12px}.login-code-line{color:var(--text2);gap:16px;line-height:1.9;display:flex}.login-code-lnum{color:var(--text3);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;width:14px;font-size:11px}.login-code-kw{color:var(--accent);font-weight:700}.login-left-caption{color:var(--text3);font-size:13px}.login-right{background:var(--bg);flex-shrink:0;justify-content:center;align-items:center;width:400px;padding:40px 32px;display:flex}@media (width<=700px){.login-right{width:100%;padding:32px 24px}}.login-card{flex-direction:column;gap:16px;width:100%;display:flex}.login-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.login-logo{align-items:center;gap:10px;margin-bottom:4px;display:flex}.login-logo-icon{width:28px;height:28px;color:var(--accent)}.login-logo-title{color:var(--accent);font-size:22px;font-weight:800;line-height:1.2;display:block}.login-logo-sub{color:var(--text3);font-size:12px;display:block}.login-features{background:var(--bg2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.login-feature{color:var(--text2);align-items:center;gap:10px;font-size:13px;display:flex}.login-feature-icon{flex-shrink:0;font-size:15px}.login-divider{color:var(--text3);letter-spacing:.5px;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-google-btn{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:flex;box-shadow:0 1px 4px #00000014}.login-google-btn:hover:not(:disabled){background:var(--bg3);border-color:var(--accent)}.login-google-btn:disabled{opacity:.6;cursor:not-allowed}.login-google-note{color:var(--text3);text-align:center;margin-top:-8px;font-size:11px}.login-error{color:var(--err);text-align:center;font-size:12px}.login-or{color:var(--text3);align-items:center;gap:10px;font-size:12px;display:flex}.login-or span:first-child,.login-or span:last-child{background:var(--border);flex:1;height:1px;display:block}.login-guest-btn{border:1px dashed var(--border);width:100%;color:var(--text2);background:0 0;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.login-guest-btn:hover{background:var(--bg2);color:var(--text)}.login-guest-note{color:var(--text3);text-align:center;margin-top:-8px;font-size:11px;line-height:1.6}.nav-guest{flex-direction:column;gap:6px;display:flex}.nav-guest-label{color:var(--text3);font-size:11px}.community-fs-error{background:var(--err-bg);border:1px solid var(--err-border);color:var(--err);border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;font-size:12px;display:flex}.sidebar-toggle-btn{border:1px solid var(--border);background:var(--bg2);color:var(--text2);cursor:pointer;border-radius:5px;align-self:flex-start;margin-bottom:4px;padding:4px 8px;font-size:13px}.sidebar-toggle-btn:hover{background:var(--bg3)}.editor-page-layout.sidebar-hidden .editor-page-sidebar{display:none!important}.font-size-ctrl{align-items:center;gap:4px;display:flex}.font-sz-btn{border:1px solid var(--border);background:var(--bg2);color:var(--text2);cursor:pointer;border-radius:4px;padding:2px 7px;font-family:inherit;font-size:12px}.font-sz-btn:hover{background:var(--bg3)}.font-sz-val{color:var(--text3);text-align:center;width:28px;font-size:11px}.shortcut-overlay{z-index:500;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcut-modal{background:var(--bg1);border:1px solid var(--border);border-radius:12px;min-width:380px;padding:24px;box-shadow:0 8px 32px #0003}.shortcut-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.shortcut-modal-header h3{margin:0;font-size:15px}.shortcut-modal-header button{cursor:pointer;color:var(--text2);background:0 0;border:none;font-size:20px}.shortcut-list{flex-direction:column;gap:10px;display:flex}.shortcut-row{align-items:center;gap:12px;display:flex}.shortcut-key{background:var(--bg2);border:1px solid var(--border);color:var(--text2);white-space:nowrap;border-radius:5px;min-width:180px;padding:3px 8px;font-family:monospace;font-size:12px}.shortcut-desc{color:var(--text1);font-size:13px}.selection-hint{color:var(--accent);font-size:11px;font-weight:600}.community-search{margin-bottom:12px;position:relative}.community-search-input{border:1px solid var(--border);background:var(--bg2);width:100%;color:var(--text1);box-sizing:border-box;border-radius:8px;padding:8px 36px 8px 12px;font-family:inherit;font-size:13px}.community-search-input:focus{border-color:var(--accent);outline:none}.search-clear-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.community-search-count{color:var(--text3);margin-bottom:8px;font-size:12px}.post-code-block{background:var(--bg2);border:1px solid var(--border2);white-space:pre;border-radius:6px;margin:8px 0;padding:12px 14px;font-family:monospace;font-size:12px;line-height:1.6;overflow-x:auto}.post-body-text{color:var(--text1);margin:4px 0;font-size:14px;line-height:1.6}.sql-kw{color:#569cd6;font-weight:700}.sql-str{color:#ce9178}.sql-num{color:#b5cea8}.sql-comment{color:var(--text3);font-style:italic}[data-theme=light] .sql-kw{color:#00f}[data-theme=light] .sql-str{color:#a31515}[data-theme=light] .sql-num{color:#098658}.csv-import{background:var(--bg1);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:16px}.csv-import-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.csv-import-title{color:var(--text1);font-size:14px;font-weight:700}.csv-close-btn{cursor:pointer;color:var(--text2);background:0 0;border:none;font-size:18px}.csv-drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:8px;padding:32px;transition:all .15s}.csv-drop-zone:hover,.csv-drop-zone.dragging{border-color:var(--accent);background:var(--accent-subtle)}.csv-drop-icon{width:32px;height:32px;color:var(--accent);margin:0 auto 8px}.csv-drop-text{color:var(--text1);margin-bottom:4px;font-size:14px}.csv-drop-sub{color:var(--text3);font-size:12px}.csv-preview{flex-direction:column;gap:10px;display:flex}.csv-table-name-row{align-items:center;gap:8px;display:flex}.csv-label{color:var(--text2);white-space:nowrap;font-size:12px;font-weight:600}.csv-name-input{border:1px solid var(--border);background:var(--bg2);color:var(--text1);border-radius:5px;flex:1;padding:5px 8px;font-family:monospace;font-size:13px}.csv-preview-label{color:var(--text3);font-size:11px;font-weight:600}.csv-preview-scroll{border:1px solid var(--border2);border-radius:6px;overflow-x:auto}.csv-preview-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:12px}.csv-preview-table th{background:var(--bg2);border-bottom:1px solid var(--border);padding:6px 10px;font-size:11px}.csv-preview-table td{border-bottom:1px solid var(--border2);color:var(--text1);padding:4px 10px}.csv-type-badge{background:var(--bg3);color:var(--text3);border-radius:3px;margin-left:4px;padding:1px 4px;font-size:9px;font-weight:700;display:inline-block}.csv-info{color:var(--text3);font-size:11px}.csv-success{color:var(--success-t);background:var(--success-bg,#32c8781a);border-radius:6px;padding:8px;font-size:13px}.csv-error{color:var(--err);background:var(--err-bg);border-radius:6px;padding:8px;font-size:13px}.csv-actions{justify-content:flex-end;gap:8px;display:flex}.fav-btn{cursor:pointer;color:var(--text3);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;line-height:1;display:inline-flex}.fav-btn:hover,.fav-btn.fav-active{color:#f5c518}.fav-icon{width:18px;height:18px}.fav-active .fav-icon{fill:currentColor}.problem-title-row{align-items:center;gap:6px;display:flex}.problem-title-row .problem-title{flex:1;margin:0}.hint-section{background:var(--bg2);border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:12px 16px}.hint-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.hint-title{color:var(--text2);font-size:13px;font-weight:700}.hint-btn{border:1px solid var(--accent);background:var(--accent-subtle);color:var(--accent);cursor:pointer;border-radius:5px;padding:3px 10px;font-family:inherit;font-size:12px}.hint-btn:hover{background:var(--accent);color:#fff}.hint-reset{border:1px solid var(--border);color:var(--text3);cursor:pointer;background:0 0;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px}.hint-item{background:var(--bg1);border-radius:6px;align-items:flex-start;gap:8px;margin-top:8px;padding:8px 10px;display:flex}.hint-num{color:var(--accent);white-space:nowrap;padding-top:1px;font-size:11px;font-weight:700}.hint-text{color:var(--text1);font-size:13px;line-height:1.5}.wrong-section{margin-top:24px}.wrong-count{background:var(--err-bg);color:var(--err);border-radius:8px;margin-left:6px;padding:2px 8px;font-size:12px}.wrong-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.wrong-item{background:var(--bg2);border:1px solid var(--border);color:var(--text1);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;transition:background .1s;display:flex}.wrong-item:hover{background:var(--bg3)}.wrong-id{color:var(--text3);width:28px;font-family:monospace;font-size:11px}.wrong-title{flex:1;font-size:13px}.review-section{margin-top:24px}.review-count{background:var(--accent-bg);color:var(--accent);border-radius:8px;margin-left:6px;padding:2px 8px;font-size:12px}.review-item{border-left:3px solid var(--accent)}.review-status{color:var(--success-t);white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.review-status .icon{width:13px;height:13px}.community-pagination{justify-content:center;align-items:center;gap:4px;padding:10px 0 4px;display:flex}.page-btn-active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.result-chart{background:var(--bg2);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:12px}.chart-toolbar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chart-col-info{color:var(--text3);font-size:11px}.chart-type-btns{gap:4px;display:flex}.chart-type-btn{border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;border-radius:4px;padding:3px 10px;font-size:13px}.chart-type-btn:hover{background:var(--bg1)}.chart-type-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.chart-area{width:100%;overflow:hidden}.chart-no-data{color:var(--text3);text-align:center;padding:8px;font-size:12px}.er-overlay{background:var(--bg1);z-index:300;flex-direction:column;display:flex;position:fixed;inset:0}.er-header{border-bottom:1px solid var(--border);background:var(--bg2);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.er-title{color:var(--text1);font-size:14px;font-weight:700}.er-btn{border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;border-radius:5px;padding:4px 10px;font-family:inherit;font-size:13px}.er-btn:hover{background:var(--bg1);color:var(--text1)}.er-btn-close{border-color:var(--err);color:var(--err)}.er-zoom{color:var(--text2);text-align:center;min-width:36px;font-size:12px}.er-canvas{-webkit-user-select:none;user-select:none;background:var(--bg2);flex:1;overflow:hidden}.exam-ready{background:var(--bg1);justify-content:center;align-items:center;min-height:100vh;display:flex}.exam-ready-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;width:100%;max-width:440px;padding:40px}.exam-cert-badge{color:#fff;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:14px;font-weight:800;display:inline-block}.exam-ready-title{color:var(--text1);margin-bottom:20px;font-size:22px;font-weight:800}.exam-ready-info{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.exam-ready-info>div{background:var(--bg3);text-align:center;border-radius:8px;padding:10px}.exam-ready-info span{color:var(--text3);margin-bottom:4px;font-size:11px;display:block}.exam-ready-info strong{color:var(--text1);font-size:14px}.exam-ready-info small{color:var(--text3);margin-top:3px;font-size:10px;line-height:1.35;display:block}.exam-ready-note{color:var(--text3);margin:-8px 0 18px;font-size:11px;line-height:1.55}.exam-ready-rules{color:var(--text2);margin-bottom:24px;padding-left:16px;font-size:13px;line-height:1.7}.exam-ready-actions{justify-content:flex-end;gap:10px;display:flex}.exam-page{background:var(--bg1);flex-direction:column;height:100vh;display:flex}.exam-header{background:var(--bg2);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:10px 20px;display:flex}.exam-header-left{flex:1;align-items:center;gap:12px;display:flex}.exam-cert-tag{color:#fff;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700}.exam-progress-text,.exam-answered-text{color:var(--text2);font-size:13px}.exam-timer{color:var(--text1);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.exam-timer.timer-warning{color:var(--err);animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.exam-submit-btn{padding:6px 18px}.exam-body{flex:1;display:flex;overflow:hidden}.exam-nav{border-right:1px solid var(--border);background:var(--bg2);flex-shrink:0;width:160px;padding:12px;overflow-y:auto}.exam-nav-grid{grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:12px;display:grid}.exam-nav-btn{aspect-ratio:1;border:1px solid var(--border);background:var(--bg3);width:100%;color:var(--text2);cursor:pointer;border-radius:4px;font-size:11px}.exam-nav-btn.current{border-color:var(--accent);color:var(--accent);font-weight:700}.exam-nav-btn.answered{background:var(--accent);color:#fff;border-color:var(--accent)}.exam-nav-btn.flagged{border-color:#e3b341}.exam-nav-btn.answered.flagged{background:#e3b341;border-color:#e3b341}.exam-nav-legend{flex-wrap:wrap;gap:8px;display:flex}.legend-item{color:var(--text3);align-items:center;gap:4px;font-size:10px;display:flex}.legend-dot{border-radius:2px;width:10px;height:10px}.legend-dot.answered{background:var(--accent)}.legend-dot.flagged{background:#e3b341}.exam-question-area{flex:1;padding:24px 32px;overflow-y:auto}.exam-q-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.exam-q-num{color:var(--accent);font-size:13px;font-weight:700}.exam-q-meta{color:var(--text3);flex:1;font-size:11px}.exam-flag-btn{border:1px solid var(--border);cursor:pointer;color:var(--text3);background:0 0;border-radius:5px;padding:3px 8px;font-size:12px}.exam-flag-btn.active{color:#e3b341;border-color:#e3b341}.exam-q-text{color:var(--text1);white-space:pre-wrap;margin-bottom:20px;font-size:15px;line-height:1.7}.exam-options{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.exam-option{border:1px solid var(--border);background:var(--bg2);cursor:pointer;text-align:left;color:var(--text1);border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;font-family:inherit;transition:all .1s;display:flex}.exam-option:hover,.exam-option.selected{border-color:var(--accent);background:var(--accent-subtle)}.option-num{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.exam-option.selected .option-num{background:var(--accent);border-color:var(--accent);color:#fff}.option-text{font-size:14px;line-height:1.5}.exam-q-nav{gap:8px;display:flex}.exam-result-page{background:var(--bg1);justify-content:center;align-items:flex-start;min-height:100vh;padding:24px;display:flex;overflow-y:auto}.exam-result-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;width:100%;max-width:600px;padding:32px}.exam-result-badge{border-radius:20px;margin-bottom:16px;padding:6px 20px;font-size:16px;font-weight:800;display:inline-block}.exam-result-badge.pass{color:#3fb950;background:#3fb95033}.exam-result-badge.fail{color:#f78166;background:#f7816633}.exam-score-circle{justify-content:center;margin-bottom:20px;display:flex}.exam-result-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;display:grid}.exam-result-stats>div{background:var(--bg3);text-align:center;border-radius:8px;padding:10px}.exam-result-stats span{color:var(--text3);margin-bottom:4px;font-size:11px;display:block}.exam-result-stats strong{color:var(--text1);font-size:15px;font-weight:800}.stat-correct{color:#3fb950!important}.stat-wrong{color:#f78166!important}.exam-subject-results{margin-bottom:22px}.exam-subject-results h4{color:var(--text2);margin:0 0 8px;font-size:13px}.exam-subject-row{border:1px solid var(--border2);background:var(--bg3);border-radius:7px;align-items:center;gap:10px;padding:9px 10px;font-size:12px;display:flex}.exam-subject-row+.exam-subject-row{margin-top:6px}.exam-subject-row.passed{border-left:3px solid var(--success)}.exam-subject-row.failed{border-left:3px solid var(--err)}.exam-subject-row.diagnostic{border-left:3px solid var(--accent)}.exam-subject-name{min-width:0;color:var(--text1);flex:1;font-weight:700}.exam-subject-score{color:var(--text2);white-space:nowrap}.exam-subject-status{white-space:nowrap;font-weight:700}.exam-subject-row.passed .exam-subject-status{color:var(--success-t)}.exam-subject-row.failed .exam-subject-status{color:var(--err)}.exam-subject-row.diagnostic .exam-subject-status{color:var(--accent)}.exam-wrong-title{color:var(--text2);margin-bottom:10px;font-size:14px;font-weight:700}.exam-wrong-list{flex-direction:column;gap:10px;max-height:400px;margin-bottom:20px;display:flex;overflow-y:auto}.exam-wrong-item{background:var(--bg3);border-radius:8px;padding:12px}.exam-wrong-q{color:var(--text1);white-space:pre-wrap;margin-bottom:6px;font-size:13px;font-weight:600}.exam-wrong-ans{gap:12px;margin-bottom:6px;font-size:12px;display:flex}.my-ans{color:var(--err)}.correct-ans{color:#3fb950}.exam-wrong-explain{color:var(--text3);font-size:12px;line-height:1.5}.exam-result-actions{justify-content:flex-end;gap:10px;display:flex}.exam-start-btn{display:block}.streak-widget{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;margin-bottom:16px;padding:16px 20px;box-shadow:0 12px 30px #0f172a0f}.streak-main{align-items:center;gap:16px;margin-bottom:12px;display:flex}.streak-fire{font-size:28px}.streak-info{text-align:center}.streak-num{color:var(--text1);font-size:22px;font-weight:800}.streak-label{color:var(--text3);font-size:11px}.streak-divider{background:var(--border);width:1px;height:36px}.streak-today{align-items:center;gap:8px;display:flex}.streak-today-label{color:var(--text2);white-space:nowrap;font-size:12px}.streak-goal-bar{background:var(--bg3);border-radius:3px;flex:1;height:6px;overflow:hidden}.streak-goal-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.streak-today-count{color:var(--text2);white-space:nowrap;font-size:12px}.streak-goal-select{border:1px solid var(--border);background:var(--bg3);color:var(--text1);cursor:pointer;border-radius:4px;padding:2px 4px;font-size:12px}[data-theme=dark] .home-card,[data-theme=dark] .streak-widget,[data-theme=dark] .settings-section,[data-theme=dark] .settings-summary,[data-theme=dark] .community-list,[data-theme=dark] .community-detail{box-shadow:none}.heatmap-section{margin-bottom:24px}.heatmap-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.heatmap-stats{color:var(--text2);gap:12px;font-size:13px;display:flex}.heatmap-wrap{overflow-x:auto}.heatmap-container{flex-direction:column;gap:4px;display:inline-flex}.heatmap-months{color:var(--text3);align-items:center;gap:2px;height:16px;padding-left:24px;font-size:10px;display:flex}.heatmap-months span{min-width:28px}.heatmap-rows{gap:4px;display:flex}.heatmap-day-labels{flex-direction:column;gap:2px;width:20px;display:flex}.heatmap-day-labels span{height:12px;color:var(--text3);font-size:9px;line-height:12px}.heatmap-day-labels span:not(.visible){visibility:hidden}.heatmap-cells{gap:2px;display:flex}.heatmap-week{flex-direction:column;gap:2px;display:flex}.heatmap-cell{border-radius:2px;width:12px;height:12px}.heatmap-cell.level-0{background:var(--bg3)}.heatmap-cell.level-1{background:#0e4429}.heatmap-cell.level-2{background:#006d32}.heatmap-cell.level-3{background:#26a641}.heatmap-cell.level-4{background:#39d353}[data-theme=light] .heatmap-cell.level-1{background:#9be9a8}[data-theme=light] .heatmap-cell.level-2{background:#40c463}[data-theme=light] .heatmap-cell.level-3{background:#30a14e}[data-theme=light] .heatmap-cell.level-4{background:#216e39}.heatmap-legend{justify-content:flex-end;align-items:center;gap:4px;margin-top:8px;display:flex}.legend-label{color:var(--text3);font-size:10px}.heatmap-cell.legend-cell{cursor:default}.community-edit-form{flex-direction:column;gap:8px;padding:12px 0;display:flex}.community-edit-form input,.community-edit-form select,.community-edit-form textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);border-radius:6px;padding:8px 10px;font-size:13px}.tab-status-ok{color:var(--success,#16a34a);margin-left:4px;font-size:10px}.tab-status-err{color:var(--err,#dc2626);margin-left:4px;font-size:10px}.result-multi-header{color:var(--fg-muted);background:var(--surface-2,var(--bg-2));border-bottom:1px solid var(--border);padding:6px 12px;font-family:monospace;font-size:12px}.result-multi-card{border:1px solid var(--border);border-radius:8px;margin-bottom:12px;overflow:hidden}.community-edit-form textarea{resize:vertical;font-family:inherit}.er-legend{border-top:1px solid var(--border);background:var(--bg2);color:var(--text2);align-items:center;gap:8px;padding:6px 16px;font-size:11px;display:flex}.er-legend svg{flex-shrink:0}.er-controls{align-items:center;gap:6px;display:flex}.streak-fire-icon{color:#f97316;width:24px;height:24px}*{letter-spacing:0!important}.layout{background:var(--bg)}.desktop-nav{width:232px;padding-bottom:18px;box-shadow:8px 0 28px #0f172a0a}.nav-top{flex-wrap:wrap;align-content:center;gap:12px;min-height:108px;padding:16px}.nav-logo{width:100%;color:var(--text-head);align-items:center;gap:10px;font-size:17px}.nav-logo-icon{color:#fff;background:var(--accent);border-radius:8px;width:34px;height:34px;margin:0;padding:7px}.nav-logo-sub{color:var(--text3);margin-top:2px;font-size:10px}.nav-top-actions{justify-content:space-between;width:100%}.theme-toggle,.mobile-menu-trigger{border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.nav-progress-bar{background:var(--bg3);height:6px;margin:14px 16px 4px}.nav-progress-fill{background:var(--success)}.nav-progress-label{color:var(--text2);font-variant-numeric:tabular-nums;padding:0 16px 8px}.nav-section{padding:7px 0 2px}.nav-group-label{color:var(--text3);padding:5px 16px}.nav-item{border-radius:7px;gap:10px;min-height:38px;margin:1px 10px;padding:8px 10px;font-size:13px;font-weight:650}.nav-item.active{color:var(--accent);background:var(--accent-bg);box-shadow:inset 3px 0 0 var(--accent)}.nav-icon{width:16px;height:16px}.nav-social{border-top:1px solid var(--border2);flex-direction:column;gap:4px;margin-top:8px;padding:12px 14px 0;display:flex}.nav-social a{min-height:34px;color:var(--text3);border-radius:6px;align-items:center;gap:9px;padding:6px 8px;font-size:12px;font-weight:650;display:flex}.nav-social a:hover{color:var(--text);background:var(--bg3)}.nav-social .icon{width:15px;height:15px}.page-content{scrollbar-gutter:stable}.page{width:100%;margin-inline:auto;padding:32px 36px 48px}.page-header{align-items:center;min-height:54px;margin-bottom:22px;padding-bottom:14px}.page-title{font-size:22px;line-height:1.25}.page-desc{max-width:680px;line-height:1.55}.btn,.btn-run,.btn-grade,.btn-ghost-sm{border-radius:6px;min-height:36px}.btn-primary{background:var(--accent);box-shadow:0 8px 18px #2457d62e}.btn-primary:hover{background:var(--accent2);box-shadow:0 10px 22px #2457d638}.btn-run{min-width:86px}.home-hero{border-bottom:1px solid var(--border2);grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:stretch;gap:48px;margin-bottom:22px;padding:30px 0 34px}.home-hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.home-kicker{color:var(--success-t);margin-bottom:12px;font-size:11px}.home-title{font-size:42px;line-height:1.08}.home-subtitle{color:var(--text2);margin:12px 0 18px;line-height:1.65}.home-hero-progress{width:min(100%,500px);margin-bottom:22px}.home-hero-progress-copy{color:var(--text3);justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;font-size:11px;display:flex}.home-hero-progress-copy strong{color:var(--text2);font-variant-numeric:tabular-nums;font-size:11px}.home-hero-progress-track{background:var(--bg3);border-radius:4px;height:7px;overflow:hidden}.home-hero-progress-track span{border-radius:inherit;background:var(--success);height:100%;display:block}.home-actions{gap:8px}.home-hero-console{box-shadow:var(--shadow-md);border-color:#30445d;border-radius:8px;align-self:center}.home-console-bar{min-height:40px}.home-console-bar span{width:8px;height:8px}.home-hero-console pre{align-items:center;min-height:210px;font-size:13px;display:flex}.streak-widget,.home-card,.learn-card,.cert-card,.cert-quiz-card,.settings-section,.settings-summary,.community-list,.community-detail,.community-compose,.exam-ready-card,.exam-result-card{box-shadow:var(--shadow-sm);border-radius:8px}.streak-widget{background:var(--bg1);grid-template-columns:auto minmax(280px,1fr);align-items:center;gap:24px;padding:14px 18px;display:grid}.streak-main{margin-bottom:0}.streak-today{min-width:0}.home-card{background:var(--bg1);min-width:0;box-shadow:var(--shadow-sm);padding:18px}.home-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.home-card-next{border-top:3px solid var(--accent)}.card-title{color:var(--text2);align-items:center;gap:7px;margin-bottom:16px;font-size:11px;display:flex}.card-title .icon{width:15px;height:15px;color:var(--accent)}.stat{background:var(--bg3);border-color:#0000}.stat-value{color:var(--text-head);font-variant-numeric:tabular-nums}.today-problem .btn{align-self:flex-start}.learn-item{border-left:2px solid #0000}.learn-item:hover{border-left-color:var(--accent)}.editor-card,.problem-panel,.editor-panel{border-color:var(--border);box-shadow:var(--shadow-sm)}.editor-page{max-width:1480px}.editor-page-sidebar{max-height:calc(100dvh - 148px);padding-right:3px;overflow-y:auto}.editor-page-main .editor-card{background:var(--bg1)}.editor-page-main>.result-card{border:1px solid var(--border);background:var(--bg1);min-height:180px;box-shadow:var(--shadow-sm);margin-top:0;padding:14px}.editor-mode-bar{gap:6px;padding:8px}.editor-mode-btn{justify-content:center;min-height:56px}.tab-bar{align-items:flex-end;min-height:42px}.editor-tab{min-height:34px}.tab-status-ok,.tab-status-err{vertical-align:-2px;width:12px;height:12px;margin-left:4px}.tab-add-btn{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.tab-add-btn .icon{width:14px;height:14px}.editor-saved-item{padding:0}.editor-saved-load{min-width:0;color:var(--text2);text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:8px 4px 8px 9px;display:flex}.editor-saved-load span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:monospace;font-size:11px;overflow:hidden}.editor-saved-delete{width:30px;height:30px;color:var(--text3);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;margin-right:3px;padding:0;display:inline-flex}.editor-saved-delete:hover{color:var(--err);background:var(--err-bg)}.editor-saved-delete .icon{width:13px;height:13px}.font-size-ctrl{min-height:32px}.font-sz-btn{justify-content:center;align-items:center;gap:1px;display:inline-flex}.font-sz-btn .icon{width:9px;height:9px}.problem-detail-page{max-width:1600px}.problem-layout{grid-template-columns:minmax(300px,340px) minmax(520px,1fr) minmax(300px,380px);align-items:stretch;gap:12px;min-height:calc(100dvh - 150px)}.problem-info,.problem-feedback-panel{max-height:calc(100dvh - 150px);overflow-y:auto}.problem-editor-area{flex-direction:column;grid-column:2;display:flex}.problem-feedback-panel{grid-column:3}.problem-editor-area .editor-workbench,.problem-editor-area .editor-card{flex:1;min-height:0}.problem-editor-area .editor-card{background:var(--bg1);flex-direction:column;display:flex}.problem-editor-area .sql-editor{flex:1;min-height:0}.problem-editor-area .sql-editor .cm-editor{height:clamp(430px,100dvh - 360px,690px)!important}.problem-panel{background:var(--bg1);padding:16px}.problem-panel-head{min-height:28px;margin-bottom:14px}.problem-title{font-size:20px;line-height:1.35}.problem-feedback-panel .result-card{min-height:180px}.problem-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-quick-stats div{background:var(--bg3);justify-content:center;min-height:58px}.chart-type-btn{justify-content:center;align-items:center;width:32px;height:30px;padding:0;display:inline-flex}.chart-type-btn .icon{width:15px;height:15px}.mobile-bottom-nav,.mobile-menu-sheet,.mobile-menu-backdrop{display:none}@media (width>=761px) and (width<=1450px){.desktop-nav{width:210px}.page{padding-inline:24px}.home-hero{grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:28px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-card:last-child{grid-column:1/-1}.streak-widget{grid-template-columns:1fr;gap:14px}.problem-layout{grid-template-columns:minmax(270px,320px) minmax(0,1fr);min-height:0;overflow:visible}.problem-info,.problem-feedback-panel{max-height:none}.problem-feedback-panel{grid-column:2}}.route-loading,.fatal-error,.not-found-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:50vh;display:flex}.fatal-error{background:var(--bg);min-height:100vh;color:var(--text);padding:24px}.fatal-error button{background:var(--accent);color:#fff;border:0;border-radius:7px;padding:10px 16px}.not-found-code{color:var(--accent);font-family:monospace;font-size:clamp(52px,10vw,96px);font-weight:900}.community-auth-note{border:1px dashed var(--border);color:var(--text2);border-radius:7px;padding:14px;font-size:12px;line-height:1.6}@media (width<=760px){body{background:var(--bg)}.layout{padding-top:64px;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.desktop-nav{display:none!important}.mobile-topbar{background:var(--bg1);border-bottom-color:var(--border2);height:64px;padding:9px 12px;box-shadow:0 7px 20px #0f172a17}.mobile-topbar-brand{color:var(--text-head);gap:9px;font-size:16px}.mobile-topbar-icon{color:#fff;background:var(--accent);border-radius:7px;width:30px;height:30px;padding:6px}.mobile-topbar-actions{gap:5px}.mobile-menu-trigger{color:var(--text2);background:var(--bg3);border:1px solid var(--border)}.mobile-menu-trigger .icon{width:17px;height:17px}.mobile-bottom-nav{z-index:130;height:calc(72px + env(safe-area-inset-bottom));padding:5px 6px calc(5px + env(safe-area-inset-bottom));background:#101827;border-top:1px solid #314158;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 28px #0f172a47}.mobile-bottom-item{color:#aab8ca;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;height:62px;padding:6px 2px;font-size:10px;font-weight:750;line-height:1.15;display:flex;position:relative}.mobile-bottom-item>span:last-child{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.mobile-bottom-icon{border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.mobile-bottom-icon .icon{width:20px;height:20px}.mobile-bottom-item.active{color:#fff}.mobile-bottom-item.active .mobile-bottom-icon{color:#fff;background:#2457d6}.mobile-bottom-item.featured .mobile-bottom-icon{color:#fff;background:#16824a;border:4px solid #101827;border-radius:50%;width:42px;height:42px;margin-top:-14px;box-shadow:0 8px 18px #16824a59}.mobile-bottom-item.featured .mobile-bottom-icon .icon{width:21px;height:21px}.mobile-menu-backdrop{z-index:139;background:#0a101885;border:0;border-radius:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.mobile-menu-sheet{z-index:140;border-left:1px solid var(--border);background:var(--bg1);visibility:hidden;flex-direction:column;width:min(88vw,370px);transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(102%);box-shadow:-18px 0 44px #0f172a3d}.mobile-menu-sheet.open{visibility:visible;transform:translate(0)}.mobile-menu-head{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;gap:14px;min-height:78px;padding:14px 16px;display:flex}.mobile-menu-head>div{flex-direction:column;gap:3px;min-width:0;display:flex}.mobile-menu-head strong{color:var(--text-head);font-size:16px}.mobile-menu-head span{color:var(--text3);font-size:11px}.mobile-menu-head button{border:1px solid var(--border);background:var(--bg3);width:36px;height:36px;color:var(--text2);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobile-menu-head button .icon{width:17px;height:17px}.mobile-menu-scroll{padding:12px 14px calc(24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.mobile-menu-section{border-bottom:1px solid var(--border2);padding:10px 0}.mobile-menu-section:last-child{border-bottom:0}.mobile-menu-section h2{color:var(--text3);text-transform:uppercase;margin:0 0 7px 4px;font-size:10px;font-weight:800}.mobile-menu-grid{gap:4px;display:grid}.mobile-menu-link{min-height:46px;color:var(--text2);border-radius:7px;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:700;display:grid}.mobile-menu-link:hover,.mobile-menu-link.active{color:var(--accent);background:var(--accent-bg)}.mobile-menu-link>.icon:first-child{width:17px;height:17px}.mobile-menu-chevron{width:13px;height:13px;color:var(--text3)}.page-content{min-height:calc(100dvh - 64px);padding-bottom:0}.page{padding:18px 14px 30px}.page-header{min-height:0;margin-bottom:16px;padding-bottom:12px}.page-header .learn-progress-summary{flex-basis:100%;width:max-content;margin-left:0}.home-hero{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px 0 24px}.home-title{font-size:32px}.home-subtitle{margin-bottom:16px;font-size:14px}.home-hero-progress{margin-bottom:18px}.home-hero-console pre{min-height:0}.streak-widget{grid-template-columns:1fr;gap:14px}.streak-main{justify-content:space-between;gap:8px}.streak-fire{display:none}.streak-info{min-width:0}.streak-num{font-size:18px}.streak-today{grid-template-columns:auto minmax(80px,1fr) auto;display:grid}.streak-goal-select{grid-column:1/-1;width:100%;min-height:34px;margin-top:4px}.home-grid{grid-template-columns:1fr}.home-card:last-child{grid-column:auto}.editor-page-layout{display:block}.editor-mode-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.editor-mode-btn{flex-direction:column;justify-content:center;align-items:flex-start;min-height:58px;padding:7px}.editor-mode-btn span,.editor-mode-btn strong{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.editor-page-sidebar{max-height:none;margin-bottom:12px;padding-right:0}.editor-page-main .sql-editor .cm-editor,.problem-editor-area .sql-editor .cm-editor{height:clamp(340px,48dvh,520px)!important}.editor-toolbar{bottom:calc(72px + env(safe-area-inset-bottom));background:var(--bg1);gap:6px}.editor-toolbar>button{min-height:40px}.problem-detail-page{padding-top:12px}.problem-nav{margin-bottom:12px}.problem-mobile-tabs{z-index:30;background:var(--bg1);box-shadow:var(--shadow-sm);margin:0 0 12px;padding:5px;top:70px}.problem-mobile-tab{min-height:40px}.problem-layout{min-height:0;display:block}.problem-info,.problem-feedback-panel{max-height:none;overflow:visible}.problem-panel{padding:14px}.problem-editor-area .editor-card{display:block}.problem-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-title-row{flex-direction:column;gap:10px}.topic-title-row .btn{justify-content:center;width:100%}.progress-learning-head{flex-direction:column;gap:8px}.learning-progress-section .learn-progress-summary{margin-left:0}.exam-ready{align-items:flex-start;padding:16px 12px}.exam-ready-card{margin:auto 0;padding:24px 18px}.exam-ready-info{gap:6px}.exam-ready-info>div{padding:8px 5px}.exam-ready-info strong{font-size:12px}.exam-ready-info small{font-size:9px}.exam-result-page{padding:14px 10px}.exam-result-card{padding:22px 14px}.exam-result-stats{grid-template-columns:repeat(2,1fr)}.exam-subject-row{flex-wrap:wrap}.exam-subject-name{flex-basis:calc(100% - 36px)}.exam-header{flex-wrap:wrap;align-items:flex-start;padding:10px 12px}.exam-header-left{flex-wrap:wrap;min-width:0}.exam-body{flex-direction:column;overflow:auto}.exam-nav{border-right:0;border-bottom:1px solid var(--border);width:100%;max-height:150px}.exam-question-area{padding:18px 14px 100px}}@media (width<=420px){.mobile-topbar .language-btn{width:34px;padding-inline:4px}.mobile-bottom-item{font-size:9px}.home-title{font-size:29px}.home-actions .btn{flex-basis:100%}.problem-nav .btn{min-width:0;padding-inline:10px}.editor-toolbar>button{flex:calc(50% - 6px)}.font-size-ctrl{order:20}}.login-page{background:var(--bg1)}.login-left{background:#101827;border-right-color:#26364c;position:relative}.login-code-preview{background:#0b121a;border-color:#33445c;border-radius:8px;max-width:560px;box-shadow:0 24px 60px #00000047}.login-code-bar{background:#172235;border-bottom-color:#2c3c53}.login-code-body{background:#0b121a;padding:24px 18px}.login-code-line{color:#9fb0c4;line-height:2}.login-code-kw{color:#7fb2ff}.login-code-rest{color:#d6dfeb}.login-code-lnum,.login-code-filename,.login-left-caption{color:#8495aa}.login-right{background:var(--bg1);width:450px;padding:48px 40px}.login-card{gap:18px;max-width:390px}.login-logo-icon{color:#fff;background:var(--accent);border-radius:8px;width:38px;height:38px;padding:8px}.login-logo-title{color:var(--text-head);font-size:24px}.login-features{background:0 0;border:0;gap:2px;padding:6px 0}.login-feature{border-bottom:1px solid var(--border2);min-height:42px;padding:7px 9px}.login-feature:last-child{border-bottom:0}.login-feature-icon{width:32px;height:32px;color:var(--accent);background:var(--accent-bg);border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.login-google-btn,.login-guest-btn{min-height:46px}@media (width<=700px){.login-page{height:auto;min-height:100dvh;overflow-y:auto}.login-right{min-height:100dvh;padding:24px 18px}.login-card{max-width:430px;margin-inline:auto}.login-card-top{flex-direction:row;align-items:flex-start}.login-card-top .language-switcher{flex-shrink:0}}@media (width<=390px){.login-card-top{flex-direction:column;align-items:stretch}.login-card-top .language-switcher{align-self:flex-start}}[data-theme=light]{--bg:#f2f5fa;--bg3:#e9eef6;--border:#cbd5e1;--border2:#e2e8f0;--accent:#2563eb;--accent2:#1d4ed8;--accent-bg:#e8f0ff;--accent-subtle:#2563eb1a;--success:#0f8a5f;--success-h:#08724e;--success-t:#08724e}.desktop-nav{background:#0c1424;border-right-color:#1f2b3d;width:240px;box-shadow:12px 0 34px #0c14241f}.desktop-nav .nav-top,.desktop-nav .nav-social{border-color:#243248}.desktop-nav .nav-logo,.desktop-nav .nav-item:hover{color:#f8fafc}.desktop-nav .nav-logo-sub,.desktop-nav .nav-group-label,.desktop-nav .nav-progress-label,.desktop-nav .nav-social a{color:#8391a7}.desktop-nav .nav-item{color:#aab6c8}.desktop-nav .nav-item:hover{background:#18243a}.desktop-nav .nav-item.active{color:#fff;background:linear-gradient(90deg,#2563eb59,#2563eb1f);box-shadow:inset 3px 0 #60a5fa}.desktop-nav .nav-logo-icon{background:linear-gradient(145deg,#3b82f6,#1d4ed8);box-shadow:0 8px 18px #2563eb59}.desktop-nav .nav-progress-bar{background:#223047}.desktop-nav .language-switcher,.desktop-nav .theme-toggle{background:#121e31;border-color:#314057}.desktop-nav .language-btn,.desktop-nav .theme-toggle{color:#91a0b5}.desktop-nav .language-btn.active{color:#fff;background:#1e3f75;border-color:#3b82f6}.desktop-nav .nav-auth{border-color:#243248}.page-content{background:radial-gradient(circle at 82% -10%, #2563eb14, transparent 34%), var(--bg)}.page{padding:32px 40px 56px}.home-page{max-width:1440px}.home-hero{border:1px solid var(--border2);background:radial-gradient(circle at 8% 8%, #2563eb24, transparent 36%), linear-gradient(145deg, var(--bg1), color-mix(in srgb, var(--bg1) 88%, var(--accent-bg)));border-radius:24px;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:clamp(36px,5vw,76px);min-height:500px;margin:0 0 26px;padding:clamp(34px,5vw,64px);position:relative;overflow:hidden;box-shadow:0 24px 70px #0f172a1a}[data-theme=dark] .home-hero{background:radial-gradient(circle at 8% 8%,#3b82f62e,#0000 38%),linear-gradient(145deg,#111c2d,#0d1522);box-shadow:0 26px 70px #00000040}.home-kicker{color:var(--accent);gap:8px;margin-bottom:14px;font-size:11px;letter-spacing:.06em!important}.home-live-dot,.editor-runtime-dot{background:#22c55e;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 5px #22c55e1f}.home-title{white-space:nowrap;font-size:clamp(46px,4.5vw,64px);line-height:.98;letter-spacing:-.055em!important}.home-subtitle{max-width:560px;margin:18px 0 16px;font-size:clamp(16px,1.5vw,19px);line-height:1.65}.home-capabilities{flex-wrap:wrap;gap:7px;margin-bottom:26px;display:flex}.home-capabilities span{border:1px solid var(--border2);background:color-mix(in srgb, var(--bg1) 84%, transparent);min-height:30px;color:var(--text2);border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:750;display:inline-flex}.home-capabilities .icon{width:13px;height:13px;color:var(--accent)}.home-hero-progress{margin-bottom:24px}.home-primary-cta{min-height:44px;padding-inline:20px}.home-workbench-preview{color:#d9e3f0;background:#0b1220;border:1px solid #273750;border-radius:16px;align-self:center;min-width:0;overflow:hidden;transform:perspective(1200px)rotateY(-1.5deg)rotateX(1deg);box-shadow:0 30px 70px #070e1a57}.home-preview-topbar{background:#111c2d;border-bottom:1px solid #25334a;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;padding:0 14px;display:grid}.home-preview-topbar>div{gap:6px;display:flex}.home-preview-topbar>div span{background:#f25f5c;border-radius:50%;width:8px;height:8px}.home-preview-topbar>div span:nth-child(2){background:#f5b942}.home-preview-topbar>div span:nth-child(3){background:#24c27a}.home-preview-topbar strong{color:#c9d6e6;font:700 11px/1 monospace}.home-preview-topbar em{color:#6f8098;justify-self:end;font:500 9px/1 monospace}.home-preview-body{grid-template-columns:150px minmax(0,1fr);min-height:260px;display:grid}.home-preview-schema{background:#0f1929;border-right:1px solid #25334a;flex-direction:column;gap:8px;padding:18px 14px;display:flex}.home-preview-schema small{color:#5f718b;font:700 9px/1 monospace}.home-preview-schema strong{color:#7dd3fc;align-items:center;gap:6px;font:700 11px/1.4 monospace;display:flex}.home-preview-schema strong .icon{width:12px;height:12px}.home-preview-schema span{color:#aab7c9;justify-content:space-between;gap:8px;font:500 9px/1.4 monospace;display:flex}.home-preview-schema i{color:#55c597;font-style:normal}.home-preview-editor{background:#09111e;min-width:0;padding-top:34px;position:relative}.home-preview-tab{color:#aab7c9;background:#111c2d;border-bottom:1px solid #09111e;border-right:1px solid #25334a;min-width:120px;padding:10px 14px;font:600 10px/1 monospace;position:absolute;top:0;left:0}.home-preview-editor pre{color:#d8e6f5;white-space:pre-wrap;padding:28px 24px;font:600 12px/1.85 SFMono-Regular,Consolas,monospace}.home-preview-run{color:#fff;background:#0f8a5f;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font:800 10px/1 monospace;display:inline-flex;position:absolute;bottom:14px;right:14px}.home-preview-run .icon{fill:currentColor;width:11px;height:11px}.home-preview-run kbd{color:#c8ffe9;font:inherit;opacity:.8}.home-preview-result{background:#111c2d;border-top:1px solid #25334a;align-items:center;gap:12px;min-height:42px;padding:0 14px;font:600 9px/1 monospace;display:flex}.home-preview-result span{color:#6f8098}.home-preview-result strong{color:#7dd3fc}.home-preview-result i{color:#55c597;margin-left:auto;font-style:normal}.home-tools-section{border:1px solid var(--border2);background:var(--bg1);box-shadow:var(--shadow-sm);border-radius:18px;margin:0 0 20px;padding:24px}.home-section-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px;display:flex}.home-section-heading>div{flex-direction:column;gap:4px;display:flex}.home-section-heading>div span{color:var(--accent);font-size:9px;font-weight:900}.home-section-heading h2{color:var(--text-head);font-size:18px;letter-spacing:-.02em!important}.home-section-heading>a{color:var(--text2);align-items:center;gap:3px;font-size:12px;font-weight:750;display:inline-flex}.home-section-heading>a:hover{color:var(--accent)}.home-section-heading>a .icon{width:13px;height:13px}.home-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.home-tool-card{border:1px solid var(--border2);background:var(--bg2);border-radius:12px;grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:128px;padding:16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.home-tool-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 14px 30px #0f172a1a}.home-tool-card.featured{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:linear-gradient(145deg, var(--accent-bg), var(--bg1))}.home-tool-icon{background:var(--accent-bg);width:38px;height:38px;color:var(--accent);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.home-tool-card.featured .home-tool-icon{color:#fff;background:var(--accent)}.home-tool-icon .icon{width:18px;height:18px}.home-tool-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.home-tool-copy strong{color:var(--text-head);font-size:13px}.home-tool-copy small{color:var(--text3);font-size:11px;line-height:1.5}.home-tool-meta{color:var(--accent);grid-column:2;align-self:end;font-size:10px;font-weight:800}.home-tool-arrow{width:14px;height:14px;color:var(--text3);position:absolute;bottom:14px;right:12px}.home-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}.home-card:last-child{grid-column:1/-1}.home-card:last-child .learn-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.home-card:last-child .learn-item{border:1px solid var(--border2);background:var(--bg2);border-left:3px solid #0000;justify-content:center;min-height:76px}.home-learn-all{width:max-content;color:var(--accent);grid-column:1/-1;align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:800;display:inline-flex}.home-learn-all .icon{width:12px;height:12px}.editor-page{max-width:1580px;padding-top:24px}.editor-studio-header{align-items:flex-end;margin-bottom:18px;padding:0 0 18px}.editor-header-copy{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.editor-eyebrow{color:var(--accent);align-items:center;gap:8px;margin-bottom:7px;font-size:9px;font-weight:900;display:inline-flex;letter-spacing:.08em!important}.editor-title-row{align-items:center;gap:9px;display:flex}.editor-title-row .page-title{color:var(--text-head);font-size:28px;letter-spacing:-.035em!important}.editor-version{border:1px solid var(--border);color:var(--text3);border-radius:5px;padding:3px 6px;font:800 8px/1 monospace}.editor-studio-header .page-desc{margin-top:4px}.editor-runtime-badges{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.editor-runtime-badges span{border:1px solid var(--border2);background:var(--bg1);min-height:26px;color:var(--text3);border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.editor-runtime-badges .icon{width:12px;height:12px;color:var(--accent)}.editor-header-actions{align-items:center;gap:7px;display:flex}.editor-header-actions .icon{width:14px;height:14px}.editor-data-toggle.active{color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}.editor-page-layout{grid-template-columns:292px minmax(0,1fr);gap:12px}.editor-page-sidebar{gap:10px;max-height:calc(100dvh - 190px);padding-right:2px}.editor-panel{border-color:var(--border2);background:var(--bg1);border-radius:12px;box-shadow:0 8px 24px #0f172a0d}.editor-schema-panel{padding:10px}.editor-sidebar-heading{justify-content:space-between;align-items:center;gap:10px;padding:4px 3px 10px;display:flex}.editor-sidebar-heading>div{flex-direction:column;gap:2px;display:flex}.editor-sidebar-heading span{color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.08em!important}.editor-sidebar-heading strong{color:var(--text-head);font-size:13px}.editor-sidebar-heading em{background:var(--accent-bg);min-width:24px;height:24px;color:var(--accent);border-radius:7px;justify-content:center;align-items:center;font-size:10px;font-style:normal;font-weight:900;display:inline-flex}.schema-search{border:1px solid var(--border2);background:var(--bg2);border-radius:8px;align-items:center;gap:7px;min-height:36px;margin-bottom:8px;padding:0 10px;display:flex}.schema-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.schema-search .icon{width:14px;height:14px;color:var(--text3)}.schema-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font:600 11px/1.3 inherit}.schema-search input::placeholder{color:var(--text3)}.schema-table-list{flex-direction:column;gap:4px;display:flex}.schema-tbl{background:var(--bg2);border:1px solid #0000;border-radius:8px;margin:0;overflow:hidden}.schema-tbl.expanded{border-color:var(--border2);background:var(--bg1)}.schema-tbl-head{align-items:center;gap:3px;padding:3px;display:flex}.schema-tbl-name{min-width:0;min-height:34px;color:var(--text2);flex:1;padding:5px 6px}.schema-tbl-name:hover{color:var(--text-head);background:var(--accent-bg)}.schema-chevron{width:11px;height:11px;color:var(--text3)}.schema-tbl-name .inline-icon{color:var(--accent)}.schema-row-count{text-align:center;min-width:24px}.schema-open-query{width:30px;height:30px;color:var(--text3);background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;display:inline-flex}.schema-open-query:hover{color:#fff;background:var(--success)}.schema-open-query .icon{fill:currentColor;width:12px;height:12px}.schema-tbl .schema-cols{flex-direction:column;gap:1px;padding:0 7px 7px 30px;display:flex}.schema-tbl .schema-col-row{text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;width:100%;min-height:25px;padding:3px 5px}.schema-tbl .schema-col-row:hover{background:var(--bg3)}.schema-empty{text-align:center;padding:18px 8px}.editor-history-list{max-height:180px;overflow-y:auto}.editor-page-main .editor-card{border-color:var(--border2);background:var(--bg1);border-radius:14px;overflow:hidden;box-shadow:0 16px 42px #0f172a17}.tab-bar{border-color:var(--border2);background:var(--bg2);min-height:44px;padding:8px 10px 0}.editor-tab{border-color:var(--border2);background:var(--bg3);min-height:35px}.editor-tab.active{border-top-color:var(--accent);color:var(--text-head);background:var(--bg1)}.editor-mode-bar{background:var(--bg1);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:7px 10px}.editor-mode-btn{border-radius:8px;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;min-height:42px;padding:7px 10px}.editor-mode-btn span{background:var(--bg3);min-width:28px;min-height:22px;color:var(--text3);border-radius:6px;justify-content:center;align-items:center;font-size:9px;display:inline-flex}.editor-mode-btn strong{font-size:11px}.editor-mode-btn.active span{color:#fff;background:var(--accent)}.editor-page-main .sql-editor .cm-editor{height:clamp(320px,42dvh,560px)!important}.editor-toolbar{border-color:var(--border2);justify-content:space-between;gap:12px;padding:9px 10px}.editor-toolbar-run,.editor-toolbar-tools{align-items:center;gap:6px;display:flex}.editor-toolbar-tools{flex-wrap:wrap;justify-content:flex-end;min-width:0}.editor-toolbar .btn-run{min-width:94px;min-height:40px;box-shadow:0 8px 18px #0f8a5f38}.editor-shortcut-hint{align-items:center;gap:3px;display:inline-flex}.editor-shortcut-hint kbd{border:1px solid var(--border);background:var(--bg1);color:var(--text3);border-bottom-width:2px;border-radius:4px;padding:3px 5px;font:700 9px/1 monospace}.editor-reset-btn{color:var(--text3)}.editor-help-btn{justify-content:center;width:34px;padding:0}.editor-statusbar{border-color:var(--border2);color:#8493a9;background:#0f1929;min-height:31px}.editor-statusbar span:before{background:#60a5fa}.editor-result-workbench{border:1px solid var(--border2);background:var(--bg1);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.editor-result-head{border-bottom:1px solid var(--border2);background:var(--bg2);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 14px;display:flex}.editor-result-head>div:first-child{flex-direction:column;gap:3px;display:flex}.editor-result-head>div:first-child span{color:var(--accent);font:900 8px/1 monospace;letter-spacing:.08em!important}.editor-result-head>div:first-child strong{color:var(--text2);font-size:11px}.editor-result-workbench.has-results .editor-result-head{box-shadow:inset 3px 0 0 var(--success)}.editor-result-workbench.has-error .editor-result-head{box-shadow:inset 3px 0 0 var(--err)}.editor-result-metrics{gap:6px;display:flex}.editor-result-metrics span{border:1px solid var(--border2);background:var(--bg1);color:var(--text3);border-radius:6px;padding:4px 7px;font:700 9px/1 monospace}.editor-result-workbench>.result-card{background:var(--bg1);border:0;border-radius:0;min-height:170px;margin:0;padding:14px}@media (width>=761px) and (width<=1180px){.home-hero{grid-template-columns:minmax(0,1fr)}.home-workbench-preview{width:100%;max-width:760px;transform:none}.home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-card:last-child .learn-list{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-page-layout{grid-template-columns:250px minmax(0,1fr)}.editor-toolbar{flex-direction:column;align-items:flex-start}.editor-toolbar-tools{justify-content:flex-start}}@media (width<=760px){.mobile-topbar{background:#0c1424;border-bottom-color:#243248}.mobile-topbar-brand{color:#fff}.mobile-topbar .language-switcher,.mobile-topbar .theme-toggle,.mobile-topbar .mobile-menu-trigger{color:#aab6c8;background:#121e31;border-color:#314057}.page{padding-inline:12px}.home-hero{border-radius:18px;grid-template-columns:minmax(0,1fr);gap:26px;min-height:0;margin-inline:-2px;padding:28px 18px 20px}.home-title{font-size:clamp(42px,15vw,58px)}.home-subtitle{font-size:15px}.home-capabilities{gap:5px}.home-capabilities span{font-size:10px}.home-actions .btn{flex:100%;justify-content:center}.home-workbench-preview{border-radius:12px;width:100%;transform:none}.home-preview-body{grid-template-columns:1fr;min-height:220px}.home-preview-schema{display:none}.home-preview-editor pre{padding:24px 18px 64px;font-size:10px}.home-tools-section{border-radius:14px;padding:18px 12px}.home-section-heading{flex-direction:column;align-items:flex-start;gap:8px}.home-tool-grid,.home-grid,.home-card:last-child .learn-list{grid-template-columns:1fr}.home-tool-card{min-height:104px}.home-card:last-child{grid-column:auto}.home-card:last-child .learn-item{min-height:68px}.editor-page{padding-top:14px}.editor-studio-header{flex-direction:column;align-items:stretch;gap:14px}.editor-title-row .page-title{font-size:24px}.editor-runtime-badges span:nth-child(3){display:none}.editor-header-actions{width:100%}.editor-header-actions .btn{flex:1;justify-content:center}.editor-page-layout{display:block}.editor-page-sidebar{max-height:none;margin-bottom:10px}.editor-schema-panel{max-height:60dvh;overflow-y:auto}.editor-mode-bar{gap:3px}.editor-mode-btn{flex-direction:column;align-items:flex-start;gap:3px;min-height:48px;padding:6px}.editor-mode-btn span{min-width:24px;min-height:18px}.editor-mode-btn strong{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.editor-page-main .sql-editor .cm-editor{height:clamp(240px,30dvh,360px)!important}.editor-toolbar{flex-direction:column;align-items:stretch;position:static}.editor-toolbar-run{justify-content:space-between}.editor-toolbar-run .btn-run{flex:1}.editor-toolbar-tools{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.editor-toolbar-tools>.btn{justify-content:center;min-width:0;padding-inline:6px}.editor-reset-btn,.font-size-ctrl,.editor-help-btn{display:none!important}.editor-result-head{min-height:50px}}@media (width<=420px){.home-preview-topbar em,.home-preview-result i{display:none}.home-preview-topbar{grid-template-columns:1fr auto}.home-preview-topbar strong{justify-self:end}.editor-runtime-badges span{flex:1;justify-content:center}.editor-toolbar-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}.nav-workspace-card{background:linear-gradient(145deg,#1b2d4be6,#0f1b2ff0);border:1px solid #2a3a54;border-radius:14px;margin:12px 14px 14px;padding:12px 12px 11px;box-shadow:0 10px 24px #030a182e}.nav-workspace-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.nav-workspace-label,.nav-workspace-saved{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;min-width:0;font-size:9px;font-weight:800;display:inline-flex}.nav-workspace-label{color:#a9b9cf}.nav-workspace-saved{color:#65d5a4;white-space:nowrap}.nav-workspace-saved .icon{width:11px;height:11px}.nav-workspace-dot{background:#4ade80;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 4px #4ade801f}.nav-workspace-card>strong{color:#f3f7fc;margin-top:10px;font-size:12px;font-weight:800;display:block}.nav-workspace-engine{color:#8ea1ba;margin-top:3px;font-size:10px;line-height:1.4;display:block}.nav-workspace-link{color:#9fc4ff;border-top:1px solid #8fa9d029;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:9px;font-size:10px;font-weight:750;transition:color .18s,transform .18s;display:flex}.nav-workspace-link .icon{width:12px;height:12px}.nav-workspace-link:hover{color:#fff;transform:translate(2px)}.home-capabilities{margin-bottom:14px}.home-workspace-status{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border2));background:color-mix(in srgb, var(--bg1) 78%, var(--accent-bg));border-radius:13px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;max-width:570px;margin:0 0 22px;padding:10px 12px;display:grid}.home-workspace-status-icon{background:var(--accent-subtle);width:30px;height:30px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.home-workspace-status-icon .icon{width:16px;height:16px}.home-workspace-status-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.home-workspace-status-copy strong{color:var(--text-head);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.home-workspace-status-copy small{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.home-workspace-status-link{color:var(--accent);white-space:nowrap;align-items:center;gap:4px;font-size:10px;font-weight:800;display:inline-flex}.home-workspace-status-link .icon{width:12px;height:12px}.home-workspace-status-link:hover{color:var(--accent-hover)}.problems-page .page-header{margin-bottom:18px}.problems-summary{border:1px solid var(--border2);background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 45%), linear-gradient(135deg, var(--bg1), color-mix(in srgb, var(--bg1) 86%, var(--accent-bg)));box-shadow:var(--shadow-sm);border-radius:16px;grid-template-columns:minmax(0,1.4fr) minmax(220px,.85fr) minmax(165px,.62fr);align-items:stretch;gap:20px;margin-bottom:22px;padding:20px 22px;display:grid}.problems-summary-main{min-width:0}.problems-summary-eyebrow{color:var(--accent);letter-spacing:.1em;font:900 9px/1 monospace;display:block}.problems-summary-title-row{justify-content:space-between;align-items:baseline;gap:14px;margin-top:9px;display:flex}.problems-summary-title-row h3{min-width:0;color:var(--text-head);letter-spacing:-.03em;font-size:17px;font-weight:800}.problems-summary-title-row strong{color:var(--text2);white-space:nowrap;font:800 10px/1.2 monospace}.problems-summary-track{background:var(--bg3);border-radius:999px;height:7px;margin-top:14px;overflow:hidden}.problems-summary-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent2), var(--accent));min-width:0;height:100%;transition:width .35s;display:block}.problems-summary-main p{color:var(--text3);margin-top:10px;font-size:11px;line-height:1.55}.problems-summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;display:grid}.problems-summary-metric{border-left:1px solid var(--border2);min-width:0;padding:3px 8px}.problems-summary-metric strong{color:var(--text-head);letter-spacing:-.04em;font-size:21px;font-weight:850;display:block}.problems-summary-metric span{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;display:block;overflow:hidden}.problems-summary-next{border-left:1px solid var(--border2);flex-direction:column;justify-content:center;gap:4px;min-width:0;padding-left:20px;transition:transform .18s;display:flex}.problems-summary-next:hover{transform:translate(2px)}.problems-summary-next>span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font:900 9px/1 monospace}.problems-summary-next>strong{color:var(--text-head);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.problems-summary-next>small{color:var(--text2);align-items:center;gap:3px;font-size:10px;font-weight:750;display:inline-flex}.problems-summary-next .icon{width:12px;height:12px}.problems-summary-next:hover>small{color:var(--accent)}@media (width>=761px) and (width<=1180px){.problems-summary{grid-template-columns:minmax(0,1.35fr) minmax(220px,.85fr)}.problems-summary-next{border-top:1px solid var(--border2);border-left:0;grid-column:1/-1;padding:14px 0 0}}@media (width<=760px){.home-workspace-status{grid-template-columns:34px minmax(0,1fr);margin-bottom:18px}.home-workspace-status-link{grid-column:2;justify-self:start}.problems-page .page-header{margin-bottom:14px}.problems-summary{border-radius:14px;grid-template-columns:1fr;gap:14px;margin-bottom:16px;padding:16px}.problems-summary-title-row{flex-direction:column;align-items:flex-start;gap:3px}.problems-summary-title-row h3{font-size:16px}.problems-summary-metrics{gap:4px}.problems-summary-metric{padding-inline:7px}.problems-summary-next{border-top:1px solid var(--border2);border-left:0;padding:14px 0 0}}@media (width<=420px){.home-workspace-status-copy small{font-size:9px}.problems-summary-metric strong{font-size:19px}}