:root{font-family:system-ui,-apple-system,'Segoe UI','Malgun Gothic',sans-serif;color:#203c35;background:#f4f7f6;font-size:16px;--green:#126047;--line:#dce5e1;--muted:#596e66;--red:#a13232}*{box-sizing:border-box}body{margin:0;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:white;color:inherit;padding:10px 16px;min-height:46px}button:hover{background:#eaf2ee}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--green);color:white;border-color:var(--green)}button.danger{color:var(--red)}button.small{font-size:.875rem;padding:8px 12px}a{color:var(--green)}:focus-visible{outline:3px solid #c88a15;outline-offset:3px}header{height:auto;min-height:82px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:16px max(24px,calc((100vw - 1180px)/2));gap:16px}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font-size:1.35rem;font-weight:750;white-space:nowrap}.brand small{display:block;font-size:.8rem;font-weight:500;color:var(--muted)}.brand-icon{background:var(--green);color:white;width:44px;height:44px;display:grid;place-items:center;border-radius:14px}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.badge{display:inline-block;font-size:.8rem;padding:3px 9px;border-radius:6px;background:#e8f1ed;color:#225642}.badge.warn{background:#fff0cf;color:#795400}.badge.error{background:#fde6e3;color:#9b3330}main{max-width:1180px;margin:34px auto 120px;padding:0 24px}h1{font-size:1.8rem;line-height:1.3;margin:0 0 14px;letter-spacing:-.04em}h2{font-size:1.15rem;margin:0 0 14px}h3{font-size:1rem}p{margin:8px 0 18px}.muted,small{color:var(--muted)}small{font-size:.875rem}.eyebrow{font-size:.875rem;letter-spacing:.08em;color:var(--green);font-weight:700;margin-bottom:10px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.card{border:1px solid var(--line);border-radius:16px;background:white;padding:24px;margin-bottom:20px;min-width:0}.hero-card{background:#123f32;color:white}.hero-card p,.hero-card small{color:#c1d7ce}.hero-card button{background:#eff6b5;color:#263728;border:0}.metric{font-size:2.1rem;line-height:1.4;font-weight:750}.metric span{font-size:1rem;font-weight:400}.note{padding:14px 18px;border:1px solid #dfd8b8;background:#fff9e9;border-radius:10px;margin:16px 0;font-size:.925rem}.empty{text-align:center;padding:36px 20px;border:1px dashed #b9ccc3;border-radius:12px;margin:16px 0}.empty strong{display:block;font-size:1.1rem}.stack{display:grid;gap:14px}label{display:grid;gap:6px;font-size:.925rem}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-width:0;border:1px solid #bfcec6;border-radius:8px;background:white;padding:11px 12px;color:inherit;min-height:46px}textarea{min-height:105px;resize:vertical}.check{display:flex;align-items:center;gap:10px}.check input{width:20px;height:20px;flex-shrink:0;accent-color:var(--green)}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8px;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);z-index:5;backdrop-filter:blur(10px)}.bottom-nav button{display:flex;gap:10px;justify-content:center;align-items:center;border:0;min-width:145px}.bottom-nav button.active{background:#e3efe7;color:#0c573d;font-weight:750}#notice{position:sticky;top:0;z-index:10;background:#e4f2e9;padding:0 24px}#notice:not(:empty){padding:12px 24px;border-bottom:1px solid var(--line)}#notice.error{background:#ffebe7;color:#882c24}.question-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.stem{font-size:1.15rem;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 0}.choices{display:grid;gap:12px}.choice{display:flex;text-align:left;gap:14px;align-items:flex-start;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;width:100%}.choice>span:first-child{border:1px solid #b9ccc3;border-radius:50%;width:28px;height:28px;flex-shrink:0;text-align:center;line-height:26px}.choice.selected{background:#e9f3ed;border:2px solid var(--green);padding:15px}.choice.correct{border:2px solid #15694b;background:#e5f3e9}.choice.wrong{border:2px solid #ad4b42;background:#fff0ef}.navigator{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.navigator button{min-width:0;padding:7px;font-size:.875rem;position:relative}.navigator .current{outline:2px solid var(--green)}.navigator .answered{background:#e4eee9}.navigator .flagged:after{content:'★';position:absolute;font-size:10px;right:0;top:-6px;color:#9e6c00}.explanation{background:#eff6f1;border-left:4px solid var(--green);padding:18px;margin-top:20px;white-space:pre-wrap;overflow-wrap:anywhere}progress{width:100%;height:9px;accent-color:var(--green)}.tree-part{margin-bottom:22px}.tree-children{padding-left:22px;border-left:2px solid #e0e9e3;margin:8px 0 8px 8px}.tree-item{padding:7px 0}.tree-item small{display:block;padding-left:30px}.history-item,.review-item{padding:16px 0;border-bottom:1px solid var(--line)}.review-item:last-child{border:0}.review-item .stem{font-size:1rem;margin:10px 0}.admin-layout{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.5fr);gap:22px}.question-list{max-height:75vh;overflow:auto}.question-list button{width:100%;text-align:left;margin-bottom:10px;display:block;overflow-wrap:anywhere}.question-list button.active{border:2px solid var(--green);background:#eff6f1}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor-grid>*{min-width:0}.source-box{background:#f0f4f2;border-radius:10px;padding:16px;height:100%}.image-thumb{max-width:100%;max-height:220px;object-fit:contain;display:block;margin:12px 0;cursor:zoom-in}dialog{border:0;border-radius:12px;max-width:95vw;max-height:95vh}dialog::backdrop{background:#10251ccc}dialog img{max-width:100%;display:block}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}details{margin:14px 0}summary{cursor:pointer;min-height:44px;padding:8px 0}.danger-text{color:var(--red)}.skip{position:absolute;top:-60px;background:white;padding:10px;z-index:20}.skip:focus{top:0}.login{max-width:450px;margin:60px auto}.section-head{margin:28px 0 16px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tabs .active{background:var(--green);color:white}.full{width:100%}.nowrap{white-space:nowrap}.review-status{font-weight:650}.hint{font-size:.875rem;color:var(--muted);margin-top:12px}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.table-wrap{overflow-x:auto}.save-status{font-size:.875rem;color:var(--muted)}
@media(max-width:800px){header{padding:12px 16px}.brand small{display:none}.header-actions{gap:6px}.header-actions button{padding:8px;font-size:.875rem}.header-actions .badge{max-width:160px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.question-layout,.admin-layout,.editor-grid{grid-template-columns:1fr}.question-layout aside{order:1}.question-layout aside .card{padding:14px}.question-layout aside details{margin:0}.question-list{max-height:320px}.controls{grid-template-columns:1fr 1fr}.bottom-nav{gap:0;padding-left:4px;padding-right:4px}.bottom-nav button{min-width:0;flex:1;flex-direction:column;font-size:.9rem;gap:0;padding:5px}.card{padding:18px}main{padding:0 16px;margin-top:24px}h1{font-size:1.5rem}.navigator{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(max-width:450px){.grid,.controls{grid-template-columns:1fr}.grid.metrics{grid-template-columns:1fr 1fr}.navigator{grid-template-columns:repeat(7,minmax(0,1fr))}header{gap:8px}.brand{font-size:1.1rem}.brand-icon{width:34px;height:38px}.header-actions .badge{font-size:.7rem;max-width:118px}.row>*{max-width:100%}.metric{font-size:1.8rem}.card{border-radius:12px;padding:16px}}
.tree-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tree-heading .check{flex:1;min-width:0;padding:7px 0}.tree-toggle{flex-shrink:0;font-size:.875rem;padding:7px 10px;min-height:44px;white-space:nowrap}.tree-tools{display:flex;gap:8px;margin-bottom:16px}.tree-selected{margin:5px 0 4px 30px}.tree-children[hidden]{display:none}@media(max-width:450px){.tree-children{padding-left:12px;margin-left:4px}.tree-heading{gap:5px}.tree-toggle{padding:7px 8px}}

.top-wrong-list {list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}
.hero-card {align-self:start}
.top-wrong-question {text-align:left;white-space:normal;min-width:0;display:grid;gap:8px;padding:12px}
.top-wrong-stem {overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}

/* Compact subjects stay full-width; independent columns prevent stretched cards. */
.home-layout {display:grid;grid-template-columns:minmax(0,1fr);gap:20px;grid-template-areas:"hero" "metrics" "top" "history" "shortcuts"}
.home-left {display:contents}
.home-layout .card {margin-bottom:0}
.home-layout .hero-card {grid-area:hero;align-self:stretch;width:100%}
.home-layout .metrics {grid-area:metrics}
.home-history {grid-area:history}
.home-top {grid-area:top;align-self:start}
.home-shortcuts {grid-area:shortcuts}


.study-setup {align-items:start}

.review-batch {display:grid;gap:12px;padding:16px;background:#eff6f1;border-radius:12px;margin:16px 0}
.review-select-row {display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;border-bottom:1px solid var(--line);align-items:start}
.review-select-row>.check {padding-top:24px}
.review-select-row>.review-item {border:0;min-width:0;overflow-wrap:anywhere}
@media(max-width:450px){.review-select-row{gap:8px}.review-select-row>.check span{display:none}.review-batch .row>button{width:100%}}