@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap";[data-theme=light]{--bg: #f7f5f0;--bg2: #edeae3;--bg3: #e4e0d8;--surface: #ffffff;--surface2: #f2efe8;--border: #d8d4ca;--border2: #c4bfb3;--text: #1c1a16;--text2: #524e46;--text3: #8c8679;--accent: #1a6b4a;--accent2: #22a06b;--acbg: #e8f7f0;--acbg2: #d0f0e4;--orange: #c45e10;--orangebg: #fff3e8;--red: #c0392b;--redbg: #fcecea;--blue: #1a5fa0;--bluebg: #e8f0fb;--yellow: #946a00;--yellowbg: #fef9e0;--editor-bg: #1e1c18;--editor-text: #e8e4da;--editor-gutter: #3a3830;--editor-cursor: #f0a830;--syn-kw: #e8885a;--syn-str: #80cc88;--syn-num: #88ccee;--syn-fn: #d8a0e8;--syn-cm: #706858;--syn-cn: #e8c878;--syn-br: #e0c060;--out-bg: #12100e;--out-ok: #40c080;--out-err: #e86060;--out-log: #88a8cc;--nav-bg: rgba(255,255,255,.92);--shadow: 0 1px 0 var(--border)}[data-theme=dark]{--bg: #141210;--bg2: #1c1a18;--bg3: #242220;--surface: #1e1c1a;--surface2: #282522;--border: #38342e;--border2: #4a4640;--text: #f0ece2;--text2: #b0a898;--text3: #706860;--accent: #2ecc8a;--accent2: #40e8a0;--acbg: #0c2018;--acbg2: #143028;--orange: #e8782a;--orangebg: #251408;--red: #e85858;--redbg: #280c0c;--blue: #5090e0;--bluebg: #0c1828;--yellow: #e8c030;--yellowbg: #201800;--editor-bg: #0e0c0a;--editor-gutter: #282420;--editor-cursor: #f0a830;--editor-text: #e8e4da;--syn-kw: #e8885a;--syn-str: #80cc88;--syn-num: #88ccee;--syn-fn: #d8a0e8;--syn-cm: #706858;--syn-cn: #e8c878;--syn-br: #e0c060;--out-bg: #0a0806;--out-ok: #40c080;--out-err: #e86060;--out-log: #88a8cc;--nav-bg: rgba(20,18,16,.92);--shadow: 0 1px 0 var(--border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Manrope,system-ui,sans-serif;font-size:15px;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app-root{height:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--text);transition:background .2s,color .2s}.nav{height:52px;flex-shrink:0;display:flex;align-items:center;padding:0 16px;gap:12px;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-logo{display:flex;align-items:center;gap:8px;font-family:Fira Code,monospace;font-size:14px;font-weight:600;color:var(--accent);flex-shrink:0}.nav-sub{color:var(--text3);font-weight:400;font-size:11px}.diff-tabs{display:flex;gap:3px;flex:1;justify-content:center}.diff-tab{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;border:1.5px solid var(--border);background:transparent;color:var(--text3);font-family:Manrope,sans-serif;display:flex;align-items:center;gap:6px;transition:all .15s}.diff-tab:hover{border-color:var(--border2);color:var(--text)}.diff-tab.active.diff-easy{background:var(--acbg2);border-color:var(--accent);color:var(--accent)}.diff-tab.active.diff-medium{background:var(--orangebg);border-color:var(--orange);color:var(--orange)}.diff-tab.active.diff-hard{background:var(--redbg);border-color:var(--red);color:var(--red)}.diff-tab.active.diff-expert{background:var(--bluebg);border-color:var(--blue);color:var(--blue)}.tab-count{background:var(--bg3);color:var(--text3);padding:1px 5px;border-radius:8px;font-size:10px;font-weight:700}.nav-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-next{padding:5px 14px;border-radius:6px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;cursor:pointer;border:none;font-family:Manrope,sans-serif;transition:background .15s}.btn-next:hover{background:var(--accent2)}.btn-reset-cycle,.btn-theme{width:30px;height:30px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.btn-reset-cycle:hover,.btn-theme:hover{border-color:var(--accent)}.app-body{flex:1;display:grid;grid-template-columns:300px 1fr;overflow:hidden;min-height:0}@media (max-width: 800px){.app-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.sidebar{border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow:hidden;transition:background .2s}.task-header{padding:14px 16px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.task-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.badge{padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.badge-easy{background:var(--acbg);color:var(--accent)}.badge-medium{background:var(--orangebg);color:var(--orange)}.badge-hard{background:var(--redbg);color:var(--red)}.badge-expert{background:var(--bluebg);color:var(--blue)}.task-num,.task-cat{font-size:10px;color:var(--text3);font-family:Fira Code,monospace}.task-title{font-size:15px;font-weight:800;line-height:1.3;color:var(--text);margin-bottom:8px}.progress-wrap{height:3px;background:var(--bg3);border-radius:2px;overflow:hidden;margin-bottom:4px}.progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .4s}.progress-label{font-size:10px;color:var(--text3);font-family:Fira Code,monospace}.task-body{flex:1;overflow-y:auto;padding:14px 16px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.task-desc{font-size:13px;color:var(--text2);line-height:1.7;margin-bottom:12px}.task-desc code{background:var(--surface2);border:1px solid var(--border);padding:1px 4px;border-radius:3px;font-family:Fira Code,monospace;font-size:12px;color:var(--orange)}.task-section{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin:12px 0 6px}.example-block{background:var(--bg2);border:1px solid var(--border);border-radius:5px;padding:8px 10px;margin-bottom:6px;font-family:Fira Code,monospace;font-size:11px;line-height:1.8}.ex-label{color:var(--text3)}.ex-in{color:var(--syn-num)}.ex-out{color:var(--syn-str)}.hint-box{background:var(--yellowbg);border:1px solid rgba(148,106,0,.2);border-left:3px solid var(--yellow);border-radius:0 5px 5px 0;padding:9px 11px;font-size:12px;color:var(--text2);line-height:1.65;margin-top:10px}.hint-box strong{color:var(--yellow)}.hint-box code{background:var(--surface2);padding:1px 4px;border-radius:3px;font-family:Fira Code,monospace;font-size:11px}.constraints{font-size:11px;color:var(--text3);font-family:Fira Code,monospace;line-height:1.8}.tag-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.tag{padding:2px 7px;border-radius:3px;background:var(--bg3);color:var(--text3);font-size:10px;font-weight:600;font-family:Fira Code,monospace}.empty-sidebar{padding:24px;color:var(--text3);font-size:13px}.editor-area{display:flex;flex-direction:column;overflow:hidden;background:var(--bg2)}.editor-tabs{display:flex;align-items:center;height:36px;background:var(--editor-bg);border-bottom:1px solid #2a2822;padding:0 10px;gap:4px;flex-shrink:0}.etab{padding:0 12px;height:36px;display:flex;align-items:center;font-family:Fira Code,monospace;font-size:11px;color:#666;border-bottom:2px solid transparent;transition:all .15s}.etab.active{color:#ccc;border-bottom-color:var(--editor-cursor)}.etab-spacer{flex:1}.btn-sm{padding:3px 10px;border-radius:4px;font-family:Fira Code,monospace;font-size:11px;cursor:pointer;transition:all .15s}.btn-reset{background:transparent;color:#666;border:1px solid #333}.btn-reset:hover{color:#999;border-color:#555}.btn-run{background:var(--accent);color:#fff;border:none;font-weight:600}.btn-run:hover{background:var(--accent2)}.btn-run:active{transform:scale(.97)}.editor-wrap{flex:1;overflow:hidden;min-height:0}.editor-scroll{height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.editor-inner{display:flex;min-height:100%;background:var(--editor-bg)}.line-nums{padding:14px 0;background:var(--editor-bg);border-right:1px solid var(--editor-gutter);min-width:42px;text-align:right;font-family:Fira Code,monospace;font-size:12px;line-height:1.7;color:#555;-webkit-user-select:none;user-select:none;position:sticky;left:0;z-index:2;flex-shrink:0;overflow:hidden}.line-nums span{display:block;padding:0 8px 0 6px}.editor-code-wrap{flex:1;position:relative;min-width:0;background:var(--editor-bg)}.highlighted{position:absolute;top:0;left:0;width:100%;height:100%;padding:14px;font-family:Fira Code,monospace;font-size:12px;line-height:1.7;white-space:pre;pointer-events:none;color:var(--editor-text);overflow:hidden;box-sizing:border-box;-moz-tab-size:2;tab-size:2}.code-area{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:200px;padding:14px;font-family:Fira Code,monospace;font-size:12px;line-height:1.7;color:transparent;background:transparent;caret-color:var(--editor-cursor);border:none;outline:none;resize:none;-moz-tab-size:2;tab-size:2;white-space:pre;overflow-wrap:normal;overflow:auto;scrollbar-width:thin;scrollbar-color:#333 transparent;box-sizing:border-box}.t-kw{color:var(--syn-kw);font-weight:500}.t-fn{color:var(--syn-fn)}.t-str{color:var(--syn-str)}.t-num{color:var(--syn-num)}.t-cm{color:var(--syn-cm);font-style:italic}.t-cn{color:var(--syn-cn);font-weight:500}.t-br{color:var(--syn-br)}.t-plain{color:var(--editor-text)}.output-panel{height:170px;flex-shrink:0;background:var(--out-bg);border-top:1px solid #1a1816;display:flex;flex-direction:column}.out-header{display:flex;align-items:center;padding:5px 12px;gap:10px;border-bottom:1px solid #1a1816;flex-shrink:0}.out-title{font-family:Fira Code,monospace;font-size:10px;color:#555;text-transform:uppercase;letter-spacing:.1em}.out-status{font-family:Fira Code,monospace;font-size:10px;padding:2px 7px;border-radius:3px;font-weight:700}.out-status.idle{background:#88a8cc1a;color:#4a6070}.out-status.ok{background:#40c08026;color:var(--out-ok)}.out-status.err{background:#e8606026;color:var(--out-err)}.clear-btn{margin-left:auto;font-family:Fira Code,monospace;font-size:10px;color:#444;background:none;border:none;cursor:pointer;transition:color .15s}.clear-btn:hover{color:#888}.out-body{flex:1;overflow-y:auto;padding:8px 12px;scrollbar-width:thin;scrollbar-color:#222 transparent}.out-section{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #1a1816}.out-section:last-child{border-bottom:none}.out-tests-header{font-family:Fira Code,monospace;font-size:10px;color:#555;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.out-line{font-family:Fira Code,monospace;font-size:11px;line-height:1.7;display:flex;gap:8px}.out-line.log .txt{color:var(--out-log)}.out-line.ok .txt{color:var(--out-ok)}.out-line.err .txt{color:var(--out-err)}.out-line .pfx{color:#444;flex-shrink:0;min-width:10px}.out-line .txt code{background:#ffffff0f;padding:0 3px;border-radius:2px}.out-line .got{color:#e8a0a0}.out-line .exp{color:#90e890}