:root{color-scheme:dark;--ink:#e2ebf2;--muted:#91a3b3;--teal:#5dd5c9;--line:#273545;--surface:#141e2a;--green:#80d3a7;--red:#f19b9f;--shadow:0 14px 40px #00000015;color:var(--ink);background:#0c121a}
body{background:#0c121a}a{color:#7cddd2}.sidebar{background:#101923;border-color:#233141}.topbar{background:#101923;border-color:#233141}.brand{color:#e7f0f4}.course-switch{border-color:#263443}.course-switch .course-icon{background:#1a2d39;color:#7ddacf}.course-switch span,.nav-label{color:#8d9fad}.nav-link{color:#98adbd}.nav-link:hover{background:#1b2b37}.nav-link.active{background:#17363c;color:#8be5d9}.nav-link .counter{background:#28515a;color:#a3e5dd}.local-note{background:#15222e;border-color:#263747;color:#8da4b4}.local-note strong{color:#d3e3ec}.breadcrumb{color:#8ca2b3}.breadcrumb strong{color:#dae7ee}.top-date{color:#91a3b3}.account-button{color:#dce7ed}.account-button small{color:#8da1b0}.icon-button{color:#97afbf}.icon-button:hover{background:#223443}.avatar{background:#1d4246;color:#8cdacf}.avatar.tone1{background:#2b3551;color:#b1bce8}.avatar.tone2{background:#443929;color:#dec093}.avatar.tone3{background:#3b304b;color:#ccb1e5}.page-heading p,.student-greeting p{color:#90a6b6}.demo-banner{background:#152b3b;border-color:#234155;color:#94b5ca}.demo-banner strong{color:#b9d7e7}.section-surface,.student-week{background:#141e2a;border-color:#273545}.section-top{border-color:#273545}.section-top p{color:#8da5b5}.btn{background:#5dd5c9;color:#082b2e}.btn:hover{background:#80e2d8}.btn.secondary{background:#1a2a37;border-color:#33495a;color:#d3e4ec}.btn.secondary:hover{background:#223747}.btn.ghost{background:transparent;color:#91adbe}.btn.ghost:hover{background:#1d303e;color:#d5e5ee}.btn.danger{background:#a74b55;color:#fff}.btn.white{background:#7adfd3;color:#092e31}.tag{background:#263646;color:#b2c5d1}.tag.open,.tag.present,.tag.submitted{background:#1a3b30;color:#8adcb2}.tag.open:before{background:#83dba7}.tag.late{background:#45381f;color:#e9c977}.tag.absent{background:#44292f;color:#eba1aa}.tag.excused{background:#342d48;color:#c8b7e8}.tag.demo{background:#223b53;color:#aecde8}.tag.draft,.tag.upcoming{background:#25303e;color:#9cabb9}.tag.closed{background:#263240;color:#9db0bf}.week-strip{background:#121d29;border-color:#273545}.week-button{color:#8298a9}.week-button.completed{color:#a2bebd}.week-button:hover{background:#223441}.week-button.selected{background:#61d5c8;color:#0c3233;box-shadow:0 3px 14px #0002}.week-button.selected .week-dot{background:#125e57}.week-heading .topic{color:#8da8b9}.stats-line{border-color:#273545}.stat{color:#8fa4b4}.stat strong{color:#dfe9f0}.stat .green{color:#88ddac}.search input{background:#101b27;border-color:#2a3d4e;color:#cfe0e9}.search input::placeholder{color:#8097a9}.search svg{color:#8ba7b9}.filter{background:#1b2a38;color:#aac0cd;border-color:#304354}th{background:#111c28;color:#879faf;border-color:#273545}td{border-color:#243241;color:#9eb5c5}.student-name{color:#d9e7ee}.student-id{color:#7f97a8}.table-foot{color:#849daf;border-color:#273545}.status-dot{background:#657d8f}.qr-sheet{background:#141e2a;border-color:#2a3d48}.qr-top{background:#163c43;color:#d5f5ee}.qr-top p{color:#9dc6c8}.qr-top .tag{background:#214e50;color:#a1e7d9}.qr-details{border-color:#2a3d48}.qr-details .row{color:#98b6bf}.qr-details svg{color:#7bd6c9}.qr-caption,.help-inline{color:#8ca5b3}.checkin-illustration{display:grid;place-items:center;padding:8px 0 25px}.checkin-phone{width:104px;height:146px;border:3px solid #4f737c;border-radius:18px;display:grid;place-items:center;background:#102a32;position:relative}.checkin-phone:before{content:"";position:absolute;top:9px;width:27px;height:4px;border-radius:4px;background:#4f737c}.checkin-phone svg{width:42px;height:42px;color:#8fe7ca}.checkin-prompt{text-align:center;color:#96b4bf;font-size:11px;line-height:1.8;margin-bottom:22px}.checkin-prompt strong{display:block;font-size:15px;color:#d9e9ed;margin-bottom:7px}.qr-image{background:#fff}.empty{color:#91a7b5}.empty h3{color:#d6e6ed}.empty svg{color:#7095a5}.notice{background:#182e39;border-color:#2c4755;color:#a4bfcc}.notice.warning{background:#3a3020;border-color:#655333;color:#d9c28f}.definition{border-color:#283b49}.definition dd{color:#d3e0e8}.field label,.field legend{color:#b4c9d6}.field input,.field select,.field textarea,.choice-input input[type=text]{background:#101b27;border-color:#35495b;color:#d7e5ed}.field input::placeholder,.field textarea::placeholder,.choice-input input::placeholder{color:#718b9e}.field input[readonly]{background:#182531}.field small{color:#8ba2b3}.field input:focus,.field textarea:focus{border-color:#6acdc7}.radio-panel{border-color:#2e4253}.radio-panel:has(input:checked){background:#17343c;border-color:#4b8f94}.radio-panel p{color:#92aebd}.form-error{background:#39232c;border-color:#714351;color:#f2b5bd}.quiz-glyph{background:#193b40;color:#89ddd0}.quiz-meta{color:#91a8b7}.question-item{border-color:#273545}.question-number{background:#243748;color:#acc8d5}.preview-option{border-color:#2b4050;color:#a7c0cf}.preview-option.correct{background:#193b30;border-color:#345e49;color:#a1deb9}.tabs{border-color:#2c3f4f}.tab{color:#93adbd}.tab.active{color:#83e1d5;border-color:#6cd9cb}.demo-scenario{background:#101e2b;border-color:#2c4354}.demo-scenario label{color:#a7c2d0}.demo-scenario select{background:#172c3b;border-color:#385266;color:#c9e1ea}.demo-scenario p{color:#89a6b7}.student-week .week-hero{background:#16434a;color:#e1f4f0}.week-hero p{color:#a4cbcc}.receipt p{color:#91adbd}.receipt-check{background:#1a3c31;color:#8ee0ad}.receipt-details{background:#101d29;border-color:#2b4152}.receipt-details span{color:#8da6b6}.receipt-details strong{color:#d7e7ef}.mini-week{border-color:#2c3d4b;color:#8ba5b5}.mini-week.present{background:#18392e;border-color:#2e5943;color:#9bdcb7}.mini-week.absent{background:#38262d;border-color:#593540;color:#e7a7b1}.mini-week.late{background:#3b321f;color:#dfc68c}.mini-week.excused{background:#322b42;color:#c7b4e6}.check-step{color:#9eb9c8}.check-step span.step-number{background:#233c4a;color:#abc6d2}.check-step .icon{color:#91dcb2}.quiz-progress{background:#263e4c!important}.quiz-progress div{background:#68d5c9}.question-nav-button{background:#172735;border-color:#354e60;color:#9db6c7}.question-nav-button.answered{background:#204437;color:#a5e0b9;border-color:#3d6850}.question-nav-button.current{background:#69d7cb;color:#0b3437;border-color:#69d7cb}.answer-choice{background:#111d2a;border-color:#304657;color:#b1c7d4}.answer-choice:hover{background:#1b3440;border-color:#639ba5}.answer-choice:has(input:checked){background:#1c3d43;color:#e2f1f0;border-color:#65c8bf}.answer-choice .option-letter{color:#94b6c7}.save-state{color:#96d5b2}.mobile-nav{background:#101b27;border-color:#2a3c4c}.mobile-nav a{color:#91a8b9}.mobile-nav a.active{color:#88e1d6}.login-page{background:#0f1822}.login-story{background:#133a44}.login-story>p{color:#b1d0d7}.login-story .brand{color:#e4f3f4}.story-register{background:#ffffff05;border-color:#ffffff21}.story-register p,.story-footer{color:#a4c4ce}.story-weeks span{background:#ffffff09;color:#b1c6cf}.story-weeks span.current{background:#78d5c5;color:#103b3d}.login-form>p{color:#92aaba}.login-examples{border-color:#2c3d4d}.login-examples>p{color:#91aaba}.demo-account{background:#152431;border-color:#2c4253;color:#d9e6ee}.demo-account:hover{background:#203946;border-color:#4f9296}.demo-account small{color:#91aebe}.login-bottom{color:#879eae}.login-alert{background:#163b43;color:#b0d9dc}.login-main{background:#0f1822}dialog{background:#14212e;border-color:#324758;color:#deebf0}dialog::backdrop{background:#030a12bd}.modal-header,.modal-actions{border-color:#2b4051}.modal-actions{background:#111d29}.url-field{background:#0f1d29;border-color:#2b4658;color:#a4c2d2}.demo-switch button{background:#172735;border-color:#304859;color:#d8e7ef}.demo-switch button:hover{background:#23424d;border-color:#61a1a6}.demo-switch small{color:#8daec0}.projection p,.install-help{color:#9bb7c8}#toast{background:#d0e9e4;color:#143a39;border:1px solid #6ba398}.offline-banner{color:#e7c68d;background:#3d3020;border-color:#6c5735}.design-board img{border-color:#2e4352}.design-notes,.design-heading p,.design-board figcaption{color:#9ab1c0}.design-select{background:#172c3b;color:#b9d4e2;border:1px solid #385266;border-radius:8px;padding:10px}.divider{background:#2b3c4b}
.approval-page{max-width:700px;padding:48px 22px;margin:auto}.approval-panel{padding:42px 30px;margin-top:42px;text-align:center}.approval-panel h1{font-size:28px;margin:20px 0 12px}.approval-panel p{font-size:13px;margin-top:15px}.approval-mark{font-size:45px;color:#7edccc}.approval-actions{display:flex;gap:7px;flex-wrap:wrap}.pending-count{background:#513f23;color:#f0d091}.design-board img{height:auto}.demo-scenario summary{cursor:pointer;font-size:11px;color:#aac6d5;font-weight:600;line-height:1.6}.demo-scenario summary:focus-visible{outline:3px solid #5dd5c9;outline-offset:5px;border-radius:3px}
.quiz-type-label{color:#8cdbd0;margin:12px 0}.written-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#101d2b;border:1px solid #2b4154;border-radius:8px;padding:15px;margin-top:12px;font-size:13px;line-height:1.7}.mark-question{border-top:1px solid #304454;padding:24px 0}.mark-question:first-of-type{margin-top:22px}.mark-question h3{line-height:1.6}.mark-status{margin-left:12px;color:#a5dfbd}.ordering-list{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px}.ordering-list li{display:flex;align-items:center;gap:12px;background:#152837;border:1px solid #36536a;border-radius:9px;padding:12px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.order-number{color:#90b8c9;font-variant-numeric:tabular-nums}.order-controls{display:flex;gap:4px}.order-controls .icon-button{width:42px;height:42px;border:1px solid #36536a;border-radius:6px;font-size:22px;color:#a0eadc}.order-controls .icon-button:disabled{opacity:.3}.choice-input input[type=checkbox]{flex:0 0 auto;accent-color:#66d7c7}.taking-surface textarea{min-height:130px;line-height:1.7}#question-type-fields small{display:block;line-height:1.6}
@media(max-width:980px){.qr-sheet{display:block}.qr-body{display:block}.checkin-illustration{display:none}.checkin-prompt{margin:0 0 15px;text-align:left}.qr-controls{display:flex;flex-wrap:wrap;gap:9px}.qr-controls .btn{width:auto;flex:1}.qr-details{display:none}.qr-caption{display:block}.qr-top p br{display:none}}
@media(max-width:700px){.login-page{background:#0f1822}.login-story{padding-bottom:29px}.qr-body{padding:18px}.checkin-prompt strong{font-size:14px}.checkin-prompt{font-size:11px}.qr-controls .btn{font-size:11px;min-height:39px}.mobile-nav{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}