.practice-page main{max-width:1600px;margin:auto;padding:24px}.practice-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.practice-heading h1{font-size:clamp(25px,3vw,38px);margin:12px 0}.practice-back{color:var(--lime,#d5f577)}.practice-notice{padding:14px 18px;border:1px solid var(--line,#405c49);border-radius:12px;background:var(--panel,#1b3026);line-height:1.6}.practice-split{display:grid;grid-template-columns:minmax(320px,var(--code-share,55%)) 10px minmax(280px,1fr);margin:20px 0;align-items:stretch}.practice-code,.practice-problem{min-width:0;border:1px solid var(--line,#405c49);border-radius:12px;background:var(--panel,#14261f)}.practice-code{overflow:hidden}.practice-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--line,#405c49)}.practice-page button,.practice-mobile-tabs button{font:inherit;cursor:pointer}.practice-toolbar button,.practice-actions button,.practice-mobile-tabs button{padding:10px 13px;border-radius:8px;border:1px solid var(--line,#405c49);background:var(--panel,#20382d);color:inherit}.practice-toolbar .primary{background:#d5f577;color:#000}.practice-toolbar button:disabled{opacity:.55;cursor:not-allowed}.practice-page button:focus-visible,.practice-page a:focus-visible,.practice-page textarea:focus-visible,.practice-divider:focus-visible{outline:3px solid #d79b35;outline-offset:3px}.practice-source-label{display:block;padding:10px 14px;font-family:monospace}#practiceEditor{height:420px}.practice-output{padding:14px}.practice-output label{display:block;font-weight:600;margin-bottom:8px}.practice-output textarea{width:100%;box-sizing:border-box;min-height:110px;resize:vertical;padding:12px;border:1px solid var(--line,#405c49);border-radius:8px;background:var(--bg,#101e18);color:inherit;font:14px monospace}.practice-output pre,.practice-problem pre{white-space:pre;overflow:auto;max-height:240px;border:1px solid var(--line,#405c49);padding:12px;border-radius:8px;background:var(--bg,#101e18);font-size:var(--code-text-size,13px)}.practice-output pre:empty::before{content:'No output';opacity:.55}.practice-status{min-height:1.5em;overflow-wrap:anywhere}.practice-problem{padding:22px;overflow:auto;max-height:1000px;line-height:1.7}.practice-problem h2{font-size:22px;margin-top:22px}.practice-problem h2:first-child{margin-top:0}.practice-problem h3{font-size:17px;margin:20px 0 8px}.practice-divider{cursor:col-resize;touch-action:none;display:flex;align-items:center;justify-content:center}.practice-divider:after{content:'';width:3px;height:44px;border-radius:2px;background:var(--line,#668171)}.practice-mobile-tabs{display:none}.practice-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:14px}.practice-badge{font-weight:700}.practice-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.practice-save{font-size:13px;opacity:.8;padding:8px 14px}.practice-page .cpp-library-panel{margin:12px}.practice-grading{padding:14px;border-top:1px solid var(--line,#405c49)}.practice-grading h2{font-size:18px}.practice-grading p{line-height:1.6}.practice-page[data-mobile-tab="problem"] .practice-tab-problem{background:#d5f577;color:#000}.practice-page[data-mobile-tab="code"] .practice-tab-code{background:#d5f577;color:#000}html[data-theme="light"] .practice-page .practice-code,html[data-theme="light"] .practice-page .practice-problem,html[data-theme="light"] .practice-page .practice-notice{background:#f6f7f1;color:#20382d}html[data-theme="light"] .practice-back{color:#355c21}html[data-theme="light"] .practice-page textarea,html[data-theme="light"] .practice-page pre{background:#fff;color:#20382d}html[data-theme="light"] .practice-page button:not(.primary){background:#e6ecdd;color:#20382d}
@media(max-width:760px){.practice-page main{padding:16px}.practice-split{display:block}.practice-divider{display:none}.practice-mobile-tabs{display:flex;gap:8px;margin:18px 0}.practice-page[data-mobile-tab="problem"] .practice-code{display:none}.practice-page[data-mobile-tab="code"] .practice-problem{display:none}.practice-problem{max-height:75vh;padding:16px}#practiceEditor{height:48vh;min-height:300px}.practice-toolbar{gap:6px}.practice-toolbar button{padding:9px;font-size:13px}}
.practice-test-panel{padding:18px;max-height:65vh;overflow:auto;border-bottom:1px solid var(--line)}.practice-test-panel details{border:1px solid var(--line);border-radius:8px;padding:12px;margin:10px 0}.practice-test-panel summary{cursor:pointer;font-weight:700}.practice-test-panel textarea{width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:10px;font:13px monospace;white-space:pre}.practice-test-panel button,.practice-grading button{padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.practice-results-scroll{overflow:auto}.practice-grading table{width:100%;border-collapse:collapse;margin:16px 0}.practice-grading th,.practice-grading td{text-align:left;padding:10px;border-bottom:1px solid var(--line);font-size:14px}.practice-final-score{display:block;font-size:25px;margin:16px 0;overflow-wrap:anywhere}

html[data-theme] .practice-toolbar .practice-submit{background:#22c55e;color:#000;font-weight:700;border-color:#22c55e}html[data-theme] .practice-toolbar .practice-submit:hover:not(:disabled){background:#16a34a;border-color:#16a34a}
html[data-theme] .practice-toolbar .practice-submit:disabled{background:#84c99d;border-color:#84c99d;color:#000;opacity:1}