:root{--bg: #1e1e1e;--bg2: #252526;--bg3: #2d2d2d;--border: #3e3e42;--text: #d4d4d4;--text-muted: #858585;--accent: #4fc3f7;--green: #4ec9b0;--red: #f44747;--yellow: #dcdcaa;--run-bg: #388a34;--stop-bg: #c84b32}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.list-page{max-width:860px;margin:0 auto;padding:48px 24px}.list-heading{font-size:22px;font-weight:600;margin-bottom:28px;color:var(--text)}.error-banner{background:#3c1f1f;border:1px solid var(--red);color:var(--red);padding:10px 14px;border-radius:4px;margin-bottom:20px;font-size:13px}.prob-table{width:100%;border-collapse:collapse}.prob-table thead th{text-align:left;padding:8px 14px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.prob-table tbody tr{cursor:pointer;transition:background .1s}.prob-table tbody tr:hover{background:var(--bg2)}.prob-table td{padding:13px 14px;border-bottom:1px solid var(--border)}.status-cell{text-align:center}.check{color:var(--green);font-size:16px}.circle{display:inline-block;width:14px;height:14px;border:1.5px solid var(--border);border-radius:50%}.id-cell{color:var(--text-muted)}.title-cell{color:var(--accent)}.title-cell:hover{text-decoration:underline}.problem-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-muted)}.prob-header{display:flex;align-items:center;gap:14px;padding:8px 16px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;height:46px}.back-btn{background:none;border:1px solid var(--border);color:var(--text);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap}.back-btn:hover{background:var(--bg3)}.prob-title-text{flex:1;font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-btn{padding:5px 18px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;background:var(--run-bg);color:#fff;white-space:nowrap;min-width:80px}.run-btn:hover{filter:brightness(1.15)}.run-btn.stop{background:var(--stop-bg)}.prob-body{display:flex;flex:1;overflow:hidden}.explorer{width:180px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);padding:8px 0;overflow-y:auto}.explorer-label{font-size:10px;font-weight:700;letter-spacing:.8px;color:var(--text-muted);padding:6px 16px 10px}.explorer-file{padding:5px 16px;cursor:pointer;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explorer-file:hover{background:var(--bg3)}.explorer-file.active{background:#04395e;color:#fff}.left-panel{width:42%;min-width:280px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);overflow:hidden}.left-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--bg2)}.left-tab{padding:8px 18px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:13px;cursor:pointer;margin-bottom:-1px}.left-tab:hover{color:var(--text)}.left-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.left-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.desc-panel{flex:1;overflow-y:auto;padding:24px 28px;line-height:1.65}.sol-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.sol-empty{padding:24px;color:var(--text-muted);font-size:13px}.sol-file-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--bg2);padding:0 8px}.sol-file-tab{padding:6px 14px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:12px;cursor:pointer;margin-bottom:-1px}.sol-file-tab:hover{color:var(--text)}.sol-file-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.sol-editor{flex:1;overflow:hidden}.desc-panel h2{font-size:19px;font-weight:700;margin-bottom:12px}.desc-panel h3{font-size:14px;font-weight:600;margin:22px 0 8px;color:#9cdcfe}.desc-panel p{margin-bottom:12px;color:var(--text)}.desc-panel strong{color:var(--yellow)}.desc-panel hr{border:none;border-top:1px solid var(--border);margin:20px 0}.desc-panel ul,.desc-panel ol{padding-left:22px;margin-bottom:12px}.desc-panel li{margin-bottom:4px}.desc-panel code{background:#3a3a3a;padding:1px 5px;border-radius:3px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12.5px;color:#ce9178}.desc-panel pre{background:#1a1a1a;border:1px solid var(--border);border-radius:5px;padding:12px 14px;overflow-x:auto;margin-bottom:14px}.desc-panel pre code{background:none;padding:0;color:var(--text);font-size:13px}.desc-panel table{border-collapse:collapse;margin-bottom:14px;font-size:13px;width:100%}.desc-panel th{background:var(--bg3);padding:7px 12px;border:1px solid var(--border);text-align:left}.desc-panel td{padding:7px 12px;border:1px solid var(--border)}.editor-col{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.editor-area{flex:1;overflow:hidden}.output-panel{flex-shrink:0;height:190px;background:#141414;border-top:1px solid var(--border);padding:10px 14px;overflow-y:auto}.output-label{font-size:10px;font-weight:700;letter-spacing:.8px;color:var(--text-muted);margin-bottom:8px}.output-panel pre{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:13px;white-space:pre-wrap;word-break:break-word}.output-success{color:var(--green)}.output-fail{color:var(--red)}.output-plain{color:var(--text)}.output-timeout{color:var(--yellow);font-style:italic;font-size:13px}.output-running{color:var(--text-muted);font-style:italic;font-size:13px}.output-placeholder{color:var(--text-muted);font-size:13px}
