:root{--bg:#0a0b14;--bg-deep:#05060c;--panel:#12142380;--panel-solid:#171a2b;--panel-border:#2c2f4a;--text:#e8e6f0;--text-dim:#8b8ca8;--accent:#e8a33d;--accent-dim:#7a5a25;--good:#7ee787;--good-dim:#2e5c3a;--bad:#e85d5d;--bad-dim:#5c2e2e;--pixel:"Press Start 2P", monospace;--mono:"JetBrains Mono", monospace}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 20% -10%, #1a1d3688 0%, transparent 50%), radial-gradient(ellipse at 90% 100%, #2a1a3688 0%, transparent 50%), var(--bg-deep);min-height:100vh;color:var(--text);font-family:var(--mono);image-rendering:pixelated;margin:0;overflow-x:hidden}.scanlines{pointer-events:none;z-index:999;opacity:.35;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#0000001f,#0000001f 1px,#0000 1px 3px);position:fixed;inset:0}.topbar{border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0b14cc;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.brand{font-family:var(--pixel);letter-spacing:1px;align-items:center;gap:10px;font-size:13px;display:flex}.brand-dot{background:var(--good);width:8px;height:8px;box-shadow:0 0 8px var(--good);animation:2s step-end infinite blink-dot}@keyframes blink-dot{0%,49%{opacity:1}50%,to{opacity:.3}}.brand-blink{color:var(--accent);animation:1s step-end infinite blink-dot}.progress{font-family:var(--pixel);color:var(--good);text-shadow:0 0 8px #7ee78755;font-size:12px}.layout{grid-template-columns:minmax(340px,460px) 1fr;align-items:start;gap:20px;max-width:1400px;margin:0 auto;padding:24px 28px 140px;display:grid}.left-col{flex-direction:column;gap:14px;min-width:0;display:flex}@media (width<=900px){.layout{grid-template-columns:1fr;padding-bottom:220px}}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:2px;position:relative;box-shadow:0 0 0 1px #00000040,0 20px 50px -20px #00000090}.panel-tab{font-family:var(--pixel);letter-spacing:1px;color:var(--accent);background:var(--panel-solid);border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:10px 16px;font-size:10px;display:flex}.diff-tabs{flex-wrap:wrap;gap:8px;display:flex}.diff-tab{font-family:var(--pixel);letter-spacing:1px;background:var(--panel-solid);border:1px solid var(--panel-border);color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;padding:9px 14px;font-size:9px;transition:color .15s,border-color .15s;display:inline-flex}.diff-tab:hover{color:var(--text);border-color:var(--accent-dim)}.diff-tab.active{color:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 12px #e8a33d26}.diff-tab.is-easy.active{color:var(--good);border-color:var(--good);box-shadow:inset 0 0 12px #7ee7871f}.diff-tab.is-medium.active{color:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 12px #e8a33d26}.diff-tab.is-hard.active{color:var(--bad);border-color:var(--bad);box-shadow:inset 0 0 12px #e85d5d1f}.tab-count{font-family:var(--mono);opacity:.6;font-size:10px}.q-list{flex-direction:column;gap:4px;max-height:220px;display:flex;overflow-y:auto}.q-item{background:var(--panel);border:1px solid var(--panel-border);color:var(--text);font-family:var(--mono);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:10px 14px;font-size:13px;transition:background .15s,border-color .15s;display:flex}.q-item:hover{border-color:var(--accent-dim)}.q-item.active{border-color:var(--accent);background:#e8a33d12}.q-item.done .q-item-title{color:var(--good)}.q-item-num{font-family:var(--pixel);color:var(--text-dim);flex-shrink:0;font-size:9px}.q-item-num.is-easy{color:var(--good)}.q-item-num.is-medium{color:var(--accent)}.q-item-num.is-hard{color:var(--bad)}.q-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.q-item-check{color:var(--good);font-family:var(--pixel);flex-shrink:0;font-size:10px}.q-list-empty{color:var(--text-dim);padding:6px 4px;font-size:13px}.panel-inner{padding:24px 22px 28px}.diff-badge{font-family:var(--pixel);border:1px solid var(--good-dim);color:var(--good);letter-spacing:1px;background:#7ee78714;margin-bottom:16px;padding:5px 10px;font-size:9px;display:inline-block}.diff-badge.diff-medium{color:var(--accent);border-color:var(--accent-dim);background:#e8a33d14}.diff-badge.diff-hard{color:var(--bad);border-color:var(--bad-dim);background:#e85d5d14}.q-title{font-family:var(--pixel);color:var(--text);text-shadow:2px 2px #00000060;margin:0 0 18px;font-size:18px;line-height:1.5}.q-body{color:var(--text);margin-bottom:20px;font-size:14.5px;line-height:1.75}.q-body code,p code{border:1px solid var(--panel-border);color:var(--accent);background:#ffffff12;border-radius:3px;padding:1px 6px;font-size:13px}.q-block{margin-bottom:18px}.q-block-label{font-family:var(--pixel);color:var(--text-dim);letter-spacing:1.5px;margin-bottom:8px;font-size:9px}.q-block p{color:var(--text-dim);margin:0;font-size:14px;line-height:1.6}.example{background:var(--panel-solid);border:1px solid var(--panel-border);border-radius:3px;margin-bottom:8px;padding:10px 14px}.example-row{gap:12px;padding:3px 0;font-size:13px;display:flex}.example-row span{color:var(--text-dim);flex-shrink:0;width:50px}.example-row code{color:var(--good);background:0 0;border:none;padding:0}.hint-block{margin-top:24px}.hint-toggle{border:1px dashed var(--panel-border);color:var(--accent);font-family:var(--mono);cursor:pointer;text-align:left;background:0 0;border-radius:3px;width:100%;padding:8px 12px;font-size:12.5px;transition:border-color .15s}.hint-toggle:hover{border-color:var(--accent-dim)}.hint-text{color:var(--text-dim);border-left:2px solid var(--accent-dim);background:#e8a33d0c;margin-top:10px;padding:10px 14px;font-size:13px;line-height:1.6}.hidden{display:none!important}.editor-tab{padding-right:12px}.tab-actions{gap:8px;display:flex}.icon-btn{color:var(--text-dim);font-family:var(--mono);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:11px;transition:color .15s,background .15s}.icon-btn:hover{color:var(--text);background:#ffffff0c}.code-input{width:100%;min-height:320px;color:var(--text);border:none;border-bottom:1px solid var(--panel-border);font-family:var(--mono);resize:vertical;tab-size:4;font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;background:#0d0e1a;outline:none;padding:18px 20px;font-size:14px;line-height:1.7}.code-input:focus{background:#101223}.code-input-wrap{position:relative}.code-input-mirror{visibility:hidden;pointer-events:none;overflow-wrap:break-word;white-space:pre-wrap;z-index:-1;position:absolute;top:0;left:0}.autocomplete-menu{z-index:20;border:1px solid var(--panel-border);min-width:140px;max-height:180px;font-family:var(--mono);background:#171a2e;border-radius:6px;margin:0;padding:4px;font-size:13px;list-style:none;position:absolute;overflow-y:auto;box-shadow:0 8px 24px #00000073}.autocomplete-menu li{color:var(--text);cursor:pointer;white-space:nowrap;border-radius:4px;padding:4px 8px}.autocomplete-menu li.active,.autocomplete-menu li:hover{background:#2d3153}.run-row{background:var(--panel-solid);border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.run-btn{font-family:var(--pixel);letter-spacing:1px;background:var(--good);color:#0a0b14;cursor:pointer;box-shadow:0 4px 0 var(--good-dim);border:none;min-width:130px;padding:12px 22px;font-size:11px;transition:transform 60ms,box-shadow 60ms;position:relative}.run-btn:active{box-shadow:0 0 0 var(--good-dim);transform:translateY(4px)}.run-btn.shake{animation:.4s btn-shake}@keyframes btn-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)translateY(2px)}40%{transform:translate(6px)translateY(-2px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.run-btn:disabled{opacity:.7;cursor:wait}.dots span{opacity:.2;animation:1.2s infinite dot-fade}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes dot-fade{0%,to{opacity:.2}50%{opacity:1}}.test-pips{gap:8px;display:flex}.pip{border:2px solid var(--panel-border);background:#0d0e1a;width:12px;height:12px;transition:all .25s}.pip.pass{background:var(--good);border-color:var(--good);box-shadow:0 0 8px #7ee78770}.pip.fail{background:var(--bad);border-color:var(--bad);box-shadow:0 0 8px #e85d5d70}.pip.pending{border-color:var(--accent);animation:.8s infinite pip-pulse}@keyframes pip-pulse{0%,to{opacity:.4}50%{opacity:1}}.console{min-height:160px}.console-tab{font-family:var(--pixel);color:var(--text-dim);letter-spacing:1.5px;padding:10px 20px;font-size:9px}.console-body{max-height:260px;padding:0 20px 20px;font-size:13px;line-height:1.8;overflow-y:auto}.console-placeholder{color:var(--text-dim);opacity:.6;margin:0}.result-line{align-items:center;gap:8px;padding:4px 0;display:flex}.result-line.pass{color:var(--good)}.result-line.fail{color:var(--bad)}.result-detail{color:var(--text-dim);border-left:1px solid var(--panel-border);white-space:pre-wrap;margin-left:4px;padding:2px 0 8px 20px;font-size:12px}.compile-error{color:var(--bad);white-space:pre-wrap;border-left:2px solid var(--bad-dim);background:#e85d5d0f;margin-top:6px;padding:10px 14px;font-size:12.5px}.verdict-banner{font-family:var(--pixel);letter-spacing:1px;margin-bottom:12px;padding:12px 14px;font-size:12px}.verdict-banner.pass{color:var(--good);border:1px solid var(--good-dim);background:#7ee7871a}.verdict-banner.fail{color:var(--bad);border:1px solid var(--bad-dim);background:#e85d5d1a}.cat-corner{z-index:100;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;bottom:0;right:24px}.lamp{background:var(--accent);border-radius:2px 2px 0 0;width:10px;height:14px;margin-bottom:-30px;margin-left:70px;animation:3s ease-in-out infinite lamp-flicker;box-shadow:0 0 24px 8px #e8a33d55,0 0 4px 1px #e8a33d}@keyframes lamp-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.6}94%{opacity:1}}.cat-sprite{width:96px;height:96px;image-rendering:pixelated;transform-origin:bottom;background-repeat:no-repeat;background-size:768px 960px;animation:1.6s step-end infinite cat-idle,3.2s ease-in-out infinite cat-breathe}.cat-sprite.running{animation:.6s step-end infinite cat-walk}.cat-sprite.pass{animation:.7s step-end 3 cat-play}.cat-sprite.fail{animation:1.1s step-end 2 cat-sit}.cat-sprite.error{animation:1.2s step-end 2 cat-tail}.cat-sprite.sleep{animation:2s step-end infinite cat-sleep}@keyframes cat-breathe{0%,to{transform:scaleY(1)translateY(0)}50%{transform:scaleY(.97)translateY(1px)}}@keyframes cat-idle{0%{background-position:0 0}12.5%{background-position:-96px 0}25%{background-position:-192px 0}37.5%{background-position:-288px 0}50%{background-position:0 -96px}62.5%{background-position:-96px -96px}75%{background-position:-192px -96px}87.5%{background-position:-288px -96px}to{background-position:0 0}}@keyframes cat-walk{0%{background-position:0 -192px}12.5%{background-position:-96px -192px}25%{background-position:-192px -192px}37.5%{background-position:-288px -192px}50%{background-position:0 -288px}62.5%{background-position:-96px -288px}75%{background-position:-192px -288px}87.5%{background-position:-288px -288px}to{background-position:0 -192px}}@keyframes cat-sit{0%{background-position:0 -384px}12.5%{background-position:-96px -384px}25%{background-position:-192px -384px}37.5%{background-position:-288px -384px}50%{background-position:-384px -384px}62.5%{background-position:-480px -384px}75%{background-position:-576px -384px}87.5%{background-position:-672px -384px}to{background-position:0 -384px}}@keyframes cat-sleep{0%,24%{background-position:0 -576px}25%,49%{background-position:-96px -576px}50%,74%{background-position:-192px -576px}75%,99%{background-position:-288px -576px}to{background-position:0 -576px}}@keyframes cat-play{0%{background-position:0 -768px}12.5%{background-position:-96px -768px}25%{background-position:-192px -768px}37.5%{background-position:-288px -768px}50%{background-position:-384px -768px}62.5%{background-position:-480px -768px}75%{background-position:-576px -768px}87.5%{background-position:-672px -768px}to{background-position:0 -768px}}@keyframes cat-tail{0%{background-position:0 -864px}12.5%{background-position:-96px -864px}25%{background-position:-192px -864px}37.5%{background-position:-288px -864px}50%{background-position:-384px -864px}62.5%{background-position:-480px -864px}75%{background-position:-576px -864px}87.5%{background-position:-672px -864px}to{background-position:0 -864px}}.cat-speech{font-family:var(--pixel);background:var(--panel-solid);border:1px solid var(--panel-border);color:var(--text);text-align:center;opacity:0;border-radius:3px;max-width:170px;margin-bottom:10px;padding:8px 12px;font-size:9px;line-height:1.6;transition:opacity .25s,transform .25s;transform:translateY(6px);box-shadow:0 8px 20px -8px #000000a0}.cat-speech.show{opacity:1;transform:translateY(0)}@media (width<=900px){.cat-corner{transform-origin:100% 100%;right:12px;transform:scale(.75)}}.toast{font-family:var(--pixel);background:var(--panel-solid);border:1px solid var(--good-dim);color:var(--good);opacity:0;pointer-events:none;z-index:200;letter-spacing:1px;border-radius:3px;padding:12px 20px;font-size:11px;transition:all .3s;position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0d0e1a}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}