:root{color:#e8ecf3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#0f172a;--panel:#111827;--panel-2:#1e293b;--text:#e5e7eb;--muted:#94a3b8;--border:#334155;--accent:#38bdf8;--accent-2:#22c55e;--danger:#fb7185;background:#0f172a;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#38bdf824,#0000 25%),linear-gradient(#0f172a 0%,#111827 100%);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{background:var(--accent);color:#082f49;cursor:pointer;border:1px solid #0000;border-radius:12px;padding:.75rem 1rem;font-weight:700}button.secondary{color:var(--text);border-color:var(--border);background:0 0}textarea,select,input[type=text],input[type=file]{border:1px solid var(--border);width:100%;color:var(--text);background:#020617;border-radius:12px;padding:.8rem .9rem}#app{min-height:100vh}.app-shell{max-width:1440px;margin:0 auto;padding:24px}.hero-panel,.card,.question-card{border:1px solid var(--border);background:#0f172ae0;border-radius:24px;box-shadow:0 20px 50px #02061759}.hero-panel{justify-content:space-between;gap:24px;margin-bottom:24px;padding:28px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:.9rem}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,4vw,3.5rem)}h2{margin-bottom:12px;font-size:1.1rem}h3{margin-bottom:12px;font-size:1rem}.hero-copy,.meta,.status,.explanation,.answer-key,.feedback-label{color:var(--muted)}.hero-actions,.stack-row{flex-wrap:wrap;gap:12px;display:flex}.hero-actions{justify-content:end;align-items:start}.layout{grid-template-columns:360px minmax(0,1fr);gap:24px;display:grid}.sidebar,.content,.item-block,.question-stack,.insertion-grid,.correction-block,.text-question-block,.field-block{flex-direction:column;gap:16px;display:flex}.field-block span{color:var(--muted)}.card,.question-card{padding:20px}.section-card{margin-bottom:24px}.passage-block{background:#1e293bbf;border:1px solid #475569e6;border-radius:18px;padding:16px}.passage-block.compact{padding:12px 14px}.passage-line{margin-bottom:12px}.passage-line:last-child,.choice-option:last-child{margin-bottom:0}.choice-list{gap:10px;display:grid}.choice-option{border:1px solid var(--border);background:#02061799;border-radius:14px;align-items:start;gap:12px;padding:12px 14px;display:flex}.choice-option input{margin-top:4px}.insertion-row,.correction-controls{gap:12px;display:grid}.insertion-row{grid-template-columns:minmax(0,1fr) 110px;align-items:center}.correction-controls{grid-template-columns:180px minmax(0,1fr)}.correction-controls label{gap:8px;display:grid}.question-card.correct{border-color:#22c55e99}.question-card.incorrect{border-color:#fb7185b3}.feedback{border-top:1px solid #334155e6;padding-top:8px}.feedback-label.ok{color:var(--accent-2)}.feedback-label.ng{color:var(--danger)}.token-list{flex-wrap:wrap;gap:8px;display:flex}.token-chip{border:1px solid var(--border);background:#020617b3;border-radius:999px;align-items:center;padding:6px 10px;display:inline-flex}.token-chip.extra{color:var(--accent);border-color:#38bdf866}.fill-words-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fill-cell{align-items:center;gap:8px;display:inline-flex}.fill-cell input{width:120px}.upload-block input{padding:10px}.question-prompt,.score{color:var(--text)}.score{font-size:2rem;font-weight:800}.plain-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (width<=980px){.layout{grid-template-columns:1fr}.hero-panel{flex-direction:column}}@media (width<=640px){.app-shell{padding:12px}.hero-panel,.card,.question-card{border-radius:18px;padding:16px}.insertion-row,.correction-controls{grid-template-columns:1fr}}
