:root{--cp-ink:#173d36;--cp-accent:#147d64;--cp-paper:#f5f7f4}body{background:var(--cp-paper)}.sidebar{background:#123e35;color:#f7faf8}.sidebar .brand,.sidebar .profile b{color:#fff}.sidebar .nav button{color:#d4e4df}.sidebar .nav button.active,.sidebar .nav button:hover{background:#286452;color:white}.sidebar .muted{color:#c2d6ce}.main .topbar{border-bottom:1px solid #dfe7df}.card{border-radius:18px;box-shadow:0 4px 18px #233e2810}.page-head h1{letter-spacing:-.035em}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor-grid>section{min-width:0}.editor-question{border-left:4px solid #26896d;background:#f9fbf8;padding:20px;margin:24px 0}.question legend{white-space:pre-wrap;line-height:1.6;max-width:100%;font-weight:650}.question textarea,.question>input,.question>select{width:100%;padding:12px;border:1px solid #bacdc3;border-radius:8px;font:inherit}.question textarea{min-height:110px}.question-image{display:block;max-width:100%;max-height:440px;object-fit:contain;margin:18px auto}.source-ref{font-size:.85rem;color:#466c5c}.image-picker{background:white;border:2px solid #26896d;padding:20px;position:sticky;bottom:0;max-height:60vh;overflow:auto;box-shadow:0 0 40px #0003}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}.image-tile{background:#f7faf6;border:1px solid #bacdc3;border-radius:10px;padding:10px;cursor:pointer}.image-tile img{width:100%;height:130px;object-fit:contain}.image-tile span{display:block;margin-top:8px}.file-inline{display:block;max-width:190px}.global-search{padding:14px 18px;border-radius:12px;border:1px solid #b6cec0;width:100%;margin-bottom:22px}.stat-line{display:grid;grid-template-columns:minmax(140px,2fr) minmax(80px,1fr) 70px 95px;gap:12px;align-items:center;margin:16px 0;font-size:.9rem}.bar-track{height:12px;background:#e1ebe2;border-radius:8px;overflow:hidden}.bar-track>div{height:100%;background:#26896d}.attempt-toolbar{position:sticky;top:0;background:#173d36;color:white;padding:14px;border-radius:10px;display:flex;justify-content:space-between;gap:14px;z-index:2}.code-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.code-cards article{border:1px dashed #789c88;padding:22px;break-inside:avoid}.code-cards strong{font-size:1.4rem;letter-spacing:.12em}.writing-space{height:100px;border-bottom:1px dotted #aaa}pre{white-space:pre-wrap;overflow-wrap:anywhere}.modal{max-height:92vh}.modal-wide{width:min(1100px,96vw)}[hidden]{display:none!important}:focus-visible{outline:3px solid #d18b19;outline-offset:3px}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body,html[data-theme=dark] .main,html[data-theme=dark] .card,html[data-theme=dark] .modal,html[data-theme=dark] .topbar,html[data-theme=dark] .question,html[data-theme=dark] .image-picker{background:#16251f;color:#e3eee7}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#23372e;color:white}html[data-theme=dark] .muted,html[data-theme=dark] .list-meta{color:#b6d0be}@media(max-width:700px){.editor-grid{grid-template-columns:1fr}.stat-line{grid-template-columns:1fr 75px}.stat-line .bar-track{grid-column:1}.image-grid{grid-template-columns:1fr 1fr}.attempt-toolbar{flex-direction:column}.page-head{align-items:flex-start}.row{flex-wrap:wrap}.modal{padding:16px}.code-cards{grid-template-columns:1fr}}@media print{body *{visibility:hidden}body .modal-backdrop,body .modal-backdrop *{visibility:visible}.modal-backdrop{position:absolute;inset:0;background:white;display:block}.modal{box-shadow:none;border:0;max-height:none;overflow:visible;width:100%;padding:0}.modal button,.modal .modal-close{display:none}.question{break-inside:avoid}body:not(:has(.modal-backdrop)) #page,body:not(:has(.modal-backdrop)) #page *{visibility:visible}.sidebar,.topbar{display:none}.main{margin:0}.content{padding:0}}
