:root{--green:#0f766e;--ink:#0f172a;--muted:#475569;--line:#cbd5e1;--soft:#f1f5f9;--accent-soft:#f0fdfa}
.play-mode-label{font-size:13px;font-weight:700;background:#0f172a;color:white;border-radius:5px;padding:5px 9px}.play-mode-label.practice{background:#134e4a}.practice-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #0f766e;border-radius:8px;background:#f0fdfa;padding:14px 18px;margin-bottom:16px}.practice-controls p{margin:4px 0 0;font-size:14px;color:#475569}.practice-controls button{flex-shrink:0}@media(max-width:720px){.practice-controls{flex-wrap:wrap}}
button:hover{background:#e2e8f0}button:focus-visible,a:focus-visible,input:focus-visible,[role=separator]:focus-visible{outline:3px solid #0f766e;outline-offset:3px}
.sidebar{background:#0f172a;color:#fff;width:244px;padding:22px 16px}.sidebar .contest-card{background:#1e293b;margin:20px 0}.sidebar .edition,.sidebar .section-label,.sidebar small,.sidebar p,.sidebar-score>span{color:#cbd5e1}.sidebar .edition,.sidebar-score,.challenge-number{border-color:#475569}.sidebar-score button{color:#5eead4}.sidebar button:hover{background:#1e293b}.sidebar .challenge.active{background:#134e4a;border-color:#5eead4}.challenge-number{color:#cbd5e1;font-size:14px}.challenge.active .challenge-number{background:transparent;color:#fff}.challenge.solved .challenge-number{background:#0f766e;color:#fff}.challenge-state{display:block;margin-top:5px}.challenge small,.contest-card p,.contest-card small{font-size:13px}.challenge strong{font-size:14px}.progress-track{background:#475569}.progress-track div{background:#2dd4bf}
main{padding:0 20px 20px}header{min-height:58px;flex-wrap:wrap;padding:8px 0}.page-heading{padding:16px 0;gap:16px;flex-wrap:wrap}.page-heading>div:first-child{min-width:0}.page-heading h1{font-size:26px;margin:4px 0}.page-heading p{font-size:14px}.eyebrow,.section-label,.edition{font-size:13px}.timer-box{flex:0 0 auto;min-width:166px;border:1px solid var(--line);background:white;padding:10px 16px;border-radius:8px;text-align:left}.timer-box small{font-size:13px;letter-spacing:.4px}.timer-box strong{font-size:28px;font-variant-numeric:tabular-nums}.timer-box button{font-size:14px}.demo-tag,.header-right button{font-size:14px}.demo-tag.offline{color:#92400e}
.environment-note{display:flex;align-items:center;gap:16px;justify-content:space-between;font-size:14px;background:#f0fdfa;color:#134e4a;border-color:#0f766e;margin-bottom:16px}.environment-note.offline{background:#fffbeb;color:#92400e;border-color:#d97706}.environment-note button{flex-shrink:0;color:#92400e;border-color:#92400e}.environment-note.offline~.arena .editor-toolbar .green-dot{background:#d97706}
.arena{grid-template-columns:minmax(0,var(--problem-width,40fr)) 10px minmax(0,var(--editor-width,60fr))}.problem-pane{border-right:0}#workspaceDivider{background:#f1f5f9;cursor:col-resize;touch-action:none;position:relative;border-inline:1px solid var(--line)}#workspaceDivider:after{content:'';position:absolute;top:45%;left:3px;width:2px;height:44px;background:#64748b;border-radius:2px}#workspaceDivider:hover,#workspaceDivider:focus-visible{background:#ccfbf1}
.pane-tabs,.tabbar,th{background:#f8fafc}.problem-pane p,.problem-pane .spec{font-size:16px;line-height:1.75;color:#334155}.problem-pane h3{font-size:16px}.problem-meta,.tag,.sample-wrap th,.sample-wrap td,.sample-caption{font-size:13px!important}.pane-tabs{padding:0 18px;gap:18px}#problemContent,#schemaContent{padding:20px}.editor{height:370px;font-size:16px;line-height:28px}.editor pre,.editor textarea{line-height:28px}.editor pre{color:#0f172a}.editor textarea{caret-color:#0f172a}.editor:focus-within{box-shadow:inset 0 0 0 2px #0f766e}.comment{color:#475569}.keyword{color:#1d4ed8}.query-title,.editor-toolbar,.editor-toolbar button,.autosave,.editor-footer,.result-footer,.bottom-note,#queryStatus,.results-toolbar>button,.query-title>span{font-size:13px}.pane-tabs button,.result-tabs button{font-size:14px}.editor-toolbar{flex-wrap:wrap;padding:8px 16px}.execution-bar{flex-wrap:wrap}.execution-bar>div{margin-left:auto;flex-wrap:wrap}.outline{border-color:#0f766e;color:#0f766e;font-size:14px;font-weight:600}button.run{background:#0f766e;font-size:14px}button.run:hover{background:#115e59}button:disabled,button.run:disabled,button.outline:disabled{background:#e2e8f0;color:#64748b;border-color:#cbd5e1;opacity:1;cursor:not-allowed}.empty strong{font-size:16px;color:#0f172a}.empty p{font-size:14px}th,td{color:#334155;border-color:#e2e8f0}tbody tr:hover{background:#f1f5f9}.sample-verdict{padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px}.sample-verdict p{margin:4px 0}.sample-verdict.passed{background:#f0fdfa;color:#115e59}.sample-verdict.attention{background:#fffbeb;color:#92400e}
@media(min-width:901px){#problemContent,#schemaContent{max-height:850px}.editor{height:370px}}
@media(max-width:900px){.sidebar{width:220px}.arena{grid-template-columns:1fr}#workspaceDivider{display:none}.problem-pane{border-bottom:1px solid var(--line)}#problemContent,#schemaContent{max-height:400px}.autosave{display:block}.editor{height:360px}}
@media(max-width:720px){.sidebar{width:100%}.page-heading{align-items:center}.page-heading>div:first-child{flex:1 1 200px}.timer-box{min-width:166px}.environment-note{flex-wrap:wrap}.challenge strong{font-size:14px}.challenge small{font-size:13px}.editor{font-size:16px}.autosave{display:none}.result-footer,.bottom-note{flex-wrap:wrap}.tabbar{padding:0 12px}}