.codingPage{color:#1e2835;background:#f3f0eb;min-height:100vh;font-family:Arial,sans-serif}.codingHeader{color:#fff;background:#152238;justify-content:space-between;align-items:center;padding:18px max(24px,50vw - 660px);display:flex}.codingBrand{font-size:1.35rem;font-weight:800}.codingHeaderLabel{opacity:.75;font-size:.9rem}.codingShell{max-width:1320px;margin:auto;padding:36px 24px 80px}.codingEyebrow{color:#42639a;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:800}.codingIntro{justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px;display:flex}.codingIntro h1,.pairCard h1{margin:8px 0;font-size:clamp(2rem,4vw,3rem)}.codingIntro p{color:#5f6978}.statusPill,.difficultyBadge{color:#314d78;text-transform:capitalize;background:#e5edf8;border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:700;display:inline-block}.codingGrid{grid-template-columns:minmax(290px,.8fr) minmax(400px,1.2fr);gap:20px;display:grid}.codingPanel,.pairCard{background:#fff;border:1px solid #dce2e9;border-radius:20px;padding:24px;box-shadow:0 12px 30px #1d283014}.codingPanel h2{margin-bottom:14px;font-size:1.45rem}.codingPanel h3{margin:22px 0 7px;font-size:1rem}.codingPanel p{line-height:1.6}.codingPrompt{max-height:800px;overflow:auto}.codingExample{background:#f3f6fa;border-radius:12px;margin-top:14px;padding:14px}.codingExample span{color:#5f6978;font-size:.75rem;font-weight:700}.codingExample pre,.testCase pre{white-space:pre-wrap;word-break:break-word;margin:4px 0 10px;font-size:.85rem}.editorTop{justify-content:space-between;gap:12px;display:flex}.editorTop span,.editorHint,.pairExpiry{color:#677588;font-size:.84rem}.codeEditor{resize:vertical;color:#eaf2ff;tab-size:4;background:#101a2a;border:1px solid #c9d3e0;border-radius:12px;width:100%;min-height:490px;padding:18px;font:14px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.codeEditor:focus,.questionInput:focus{outline-offset:2px;outline:3px solid #aac3ec}.editorActions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.codingButton{color:#fff;cursor:pointer;background:#314d78;border:0;border-radius:11px;padding:12px 18px;font-size:.93rem;font-weight:700}.codingButton:hover{background:#243753}.codingButton:disabled{opacity:.45;cursor:not-allowed}.codingButtonSecondary{color:#243753;background:#e5edf8}.codingButtonSecondary:hover{background:#d7e5f8}.codingNotice,.codingError{color:#243753;background:#e9f1fc;border-radius:12px;margin:0 0 18px;padding:14px 18px}.codingError{color:#9c372c;background:#fff0ec}.codingResults{margin-top:20px}.codingResults details{margin-bottom:20px}.transcriptText{white-space:pre-wrap;margin-top:10px}.testReport,.evaluation{margin-top:18px}.testGroups,.scoreGrid{flex-wrap:wrap;gap:9px;margin:12px 0;display:flex}.testGroups span,.scoreGrid span{background:#f1f5f9;border-radius:8px;padding:8px 10px;font-size:.84rem}.testCase{background:#f3faf5;border-left:3px solid #479d67;margin:8px 0;padding:8px 12px}.testCase.failed{background:#fff5f3;border-left-color:#cb685e}.evaluation ul,.guidanceBox ul{padding-left:20px;line-height:1.65}.pairCard{text-align:center;max-width:560px;margin:4vh auto}.pairCard p{color:#5f6978;line-height:1.65}.qrFrame{background:#fff;border:1px solid #dce2e9;border-radius:18px;margin:24px auto;padding:18px;display:inline-flex}.questionInput{resize:vertical;width:100%;min-height:180px;font:inherit;border:1px solid #c9d3e0;border-radius:10px;margin:16px 0;padding:14px}.guidanceBox{background:#f3f6fa;border-radius:12px;margin-top:20px;padding:18px}@media (max-width:850px){.codingGrid{grid-template-columns:1fr}.codingShell{padding:24px 16px 60px}.codeEditor{min-height:380px}.codingIntro{flex-direction:column}}.codingHeaderRight{align-items:center;gap:18px;display:flex}.codingHeaderRight button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:8px;padding:7px 10px}