:root{color:#1c2d48;font-synthesis:none;--blue:#4367dd;--teal:#178f83;--muted:#738199;--border:#e6ebf2;background:#f5f7fa;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-size:14px;font-weight:400;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:var(--blue);text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #a7b9ff}input,textarea{color:#203452;background:#fff;border:1px solid #dbe2ed;border-radius:9px;outline:none;width:100%;padding:11px 13px;transition:border .15s}input:focus,textarea:focus{border-color:#5878e4;box-shadow:0 0 0 3px #4367dd12}textarea{resize:vertical;line-height:1.65}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.5px;font-size:29px;line-height:1.35}h2{margin-bottom:13px;font-size:24px;font-weight:650;line-height:1.5}h3{margin-bottom:12px;font-size:16px;font-weight:650}p{margin-bottom:16px}small{font-size:12px}strong{font-weight:650}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:#53617a;margin:14px 0;font-size:13px;line-height:1.85}summary{cursor:pointer;padding:8px 0;font-weight:550}li{margin-bottom:10px}footer{color:#8b97aa;text-align:center;padding:26px;font-size:12px}.brand{color:#213452;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:700;line-height:1.3;display:flex}.brand small{letter-spacing:1.8px;color:#97a2b6;margin-top:5px;font-size:8px;font-weight:550;display:block}.brand-icon{color:#fff;background:#4769db;border-radius:11px;place-items:center;width:37px;height:40px;display:grid}.button{background:var(--blue);color:#fff;white-space:normal;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:10px 17px;font-size:13px;font-weight:600;line-height:1.5;transition:background .15s;display:inline-flex}.button:hover:not(:disabled){background:#3458c9}.button.secondary{color:#4c5e79;background:#fff;border-color:#dfe5f0}.button.secondary:hover:not(:disabled){background:#f3f6fd}.text-button{color:#4e6ccc;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:12px;display:inline-flex}.icon-button{color:#8190a6;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:#edf1f8}.row{align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack{flex-direction:column;gap:17px;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.muted{color:var(--muted);font-size:13px}.caption{color:#8390a4;margin-top:12px;font-size:12px;line-height:1.8}.eyebrow{color:#7990b8;letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:650;display:block}.badge{color:#5c74bd;white-space:nowrap;background:#edf2ff;border:1px solid #e3eafb;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:550;display:inline-block}.notice{color:#6c7e9a;background:#f1f5fb;border:1px solid #e6ecf7;border-radius:8px;align-items:flex-start;gap:9px;margin-top:14px;padding:13px 15px;font-size:12px;line-height:1.8;display:flex}.notice svg{flex:none;margin-top:2px}.error{color:#ac5146;overflow-wrap:anywhere;background:#fff2ef;border:1px solid #f2d9d4;border-radius:8px;margin-bottom:15px;padding:13px 15px}.field{display:block}.field>span{color:#5d6e89;margin-bottom:7px;font-size:12px;font-weight:550;display:block}.card{border:1px solid var(--border);background:#fff;border-radius:14px;margin-bottom:20px;padding:28px;box-shadow:0 3px 10px #23375702}.card>p:last-child{margin-bottom:0}.loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:60vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:87px;padding:20px 30px;display:flex}.topbar h1{letter-spacing:0;margin:0 0 2px;font-size:16px}.topbar .muted{font-size:11px}.sidebar{border-right:1px solid var(--border);background:#fcfdff;flex-direction:column;width:229px;padding:27px 20px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar .brand{margin-bottom:23px}.back-link{text-align:left;color:#8b97a9;background:0 0;border:0;padding:10px 6px;font-size:11px}.sidebar-label{color:#a0aabc;letter-spacing:.6px;margin:21px 9px 10px;font-size:10px}.phase-item{color:#8995a9;border-radius:8px;align-items:center;gap:11px;min-height:53px;margin-bottom:3px;padding:10px 9px;display:flex;position:relative}.phase-item b{font-size:12px;font-weight:500;display:block}.phase-item small{color:#a7b1c1;margin-top:1px;font-size:9px;display:block}.phase-item.active{color:#4165cf;background:#edf2ff}.phase-item.active b{font-weight:650}.phase-number{color:#9da8ba;border:1px solid #e6ebf2;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.phase-item.active .phase-number{color:#fff;background:#4e70dd;border-color:#4e70dd}.phase-item.done .phase-number{color:#5eaa93;background:#eff8f4;border-color:#d8e8e4}.active-dot,.live-dot{background:#5575db;border-radius:50%;flex:none;width:6px;height:6px;display:block}.active-dot{margin-left:auto}.sidebar-bottom{color:#9aa7ba;align-items:center;gap:10px;margin-top:auto;padding:24px 7px 0;font-size:10px;display:flex}.teacher-main{margin-left:229px}.teacher-body{grid-template-columns:minmax(0,1fr) 263px;max-width:1800px;margin:0 auto;display:grid}.stage{min-width:0;padding:31px 30px}.stage-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.stage-heading h2{margin:3px 0 6px;font-size:25px}.stage-heading p{margin-bottom:0;font-size:12px}.control-panel{padding:34px 22px 24px 0}.control-card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:17px;padding:19px 18px;font-size:12px}.control-card h3{margin:0;font-size:13px}.control-card .caption{margin:9px 0 17px;font-size:10px}.control-card>.button{width:100%;margin-top:12px;font-size:11px}.live-dot{background:#45b796;box-shadow:0 0 0 4px #eff9f6}.progress-row{color:#8390a5;border-bottom:1px solid #f0f3f8;justify-content:space-between;align-items:center;padding:12px 0;font-size:11px;display:flex}.progress-row b{color:#344864;font-size:17px;font-weight:600}.progress-row small{color:#a0acbd;font-size:10px;font-weight:400}.tool-row{color:#7787a0;text-align:left;background:0 0;border:0;border-bottom:1px solid #f0f3f8;align-items:center;gap:8px;width:100%;padding:14px 0;font-size:10px;display:flex}.tool-row span{flex:1}.control-card details{margin-top:10px;font-size:11px}.control-card .button.secondary{font-size:10px}.save-note{color:#9ca8ba;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.participants{max-height:230px;overflow:auto}.participants>div{border-bottom:1px solid #f0f3f8;justify-content:space-between;padding:6px 0;font-size:10px;display:flex}.participants span{color:#8998ae}.join-card{grid-template-columns:1fr 230px;align-items:center;gap:20px;min-height:350px;padding:35px;display:grid}.join-card h2{letter-spacing:-.5px;margin:8px 0 18px;font-size:29px;line-height:1.65}.join-card p{color:#8a97ac;font-size:12px;line-height:2}.class-code{color:#8b98ae;font-size:11px}.class-code b{letter-spacing:5px;color:#405678;margin-left:10px;font-size:24px}.qr-wrap{color:#8c9ab0;flex-direction:column;align-items:center;gap:12px;font-size:10px;display:flex}.qr-image{background:#fff;border:1px solid #e9edf4;border-radius:13px;width:213px;max-width:100%;height:213px;padding:9px;display:block}.skeleton{background:#f1f4fa}.rule-flow{background:#f8faff;border:1px solid #edf1f9;border-radius:12px;justify-content:space-around;align-items:center;gap:12px;margin-bottom:22px;padding:24px 18px;display:flex}.rule-flow div{text-align:center}.rule-flow b{color:#5674ca;font-size:29px;line-height:1.5;display:block}.rule-flow span{color:#8d9ab0;font-size:11px;display:block}.rule-flow>svg{color:#c8d1e3;width:18px}.formula{color:#546a8d;background:#f8fafc;border-radius:8px;flex-direction:column;gap:9px;margin:20px 0;padding:18px 20px;font-size:13px;display:flex}.example{background:#eef3fd;border:1px solid #e4ebf8;border-radius:13px;margin-bottom:20px;padding:26px}.example-steps{color:#7e91b0;flex-wrap:wrap;align-items:center;gap:13px;margin:20px 0;font-size:12px;display:flex}.example-steps svg{width:17px}.example-steps b{color:#4869c8}.mini{background:#fff;border:1px solid #e2e9f4;border-radius:10px;padding:16px 21px}.mini>span{color:#8392ac;font-size:11px}.mini>b{color:#4a6cce;font-size:27px;display:block}.mini small{font-size:10px;font-weight:400}.mini p{color:#93a0b6;margin:0;font-size:11px}.mini.teal>b{color:#249a90}.prompt-box{background:#f8faff;border:1px solid #e8edf7;border-radius:8px;margin:15px 0;padding:5px 14px}.prompt-box summary{color:#5e749a;justify-content:space-between;align-items:center;font-size:12px;display:flex}.prompt-box summary .muted{font-size:10px}.prompt-actions{text-align:right}.quiz-display{margin:24px 0}.quiz-display p{background:#f8faff;border-radius:8px;padding:18px;font-size:14px}.decision-stage{text-align:center;padding:55px 35px}.decision-stage h2{margin-top:18px}.decision-stage>p{color:#8595b0}.big-count{color:#4d6dd7;margin-top:30px;font-size:64px;line-height:1.2}.big-count small{color:#bcc6db;font-size:24px}.teal-stage .big-count{color:var(--teal)}.decision-stage .notice{text-align:left;max-width:480px;margin:30px auto 0}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.metric-grid>div{border:1px solid var(--border);background:#fff;border-radius:11px;padding:20px}.metric-grid span{color:#8d9ab0;font-size:11px;display:block}.metric-grid b{color:#4562a2;margin-top:7px;font-size:27px;font-weight:600;display:block}.metric-grid small{color:#a3aec1;font-size:11px;font-weight:400}.chart-grid{gap:18px}.chart-grid .card{padding:20px 14px}.chart-grid h3,.chart-grid p{padding-left:6px}.chart-grid h3{font-size:14px}.chart-grid p{font-size:10px}.chart{width:100%;height:240px}.direction-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0;display:grid}.direction-grid>div{background:#fafbfe;border:1px solid #e8edf5;border-radius:10px;padding:16px}.direction-grid b{color:#5d7bd9;font-size:24px}.direction-grid h3{margin:6px 0 12px;font-size:13px}.direction-grid p{color:#8998ad;font-size:11px}.group-grid{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:12px;display:grid}.group-tile{text-align:left;color:#637a9f;background:#f8faff;border:1px solid #e3eaf7;border-radius:9px;flex-direction:column;gap:5px;padding:14px 11px;display:flex}.group-tile b{font-size:12px}.group-tile span,.group-tile small{color:#8b9ab1;font-size:10px}.group-tile:disabled{background:#f1f3f6}.question-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:20px;display:grid}.question-grid>div{background:#f8faff;border-radius:10px;padding:20px}.question-grid p{color:#8594aa;font-size:12px}.question-grid h3{font-size:14px}.ai-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:22px;display:grid}.ai-card{border:1px solid var(--border);background:#fff;border-radius:12px;min-width:0;padding:22px}.ai-amount{color:#4e6dc7;margin:14px 0 8px;font-size:38px;line-height:1.4}.ai-amount small{color:#b0b9cc;font-size:13px}.ai-card p{color:#8291aa;font-size:12px}.ai-card summary{color:#7690b5;border-top:1px solid #f0f3f8;padding-top:13px;font-size:11px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#23355255;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e4eaf4;border-radius:17px;width:min(540px,100%);max-height:92vh;padding:28px;overflow-y:auto;box-shadow:0 25px 100px #13254530}.modal.wide{width:min(730px,100%)}.modal h2{margin-bottom:15px;font-size:20px}.modal>.field,.modal>.row,.modal>.button{margin-bottom:15px}.login-page{background:radial-gradient(at top,#e7edfc00,#e7edf980);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.login-page>.brand{margin-bottom:30px}.login-card{border:1px solid var(--border);background:#fff;border-radius:17px;width:min(420px,100%);padding:35px;box-shadow:0 15px 55px #324e8620}.login-card h1{margin:17px 0 10px;font-size:28px}.login-card p{font-size:12px}.workspace-home main{max-width:1050px;margin:60px auto;padding:0 28px}.workspace-home h1{margin:14px 0}.lead{color:#8b99ad;font-size:15px;line-height:1.9}.room-row{text-align:left;color:#536782;background:0 0;border:0;border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;width:100%;padding:16px 0;display:flex}.room-row small{color:#9aa7ba;margin-top:5px;font-size:10px;display:block}.room-row b{font-size:13px}.home{max-width:1600px;min-height:100vh;margin:auto;position:relative;overflow:hidden}.home header{justify-content:space-between;align-items:center;margin:35px 7%;display:flex}.home-main{z-index:1;width:58%;padding:10vh 0 10vh 10%;position:relative}.home-main h1{letter-spacing:-1.5px;margin:25px 0;font-size:clamp(38px,4.2vw,66px);font-weight:650;line-height:1.5}.home-main em{color:#5071d1;font-style:normal}.home-main .lead{font-size:15px;line-height:2.1}.join-bar{background:#fff;border:1px solid #e4eaf4;border-radius:12px;gap:10px;max-width:410px;margin-top:35px;padding:7px;display:flex;box-shadow:0 7px 30px #334e7c06}.join-bar input{box-shadow:none;border:0;min-width:0;padding-left:12px;font-size:13px}.join-bar .button{flex:none}.home-facts{color:#9ba9bd;gap:25px;margin-top:25px;font-size:11px;display:flex}.home-facts span{align-items:center;gap:7px;display:flex}.home-art{justify-content:center;align-items:center;gap:18px;width:35%;display:flex;position:absolute;top:35%;right:7%;transform:rotate(-5deg)}.coin-stack{color:#6680c3;background:linear-gradient(135deg,#fff,#e9effc);border:1px solid #dfe7f7;border-radius:25px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:138px;height:165px;display:flex;box-shadow:0 14px #e0e8f8,0 15px 0 1px #d4def1,0 30px 50px #496ac41c}.coin-stack span{font-size:61px;font-weight:500;line-height:1.3}.coin-stack small{letter-spacing:3px;color:#92a5cc;font-size:11px}.coin-stack.teal{color:#5b9e8c;background:linear-gradient(135deg,#fff,#e5f4ef);border-color:#d5ebe4;box-shadow:0 14px #dceee7,0 15px 0 1px #cde3d9,0 30px 50px #24796412}.coin-stack.teal small{color:#8db6a9}.transfer{color:#b4c2de;white-space:nowrap;flex-direction:column;align-items:center;gap:5px;font-size:9px;display:flex}.home-art>p{color:#b0bdd1;letter-spacing:4px;font-size:11px;position:absolute;top:225px}.home footer{width:100%;position:absolute;bottom:10px}.student-shell{max-width:740px;min-height:100vh;margin:auto;padding:22px 20px}.student-shell>header{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.student-phase{margin-bottom:24px}.student-phase h1{margin-bottom:15px;font-size:25px}.student-progress{background:#e4eaf6;border-radius:4px;height:4px;overflow:hidden}.student-progress span{background:#6d89e2;height:100%;transition:width .4s;display:block}.student-content>.card{margin-bottom:18px}.student-shell .two-col{gap:12px}.student-shell .metric-grid{grid-template-columns:1fr 1fr}.student-shell .chart-grid{grid-template-columns:1fr}.role-card{color:#7891c8;background:#f0f4ff;border:1px solid #e0e8fc;border-radius:9px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;padding:17px 18px;font-size:11px;display:flex}.role-card b{color:#5575c9;margin-right:auto;font-size:18px}.role-card small{flex:0 0 100%;font-size:10px}.role-teal{color:#83aa9a;background:#eef8f4;border-color:#dceddf}.role-teal b{color:#3c9986}.decision-form h2{font-size:24px}.number-input{text-align:center;color:#526ebc;padding:20px;font-size:35px;font-weight:600}.wait-message{text-align:center;color:#9daac0;padding:35px 10px}.wait-message svg{color:#a4b5d4;margin-bottom:10px}.wait-message h3{color:#627da8}.wait-message p{font-size:12px}.result-number{color:#5a75cb;text-align:center;margin:25px 0;font-size:70px;line-height:1.4}.result-number small{color:#a3b0c6;font-size:14px}.projection{max-width:1600px;margin:auto;padding:25px 50px}.projection>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:28px;display:flex}.projection>header .row{color:#8c9bb2;font-size:12px}.projection main{max-width:1200px;margin:auto}.projection .stage-heading h1{margin-bottom:0;font-size:35px}.projection .join-card{grid-template-columns:1fr 330px;min-height:470px;padding:45px 70px}.projection .join-card h2{font-size:40px}.projection .qr-image{width:290px;height:290px}.projection .join-card p{font-size:15px}.projection .class-code b{font-size:30px}.projection .card h2{font-size:29px}.projection .chart{height:300px}.projection .decision-stage h2{font-size:35px}.projection .big-count{font-size:100px}.projection .button{font-size:12px}.projection .metric-grid b{font-size:36px}.projection .rule-flow b{font-size:45px}@media (width>=1600px){.stage{padding:38px 46px}.teacher-body{grid-template-columns:minmax(0,1fr) 290px}.control-panel{padding-top:40px}.join-card{grid-template-columns:1fr 280px}.join-card h2{font-size:36px}.join-card .qr-image{width:255px;height:255px}}@media (width<=1190px){.sidebar{width:200px;padding:24px 13px}.teacher-main{margin-left:200px}.teacher-body{grid-template-columns:minmax(0,1fr) 230px}.stage{padding:25px 20px}.control-panel{padding:28px 15px 20px 0}.join-card{grid-template-columns:1fr 180px;padding:24px}.join-card h2{font-size:25px}.qr-image{width:175px;height:175px}.metric-grid{grid-template-columns:1fr 1fr}.chart-grid{grid-template-columns:1fr}.home-art{gap:12px;right:5%}.coin-stack{width:110px;height:140px}.home-main{padding-left:7%}}@media (width<=960px){.sidebar{border-right:0;border-bottom:1px solid var(--border);width:auto;padding:18px;display:block;position:static}.sidebar .brand{margin:0}.sidebar nav,.sidebar-label,.sidebar-bottom,.back-link{display:none}.teacher-main{margin:0}.teacher-body{grid-template-columns:minmax(0,1fr) 240px}.topbar{padding:17px 22px}.home-art{right:1%;transform:scale(.75)rotate(-5deg)}.home-main{width:65%}.home-main h1{font-size:42px}.projection{padding:24px}.projection .join-card{grid-template-columns:1fr 250px;padding:30px}.projection .qr-image{width:235px;height:235px}}@media (width<=700px){:root{font-size:14px}.home header{margin:24px}.home-main{width:100%;padding:45px 24px 190px}.home-main h1{font-size:39px;line-height:1.5}.home-art{transform-origin:100% 100%;width:300px;top:auto;bottom:100px;right:30px;transform:scale(.5)rotate(-5deg)}.home-art>p{display:none}.home-facts{gap:18px}.home footer{font-size:10px}.home .join-bar{max-width:100%}.teacher-body{flex-direction:column;display:flex}.control-panel{order:-1;grid-template-columns:1fr;padding:15px 18px 0;display:grid}.control-card{margin-bottom:10px}.control-panel .progress-row{width:48%;padding:7px 4px;display:inline-flex}.control-panel .caption,.control-panel .save-note,.control-panel>details{display:none}.control-panel .tool-row{width:auto;margin-right:18px;display:inline-flex}.control-panel .control-card:nth-child(2){display:none}.topbar h1{font-size:13px}.topbar{padding:16px 18px}.topbar .button{padding:9px;font-size:11px}.stage{padding:20px 18px}.card{border-radius:12px;padding:22px 18px}.stage-heading{margin-bottom:18px}.stage-heading h2{font-size:23px}.stage-heading .badge{font-size:10px}.join-card{flex-direction:column;align-items:stretch;gap:18px;display:flex}.join-card h2{font-size:27px}.join-card h2 br{display:none}.join-card .qr-wrap{align-self:center}.qr-image{width:225px;height:225px}.two-col{grid-template-columns:1fr}.rule-flow{gap:5px;padding:19px 8px}.rule-flow span{font-size:9px}.rule-flow b{font-size:25px}.formula{padding:15px;font-size:12px}.example{padding:22px 17px}.example .two-col{grid-template-columns:1fr 1fr}.mini{padding:14px}.metric-grid{gap:10px}.metric-grid>div{padding:16px}.metric-grid b{font-size:25px}.direction-grid{grid-template-columns:1fr}.direction-grid>div{grid-template-columns:27px 1fr;column-gap:12px;padding:14px;display:grid}.direction-grid p{grid-column:2;margin-bottom:0}.direction-grid h3{margin-top:3px}.direction-grid b{grid-row:1/3}.question-grid{grid-template-columns:1fr;gap:12px}.student-shell{padding:20px 16px}.student-shell>header{margin-bottom:29px}.student-shell .card{padding:24px 19px}.student-shell .button{min-height:47px}.student-shell input{font-size:16px}.student-shell .number-input{font-size:36px}.student-shell .two-col{grid-template-columns:1fr 1fr}.student-shell .chart-grid,.student-shell .ai-list{grid-template-columns:1fr}.modal-backdrop{padding:12px}.modal{max-height:95vh;padding:23px 20px}.projection{padding:20px}.projection .join-card{padding:25px;display:flex}.projection .join-card h2{font-size:30px}.projection .stage-heading h1{font-size:27px}.projection .join-card p{font-size:13px}.projection>header{gap:10px}.projection .qr-image{width:250px;height:250px}.workspace-home main{margin:32px auto;padding:0 20px}.workspace-home .two-col{grid-template-columns:1fr}.login-card{padding:28px}.projection .question-grid{grid-template-columns:1fr}}.confirm-dialog{color:#29405f;background:#fff;border:1px solid #e0e6f0;border-radius:14px;max-width:min(440px,92vw);padding:28px;box-shadow:0 25px 90px #1b315440}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#23355255}.confirm-dialog p{white-space:pre-wrap;color:#7a8ca5;font-size:13px}.confirmation{background:#f2f5fd;border:1px solid #e0e8f9;border-radius:10px;padding:22px}.confirmation h3{font-size:17px}.confirmation p{color:#7d8faa;font-size:12px}.card,.ai-card,.chart-grid,.chart-grid>.card{min-width:0}.chart{overflow:hidden}.ai-card .row>span{overflow-wrap:anywhere;white-space:normal}.card p{overflow-wrap:anywhere}.ready-page{background:#f7f9fc;min-height:100vh;padding:24px 32px}.ready-header{justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:0 auto 20px;display:flex}.ready-header .text-button{color:#8090a7}.ready-content{text-align:center;background:#fff;border:1px solid #e8edf5;border-radius:20px;max-width:620px;margin:32px auto;padding:32px 45px 26px;box-shadow:0 12px 45px #24395c04}.ready-content h1{letter-spacing:0;margin:3px 0 20px;font-size:26px;font-weight:600}.ready-content .qr-image{border-radius:12px;width:280px;height:280px;margin:0 auto;padding:8px}.ready-count{color:#7b8da9;margin:22px 0 16px;font-size:15px}.ready-count strong{color:#3659bb;vertical-align:-3px;padding:0 10px;font-size:39px;font-weight:600}.ready-content>.button{width:100%;max-width:330px;min-height:48px;margin:3px auto;font-size:14px}.ready-caption{color:#97a4b7;margin:17px 0 0;font-size:12px}.ready-tools{color:#8a98ac;max-width:620px;margin:18px auto;font-size:12px}.ready-tools>details{border-bottom:1px solid #e7edf5;padding:4px 0}.ready-tools .row{justify-content:center}.student-waiting{flex-direction:column;min-height:80vh;display:flex}.waiting-content{text-align:center;margin:auto 0;padding:50px 10px 90px}.waiting-check{color:#46a78d;background:#edf6f2;border-radius:50%;place-items:center;width:66px;height:66px;margin:0 auto 25px;display:grid}.waiting-content h1{margin:0 0 12px;font-size:27px}.waiting-id{color:#8a99af;font-size:14px}.waiting-id strong{color:#526b9f}.waiting-status{color:#8494ac;justify-content:center;align-items:center;gap:9px;margin-top:42px;display:flex}.entry-minimal{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100vh;padding:30px;display:flex}.entry-minimal h1{margin:10px 0 0;font-size:24px;font-weight:600}.entry-minimal p{color:#8999af;max-width:360px;margin:0}.entry-minimal .text-button{margin-top:12px}@media (width<=600px){.ready-page{padding:20px 16px}.ready-header .brand small{display:none}.ready-content{border-radius:15px;margin:25px auto;padding:26px 18px}.ready-content .qr-image{aspect-ratio:1;width:min(270px,100%);height:auto}.ready-content h1{font-size:24px}.ready-header .button{padding:8px;font-size:11px}.ready-count{font-size:14px}.ready-count strong{font-size:36px}.waiting-content{padding-top:70px}}.lesson-rules .instruction-list{margin:0;padding-left:23px}.instruction-list li{color:#54657d;margin-bottom:16px;padding-left:5px;line-height:1.9}.instruction-list strong{color:#283e5b}.lesson-note{color:#6a7c94;margin:18px 0 0;font-size:13px;line-height:1.85}.flow-arrow{color:#aab8cf;font-size:20px}.example-table{border-collapse:collapse;table-layout:fixed;color:#526581;width:100%;margin:20px 0;font-size:13px}.example-table th,.example-table td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #dce5f4;padding:13px 12px}.example-table thead th{color:#2e476c;font-weight:600}.example-table tbody th{width:30%;font-weight:500}.lesson-example .two-col{margin-top:22px}.prompt-content{background:#f8faff;border:1px solid #e5ebf6;border-radius:11px;margin:20px 0;padding:22px}.prompt-content h3{margin:0}.prompt-content pre{color:#435872;margin-bottom:0;font-size:14px;line-height:1.95}.prompt-content .row{align-items:flex-start}.ai-guide{background:#f7f9fc;border:1px solid #e8edf5;border-radius:10px;margin:18px 0 24px;padding:21px 23px}.ai-guide .instruction-list{margin-bottom:0;padding-left:20px}.ai-guide li{margin-bottom:12px;font-size:13px}.ai-guide li:last-child{margin-bottom:0}.about-page{padding:28px 28px 50px}.about-page>main{max-width:900px;margin:45px auto}.about-page .lead{max-width:760px;margin:20px 0 30px}.entry-minimal .entry-summary{max-width:450px;line-height:1.9}.entry-links{align-items:center;gap:26px;display:flex}.student-shell .field>span{font-size:14px;line-height:1.8}.student-shell .notice{font-size:13px}.student-shell .role-card small{font-size:12px;line-height:1.8}.student-shell .example .two-col{grid-template-columns:1fr 1fr}.student-shell textarea{font-size:16px}.question-grid p,.direction-grid p,.ai-card p{color:#62748d;font-size:13px;line-height:1.9}.direction-grid h3,.question-grid h3{font-size:15px}.ai-card pre{font-size:13px}.control-card .caption,.tool-row,.control-card>.button{font-size:12px}.card>.caption{font-size:12px;line-height:1.9}.ready-tools>details{line-height:1.8}.about-page .ready-header{max-width:1120px}.student-shell .lesson-rules p{line-height:1.9}@media (width<=700px){.example-table{font-size:12px}.example-table th,.example-table td{padding:11px 7px}.prompt-content{padding:18px 16px}.prompt-content pre{font-size:14px}.ai-guide{padding:18px 16px}.ai-guide li{font-size:14px}.about-page{padding:20px 16px 35px}.about-page>main{margin:30px auto}.about-page h1{font-size:27px}.lesson-rules .instruction-list{padding-left:19px}.instruction-list li{padding-left:2px}.student-shell .rule-flow span{font-size:10px}.student-shell .formula{font-size:13px}.entry-links{gap:20px}.entry-minimal h1{font-size:26px}}.about-page h1{text-wrap:balance}.prompt-content pre{margin-top:18px}.lesson-rules .rule-flow>div{flex:1;min-width:0}.review-app{color:#253951;background:#f1f4f9;min-height:100vh}.review-header{background:#fff;border-bottom:1px solid #e3e9f2;justify-content:space-between;align-items:center;gap:20px;padding:28px 34px 25px;display:flex}.review-kicker{letter-spacing:1.5px;color:#6881ac;font-size:12px}.review-header h1{margin:7px 0;font-size:25px}.review-header p{color:#8391a7;margin:0;font-size:12px}.review-layout{grid-template-columns:264px minmax(0,1fr);display:grid}.review-directory{background:#fff;border-right:1px solid #e3e9f2;align-self:start;max-height:100vh;padding:18px 12px;position:sticky;top:0;overflow-y:auto}.review-tabs{background:#f1f4fa;border-radius:10px;gap:4px;margin-bottom:15px;padding:4px;display:flex}.review-tabs button{color:#7183a0;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px 3px;font-size:12px;display:flex}.review-tabs button[aria-selected=true]{color:#4266cb;background:#fff;box-shadow:0 2px 7px #253c6610}.review-tabs span{opacity:.6;font-size:10px}.review-directory nav{gap:3px;display:grid}.review-directory nav button{text-align:left;color:#74829a;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;padding:10px 12px;font-size:12px;display:flex}.review-directory nav button span{color:#a0adc0;min-width:24px;font-size:10px}.review-directory nav button.selected{color:#3f63cb;background:#edf2ff;font-weight:600}.review-main{min-width:0;padding:20px 24px}.review-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.review-toolbar>div{align-items:center;gap:10px;display:flex}.review-toolbar b{color:#5374ce;font-size:12px}.review-toolbar h2{margin:0;font-size:17px}.review-example{color:#8697b0;border:1px solid #d6e1f5;border-radius:5px;padding:4px 7px;font-size:10px}.review-options{flex-wrap:wrap;font-size:11px}.review-options label{color:#8393aa;align-items:center;gap:8px;display:flex}.review-options select{width:auto;max-width:230px;padding:7px 28px 7px 10px;font-size:12px}.review-viewport{background:#e9eef5;border:1px solid #e1e7f0;border-radius:12px;justify-content:center;align-items:flex-start;min-height:600px;padding:16px;display:flex}.review-frame-holder{background:#fff;position:relative;overflow:hidden;box-shadow:0 6px 25px #354a6b10}.review-frame-holder.phone{border-radius:22px;outline:5px solid #d9e1ee;box-shadow:0 12px 35px #354a6b15}.review-frame-holder iframe{transform-origin:0 0;background:#f7f9fc;border:0;display:block}.review-pagination{justify-content:space-between;align-items:center;gap:10px;padding:18px 0;display:flex}.review-pagination span{color:#8c9bb1;font-size:11px}.review-pagination .button{font-size:12px}.phase-item[type=button]{text-align:left;background:0 0;border:0;width:100%}.phase-item[type=button].active{background:#edf2ff}.phase-item[type=button].viewing{outline-offset:-1px;outline:1px solid #b9c9f5}.phase-item[type=button]:hover{background:#f2f5fb}.phase-item[type=button]:focus-visible{outline:2px solid #496ce3}.navigation-note{color:#5f79a9;background:#edf3ff;border:1px solid #dce5f6;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 18px;font-size:12px;display:flex}.navigation-note strong{color:#3c5aa0}.navigation-note .button{flex:none}.pair-progress{color:#8797af;margin:12px 0;font-size:12px}.pending-list{color:#8293ad;margin:10px 0;font-size:11px}.pending-list p{margin:8px 0}.phase-buttons{gap:9px;margin-top:12px;display:grid}.review-frame-note{z-index:1000;color:#fff;pointer-events:none;background:#273d5ce8;border-radius:7px;padding:8px 12px;font-size:11px;position:fixed;bottom:12px;right:14px;box-shadow:0 3px 12px #15233d20}.review-action-note{z-index:1100;color:#fff;background:#273d5c;border-radius:8px;padding:12px 20px;font-size:12px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@media (width<=800px){.review-header{padding:20px}.review-header h1{font-size:20px}.review-header .button{font-size:10px}.review-layout{grid-template-columns:1fr}.review-directory{border-bottom:1px solid #dfe6f0;max-height:none;padding:12px;position:static}.review-directory nav{gap:5px;padding-bottom:4px;display:flex;overflow-x:auto}.review-directory nav button{flex:none}.review-tabs{max-width:320px}.review-main{padding:16px 10px}.review-viewport{min-height:400px;padding:16px 8px}.review-pagination span{text-align:center;max-width:150px}.navigation-note{flex-direction:column;align-items:flex-start}.review-toolbar h2{font-size:15px}}.classroom-list-item{border-bottom:1px solid #edf1f6;align-items:center;gap:15px;display:flex}.classroom-list-item .room-row{border:0;flex:1;gap:10px;min-width:0}.classroom-list-item .room-row>div{min-width:0}.classroom-list-item .room-row b{overflow-wrap:anywhere}.classroom-delete{color:#8f9eb2;background:0 0;border:0;flex:none;align-items:center;gap:5px;padding:9px 3px;font-size:11px;display:flex}.classroom-delete:hover{color:#c16b65}.classroom-delete:focus-visible{border-radius:5px;outline:2px solid #7892db}.classroom-message{color:#5a8c7f;margin:15px 0;font-size:12px;line-height:1.7}.deleted-classrooms{color:#8998ad;border-top:1px solid #edf1f6;margin-top:20px;padding-top:14px;font-size:12px}.deleted-classroom-row{border-bottom:1px solid #f0f3f8;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;display:flex}.deleted-classroom-row b{color:#7f8da4;font-size:12px;font-weight:500}.deleted-classroom-row small{color:#9eabc0;margin-top:5px;font-size:10px;display:block}.deleted-classroom-row .text-button{font-size:11px}