@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";:root{color:#273b36;font-synthesis:none;--green:#173e39;--muted:#7a867e;--line:#e2e7de;--mint:#c8e7b9;--cream:#f7f4e9;--orange:#c0764e;background:#f6f7f2;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,PingFang TC,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1px;margin-bottom:8px;font-size:32px;line-height:1.5}h2{margin-bottom:12px;font-size:21px;line-height:1.5}h3{margin-bottom:8px;font-size:17px}p{line-height:1.8}label{margin-bottom:20px;font-size:13px;font-weight:600;line-height:1.6;display:block}input,select,textarea{color:#243e34;background:#fff;border:1px solid #d9e1d7;border-radius:9px;outline:none;width:100%;margin-top:8px;padding:12px 14px;transition:border .2s,box-shadow .2s;display:block}input:focus,textarea:focus,select:focus{border-color:#4b7e6e;box-shadow:0 0 0 3px #c6dfd366}textarea{resize:vertical;line-height:1.7}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #86af83}::selection{background:#c8e7b9}small{font-size:12px}.muted{color:var(--muted);font-size:13px}.fine{color:#869087;margin-top:20px;font-size:12px;line-height:1.8}.eyebrow{letter-spacing:2px;color:#83917f;margin-bottom:12px;font-size:10px;font-weight:700;display:block}.btn{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:11px 19px;font-size:13px;font-weight:600;transition:transform .15s,background .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover:not(:disabled){background:#285a4e}.btn.secondary{color:#355045;background:#fff;border-color:#dce3d8}.btn.ghost{border-color:var(--line);background:0 0}.btn.amber{color:#6f4f22;background:#f4dfb5}.btn.light{color:#183e34;background:#d8ecc8}.btn.small{min-height:35px;padding:8px 12px;font-size:11px}.btn.full{width:100%}.text-btn{color:#496752;background:0 0;border:0;padding:6px 0;font-size:13px;font-weight:500}.icon-btn{color:#889386;background:0 0;border:0;padding:4px 8px;font-size:24px;line-height:1}.danger-text{color:#a45a4d!important}.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.section-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-head h2,.section-head h3{margin:0}.title-row{align-items:center;margin-bottom:28px}.small-head{margin:28px 0 17px}.inline,.actions{align-items:center;gap:12px;display:flex}.error{color:#9a4b40;background:#fff0ed;border:1px solid #eccfc7;border-radius:9px;margin:12px 0;padding:12px 15px;font-size:13px;line-height:1.7}.notice{color:#65715e;background:#eef1e8;border-radius:10px;margin-top:20px;padding:16px 20px;font-size:12px;line-height:1.8}.loading{color:#7c8b7e;place-content:center;min-height:250px;font-size:14px;display:grid}.brand{white-space:nowrap;letter-spacing:1px;align-items:center;gap:11px;font-size:18px;font-weight:700;display:flex}.brand small{letter-spacing:2px;color:#8d9a8b;margin-top:5px;font-size:8px;font-weight:500;display:block}.brandmark{background:#173e39;border-radius:9px;flex-shrink:0;width:34px;height:34px;display:block;position:relative}.brandmark i{background:#c8e7b9;border-radius:50%;width:18px;height:18px;position:absolute;top:8px;left:5px}.brandmark i+i{background:#e8ab80cc;left:13px}.admin-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:5;background:#fcfdf9;flex-direction:column;width:225px;padding:33px 24px;display:flex;position:fixed;top:0;bottom:0;left:0}.nav-label{color:#a0a89b;letter-spacing:2px;margin:55px 0 17px 12px;font-size:10px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav button{color:#7c897e;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:15px;padding:13px 15px;font-size:13px;display:flex}.sidebar nav button span{font-size:20px;line-height:1}.sidebar nav button.active{color:#214b3c;background:#eaf0e2;font-weight:600}.sidebar nav button:hover{background:#f1f4ec}.sidebar-bottom{color:#9aa491;margin-top:auto;font-size:11px}.sidebar-bottom p{margin:13px 0 18px;font-size:10px}.cloud-label{align-items:center;gap:7px;font-size:10px;display:flex}.cloud-label i,.sync i,.green-dot{background:#6c9e65;border-radius:50%;width:6px;height:6px;display:inline-block}.admin-content{flex:1;min-width:0;margin-left:225px}.topbar{border-bottom:1px solid var(--line);color:#90998b;background:#fcfdf8;justify-content:space-between;align-items:center;height:73px;padding:0 42px;font-size:11px;display:flex}.admin-avatar{color:#78866e;background:#e9ede0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.workspace{max-width:1450px;min-height:calc(100vh - 125px);margin:0 auto;padding:35px 42px 50px}.admin-footer{border-top:1px solid var(--line);color:#a0a99a;padding:18px 42px;font-size:10px}.admin-footer span{float:right}.welcome-card{color:#fff;background:#173e39;border-radius:15px;justify-content:space-between;align-items:center;min-height:300px;padding:34px 42px;display:flex;overflow:hidden}.welcome-card .eyebrow{color:#a6bea4;font-size:9px}.welcome-card h2{letter-spacing:1px;margin-bottom:12px;font-size:32px;font-weight:500;line-height:1.55}.welcome-card p{color:#afc3b6;font-size:12px;line-height:1.9}.welcome-card .btn{margin-top:5px}.welcome-art{width:400px;height:260px;margin-right:15px;position:relative}.big-circle{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;font-family:Georgia,serif;font-size:70px;display:flex;position:absolute;top:16px}.big-circle small{letter-spacing:2px;margin-top:3px;font-family:Noto Sans TC,sans-serif;font-size:11px}.big-circle.a{color:#234539;background:#cce3b5;left:30px}.big-circle.b{color:#5d4936;background:#dbab7cf0;top:50px;left:170px}.art-caption{letter-spacing:2px;color:#7e9d89;font-size:8px;position:absolute;bottom:-3px;left:86px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0;display:grid}.metrics.overview-metrics{grid-template-columns:repeat(3,1fr)}.metric{border:1px solid var(--line);background:#fff;border-radius:12px;padding:21px 25px}.metric>span{color:#81907d;font-size:12px}.metric strong{letter-spacing:-1px;margin:9px 0 5px;font-size:35px;font-weight:500;line-height:1.3;display:block}.metric strong small{color:#889681;letter-spacing:0;margin-left:9px;font-weight:400}.metric p{color:#96a08e;margin:8px 0 0;font-size:10px}.mini-progress{background:#eef1e9;border-radius:4px;height:4px;margin-top:17px}.mini-progress i{background:#96b57c;border-radius:4px;height:100%;display:block}.run-list{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.run-item{text-align:left;color:inherit;background:0 0;border:0;border-bottom:1px solid #edf0e9;align-items:center;gap:19px;padding:20px 23px;display:flex}.run-item:last-child{border-bottom:0}.run-item:hover{background:#fafbf6}.run-icon{color:#85957a;background:#f0f3e8;border-radius:8px;place-items:center;width:39px;height:43px;font-size:23px;display:grid}.run-info{flex:1;min-width:0}.run-info strong{overflow-wrap:anywhere;font-size:14px;font-weight:500;display:block}.run-info small{color:#98a18f;margin-top:7px;font-size:10px;display:block}.badge{white-space:nowrap;color:#86917b;background:#f0f2ec;border-radius:20px;align-items:center;gap:7px;padding:5px 9px;font-size:10px;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.badge.open{color:#638351;background:#e9f3e5}.badge.paused{color:#aa853f;background:#faf0db}.badge.ended{color:#899582;background:#ecefe9}.run-count{margin-left:10px;font-size:16px}.run-count small{color:#98a38d;font-size:10px}.arrow{color:#94a38b;margin-left:8px;font-size:19px}.empty{text-align:center;background:#fafbf6;border:1px dashed #dce3d2;border-radius:12px;padding:38px 20px}.empty-symbol{color:#94a789;margin-bottom:10px;font-size:38px}.empty h3{font-weight:500}.empty p{color:#9aa48f;font-size:12px}.empty .btn{margin-top:10px}.template-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;display:grid}.template-card{padding:0;overflow:hidden}.template-cover{background:#e7eddb;height:147px;padding:20px 25px;position:relative;overflow:hidden}.template-cover>span{letter-spacing:2px;color:#81946f;font-size:9px}.template-cover>div{justify-content:center;margin-top:13px;display:flex}.template-cover i{color:#516646;background:#c9dcb7;border-radius:50%;place-items:center;width:85px;height:85px;font-family:Georgia,serif;font-size:35px;font-style:normal;display:grid}.template-cover i+i{color:#8b684c;background:#e9c4a3;margin-left:-12px;transform:translateY(8px)}.template-body{padding:24px}.template-body .eyebrow{letter-spacing:1px;font-size:9px}.template-body h2{font-size:19px}.template-body>p{color:#93a089;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;font-size:12px;display:-webkit-box;overflow:hidden}.template-body>.btn{margin-top:8px}.template-actions{justify-content:space-between;margin-top:14px;display:flex}.template-actions .text-btn{font-size:11px}.form-intro{grid-template-columns:1fr 1.4fr;gap:25px;margin:26px 0;display:grid}.form-intro label{margin:0}.question-tabs{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.question-tabs button{color:#839576;background:0 0;border:1px solid #dce4d3;border-radius:8px;padding:9px 14px;font-size:12px}.question-tabs button.active{color:#fff;background:#244a3c;border-color:#244a3c}.editor-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.question-editor{min-width:0;padding:24px}.question-editor .section-head{gap:10px;margin-bottom:23px}.question-editor h2{font-size:17px}.question-editor .muted{font-size:10px}.group-pill{color:#456339;background:#dbe9cb;border-radius:8px;place-items:center;width:33px;height:33px;margin-right:8px;font-family:Georgia,serif;font-size:18px;display:inline-grid}.group-b .group-pill{color:#9a6c47;background:#f1dfcb}.option-head{color:#89987e;justify-content:space-between;margin-bottom:5px;padding-right:30px;font-size:11px;display:flex}.option-edit{align-items:center;gap:8px;margin-bottom:8px;display:flex}.option-edit>span{color:#9fa992;min-width:12px;font-size:11px}.option-edit input{min-width:0;margin:0;padding:10px;font-size:12px}.option-edit input[type=number]{flex-shrink:0;width:68px}.option-edit .icon-btn{padding:3px;font-size:18px}.sum{white-space:nowrap;font-size:10px}.sum.valid{color:#6b9659}.sum.invalid{color:#be6b52}.editor-footer{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:40;background:#173e3966;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:min(680px,100%);max-height:90vh;padding:28px;overflow:auto;box-shadow:0 30px 100px #122d3b33}.modal>.section-head,.modal form>.muted{margin-bottom:23px}.breadcrumb{margin-bottom:20px;font-size:11px}.sync{color:#879680;align-items:center;gap:6px;font-size:10px;display:inline-flex}.sync.offline{color:#a86f4f}.sync.offline i{background:#a86f4f}.control-panel{flex-wrap:wrap;align-items:center;gap:20px;margin:22px 0;padding:20px 24px;display:flex}.control-panel .eyebrow{margin-bottom:6px;font-size:8px}.control-panel h3{margin:0;font-size:15px}.control-actions{gap:10px;margin-left:auto;display:flex}.control-fields{border-top:1px solid var(--line);align-items:flex-end;gap:18px;width:100%;padding-top:16px;display:flex}.control-fields label{flex:1;margin:0;font-size:11px}.control-fields select{margin-top:5px;padding:9px;font-size:12px}.control-fields .btn{min-height:39px;font-size:12px}.results-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.mode-label{color:#919f84;font-size:11px}.result-card{padding:25px}.result-card h3{font-size:16px}.result-card .muted{font-size:11px}.question-preview{min-height:52px;margin:20px 0;font-size:14px;line-height:1.85}.bar-row{margin:21px 0 10px}.bar-label{justify-content:space-between;align-items:flex-end;gap:15px;font-size:12px;line-height:1.6;display:flex}.bar-label>span{overflow-wrap:anywhere;min-width:0}.bar-label strong{white-space:nowrap;font-size:23px;font-weight:500}.bar-label strong small{margin-left:3px;font-size:12px}.bar-track{background:#eef2e8;border-radius:3px;height:10px;margin-top:10px;overflow:hidden}.bar-track>div{background:#9ab986;border-radius:3px;height:100%;transition:width .65s}.group-b .bar-track{background:#f8f0e6}.group-b .bar-track>div{background:#d9a77a}.bar-count{color:#9ba58f;text-align:right;margin-top:6px;font-size:10px}.result-card details{border-top:1px solid var(--line);color:#87957b;margin-top:20px;padding-top:14px;font-size:11px}.result-card summary{cursor:pointer}.participant-card{margin-top:26px}.participant-card .section-head p{margin:6px 0 0;font-size:11px}.search{width:190px;margin:0;font-size:12px}.export-actions{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.table-scroll{max-height:520px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#8c9a80;background:#f7f9f2;padding:12px;font-size:10px;font-weight:500}td{color:#607258;border-bottom:1px solid #edf0e7;padding:14px 12px;line-height:1.7}td:first-child{color:#2d4d3d}thead{position:sticky;top:0}.mono{font-family:ui-monospace,monospace}.group-tag{color:#6a8657;background:#e7efdb;border-radius:4px;padding:3px 9px;font-size:10px}.group-tag.group-b{color:#ad825c;background:#f8ebdb}.complete{color:#6b9454;font-size:11px}.audit{color:#9aa58e;margin-top:25px;font-size:11px}.audit summary{cursor:pointer}.audit p{font-family:ui-monospace,monospace;font-size:10px}.qr-wrap{flex-direction:column;align-items:center;gap:15px;display:flex}.qr{width:280px;max-width:100%;height:auto;display:block}.qr-skeleton{background:#f1f3ec;border-radius:12px;width:280px;height:280px}.copy-row{gap:8px;margin:23px 0;display:flex}.copy-row input{margin:0;font-size:11px}.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-story{color:#e9f1e1;background:#173e39;flex-direction:column;justify-content:space-between;min-height:750px;padding:42px 55px;display:flex;overflow:hidden}.login-story .brandmark{background:#31564b}.login-story .brand small{color:#9ab39c}.login-story>div>.eyebrow{color:#97b18f;font-size:9px}.login-story h1{letter-spacing:1px;margin-top:20px;font-size:44px;font-weight:500}.login-story p{color:#a2b99e;font-size:13px}.login-story>small{color:#789678;font-size:10px}.orbit{width:270px;height:170px;margin:30px 0 0 55px;position:relative}.orbit span{color:#315137;background:#c6deb0;border-radius:50%;place-items:center;width:145px;height:145px;font-family:Georgia,serif;font-size:64px;display:grid;position:absolute;left:0}.orbit span+span{color:#73543d;background:#deb084eb;top:15px;left:110px}.login-panel{place-items:center;padding:35px;display:grid}.login-form{width:350px;max-width:100%}.login-form h2{margin-bottom:10px;font-size:27px}.login-form>.muted{margin-bottom:35px}.login-form label{margin-bottom:22px}.student-page{background:radial-gradient(at 80% 0,#e8edde,#0000 50%),#f7f8f2;min-height:100vh;padding:25px 20px 20px}.student-header{justify-content:space-between;align-items:center;max-width:850px;margin:0 auto;display:flex}.student-header>span{letter-spacing:2px;color:#9ba88e;font-size:8px}.student-header .brand{font-size:15px}.student-header .brand small{font-size:7px}.student-card{background:#fff;border:1px solid #e3e8da;border-radius:19px;max-width:620px;margin:55px auto 25px;padding:38px 40px;box-shadow:0 12px 45px #2d502908}.student-card h1{font-size:28px}.student-description{color:#8a9881;white-space:pre-wrap;margin:16px 0 28px;font-size:13px}.student-card .eyebrow{letter-spacing:1.8px;font-size:8px}.student-state{color:#718565;background:#f0f5e9;border-radius:9px;align-items:center;gap:8px;padding:13px 15px;font-size:12px;line-height:1.8;display:flex}.student-question{border:0;margin:32px 0;padding:0}.student-question legend{white-space:pre-wrap;margin-bottom:17px;font-size:17px;font-weight:500;line-height:1.8}.student-question legend span{letter-spacing:1.6px;color:#a3af96;margin-bottom:8px;font-size:9px;display:block}.answer-option{cursor:pointer;border:1px solid #e0e6d8;border-radius:10px;align-items:center;gap:13px;margin:11px 0;padding:16px;font-size:13px;font-weight:400;line-height:1.7;display:flex;position:relative}.answer-option:hover{background:#fbfcf6}.answer-option.selected{background:#f0f6e8;border-color:#97b182}.answer-option input{opacity:0;width:1px;height:1px;position:absolute;left:16px}.answer-option:focus-within{outline-offset:2px;outline:2px solid #6f915b}.option-letter{color:#9ca88f;background:#f1f4eb;border-radius:7px;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.selected .option-letter{color:#5f7b4d;background:#dbe9cc}.answer-option i{color:#74985a;margin-left:auto;font-style:normal}.submit-zone{border-top:1px solid var(--line);text-align:center;padding-top:23px}.submit-zone .muted{font-size:11px}.submit-zone .btn{margin:14px 0 10px}.submit-zone>small{color:#a6b09c;font-size:10px}.student-footer{text-align:center;color:#a9b29e;letter-spacing:.5px;padding:20px;font-size:10px}.success-card{text-align:center;padding:50px 30px}.success-icon{color:#799c5c;background:#e8f2da;border-radius:50%;place-items:center;width:75px;height:75px;margin:0 auto 30px;font-size:30px;display:grid}.success-card h1{font-size:30px}.success-card p{color:#90a080;font-size:14px;line-height:2}.success-line{background:#dfc4a0;width:48px;height:3px;margin:30px auto 0}.waiting-visual{text-align:center;padding:45px 0 20px}.waiting-visual>span{background:#a9bf93;border-radius:50%;width:10px;height:10px;margin:0 5px;animation:1.5s infinite pulse;display:inline-block}.waiting-visual>span:nth-child(2){animation-delay:.2s}.waiting-visual>span:nth-child(3){animation-delay:.4s}.waiting-visual p{color:#a0ad91;margin-top:25px;font-size:12px}@keyframes pulse{50%{opacity:.2;transform:translateY(-4px)}}.projection{background:#fafbf5;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.projection-half{background:#f6f9ee;min-width:0;padding:5vh 4vw}.projection-half+.projection-half{background:#fcf6ed;border-left:1px solid #d7decf}.projection-top{color:#728662;align-items:center;gap:12px;margin-bottom:3vh;font-size:18px;display:flex}.projection-top .group-pill{border-radius:13px;width:55px;height:55px;font-size:32px}.projection-top>small{color:#8c9b7d;margin-left:auto;font-size:14px}.projection-half h1{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 5vh;font-size:clamp(20px,2.1vw,40px);font-weight:500;line-height:1.8}.projection .bar-row{margin:3vh 0 2vh}.projection .bar-label{font-size:clamp(14px,1.5vw,25px)}.projection .bar-label strong{font-size:clamp(24px,3vw,55px)}.projection .bar-label strong small{font-size:18px}.projection .bar-track{border-radius:5px;height:22px;margin-top:14px}.projection .bar-count{margin-top:10px;font-size:14px}.qr-page{background:#f1f4e8;min-height:100vh;padding:40px 6vw}.qr-display{justify-content:space-between;align-items:center;gap:8vw;max-width:1250px;margin:8vh auto;display:flex}.qr-display h1{letter-spacing:1px;font-size:clamp(30px,4vw,65px);font-weight:500;line-height:1.6}.qr-display h2{margin:30px 0 15px;font-size:20px}.qr-display p{color:#849474;font-size:14px}.qr-board{text-align:center;background:#fff;border-radius:25px;padding:25px 30px 35px;box-shadow:0 15px 50px #263f2c0a}.qr-board .qr{width:400px;max-width:34vw}.qr-board>span{color:#8c9e79;letter-spacing:1px;font-size:12px}@media (width>=1500px){.welcome-art{margin-right:60px}.welcome-card{padding:38px 48px}.workspace{padding-top:42px}}@media (width<=1100px){.sidebar{width:190px;padding:28px 17px}.sidebar .brand{gap:8px;font-size:16px}.admin-content{margin-left:190px}.workspace{padding:28px 25px}.topbar{padding:0 25px}.welcome-card{padding:30px}.welcome-art{transform-origin:100%;width:300px;margin-right:0;transform:scale(.85)}.big-circle.a{left:0}.big-circle.b{left:130px}.title-row{align-items:flex-start}.title-row .actions{flex-direction:column;align-items:stretch}.editor-columns{grid-template-columns:1fr}.results-grid{gap:15px}.metric{padding:18px}.metric strong{font-size:30px}.control-panel{gap:15px}.control-fields{gap:10px}.control-fields label{min-width:0}.run-count{display:none}}@media (width<=760px){h1{font-size:26px}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:auto;padding:17px 20px;position:static}.sidebar .brand{font-size:16px}.sidebar nav{flex-direction:row;gap:5px;margin-top:18px}.sidebar nav button{padding:9px 14px;font-size:12px}.sidebar nav button span{font-size:16px}.sidebar-bottom,.nav-label{display:none}.admin-shell{display:block}.admin-content{margin:0}.topbar{height:48px;padding:0 22px}.workspace{padding:25px 19px}.title-row{flex-direction:column;gap:15px}.title-row .actions{flex-flow:wrap}.title-row>.btn{align-self:flex-start}.welcome-card{min-height:290px;padding:28px;position:relative}.welcome-card h2{font-size:28px}.welcome-card>div:first-child{z-index:1}.welcome-art{opacity:.5;position:absolute;bottom:20px;right:-65px;transform:scale(.65)}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metrics.overview-metrics{grid-template-columns:repeat(3,1fr)}.metric{padding:15px}.metric strong{font-size:29px}.metric>span{font-size:10px}.metric p{font-size:9px}.metric strong small{margin-left:5px;font-size:10px}.run-item{gap:10px;padding:17px 13px}.run-info strong{font-size:12px}.run-info small{font-size:9px}.run-icon{width:31px;height:35px;font-size:19px}.run-item .badge{font-size:9px}.run-item .arrow{margin:0;font-size:15px}.card{padding:20px}.form-intro{grid-template-columns:1fr;gap:20px}.question-editor .section-head{gap:8px}.control-actions{margin-left:0}.control-fields{flex-wrap:wrap;align-items:flex-end}.control-fields label{flex:1;min-width:125px}.control-fields>.btn{width:100%}.results-grid{grid-template-columns:1fr}.participant-card>.section-head{flex-direction:column;align-items:flex-start}.search{width:100%}.mode-label{font-size:10px}.small-head h2{font-size:18px}.admin-footer{padding:18px 22px}.admin-footer span{display:none}.modal-backdrop{padding:12px}.modal{max-height:94vh;padding:24px}.login-page{display:block}.login-story{min-height:0;padding:25px 28px}.login-story>div,.login-story>small{display:none}.login-panel{min-height:calc(100vh - 94px);padding:40px 28px}.login-form h2{font-size:26px}.student-header>span{display:none}.student-card{margin-top:32px;padding:28px 23px}.student-card h1{font-size:24px}.student-card .eyebrow{font-size:7px}.student-page{padding:20px 15px}.student-question legend{font-size:16px}.answer-option{gap:10px;padding:14px 12px;font-size:13px}.projection-half{padding:24px 20px}.projection-top{flex-wrap:wrap;gap:5px;font-size:13px}.projection-top .group-pill{width:34px;height:34px;margin-right:4px;font-size:22px}.projection-top>small{font-size:10px}.projection-half h1{font-size:18px}.projection .bar-label{gap:8px;font-size:12px}.projection .bar-label strong{font-size:24px}.projection .bar-label strong small{font-size:12px}.projection .bar-track{height:14px}.projection .bar-count{font-size:10px}.qr-display{flex-direction:column;gap:20px;margin:40px auto}.qr-display h1{font-size:35px}.qr-board .qr{width:300px;max-width:75vw}.qr-display h2{font-size:17px}.qr-display p{font-size:12px}.qr-page{padding:25px}.qr-board{padding:15px 15px 25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.mobile-logout{display:none}@media (width<=760px){.mobile-logout{font-size:11px;display:block}}.roster-setup{border:1px solid var(--line);background:#f6f8f2;border-radius:10px;margin-bottom:22px;padding:18px}.check-label{cursor:pointer;align-items:center;gap:10px;margin-bottom:0;display:flex}.check-label input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0;margin:0}.roster-setup .check-label+label{margin-top:18px}.roster-setup p:last-child{margin-bottom:0}.allowed-roster{margin-bottom:18px}.allowed-roster summary{cursor:pointer;font-size:13px;font-weight:600}