.problems-page,.problem-detail{padding-top:52px;padding-bottom:80px}.problems-hero{max-width:850px;padding:15px 0 38px}.problems-hero h1{letter-spacing:-.05em;margin:14px 0 20px;font-size:clamp(38px,5vw,64px);line-height:1.24}.problems-hero h1 span{color:#74628e}.problems-hero>p:not(.eyebrow){color:#777080;line-height:1.9}.problems-stats{color:#777080;align-items:baseline;gap:9px;margin-top:25px;font-size:13px;display:flex}.problems-stats strong{color:#302a39;font-size:28px}.problems-stats span{color:#c4b6ce;margin:0 6px}.problem-filters{background:#fff;border:1px solid #e5dfea;border-radius:14px;grid-template-columns:1fr 1fr 1fr 1.6fr;gap:15px;padding:24px;display:grid}.problem-filters label{color:#746e7c;flex-direction:column;gap:8px;font-size:12px;display:flex}.problem-filters input,.problem-filters select{color:#38313f;width:100%;min-width:0;font:inherit;background:#fcfbfd;border:1px solid #ddd5e4;border-radius:6px;padding:12px;font-size:14px}.problem-list-heading{justify-content:space-between;align-items:center;margin:35px 0 18px;display:flex}.problem-list-heading h2{font-size:20px}.problem-list-heading p{color:#8b8296;font-size:13px}.problem-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.problem-card{background:#fff;border:1px solid #e4ddea;border-radius:10px;flex-direction:column;min-width:0;padding:23px;transition:border-color .15s,transform .15s;display:flex;text-decoration:none!important}.problem-card:hover{border-color:#a990bc;transform:translateY(-2px)}.problem-card-meta{color:#81708f;justify-content:space-between;align-items:center;font-size:12px;display:flex}.problem-level{color:#79608f;background:#f0eaf7;border-radius:5px;padding:4px 9px;font-size:11px;display:inline-block}.level-1{color:#60784c;background:#edf3e7}.level-2{color:#587594;background:#e9f0f7}.level-3{color:#9a774b;background:#f7eee3}.level-4{color:#826394;background:#eee6f5}.problem-card h3{letter-spacing:-.035em;color:#302a37;margin:23px 0 8px;font-size:18px;line-height:1.55}.problem-card>p{color:#8b8294;margin:0 0 25px;font-size:12px}.problem-card-foot{color:#9b8da7;border-top:1px solid #f0eaf5;justify-content:space-between;margin-top:auto;padding-top:14px;font-size:11px;display:flex}.problem-card[data-state=solved] [data-progress]{color:#5d8246}.problem-local-note{color:#918798;margin-top:26px;font-size:12px}.problem-breadcrumb{color:#9a90a2;flex-wrap:wrap;gap:12px;margin-bottom:34px;font-size:12px;display:flex}.problem-heading{margin-bottom:32px}.problem-heading h1{letter-spacing:-.045em;margin:15px 0;font-size:clamp(26px,3.2vw,42px)}.problem-heading .eyebrow span{letter-spacing:0;color:#95869f;font-family:inherit}.problem-workspace{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:28px;display:grid}.problem-brief{background:#fff;border:1px solid #e6deed;border-radius:10px;min-width:0;padding:27px}.problem-brief h2{margin:0 0 20px;font-size:19px}.problem-brief h3{margin:28px 0 13px;font-size:14px}.problem-brief p,.problem-brief li{color:#746b7d;overflow-wrap:anywhere;font-size:13px;line-height:1.95}.problem-brief ul{padding-left:18px}.problem-brief details{border-top:1px solid #e9e3ed;margin-top:24px;padding-top:17px}.problem-brief summary{cursor:pointer;color:#655570;font-size:13px}.problem-brief pre,.problem-example pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#51445e;background:#f7f5fa;border-radius:6px;padding:14px;font-size:12px;line-height:1.8;overflow:auto}.problem-example{margin:15px 0}.problem-example strong{color:#93839f;font-size:11px}.problem-code-panel{min-width:0}.problem-editor-title{color:#c2b5d0;background:#282330;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:14px 20px;font-size:12px;display:flex}.problem-editor-title strong{color:#ede4f5;font-weight:500}.problem-editor-title span{color:#8e829d;font-size:10px}[data-code]{resize:vertical;color:#f0e8f9;tab-size:2;outline-offset:3px;background:#282330;border:0;border-radius:0 0 8px 8px;width:100%;min-height:340px;padding:20px;font:13px/1.85 Consolas,monospace;display:block}.problem-editor-actions{flex-wrap:wrap;gap:9px;padding:17px 0;display:flex}.problem-editor-actions button,.problem-solution button{color:#72617f;cursor:pointer;background:#fff;border:1px solid #dfd5e7;border-radius:6px;padding:10px 13px;font-size:12px}.problem-editor-actions .problem-submit{color:#fff;background:#765a8f;border-color:#765a8f;padding-left:19px;padding-right:19px}.problem-submit kbd{opacity:.65;margin-left:8px;font-size:9px}.problem-editor-actions button:disabled{opacity:.45;cursor:default}.problem-save{color:#a090ab;margin:0 0 22px;font-size:10px}.problem-check-panel{background:#fff;border:1px solid #e1d8e8;border-radius:10px;padding:22px}.problem-check-panel h2{margin:0 0 16px;font-size:15px}.problem-check-panel>[data-state]{color:#877693;font-size:13px;line-height:1.8}.problem-check-panel ol{margin:0;padding:0;list-style:none}.problem-check-panel li{border-top:1px solid #f0eaf4;padding:13px 0;font-size:12px}.problem-check-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f4fa;border-radius:5px;padding:12px;font-size:11px;line-height:1.8}.passed{color:#64834f!important}.failed{color:#a4725c}.problem-check-note{color:#9a8ba5;margin:15px 0;font-size:11px;line-height:1.8}.problem-preview{background:#fff;border:1px solid #e9e3ef;border-radius:7px;width:100%;height:250px;margin-top:15px;display:block}.problem-target{overflow:hidden}.problem-reference{color:#8d73a0;margin-top:24px;font-size:12px;display:block}.problem-next{color:#8a739a;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:35px;font-size:12px;display:flex}.problem-sr{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (width<=1000px){.problem-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-workspace{gap:18px}}@media (width<=700px){.problems-page,.problem-detail{padding-top:30px}.problem-filters{grid-template-columns:1fr 1fr;gap:15px;padding:17px}.problem-cards{grid-template-columns:1fr}.problem-workspace{grid-template-columns:minmax(0,1fr)}.problem-brief{padding:21px}.problem-heading{margin-bottom:23px}[data-code]{min-height:300px;font-size:12px}.problem-card{padding:20px}.problem-card h3{margin-top:17px}.problem-check-panel{padding:18px}}