:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18243a;--line:#dce1e8;--accent:#d8fa7c;background:#f3f5f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);min-height:42px;color:inherit;cursor:pointer;background:#fff;border-radius:9px;padding:10px 16px;font-weight:600}button:hover:not(:disabled){background:#f4f7f0;border-color:#64748b}button:disabled{cursor:not-allowed;opacity:.55}button.primary{background:var(--accent);border-color:#bad965}button.danger{color:#9c2738}a{color:#214ead}:focus-visible{outline-offset:3px;outline:3px solid #456fe0}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(26px,3vw,36px)}h2{letter-spacing:-.02em;font-size:21px}h3{margin-top:28px;font-size:17px}p{line-height:1.6}small,.muted{color:#58677a}label{gap:8px;font-size:14px;font-weight:600;display:grid}input:not([type=checkbox]),select,textarea{color:#18243a;background:#fff;border:1px solid #bac4d2;border-radius:8px;width:100%;min-width:0;padding:11px 12px}textarea{resize:vertical;min-height:100px;line-height:1.5}input[type=checkbox]{accent-color:#425c1a;width:19px;height:19px}form{gap:18px;display:grid}.field{gap:8px;min-width:0;margin-bottom:20px;display:grid}.field small{font-weight:400}.check{align-items:center;gap:9px;font-weight:400;display:flex}.brand{letter-spacing:-.03em;font-size:21px;font-weight:800}.brand span{letter-spacing:.02em;margin-top:8px;font-size:12px;font-weight:400;display:block}.login-page{background:#18243a;place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:#fff;border-radius:20px;width:min(100%,440px);padding:38px}.login-card h1{margin:28px 0 12px;font-size:28px}.admin-shell{grid-template-columns:236px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{color:#f4f7ff;background:#18243a;flex-direction:column;gap:40px;padding:32px 22px;display:flex}.sidebar nav{gap:8px;display:grid}.sidebar :where(nav button){color:#e4eaf3;text-align:left;background:0 0;border-color:#0000}.sidebar :where(nav button.selected),.sidebar :where(nav button:hover){color:var(--accent);background:#2b3a51}.account{overflow-wrap:anywhere;gap:14px;margin-top:auto;display:grid}.account small{color:#b7c2d2}.account :where(button){color:#fff;background:0 0;border-color:#526078}.workspace{min-width:0;max-width:1700px;padding:34px clamp(20px,3vw,54px)}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.eyebrow{color:#58677a;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:650}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;margin-bottom:22px;padding:25px}.create-form{grid-template-columns:minmax(120px,1fr) minmax(180px,2fr) auto;align-items:end}.quiz-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;display:grid}.quiz-card{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.quiz-card p,.quiz-card h2{margin-bottom:0}.quiz-card :where(.actions){margin-top:auto;padding-top:10px}.badge{color:#3c5414;background:#edf3df;border-radius:6px;padding:6px 9px;font-size:12px;display:inline-block}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.notice{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:10px;padding:16px 20px}.error{color:#9c2738;white-space:pre-wrap}.error.notice{background:#fff0f0;border-color:#ecc1c7}.success{color:#305319;background:#eff8e9}.editor-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.editor-toolbar .actions{margin-left:auto}.tabs{gap:8px;margin-bottom:20px;display:flex}.tabs button[aria-current=page]{color:#fff;background:#18243a}.editor-fields{border:0;min-width:0;margin:0;padding:0}.editor-grid{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:22px;display:grid}.outline{max-height:calc(100dvh - 40px);padding:14px;position:sticky;top:20px;overflow-y:auto}.outline h2{margin:8px}.outline :where(button){text-align:left;overflow-wrap:anywhere;width:100%;margin-bottom:6px;padding:10px;font-size:13px}.outline-round{margin-bottom:16px}.outline-question{border-color:#0000;padding-left:20px;font-weight:400}.outline .selected{background:#edf3df;border-color:#b4ce8b}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.row-between{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.row-between h2{margin-bottom:0}.upload-control{border:1px dashed #a5b1c1;border-radius:8px;padding:12px;font-size:13px}.upload-control input{border:0;padding:0;font-size:12px}.media-preview{object-fit:contain;background:#f3f5f7;border-radius:8px;width:100%;max-height:210px}audio{width:100%}.asset-list{padding:0;list-style:none}.asset-list li{border-top:1px solid var(--line);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:15px;padding:15px 0;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1100px){.admin-shell,.editor-grid{grid-template-columns:190px minmax(0,1fr)}.workspace{padding:25px 20px}.two-columns,.three-columns{grid-template-columns:1fr;gap:0}}@media (max-width:760px){.admin-shell{display:block}.sidebar{gap:15px;padding:18px}.sidebar .brand{margin:0}.sidebar nav{flex-wrap:wrap;display:flex}.account{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.account button{min-height:36px;padding:6px 12px}.workspace{padding:24px 14px}.editor-grid{grid-template-columns:1fr}.outline{max-height:280px;position:static}.create-form{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.panel{padding:19px}.asset-list li{grid-template-columns:minmax(0,1fr) auto}.asset-list small{grid-column:1}.editor-toolbar .actions{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto}}
