@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{color:#1d1833;font-synthesis:none;--purple:#6d28d9;--purple2:#8b5cf6;--ink:#171329;--muted:#77738a;--line:#e9e7f0;--green:#17b26a;background:#f7f7fb;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.btn{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;transition:all .2s;display:inline-flex}.btn svg{width:18px}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--purple),#7c3aed);box-shadow:0 8px 22px #6d28d92b}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px #6d28d940}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{border:1px solid var(--line);color:#403858;background:#fff}.btn-outline{border:1px solid var(--line);color:#514b60;background:#fff}.wide{width:100%}.brand{color:#221b3d;align-items:center;gap:9px;font-family:Plus Jakarta Sans;font-size:21px;font-weight:800;display:flex}.brand>span:last-child span{color:var(--purple)}.brand-mark{color:#fff;background:linear-gradient(145deg,#8b5cf6,#5b21b6);border-radius:11px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 7px 14px #6d28d938}.brand-light,.brand-light>span:last-child span{color:#fff}.topbar{justify-content:space-between;align-items:center;max-width:1180px;height:78px;margin:auto;padding:0 24px;display:flex}.landing{background:linear-gradient(#fcfbff 0,#f5f1ff 47%,#fff 47%);min-height:100vh}.hero{grid-template-columns:1.05fr .95fr;align-items:center;max-width:1180px;min-height:520px;margin:auto;padding:30px 24px 65px;display:grid}.hero-copy{max-width:610px}.eyebrow{color:#6d28d9;letter-spacing:1.2px;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.eyebrow.light{color:#ddd6fe}.live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #22c55e1c}.hero h1{letter-spacing:-2.5px;color:#171329;margin:18px 0;font-family:Plus Jakarta Sans;font-size:59px;line-height:1.07}.hero h1 span{background:linear-gradient(100deg,#6d28d9,#a855f7);color:#0000;-webkit-background-clip:text}.hero-copy>p{color:#6f6980;max-width:560px;margin:0 0 28px;font-size:18px;line-height:1.7}.pin-box{background:#fff;border:1px solid #e7e2f0;border-radius:18px;max-width:505px;padding:15px;box-shadow:0 18px 50px #3a176815}.pin-label{letter-spacing:1px;color:#827b90;margin:0 0 9px 4px;font-size:10px;font-weight:800}.pin-row{gap:10px;display:flex}.pin-row input{letter-spacing:5px;border:1px solid #ddd8e7;border-radius:11px;outline:none;width:100%;height:54px;padding:0 18px;font-size:20px;font-weight:800}.pin-row input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf622}.pin-row button{color:#fff;background:#6d28d9;border:0;border-radius:11px;flex:none;align-items:center;gap:5px;padding:0 23px;font-weight:800;display:flex}.form-error{color:#d92d20;margin-top:8px;font-size:13px}.hero-visual{place-items:center;height:410px;display:grid;position:relative}.orb{filter:blur(1px);border-radius:50%;position:absolute}.orb-one{background:linear-gradient(145deg,#ede9fe,#ddd6fe);width:330px;height:330px;top:34px;right:70px}.orb-two{background:#f0abfc40;width:90px;height:90px;bottom:20px;right:10px}.quiz-card-float{z-index:2;color:#fff;background:linear-gradient(145deg,#6d28d9,#8b5cf6);border-radius:26px;width:310px;padding:27px;position:relative;transform:rotate(3deg);box-shadow:0 35px 70px #5822a550}.float-head{justify-content:space-between;align-items:center;display:flex}.float-head span{background:#ffffff24;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.float-head small{letter-spacing:1.5px;opacity:.75;font-weight:800}.quiz-card-float h3{margin:44px 0 24px;font-size:28px}.answers-mini{grid-template-columns:1fr 1fr;gap:10px;display:grid}.answers-mini i{background:#ffffff20;border-radius:10px;place-items:center;height:46px;font-style:normal;font-weight:800;display:grid}.rank-float{z-index:3;color:#f59e0b;background:#fff;border-radius:15px;align-items:center;gap:11px;padding:14px 17px;display:flex;position:absolute;bottom:52px;left:20px;box-shadow:0 16px 35px #2d135127}.rank-float div{flex-direction:column;display:flex}.rank-float strong{color:#292239;font-size:14px}.rank-float small{color:#8c8598}.people-float{z-index:3;background:#fff;border-radius:999px;align-items:center;padding:9px 12px;display:flex;position:absolute;top:38px;right:0;box-shadow:0 15px 35px #2d13511f}.people-float span{background:#ede9fe;border:2px solid #fff;border-radius:50%;place-items:center;width:35px;height:35px;margin-left:-5px;display:grid}.people-float b{margin:0 5px;font-size:12px}.active-section{max-width:1180px;margin:auto;padding:68px 24px 80px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.section-heading small{color:#7c3aed;letter-spacing:1.4px;font-weight:800}.section-heading h2{margin:7px 0 0;font:800 34px Plus Jakarta Sans}.live-pill{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:99px;align-items:center;gap:7px;padding:8px 13px;font-size:13px;font-weight:700;display:flex}.quiz-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.quiz-tile{background:#fff;border:1px solid #e8e4ef;border-radius:20px;padding:23px;transition:all .2s;box-shadow:0 6px 18px #24203a09}.quiz-tile:hover{transform:translateY(-4px);box-shadow:0 18px 35px #24203a13}.tile-top{justify-content:space-between;display:flex}.subject-icon{color:#fff;background:#7c3aed;border-radius:15px;place-items:center;width:50px;height:50px;display:grid}.quiz-tile.blue .subject-icon{background:#2563eb}.active-badge{color:#15803d;background:#ecfdf3;border-radius:99px;height:min-content;padding:7px 9px;font-size:10px;font-weight:800}.active-badge i{background:#22c55e;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.quiz-tile h3{margin:22px 0 7px;font:700 20px Plus Jakarta Sans}.quiz-tile p{color:#77738a;align-items:center;gap:6px;margin:0;display:flex}.tile-foot{border-top:1px solid var(--line);color:#8a8494;justify-content:space-between;align-items:center;margin-top:22px;padding-top:17px;font-size:13px;display:flex}.tile-foot button{color:#6d28d9;background:0 0;border:0;align-items:center;font-weight:800;display:flex}.empty-card{text-align:center;color:#8b8498;border:1px dashed #d6d0e1;border-radius:20px;padding:55px}.empty-card svg{color:#9c87cb;width:38px;height:38px}.empty-card h3{color:#3e374c;margin:12px 0 5px}.empty-card p{margin:0}.empty-card.compact{padding:45px}footer{color:#918b9c;border-top:1px solid #eeeaf3;justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:26px 24px;font-size:13px;display:flex}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-side{color:#fff;background:radial-gradient(circle at 15% 80%,#8b5cf677,#0000 28%),linear-gradient(145deg,#2e1065,#5b21b6);flex-direction:column;justify-content:space-between;padding:45px 10%;display:flex}.auth-side h1{letter-spacing:-1.8px;margin:15px 0;font:800 47px/1.15 Plus Jakarta Sans}.auth-side p{color:#ddd6fe;max-width:490px;font-size:17px;line-height:1.7}.auth-quote{color:#ede9fe;align-items:center;gap:12px;display:flex}.auth-form-wrap{place-items:center;padding:40px;display:grid;position:relative}.back-link{color:#716b7c;background:0 0;border:0;align-items:center;gap:8px;display:flex;position:absolute;top:38px;left:45px}.auth-card{width:min(420px,100%)}.auth-icon{color:#6d28d9;background:#ede9fe;border-radius:17px;place-items:center;width:55px;height:55px;display:grid}.auth-card h2{margin:20px 0 6px;font:800 32px Plus Jakarta Sans}.auth-card>p{color:#837d8d;margin:0 0 28px}.auth-card label,.form-card label,.join-form label{color:#4d4758;flex-direction:column;gap:8px;margin:16px 0;font-size:13px;font-weight:700;display:flex}.auth-card input,.form-card input,.form-card textarea,.join-form input{background:#fff;border:1px solid #ded9e8;border-radius:11px;outline:none;height:50px;padding:0 14px}.auth-card input:focus,.form-card input:focus,.form-card textarea:focus,.join-form input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61c}.password{position:relative}.password input{width:100%;padding-right:50px}.password button{color:#8d8796;background:0 0;border:0;width:36px;height:36px;position:absolute;top:7px;right:8px}.password svg{width:18px}.auth-card .wide{height:51px;margin-top:20px}.demo-hint{text-align:center;color:#8a8494;background:#f5f3f8;border-radius:9px;margin-top:17px;padding:9px;font-size:12px}.admin-shell{background:#f7f7fb;min-height:100vh;display:flex}.admin-shell>aside{color:#cfc6e2;z-index:10;background:#21143f;flex-direction:column;width:245px;padding:23px 15px;display:flex;position:fixed;inset:0 auto 0 0}.aside-brand{justify-content:space-between;padding:3px 9px 30px;display:flex}.aside-brand>button{display:none}.admin-shell aside nav{flex-direction:column;gap:6px;display:flex}.admin-shell aside button{color:inherit;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-weight:600;display:flex}.admin-shell aside button svg{width:19px}.admin-shell aside nav button.selected{color:#fff;background:#ffffff15}.aside-bottom{border-top:1px solid #ffffff18;flex-direction:column;margin-top:auto;padding-top:12px;display:flex}.admin-main{width:calc(100% - 245px);margin-left:245px}.admin-main>header,.editor-page>header{background:#fff;border-bottom:1px solid #ebe8f0;justify-content:space-between;align-items:center;height:88px;padding:0 32px;display:flex}.admin-main header small,.editor-page header small{letter-spacing:1px;color:#8d8797;font-size:10px;font-weight:800}.admin-main header h1,.editor-page header h1{margin:4px 0;font:700 22px Plus Jakarta Sans}.admin-user{align-items:center;gap:10px;display:flex}.admin-user>span{color:#6d28d9;background:#ede9fe;border-radius:12px;place-items:center;width:39px;height:39px;font-weight:800;display:grid}.admin-user div{flex-direction:column;font-size:12px;display:flex}.admin-user small{font-size:10px!important}.menu-btn{background:0 0;border:0;display:none}.admin-content{padding:27px 32px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px;display:grid}.stat-card{background:#fff;border:1px solid #ebe8f0;border-radius:16px;align-items:center;gap:15px;padding:20px;display:flex}.stat-icon{border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.stat-icon svg{width:21px}.stat-icon.purple{color:#7c3aed;background:#f0eafe}.stat-icon.green{color:#16a263;background:#eafbf2}.stat-icon.blue{color:#2563eb;background:#eaf2ff}.stat-icon.orange{color:#f79009;background:#fff4e6}.stat-card div{flex-direction:column;display:flex}.stat-card small{color:#858091}.stat-card strong{margin-top:2px;font:800 25px Plus Jakarta Sans}.panel-card{background:#fff;border:1px solid #eae7ef;border-radius:17px;box-shadow:0 4px 13px #241c3908}.panel-head{border-bottom:1px solid #eeeaf3;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.panel-head h2{margin:0 0 4px;font:700 18px Plus Jakarta Sans}.panel-head p{color:#8b8595;margin:0;font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{text-align:left;letter-spacing:.7px;color:#8c8698;background:#faf9fc;padding:13px 20px;font-size:10px}td{color:#5e586a;border-top:1px solid #f0edf4;padding:16px 20px;font-size:13px}td:first-child{align-items:center;gap:12px;display:flex}.table-icon{color:#7c3aed;background:#ede9fe;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.table-icon.blue{color:#2563eb;background:#eaf2ff}.table-icon svg{width:19px}.table-wrap td div div{flex-direction:column;display:flex}.table-wrap td b{color:#2c2637}.table-wrap td small{color:#9a94a3}.group-tag{color:#514b5f;background:#f2f0f5;border-radius:7px;padding:6px 9px;font-weight:700}td code{letter-spacing:1.5px;color:#594f69;font-weight:800}.status-switch{border:0;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}.status-switch i{border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.status-switch.active{color:#16804c;background:#ecfdf3}.status-switch.active i{background:#22c55e}.status-switch.passive{color:#757080;background:#f1f0f3}.status-switch.passive i{background:#9ca3af}.row-actions{gap:5px;display:flex}.row-actions button,.question-item>button{color:#696373;background:#f5f3f8;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.row-actions svg,.question-item>button svg{width:15px}.danger{color:#d92d20!important}.leader-list{padding:12px 20px 22px}.leader-row{border-bottom:1px solid #f0edf4;grid-template-columns:45px 48px 1fr minmax(120px,1fr) 100px;align-items:center;gap:12px;min-height:70px;padding:8px;display:grid}.leader-row.top-1{background:linear-gradient(90deg,#fffbeb,#0000);border-radius:12px}.place{text-align:center;font-weight:800}.leader-avatar{background:#ede9fe;border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.leader-name{flex-direction:column;display:flex}.leader-name small{color:#928b9b}.leader-row>.progress{background:#f0edf4;border-radius:5px;height:6px;overflow:hidden}.leader-row>.progress i{background:linear-gradient(90deg,#8b5cf6,#6d28d9);border-radius:5px;height:100%;display:block}.leader-row>strong{text-align:right;color:#6d28d9}.leader-row>strong small{color:#8e8896;font-weight:500}.editor-page{background:#f6f5f9;min-height:100vh}.editor-page>header{z-index:5;justify-content:flex-start;gap:15px;position:sticky;top:0}.editor-page>header .btn{margin-left:auto}.back-circle{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.back-circle svg{width:19px}.editor-layout{grid-template-columns:minmax(0,1fr) 365px;gap:22px;max-width:1200px;margin:auto;padding:28px;display:grid}.editor-main{flex-direction:column;gap:22px;display:flex}.form-card{padding:23px}.form-card>h2{margin:0 0 20px;font:700 18px Plus Jakarta Sans}.form-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.form-card label{margin:0 0 16px}.form-card textarea{resize:vertical;height:96px;padding:13px}.form-card>.panel-head{margin-bottom:18px;padding:0 0 18px}.type-tabs{background:#f2f0f5;border-radius:10px;padding:4px}.type-tabs button{color:#777181;background:0 0;border:0;border-radius:7px;padding:7px 13px;font-size:12px;font-weight:700}.type-tabs button.on{color:#6d28d9;background:#fff;box-shadow:0 2px 7px #3f335018}.options-editor{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px;display:grid}.options-editor label{border:1px solid #e2dee9;border-radius:11px;flex-direction:row;align-items:center;margin:0;padding:5px 9px 5px 6px;display:flex}.options-editor label>button{color:#665e72;background:#f1eef6;border:0;border-radius:8px;width:34px;height:34px;font-weight:800}.options-editor input{width:100%;height:38px;box-shadow:none!important;border:0!important}.options-editor label>svg{color:#16a263;width:17px}.options-editor .correct-option{background:#f2fff8;border-color:#86d9b1}.options-editor .correct-option>button{color:#fff;background:#17b26a}.code-input{color:#f4f1fa;font-family:ui-monospace,Consolas,monospace;background:#201b2c!important}.question-meta{align-items:end;gap:12px;display:flex}.question-meta label{width:125px;margin:0}.question-meta input{width:100%}.question-meta .btn-primary{height:50px}.questions-side{background:#fff;border:1px solid #e9e6ee;border-radius:17px;height:max-content;position:sticky;top:115px;overflow:hidden}.side-title{border-bottom:1px solid var(--line);padding:20px}.side-title h3{margin:0;font:700 17px Plus Jakarta Sans}.side-title p{color:#918b99;margin:4px 0 0;font-size:12px}.question-item{border-bottom:1px solid #f1eef4;grid-template-columns:30px 1fr 32px 32px;align-items:center;gap:8px;padding:13px;display:grid}.question-item>span{color:#6d28d9;background:#ede9fe;border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:800;display:grid}.question-item>div{flex-direction:column;min-width:0;display:flex}.question-item b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.question-item small{color:#938d9c;font-size:10px}.side-empty{text-align:center;color:#9992a1;padding:45px 20px;font-size:13px}.join-page{background:radial-gradient(circle at 20% 15%,#8b5cf655,#0000 30%),linear-gradient(145deg,#2e1065,#5b21b6);min-height:100vh;padding:25px}.join-top{justify-content:space-between;align-items:center;max-width:950px;margin:auto;display:flex}.join-top>button{color:#fff;background:#ffffff17;border:0;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.join-top>span{width:42px}.join-card{background:#fff;border-radius:25px;grid-template-columns:.75fr 1.25fr;max-width:950px;margin:45px auto 0;display:grid;overflow:hidden;box-shadow:0 30px 80px #16062d66}.join-quiz{background:linear-gradient(160deg,#ede9fe,#ddd6fe);flex-direction:column;justify-content:center;padding:45px 35px;display:flex}.join-quiz>span{color:#fff;background:#6d28d9;border-radius:19px;place-items:center;width:65px;height:65px;margin-bottom:22px;display:grid}.join-quiz small{letter-spacing:1px;color:#7c3aed;font-weight:800}.join-quiz h2{margin:10px 0;font:800 30px/1.2 Plus Jakarta Sans}.join-quiz p{color:#716982}.join-form{padding:42px}.join-form h1{margin:0 0 7px;font:800 29px Plus Jakarta Sans}.join-form>p{color:#898393;margin:0 0 24px}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.avatar-grid button{background:#f3f0f8;border:2px solid #0000;border-radius:13px;height:54px;font-size:27px;position:relative}.avatar-grid button:hover{background:#ede9fe}.avatar-grid button.chosen{background:#ede9fe;border-color:#7c3aed}.avatar-grid button i{color:#fff;background:#6d28d9;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:-5px;right:-5px}.avatar-grid button i svg{width:11px}.join-button{height:54px;margin-top:24px}.play-page{background:#f9f8fc;min-height:100vh}.play-page>header{color:#fff;background:#3b176e;grid-template-columns:180px 1fr 180px;align-items:center;height:77px;padding:0 30px;display:grid}.play-progress{justify-self:center;align-items:center;gap:13px;width:min(460px,100%);display:flex}.play-progress>span{white-space:nowrap;font-size:12px;font-weight:700}.play-progress>div{background:#ffffff2b;border-radius:8px;width:100%;height:7px;overflow:hidden}.play-progress i{background:#a78bfa;border-radius:8px;height:100%;display:block}.score-pill{background:#ffffff16;border-radius:10px;justify-self:end;align-items:center;gap:7px;padding:9px 13px;font-weight:800;display:flex}.score-pill svg{color:#fbbf24;width:18px}.play-page main{max-width:950px;margin:auto;padding:47px 25px}.question-top{justify-content:space-between;align-items:center;display:flex}.q-type{letter-spacing:.8px;color:#6d28d9;background:#ede9fe;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;font-weight:800;display:flex}.q-type.practical{color:#0369a1;background:#e0f2fe}.q-type svg{width:15px}.timer{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:5px;width:62px;height:39px;font-weight:800;display:flex}.timer svg{color:#7c3aed;width:17px}.timer.urgent{color:#d92d20;background:#fff1f1}.timer.urgent svg{color:#d92d20}.play-page main>h1{max-width:820px;margin:24px 0 30px;font:700 31px/1.38 Plus Jakarta Sans}.answer-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.answer-grid>button{text-align:left;color:#332d40;background:#fff;border:2px solid #e8e4ee;border-radius:15px;align-items:center;gap:14px;min-height:84px;padding:15px;display:flex}.answer-grid>button>span{color:#6d28d9;background:#f0ecf7;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.answer-grid>button>i{color:#6d28d9;margin-left:auto}.answer-grid>button.selected{background:#faf8ff;border-color:#8b5cf6}.answer-grid>button.right{background:#f0fdf4;border-color:#22c55e}.answer-grid>button.right>span{color:#fff;background:#22c55e}.answer-grid>button.wrong{background:#fff5f5;border-color:#ef4444}.answer-grid>button.wrong>span{color:#fff;background:#ef4444}.check-btn{margin:25px 0 0 auto;padding:14px 24px}.code-editor{background:#211b2e;border-radius:15px;overflow:hidden;box-shadow:0 15px 30px #1b132a22}.code-head{background:#2f283d;align-items:center;gap:7px;height:40px;padding:0 14px;display:flex}.code-head span{background:#ef4444;border-radius:50%;width:9px;height:9px}.code-head span:nth-child(2){background:#f59e0b}.code-head span:nth-child(3){background:#22c55e}.code-head small{color:#9b93a8;margin-left:10px}.code-editor textarea{resize:vertical;color:#f5f3ff;background:#211b2e;border:0;outline:none;width:100%;height:230px;padding:22px;font:14px/1.7 ui-monospace,Consolas,monospace;display:block}.feedback{border-radius:16px;align-items:center;gap:14px;margin-top:25px;padding:18px;display:flex}.feedback.success{background:#effcf5;border:1px solid #a7e8c7}.feedback.failure{background:#fff5f5;border:1px solid #fecaca}.feedback-icon{color:#fff;background:#16a263;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.failure .feedback-icon{background:#e5484d}.feedback h3{margin:0 0 3px;font-size:16px}.feedback p{color:#6f6879;margin:0;font-size:13px}.mini-rank{border-left:1px solid #ddd6e5;align-items:center;gap:8px;margin-left:auto;padding-left:18px;display:flex}.mini-rank svg{color:#f59e0b}.mini-rank span{color:#85808e;flex-direction:column;font-size:10px;display:flex}.mini-rank b{color:#332d3d;font-size:14px}.feedback .btn{margin-left:6px}.result-page{color:#fff;background:radial-gradient(circle at 15% 25%,#8b5cf680,#0000 25%),radial-gradient(circle at 88% 75%,#7c3aed55,#0000 25%),linear-gradient(145deg,#2e1065,#4c1d95);flex-direction:column;align-items:center;min-height:100vh;padding:30px;display:flex;position:relative;overflow:hidden}.result-card{color:#292337;text-align:center;z-index:2;background:#fff;border-radius:25px;width:min(620px,100%);margin:auto;padding:37px;position:relative;box-shadow:0 30px 80px #14042780}.result-avatar{background:#ede9fe;border:6px solid #fff;border-radius:50%;place-items:center;width:95px;height:95px;margin:-83px auto 16px;font-size:49px;display:grid;position:relative;box-shadow:0 12px 28px #29104a30}.result-avatar i{font-size:28px;font-style:normal;position:absolute;bottom:0;right:-5px}.result-card>.eyebrow{justify-content:center}.result-card h1{margin:13px 0 6px;font:800 31px Plus Jakarta Sans}.result-card>p{color:#817b89;margin:0}.result-rank{color:#6d28d9;background:linear-gradient(145deg,#f2edff,#ebe4ff);border-radius:17px;flex-direction:column;margin:24px auto 20px;padding:17px;display:flex}.result-rank small{letter-spacing:1px;font-size:10px;font-weight:800}.result-rank strong{font:800 48px Plus Jakarta Sans}.result-rank sup{font-size:16px}.result-stats{grid-template-columns:repeat(3,1fr);margin:0 0 24px;display:grid}.result-stats>div{border-right:1px solid var(--line);justify-content:center;align-items:center;gap:8px;display:flex}.result-stats>div:last-child{border:0}.result-stats svg{color:#7c3aed;width:20px}.result-stats span{color:#928c9c;text-align:left;flex-direction:column;font-size:10px;display:flex}.result-stats b{color:#332d3d;font-size:16px}.result-card .wide{height:51px}.confetti{font-size:22px;position:absolute}.c1{color:#fbbf24;top:17%;left:13%;transform:rotate(20deg)}.c2{color:#f0abfc;top:24%;right:15%}.c3{color:#34d399;bottom:15%;left:18%}.toast{z-index:99;color:#fff;background:#20202a;border-radius:11px;align-items:center;gap:9px;padding:12px 17px;animation:.25s slide;display:flex;position:fixed;top:20px;right:22px;box-shadow:0 14px 35px #1116}.toast svg{color:#5ee9a0}@keyframes slide{0%{opacity:0;transform:translateY(-10px)}}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{display:none}.hero h1{font-size:48px}.quiz-grid{grid-template-columns:1fr 1fr}.auth-side{display:none}.auth-page{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.editor-layout{grid-template-columns:1fr}.questions-side{position:static}.join-card{grid-template-columns:1fr}.join-quiz{flex-direction:row;align-items:center;gap:18px;padding:27px}.join-quiz>span{margin:0}.join-quiz h2{font-size:23px}.play-page>header{grid-template-columns:130px 1fr 100px}.play-progress{padding:0 10px}.feedback{flex-wrap:wrap}.mini-rank{margin-left:0}.feedback .btn{margin-left:auto}}@media (width<=700px){.topbar{height:68px}.hero{min-height:auto;padding:45px 18px 60px}.hero h1{letter-spacing:-1.5px;font-size:39px}.hero-copy>p{font-size:16px}.pin-row{flex-direction:column}.pin-row button{justify-content:center;height:50px}.active-section{padding:45px 18px}.quiz-grid{grid-template-columns:1fr}.section-heading h2{font-size:28px}footer{flex-direction:column;gap:14px}.admin-shell>aside{transition:all .2s;transform:translate(-100%);box-shadow:15px 0 40px #17102533}.admin-shell>aside.open{transform:none}.aside-brand>button{display:block;padding:0!important}.admin-main{width:100%;margin:0}.admin-main>header{height:75px;padding:0 16px}.admin-main>header>div:nth-child(2){margin-right:auto}.menu-btn{margin-right:8px;display:block}.admin-user div{display:none}.admin-content{padding:17px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{gap:10px;padding:13px}.stat-icon{width:40px;height:40px}.panel-head{align-items:flex-start;gap:12px}.panel-head>.btn{padding:11px}.leader-row{grid-template-columns:34px 44px 1fr 75px}.leader-row>.progress{display:none}.editor-page>header{padding:0 15px}.editor-page>header div small{display:none}.editor-page>header h1{font-size:16px}.editor-page>header .btn{padding:11px}.editor-layout{padding:15px}.form-grid,.options-editor{grid-template-columns:1fr}.question-meta{flex-wrap:wrap}.question-meta .btn{flex:1}.join-page{padding:17px}.join-card{margin-top:30px}.join-quiz{padding:20px}.join-quiz>span{width:48px;height:48px}.join-quiz p{display:none}.join-form{padding:25px 20px}.avatar-grid{grid-template-columns:repeat(4,1fr)}.play-page>header{grid-template-columns:1fr auto;height:auto;min-height:72px;padding:10px 16px}.play-page>header .brand{display:none}.play-progress{grid-column:1;padding:0}.score-pill{grid-column:2}.play-page main{padding:29px 17px}.play-page main>h1{font-size:24px}.answer-grid{grid-template-columns:1fr}.feedback .btn{width:100%;margin:5px 0 0}.result-page{padding:25px 14px}.result-card{padding:29px 18px}.result-stats{gap:6px}.result-stats>div{flex-direction:column}.result-stats span{text-align:center}.result-avatar{margin-top:-75px}}:root{font-family:DM Sans,system-ui,sans-serif}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #a78bfa}button:disabled{cursor:not-allowed}select{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;width:100%;padding:12px}.experience-controls{z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;border:1px solid #fff9;border-radius:16px;gap:5px;padding:6px;display:flex;position:fixed;bottom:16px;right:20px;box-shadow:0 7px 30px #25134024}.experience-controls button{color:#635779;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:9px 11px;font-size:11px;font-weight:700;display:flex}.experience-controls button[aria-pressed=true]{color:#6d28d9;background:#eee8ff}.hero{gap:16px;min-height:600px}.hero h1{font-size:55px}.hero-topics{flex-wrap:wrap;gap:7px;margin:-8px 0 24px;display:flex}.hero-topics span{color:#6d5d83;background:#fff;border:1px solid #e5dbf5;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800}.hero-visual{perspective:1100px;height:460px}.motion-scene{width:100%;height:100%;transform-style:preserve-3d;position:relative}.scene-orbit{border:1px solid #d8c9f3;border-radius:50%;position:absolute;inset:55px 15px 60px;transform:rotateX(20deg)rotate(-18deg);box-shadow:0 0 0 30px #e9def940,0 0 0 60px #e9def920}.scene-floor{filter:blur(18px);background:#6532a726;border-radius:50%;width:230px;height:48px;animation:5s ease-in-out infinite shadow-breathe;position:absolute;bottom:105px;left:calc(50% - 115px)}.scene-mascot{z-index:3;filter:drop-shadow(12px 22px 15px #49268122);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(2.2)}.scene-mascot .avatar-3d{animation:5s ease-in-out infinite bot-float}.scene-mascot .avatar-badge{display:none}.scene-label{text-align:center;letter-spacing:2px;color:#9c8bb4;font-size:8px;font-weight:800;position:absolute;bottom:12px;left:0;right:0}.app-block{z-index:4;color:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:76px;height:82px;font-size:35px;font-weight:900;animation:6s ease-in-out infinite app-float;display:flex;position:absolute;transform:rotateX(15deg)rotateY(-20deg)rotate(-8deg);box-shadow:inset 2px 3px 5px #fff6,inset -5px -7px 4px #0002,10px 17px 24px #29134a25}.app-block small{opacity:.8;font-size:9px;font-weight:600}.block-word{background:linear-gradient(140deg,#65b1ff,#174bbc);top:34px;left:45px}.block-excel{background:linear-gradient(140deg,#79e1b2,#087443);animation-delay:-2s;top:133px;right:5px;transform:rotateX(10deg)rotateY(20deg)rotate(10deg)}.block-ppt{background:linear-gradient(140deg,#ffb886,#d34830);animation-delay:-4s;bottom:94px;left:20px}.scene-key{align-items:center;gap:10px;animation:7s ease-in-out infinite app-float;display:flex;position:absolute;top:15px;right:27px;transform:rotate(9deg)}.scene-key kbd{color:#766392;background:linear-gradient(#fff,#eee4fa);border-radius:10px;place-items:center;min-width:45px;height:45px;padding:10px;font:800 19px system-ui;display:grid;box-shadow:0 6px #cbb8e8,0 16px 18px #5b337424,inset 0 1px 1px #fff}.scene-key b{color:#b198d1}.scene-prompt{z-index:5;background:#fff;border:1px solid #ede3fa;border-radius:16px;align-items:center;gap:12px;padding:16px 20px;animation:7s ease-in-out -3s infinite app-float;display:flex;position:absolute;bottom:53px;right:10px;transform:rotate(-5deg);box-shadow:0 15px 25px #5536791c}.scene-prompt>span{color:#9b5aed;font-size:30px}.scene-prompt div{flex-direction:column;gap:5px;display:flex}.scene-prompt b{color:#5e397c;font-size:12px}.scene-prompt small{color:#a18bb2;font-size:10px}.avatar-3d{--avatar-color:#b4a1ff;perspective:450px;filter:drop-shadow(0 5px 3px #38235524);vertical-align:middle;flex:none;width:52px;height:54px;display:inline-block;position:relative;transform:rotateY(-10deg)rotateX(4deg)}.avatar-head{background:radial-gradient(circle at 30% 10%,#ffffffd9,transparent 55%),var(--avatar-color);border-radius:15px;position:absolute;inset:9px 4px 5px;transform:translateZ(8px);box-shadow:inset -4px -5px 6px #45258045,inset 3px 3px 3px #fff9,2px 3px #736181}.avatar-visor{background:linear-gradient(150deg,#25303f,#111421);border-radius:8px;justify-content:space-evenly;align-items:center;display:flex;position:absolute;inset:12px 7px 9px;box-shadow:inset 1px 2px 3px #0009,0 1px 1px #fff9}.avatar-visor i{width:5px;height:7px;animation:6s infinite bot-blink;animation-delay:var(--avatar-delay);background:#a8ffed;border-radius:4px;box-shadow:0 0 7px #74ffe6}.avatar-antenna{background:#b8a6d2;width:3px;height:11px;position:absolute;top:1px;left:24px}.avatar-antenna:after{content:"";background:radial-gradient(circle at 30% 20%,#fff,var(--avatar-color));border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;left:-3px;box-shadow:0 2px 2px #42225944}.avatar-cheek{background:#e786a8aa;border-radius:50%;width:4px;height:2px;position:absolute;top:25px}.avatar-cheek.left{left:4px}.avatar-cheek.right{right:4px}.avatar-badge{z-index:2;text-shadow:0 1px 3px #fff;font-size:17px;line-height:20px;position:absolute;bottom:0;right:-2px}.avatar-3d.large{width:90px;height:94px}.large .avatar-head{border-radius:27px;inset:14px 5px 6px}.large .avatar-visor{border-radius:15px;inset:22px 11px 17px}.large .avatar-visor i{width:8px;height:12px}.large .avatar-antenna{height:16px;top:0;left:44px}.large .avatar-antenna:after{width:14px;height:14px;top:-5px;left:-5px}.large .avatar-badge{font-size:24px;bottom:4px}.large .avatar-cheek{width:6px;height:4px;top:44px}.avatar-grid button{perspective:350px;background:linear-gradient(145deg,#faf8ff,#eee7f9);height:78px;transition:transform .2s,box-shadow .2s;box-shadow:inset 0 -3px #cbbadb4d}.avatar-grid button:hover{transform:translateY(-5px)rotateY(-7deg)}.avatar-grid button.chosen{box-shadow:0 7px 15px #7943bd30,inset 0 -3px #b9a0d8}.avatar-grid button.chosen .avatar-3d{animation:3s ease-in-out infinite bot-float}.leader-avatar{background:0 0;overflow:visible}.leader-avatar .avatar-3d{transform:scale(.8)}.result-avatar{background:linear-gradient(140deg,#eee7ff,#d2c1f4)}.result-avatar>.avatar-3d{transform:scale(.85)}.bank-banner{color:#fff;background:linear-gradient(120deg,#34205c,#6b37a5);border-radius:18px;align-items:center;gap:30px;margin:0 0 24px;padding:26px;display:flex;box-shadow:0 12px 30px #42207716}.bank-banner .eyebrow{color:#d5bafa;font-size:10px}.bank-banner h2{margin:11px 0 8px;font-size:20px}.bank-banner p{color:#d7c9e9;margin:0;font-size:12px;line-height:1.6}.bank-packs{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:380px;margin-left:auto;display:flex}.bank-packs button{color:#fff;white-space:nowrap;background:#ffffff13;border:1px solid #ffffff36;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;display:flex}.bank-packs button:hover{background:#ffffff30}.quiz-tile.green .subject-icon{background:linear-gradient(140deg,#4bd89c,#14874f)}.quiz-tile.orange .subject-icon{background:linear-gradient(140deg,#ffa279,#dd522a)}.quiz-tile.pink .subject-icon{background:linear-gradient(140deg,#ed99ed,#9a42c1)}.subject-icon{font-size:26px;font-weight:900;transform:rotate(-5deg);box-shadow:inset 0 2px 2px #fff6,inset 0 -4px #0002,0 8px 15px #43255715}.quiz-tile{transform-style:preserve-3d}.quiz-tile:hover{transform:perspective(800px)translateY(-5px)rotateX(2deg)}.tile-foot button{border-radius:8px;padding:8px}.tile-foot button:hover{background:#f2eaff}.type-tabs{flex-wrap:wrap;gap:3px;display:flex}.type-tabs button{padding:7px 9px}.form-card>.panel-head{flex-wrap:wrap}.rubric-editor{background:#f6f1ff;border-radius:13px;margin-bottom:16px;padding:18px}.rubric-editor h3{margin:0;font-size:14px}.rubric-editor p{color:#827390;font-size:12px;line-height:1.5}.criterion-edit{grid-template-columns:1fr 1.2fr 42px;align-items:center;gap:8px;display:grid}.criterion-edit input{width:100%;min-width:0}.criterion-edit label{font-size:11px}.criterion-edit .btn{padding:10px}.shortcut-lab{background:linear-gradient(145deg,#f0e9fc,#faf8ff);border:1px solid #e2d7f0;border-radius:20px;padding:24px;box-shadow:0 15px 30px #3d1b6410}.shortcut-display{cursor:text;background:#fff9;border:2px dashed #c2aadf;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:90px;padding:16px;display:flex}.shortcut-display:focus{background:#fff;border-style:solid}.shortcut-display>span{color:#8c77a3;text-align:center;font-size:13px}.shortcut-display kbd{color:#66319b;background:linear-gradient(#fff,#ede3fa);border:1px solid #d2bde8;border-radius:10px;padding:12px 22px;font:800 24px system-ui;box-shadow:0 5px #baa1d5}.shortcut-lab>p{color:#8e7ca4;margin:19px 0;font-size:11px;line-height:1.7}.virtual-keyboard{background:#d9cde8;border-radius:15px;padding:14px 8px 18px;box-shadow:inset 0 2px 5px #9276b433,0 5px #b7a2cf}.virtual-keyboard>div{justify-content:center;gap:5px;margin-bottom:8px;display:flex}.virtual-keyboard button{color:#69587f;background:linear-gradient(#fff,#f3edf9);border:1px solid #d1c3e0;border-radius:6px;min-width:32px;padding:8px 5px;font-size:11px;font-weight:800;transition:transform .15s;box-shadow:0 3px #b4a1ca}.virtual-keyboard button.pressed{color:#fff;background:#8b5cf6;border-color:#8b5cf6;transform:translateY(2px);box-shadow:0 1px #5e33ad}.virtual-keyboard button:hover:not(:disabled){background:#d9c4fb}.virtual-keyboard button:disabled{opacity:.7}.prompt-editor textarea{font-family:inherit;font-size:16px;line-height:1.8}.rubric-hints{flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;display:flex}.rubric-hints>b{color:#806c98;font-size:12px}.rubric-hints>span{color:#756187;background:#fff;border:1px solid #e6ddf0;border-radius:8px;padding:7px 10px;font-size:11px}.rubric-hints>small{color:#8c7a9f;width:100%;margin-top:4px;font-size:11px}.answer-explanation{color:#7f6e92;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.7}.answer-explanation p{margin:15px 0}.answer-explanation span{border-radius:8px;margin:5px 7px 0 0;padding:5px 10px;display:inline-block}.criterion-pass{color:#19834b;background:#e6f7ed}.criterion-fail{color:#8b5caa;background:#f3e8ff}.question-enter{animation:.4s ease-out question-in}.feedback{animation:.3s ease-out question-in}.answer-grid>button{transition:transform .15s,background .15s;box-shadow:0 4px #e3dcea}.answer-grid>button:not(:disabled):hover{transform:translateY(-3px)}.answer-grid>button.selected{box-shadow:0 4px #b99ae7}.answer-grid>button.right{box-shadow:0 4px #99d5b3}.leader-row{transition:background .3s}.result-card{animation:.65s cubic-bezier(.2,.8,.2,1) result-in}.celebration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.celebration i{left:var(--x);background:var(--color);width:9px;height:18px;animation:3.5s ease-out both confetti-fall;animation-delay:var(--delay);border-radius:3px;position:absolute;top:-25px}.answer-review{border-top:1px solid var(--line);padding:18px 28px;font-size:12px}.answer-review summary{cursor:pointer;font-weight:700}.answer-review article{border:1px solid var(--line);border-radius:9px;margin-top:10px;padding:10px}.answer-review pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#756681;font-family:inherit}.rank-filter{padding:10px 24px}.rank-filter select{max-width:320px}.leader-list .leader-row .progress i{transition:width .5s}@keyframes bot-float{0%,to{transform:translateY(0)rotateY(-10deg)rotateX(4deg)}50%{transform:translateY(-8px)rotateY(10deg)rotateX(-3deg)}}@keyframes bot-blink{0%,42%,46%,to{transform:scaleY(1)}44%{transform:scaleY(.1)}}@keyframes app-float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes shadow-breathe{50%{opacity:.6;transform:scale(.85)}}@keyframes question-in{0%{opacity:0;transform:translateY(14px)rotateX(-3deg)}to{opacity:1;transform:none}}@keyframes result-in{0%{opacity:0;transform:perspective(900px)rotateX(12deg)translateY(25px)}to{opacity:1;transform:none}}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(var(--turn));opacity:1}85%{opacity:1}to{transform:translateY(100vh) rotate(calc(var(--turn) + 600deg));opacity:0}}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}html[data-motion=off] .celebration{display:none}html[data-motion=off] .quiz-tile:hover,html[data-motion=off] .avatar-grid button:hover,html[data-motion=off] .answer-grid>button:hover{transform:none}.nav-profile{color:#625a70;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.nav-profile img{object-fit:cover;border-radius:50%;width:30px;height:30px}.student-home-card{background:#fff;border:1px solid #e6def3;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;max-width:1132px;margin:24px auto;padding:24px 28px;display:flex;box-shadow:0 12px 35px #3f1d6810}.student-home-card>div{align-items:center;gap:16px;display:flex}.student-home-card>div>span{color:#6d28d9;background:#ede9fe;border-radius:15px;place-items:center;width:52px;height:52px;display:grid}.student-home-card small{color:#7c3aed;letter-spacing:1px;font-weight:800}.student-home-card h2{margin:5px 0;font:700 21px Plus Jakarta Sans}.student-home-card p{color:#80788e;margin:0}.telegram-auth-page{background:radial-gradient(circle at 20% 15%,#8b5cf638,#0000 32%),#f7f6fb;place-items:center;min-height:100vh;padding:90px 20px;display:grid}.telegram-auth-card{text-align:center;background:#fff;border:1px solid #e7e2ef;border-radius:24px;width:min(600px,100%);padding:38px;box-shadow:0 28px 70px #32195520}.telegram-auth-card>.brand{justify-content:center;margin-bottom:24px}.telegram-auth-card h1{margin:12px 0 8px;font:800 32px Plus Jakarta Sans}.telegram-auth-card>p{color:#7a7387;line-height:1.65}.role-choice{grid-template-columns:1fr 1fr;gap:14px;margin:28px 0;display:grid}.role-choice button{text-align:left;color:#392f48;background:#faf8fd;border:1px solid #e4deeb;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:46px 1fr 20px;align-items:center;gap:4px 12px;padding:19px;display:grid}.role-choice button>svg:first-child{color:#6d28d9;background:#ede9fe;border-radius:12px;grid-row:1/3;width:42px;height:42px;padding:10px}.role-choice button>svg:last-child{grid-area:1/3/3}.role-choice small{color:#887f94}.role-choice button:hover{border-color:#8b5cf6;transform:translateY(-2px)}.change-role{color:#6d28d9;background:0 0;border:0;align-items:center;gap:6px;margin:22px auto;display:flex}.telegram-widget{place-items:center;min-height:55px;display:grid}.telegram-setup-note{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;margin:20px 0;padding:20px}.telegram-setup-note svg{width:26px}.telegram-setup-note b{margin:8px;display:block}.telegram-setup-note p{margin:0;font-size:12px}.auth-progress{font-weight:700;color:#6d28d9!important}.auth-privacy{color:#958e9d;margin-top:24px;display:block}.catalog-page,.lesson-reader{background:#f7f7fb;min-height:100vh;padding:38px max(20px,50vw - 560px) 80px}.catalog-page>header,.lesson-reader>header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.catalog-page header small,.lesson-reader header small{color:#7c3aed;letter-spacing:1px;font-size:11px;font-weight:800}.catalog-page h1,.lesson-reader h1{margin:4px 0;font:800 30px Plus Jakarta Sans}.catalog-tabs{gap:10px;margin-bottom:24px;display:flex}.catalog-tabs button{color:#61586c;background:#fff;border:1px solid #e2dce9;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:flex}.catalog-tabs button.active{color:#fff;background:#6d28d9;border-color:#6d28d9}.catalog-tabs span{background:#fff2;border-radius:99px;padding:2px 7px}.lesson-grid,.public-test-grid,.codes-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.lesson-card,.public-test-grid>article,.codes-grid>article{background:#fff;border:1px solid #e7e2ed;border-radius:18px;padding:22px;box-shadow:0 8px 25px #2518380b}.lesson-card>span{font-size:35px}.lesson-card>small,.public-test-grid small,.codes-grid small{color:#7c3aed;font-weight:800}.lesson-card h2,.public-test-grid h2{margin:12px 0 7px;font:700 19px Plus Jakarta Sans}.lesson-card p,.public-test-grid p,.codes-grid p{color:#7e758a;font-size:13px;line-height:1.6}.lesson-card footer{border-top:1px solid var(--line);justify-content:space-between;margin-top:18px;padding:15px 0 0;display:flex}.lesson-card footer button,.codes-grid footer button{color:#6d28d9;background:0 0;border:0;align-items:center;gap:5px;font-weight:800;display:flex}.public-test-grid>article>div,.codes-grid article>div{align-items:center;gap:10px;display:flex}.public-test-grid code,.codes-grid code{letter-spacing:3px;color:#5b21b6;margin:16px 0;font-size:20px;font-weight:800;display:block}.public-test-grid .btn{width:100%}.lesson-reader>header p{color:#8a8294;margin:3px 0}.lesson-reader>article{background:#fff;border:1px solid #e6e1eb;border-radius:22px;max-width:850px;margin:auto;padding:44px;box-shadow:0 15px 45px #2d193b0c}.lesson-cover{font-size:55px}.lesson-lead{color:#5f536d;border-left:4px solid #8b5cf6;padding-left:18px;font-size:19px;line-height:1.7}.lesson-content{color:#403848;font-size:16px;line-height:1.85}.public-codes,.lesson-admin,.lesson-editor{padding-bottom:20px}.codes-grid,.lesson-admin-list{padding:22px}.codes-grid article h3{margin:0}.codes-grid article footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.lesson-admin-list{flex-direction:column;gap:12px;display:flex}.lesson-admin-list article{border:1px solid #e9e4ee;border-radius:14px;grid-template-columns:55px 1fr auto;align-items:center;gap:14px;padding:15px;display:grid}.lesson-admin-list article>span{font-size:34px}.lesson-admin-list h3{margin:3px 0}.lesson-admin-list p{color:#827a8d;margin:0;font-size:12px}.lesson-admin-list article>div:last-child{gap:6px;display:flex}.lesson-admin-list article>div:last-child button{background:#f4f1f7;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.lesson-editor{padding:22px}.lesson-editor>.panel-head{margin-bottom:18px;padding:0 0 18px}.lesson-editor label{color:#504758;flex-direction:column;gap:7px;margin:13px 0;font-size:13px;font-weight:700;display:flex}.lesson-editor input,.lesson-editor textarea,.lesson-editor select{background:#fff;border:1px solid #ded8e5;border-radius:11px;padding:12px}.lesson-form-grid{grid-template-columns:2fr 1fr .6fr 1fr;gap:12px;display:grid}.lesson-content-input{resize:vertical;min-height:340px;line-height:1.7}.visibility-help{color:#7f758a;background:#f7f3fc;border-radius:9px;padding:11px;font-size:12px}.catalog-error{max-width:600px}.codes-grid .table-icon{flex:none}.auth-method-tabs{background:#f1edf6;border-radius:12px;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 26px;padding:5px;display:grid}.auth-method-tabs button{color:#756c81;background:0 0;border:0;border-radius:9px;height:42px;font-weight:800}.auth-method-tabs button.active{color:#6d28d9;background:#fff;box-shadow:0 3px 10px #29183c12}.email-auth>p,.telegram-auth-inner>p{color:#7a7387;line-height:1.6}.email-auth form,.email-auth{flex-direction:column;display:flex}.email-auth label{text-align:left;color:#51475e;margin:7px 0;font-size:12px;font-weight:800}.email-auth input{color:#2d2635;background:#fff;border:1px solid #ddd6e5;border-radius:11px;width:100%;height:49px;margin-top:7px;padding:0 13px}.email-auth .password{position:relative}.email-auth .password input{padding-right:48px}.email-auth .password button{color:#6d28d9;background:#f4f0f8;border:0;border-radius:8px;width:39px;height:39px;position:absolute;bottom:5px;right:6px}.email-auth .password svg{width:17px}.role-pills{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.role-pills button{color:#61566e;background:#fff;border:1px solid #ddd6e5;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:44px;font-weight:800;display:flex}.role-pills button.active{color:#6d28d9;background:#f4edff;border-color:#7c3aed}.password-note{text-align:left;color:#877e90;margin:3px 0 8px;line-height:1.5}.auth-switch{color:#6d28d9;background:0 0;border:0;margin:17px auto 0;font-weight:800}.telegram-auth-inner h1{margin:12px 0 8px;font:800 32px Plus Jakarta Sans}@media (width<=900px){.lesson-grid,.public-test-grid,.codes-grid,.lesson-form-grid{grid-template-columns:1fr 1fr}.student-home-card{margin-inline:20px}}@media (width<=650px){.nav-profile{display:none}.student-home-card{flex-direction:column;align-items:flex-start}.student-home-card .btn{width:100%}.telegram-auth-card{padding:26px 18px}.role-choice,.lesson-grid,.public-test-grid,.codes-grid,.lesson-form-grid{grid-template-columns:1fr}.catalog-tabs{grid-template-columns:1fr 1fr;display:grid}.catalog-tabs button{justify-content:center;padding:11px}.catalog-page h1,.lesson-reader h1{font-size:24px}.lesson-reader>article{padding:25px 19px}.lesson-admin-list article{grid-template-columns:44px 1fr}.lesson-admin-list article>div:last-child{grid-column:2}.lesson-editor{padding:16px}}.analytics-summary{grid-template-columns:repeat(4,1fr);margin-bottom:22px;display:grid;overflow:hidden}.analytics-summary>div{border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:20px;display:flex}.analytics-summary>div:last-child{border:0}.analytics-summary b{color:#5b21b6;font:800 25px Plus Jakarta Sans}.analytics-summary span{color:#81798c;font-size:12px}.users-panel .panel-head{gap:18px}.user-filters{gap:9px;display:flex}.user-filters label{background:#fff;border:1px solid #ddd7e5;border-radius:10px;align-items:center;gap:7px;height:42px;padding:0 10px;display:flex}.user-filters svg{color:#887d95;width:16px}.user-filters input{background:0 0;border:0;outline:0;width:180px}.user-filters select{color:#51475d;background:#fff;border:1px solid #ddd7e5;border-radius:10px;height:42px;padding:0 11px}.users-table td:first-child{align-items:center;gap:10px;display:flex}.users-table td:first-child>div{flex-direction:column;display:flex}.user-initial{color:#6d28d9;background:#ede9fe;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.role-badge,.online-badge{border-radius:99px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.role-badge.student{color:#2563eb;background:#eaf2ff}.role-badge.teacher{color:#16804c;background:#ecfdf3}.role-badge.admin{color:#7e22ce;background:#f3e8ff}.online-badge.online{color:#16804c;background:#ecfdf3}.online-badge.offline{color:#78717f;background:#f2f0f4}.online-badge i{background:currentColor;border-radius:50%;width:7px;height:7px}.analytics-loading{text-align:center;padding:55px}.analytics-loading>svg{color:#7c3aed;width:42px;height:42px}.analytics-loading p{color:#81788d}.users-panel .empty-card{border-top:1px solid var(--line)}@media (width<=900px){.analytics-summary{grid-template-columns:1fr 1fr}.analytics-summary>div:nth-child(2){border-right:0}.analytics-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.users-panel .panel-head{flex-direction:column;align-items:stretch}.user-filters{width:100%}.user-filters label{flex:1}.user-filters input{width:100%}}@media (width<=560px){.analytics-stats,.analytics-summary{grid-template-columns:1fr 1fr}.user-filters{flex-direction:column}.user-filters select{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.celebration{display:none}}@media (width<=1100px){.hero h1{font-size:47px}.bank-banner{display:block}.bank-packs{justify-content:flex-start;max-width:none;margin-top:18px}.scene-prompt{padding:12px;right:0}.block-word{left:20px}.scene-key{right:5px}}@media (width<=900px){.hero{grid-template-columns:1fr}.hero-copy{max-width:650px}.hero-visual{justify-self:center;width:100%;max-width:470px;height:400px;margin-top:20px;display:block}.hero{padding-bottom:45px}.scene-mascot{transform:translate(-50%,-50%)scale(1.9)}.avatar-grid button{height:76px}.join-card{margin-bottom:65px}.virtual-keyboard button{min-width:30px}}@media (width<=600px){.hero h1{font-size:39px}.hero-visual{height:350px;margin-top:10px}.hero-topics{gap:5px}.scene-mascot{transform:translate(-50%,-50%)scale(1.65)}.app-block{width:58px;height:65px;font-size:28px}.block-word{top:40px;left:10px}.block-excel{top:112px;right:0}.block-ppt{bottom:58px;left:10px}.scene-prompt{bottom:34px}.scene-prompt b{font-size:10px}.scene-key kbd{min-width:35px;height:36px;font-size:14px}.scene-key{gap:7px}.scene-orbit{inset:50px 15px 30px}.scene-label{font-size:6px;bottom:0}.scene-floor{bottom:70px}.experience-controls{padding:4px;bottom:9px;right:9px}.experience-controls button{padding:8px;font-size:10px}.avatar-grid{grid-template-columns:repeat(4,1fr)}.shortcut-lab{padding:13px 8px}.virtual-keyboard{padding:12px 3px}.virtual-keyboard>div{gap:3px}.virtual-keyboard button{flex:1;min-width:0;max-width:40px;padding:8px 1px;font-size:8px}.virtual-keyboard>div:first-child button{max-width:75px;font-size:11px}.shortcut-display kbd{font-size:20px}.bank-banner{padding:20px}.bank-banner h2{font-size:18px}.criterion-edit{grid-template-columns:1fr 42px}.criterion-edit label{grid-column:1}.criterion-edit button{grid-area:1/2/3}.type-tabs{width:100%}.type-tabs button{flex:1}.result-card{margin:100px auto 55px}.form-grid label{min-width:0}.question-top{gap:8px}.q-type{font-size:9px}.timer{flex:none}.play-page main>h1{font-size:22px}}:root{--surface:#fff;--surface-soft:#f5f1fc;--page:#f8f6fd;--text:#211936;--text-secondary:#746584;--border:#e7dff1;--accent:#7c3aed}html[data-theme=dark]{--surface:#201c31;--surface-soft:#29223e;--page:#12101d;--text:#f0eafa;--text-secondary:#afa1c3;--border:#3a304d;--accent:#b28aff;--ink:#f0eafa;--muted:#afa1c3;--line:#3a304d;--purple:#b28aff}body{background:var(--page);color:var(--text)}.app-shell{background:var(--page)}.landing{isolation:isolate;background:radial-gradient(ellipse at 78% 40%,#a875f324,transparent 48%),var(--page);min-height:calc(100vh - 65px);position:relative;overflow:hidden}.landing:before{content:"";z-index:-1;background-image:linear-gradient(#976dcc0a 1px,#0000 1px),linear-gradient(90deg,#976dcc0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 35%,#0000);mask-image:linear-gradient(#0000,#000 35%,#0000)}.topbar{border-bottom:1px solid var(--border);max-width:1220px;height:88px}.hero{gap:30px;max-width:1220px;min-height:610px;padding-top:65px;padding-bottom:65px}.hero h1{letter-spacing:-2.5px;color:var(--text);margin:22px 0;font-size:clamp(42px,4.5vw,66px);line-height:1.1}.hero h1 span{background:linear-gradient(95deg,#8750e6,#cf71ca);-webkit-background-clip:text;background-clip:text}.hero-copy>p{color:var(--text-secondary);max-width:460px;font-size:17px}.eyebrow{color:var(--accent)}.pin-box{border-color:var(--border);background:var(--surface);border-radius:21px;max-width:530px;padding:22px;box-shadow:0 16px 50px #41235510}.pin-label{color:var(--text-secondary);letter-spacing:2px;margin:0 0 12px;font-size:10px;display:block}.pin-row input{background:var(--surface-soft);border-color:var(--border);color:var(--text);letter-spacing:8px;font-variant-numeric:tabular-nums;min-width:0;height:62px;font-size:27px}.pin-row input::placeholder{color:#ac9bbc;opacity:.65}.pin-row button{background:linear-gradient(130deg,#8750e6,#6830ca);border-radius:12px;padding:0 21px;box-shadow:0 6px 16px #723ad126}.pin-row button:disabled{opacity:.5;cursor:not-allowed}.pin-help{color:var(--text-secondary);align-items:center;gap:6px;margin:14px 0 0;font-size:11px;line-height:1.6;display:flex}.pin-box .form-error:empty{display:none}.entry-steps{color:var(--text-secondary);align-items:center;gap:10px;margin-top:26px;font-size:10px;display:flex}.entry-steps span{white-space:nowrap;align-items:center;gap:6px;display:flex}.entry-steps b{border:1px solid var(--border);color:var(--accent);border-radius:6px;padding:5px;font:700 9px system-ui}.entry-steps i{background:var(--border);width:15px;height:1px}.subject-ribbon{border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:1172px;color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 auto 20px;padding:24px 5px;font-size:12px;display:flex}.subject-ribbon>span{letter-spacing:2px;color:var(--accent);font-size:9px}footer{border-color:var(--border);color:var(--text-secondary)}.experience-controls{background:var(--surface);border-color:var(--border)}.experience-controls button{color:var(--text-secondary)}.experience-controls button[aria-pressed=true],.experience-controls button:last-child{background:var(--surface-soft);color:var(--accent)}.scene-prompt{background:var(--surface);border-color:var(--border)}.scene-prompt b{color:var(--text)}.scene-prompt small,.scene-label{color:var(--text-secondary)}html[data-theme=dark] .brand{color:var(--text)}html[data-theme=dark] .brand-light,html[data-theme=dark] .brand-light>span:last-child span{color:#fff}html[data-theme=dark] .scene-orbit{border-color:#70479544;box-shadow:0 0 0 30px #7249a011,0 0 0 60px #7249a009}html[data-theme=dark] .scene-floor{background:#a064f239}html[data-theme=dark] .scene-key kbd{color:#d2b8f1;background:linear-gradient(#4c3a69,#2c203e);box-shadow:0 6px #1a1129,0 16px 18px #0004,inset 0 1px 1px #8866ad}html[data-theme=dark] .admin-shell,html[data-theme=dark] .admin-main,html[data-theme=dark] .editor-page,html[data-theme=dark] .play-page,html[data-theme=dark] .auth-page{background:var(--page);color:var(--text)}html[data-theme=dark] .admin-main>header,html[data-theme=dark] .editor-page>header,html[data-theme=dark] .panel-card,html[data-theme=dark] .stat-card,html[data-theme=dark] .questions-side,html[data-theme=dark] .auth-form-wrap,html[data-theme=dark] .auth-card,html[data-theme=dark] .join-card,html[data-theme=dark] .result-card,html[data-theme=dark] .empty-card{background:var(--surface);border-color:var(--border);color:var(--text)}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] label,html[data-theme=dark] .stat-card strong,html[data-theme=dark] .result-stats b,html[data-theme=dark] .mini-rank b{color:var(--text)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] .form-card textarea{background:var(--surface-soft);border-color:var(--border);color:var(--text)}html[data-theme=dark] .btn-ghost,html[data-theme=dark] .btn-outline,html[data-theme=dark] .back-circle,html[data-theme=dark] .row-actions button,html[data-theme=dark] .question-item>button{background:var(--surface-soft);border-color:var(--border);color:#d0c0e7}html[data-theme=dark] .btn-primary{color:#fff;background:linear-gradient(135deg,#8043d5,#692bc4)}html[data-theme=dark] .admin-user b,html[data-theme=dark] .back-link{color:var(--text)}html[data-theme=dark] .panel-head p,html[data-theme=dark] .auth-card>p,html[data-theme=dark] .join-form>p,html[data-theme=dark] .result-card>p,html[data-theme=dark] .stat-card small,html[data-theme=dark] .side-title p,html[data-theme=dark] .leader-name small,html[data-theme=dark] .answer-explanation{color:var(--text-secondary)}html[data-theme=dark] table th{color:#b7a8c9;border-color:var(--border);background:#282137}html[data-theme=dark] table td{border-color:var(--border);color:#e5ddef}html[data-theme=dark] table tbody tr:hover{background:#282137}html[data-theme=dark] .group-tag,html[data-theme=dark] .demo-hint,html[data-theme=dark] .type-tabs,html[data-theme=dark] .admin-user>span{color:#c8a5f8;background:#302445}html[data-theme=dark] .status-switch.passive{color:#bbadc9;background:#383042}html[data-theme=dark] .status-switch.active{color:#8adbb2;background:#173b30}html[data-theme=dark] .leader-row,html[data-theme=dark] .question-item,html[data-theme=dark] .side-title,html[data-theme=dark] .panel-head,html[data-theme=dark] .result-stats>div{border-color:var(--border)}html[data-theme=dark] .leader-row.top-1{background:linear-gradient(90deg,#5c451a45,#0000)}html[data-theme=dark] .leader-row>.progress{background:#332941}html[data-theme=dark] .options-editor label{border-color:var(--border)}html[data-theme=dark] .options-editor .correct-option{background:#18372b;border-color:#337a58}html[data-theme=dark] .options-editor label>button,html[data-theme=dark] .question-item>span{color:#d2aafd;background:#3a2b50}html[data-theme=dark] .type-tabs button.on{color:#ead8ff;background:#51406d}html[data-theme=dark] .rubric-editor{background:#292037}html[data-theme=dark] .rubric-editor p{color:var(--text-secondary)}html[data-theme=dark] .join-page,html[data-theme=dark] .result-page{background:radial-gradient(circle at 20% 15%,#7434be33,#0000 40%),linear-gradient(145deg,#120c20,#251336)}html[data-theme=dark] .join-quiz{background:linear-gradient(150deg,#382552,#281b3b)}html[data-theme=dark] .join-quiz small{color:#bd90f1}html[data-theme=dark] .avatar-grid button{background:linear-gradient(145deg,#392c4b,#251c35);box-shadow:inset 0 -3px #160e23}html[data-theme=dark] .avatar-grid button.chosen{background:#49315f;border-color:#b58ae9}html[data-theme=dark] .play-page>header{background:#25153b;border-bottom:1px solid #47315e}html[data-theme=dark] .q-type,html[data-theme=dark] .q-type.practical{color:#c99bf4;background:#322342}html[data-theme=dark] .timer{background:var(--surface);border-color:var(--border);color:#dcc8f4}html[data-theme=dark] .timer.urgent{color:#ffadbe;background:#512737}html[data-theme=dark] .answer-grid>button{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:0 4px #0d0915}html[data-theme=dark] .answer-grid>button>span{color:#d7b3ff;background:#38284b}html[data-theme=dark] .answer-grid>button.selected{background:#37234b;border-color:#9f6cdd}html[data-theme=dark] .answer-grid>button.right{background:#173b2c;border-color:#45956a}html[data-theme=dark] .answer-grid>button.wrong{background:#452532;border-color:#b45570}html[data-theme=dark] .feedback.success{background:#173528;border-color:#346f50}html[data-theme=dark] .feedback.failure{background:#40212c;border-color:#814258}html[data-theme=dark] .feedback p{color:#c4b4cf}html[data-theme=dark] .shortcut-lab{border-color:var(--border);background:linear-gradient(145deg,#251932,#1c1629)}html[data-theme=dark] .shortcut-display{background:#171021;border-color:#6e4b8b}html[data-theme=dark] .shortcut-display kbd{color:#e1c8f4;background:linear-gradient(#4b365f,#35243f);border-color:#684982;box-shadow:0 5px #140d20}html[data-theme=dark] .virtual-keyboard{background:#292031;box-shadow:inset 0 2px 5px #0004,0 5px #110a19}html[data-theme=dark] .virtual-keyboard button{color:#e0c9ed;background:linear-gradient(#49364f,#2e2139);border-color:#5e476d;box-shadow:0 3px #100918}html[data-theme=dark] .virtual-keyboard button.pressed{color:#fff;background:#8450bd;border-color:#aa70e7}html[data-theme=dark] .virtual-keyboard button:hover:not(:disabled){background:#664380}html[data-theme=dark] .rubric-hints>span{border-color:var(--border);color:#c8b5df;background:#2a2137}html[data-theme=dark] .rubric-hints>small,html[data-theme=dark] .rubric-hints>b{color:#b4a0ca}html[data-theme=dark] .criterion-pass{color:#98d7ac;background:#1c3e2c}html[data-theme=dark] .criterion-fail{color:#dbb1f5;background:#402a50}html[data-theme=dark] .result-rank{color:#cc9ff8;background:linear-gradient(145deg,#39264f,#2a1e3c)}html[data-theme=dark] .result-avatar{border-color:var(--surface);background:linear-gradient(140deg,#685181,#382449)}html[data-theme=dark] .answer-review article{border-color:var(--border)}html[data-theme=dark] .answer-review pre{color:var(--text-secondary)}@media (width<=900px){.hero{min-height:0;padding-top:45px}.hero-visual{margin-top:0}.hero-copy{max-width:620px}.subject-ribbon{justify-content:center;margin:0 24px 20px}.hero h1{font-size:52px}}@media (width<=600px){.topbar{height:74px;margin:0 18px;padding:0}.hero{gap:12px;padding:35px 18px}.hero h1{letter-spacing:-1.8px;font-size:42px}.hero-copy>p{font-size:15px}.eyebrow{letter-spacing:.8px;font-size:9px}.pin-box{padding:17px}.pin-row{flex-direction:row;gap:8px}.pin-row input{letter-spacing:5px;height:56px;padding:0 10px;font-size:23px}.pin-row button{height:56px;padding:0 12px;font-size:12px}.pin-row button svg{width:16px}.pin-help{align-items:flex-start;font-size:10px}.pin-help svg{flex:none;margin-top:2px}.entry-steps{justify-content:center;gap:5px;margin-top:20px;font-size:9px}.entry-steps i{width:8px}.entry-steps span{gap:4px}.hero-visual{height:315px}.subject-ribbon{gap:16px;margin:0 18px 10px;padding:20px 0;font-size:11px}.subject-ribbon>span{text-align:center;width:100%}.landing footer{padding-bottom:30px}}:root{--text-secondary:#62536f}html[data-theme=dark]{--text-secondary:#c1b2d0}.app-shell{padding-bottom:0}.site-nav{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px max(20px,50% - 590px);display:flex;position:sticky;top:0}.nav-brand{background:0 0;border:0;flex:none;padding:0}.nav-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.site-nav .experience-controls{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex:none;padding:0;position:static}.experience-controls button{min-height:40px;padding:9px 12px}.experience-controls button span{font-size:11px}.nav-logout{border:1px solid var(--border);background:var(--surface-soft);width:40px;height:40px;color:var(--text);border-radius:11px}.site-nav .btn{min-height:40px;padding:10px 14px;font-size:12px}.page-loading{min-height:50vh;color:var(--text-secondary);place-items:center;display:grid}.connection-banner{color:#665017;text-align:center;z-index:90;background:#fff1c2;padding:9px 20px;font-size:12px;position:sticky;top:76px}.admin-shell>aside{height:calc(100dvh - 76px);top:76px}.editor-page>header{top:76px}.questions-side{top:182px}.landing,.auth-page,.join-page,.play-page,.result-page{min-height:calc(100dvh - 76px)}.auth-card h2{font-size:29px}.auth-card>p{line-height:1.75}.auth-card>label{color:var(--text);margin-top:18px;font-size:12px;font-weight:800;display:block}.auth-card>label>input,.auth-card .password{margin-top:8px}.auth-card .password{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;align-items:center;display:flex;overflow:hidden}.auth-card .password input{background:0 0;border:0;flex:1;margin:0}.auth-card .password button{width:48px;height:48px;color:var(--text-secondary);background:0 0;border:0;place-items:center;display:grid}.auth-card .password svg{width:18px}.auth-submit{margin-top:22px}.demo-hint{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary)!important;padding:11px!important;font-size:11px!important;line-height:1.6!important}.demo-hint b{color:var(--text)}.play-title{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;font-weight:700;overflow:hidden}.result-card{margin:110px auto 70px}.join-card{margin-bottom:45px}.admin-user{max-width:230px}.admin-user b{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.form-card textarea::placeholder,input::placeholder{color:#81728e;opacity:1}.form-card .code-input{color:#f1e8ff!important}.code-editor textarea::placeholder{color:#b3a5c6}.code-head small{color:#c3b2d6}.back-link{color:var(--text-secondary)}html[data-theme=dark] .connection-banner{color:#ffe1a0;background:#453a22}html[data-theme=dark] .stat-card small,html[data-theme=dark] .admin-main>header small,html[data-theme=dark] .editor-page>header small,html[data-theme=dark] .admin-user small,html[data-theme=dark] .table-wrap td small,html[data-theme=dark] .leader-name small,html[data-theme=dark] .question-item small,html[data-theme=dark] .side-empty,html[data-theme=dark] .empty-card p,html[data-theme=dark] .result-stats span,html[data-theme=dark] .mini-rank span{color:var(--text-secondary)}html[data-theme=dark] .stat-icon.purple,html[data-theme=dark] .table-icon.violet{color:#e1c2ff;background:#413052}html[data-theme=dark] .stat-icon.green,html[data-theme=dark] .table-icon.green{color:#a2e8bc;background:#214132}html[data-theme=dark] .stat-icon.blue,html[data-theme=dark] .table-icon.blue{color:#aacffa;background:#253a56}html[data-theme=dark] .stat-icon.orange,html[data-theme=dark] .table-icon.orange{color:#ffd0a8;background:#4b3328}html[data-theme=dark] .bank-banner p{color:#e2d5f0}html[data-theme=dark] .bank-banner .eyebrow{color:#edddff}html[data-theme=dark] .bank-packs button{color:#fff}html[data-theme=dark] .question-item b,html[data-theme=dark] .panel-head h2{color:var(--text)}html[data-theme=dark] .leader-row>strong,html[data-theme=dark] .leader-row>strong small{color:#d4b1ff}html[data-theme=dark] .rubric-hints>small,html[data-theme=dark] .rubric-hints>b,html[data-theme=dark] .shortcut-lab>p,html[data-theme=dark] .shortcut-display>span,html[data-theme=dark] .rubric-editor p{color:var(--text-secondary)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#b5a6c7}html[data-theme=dark] .pin-row input::placeholder{color:#b5a6c7;opacity:1}html[data-theme=dark] .form-error{color:#ffa8b7}html[data-theme=dark] .auth-icon{color:#dbf;background:#3b2a51}html[data-theme=dark] .auth-side p{color:#e2d2f0}html[data-theme=dark] .auth-quote{color:#eadbfc}html[data-theme=dark] .scene-prompt small{color:#c1b2d0}html[data-theme=dark] .btn-primary:disabled{opacity:.65}html[data-theme=dark] .options-editor .correct-option>button{color:#fff;background:#21774b}html[data-theme=dark] .answer-grid>button.right>span{color:#fff;background:#21623c}html[data-theme=dark] .answer-grid>button.wrong>span{color:#fff;background:#823447}@media (width<=900px){.site-nav{gap:12px;padding:12px 18px}.experience-controls button span{display:none}.experience-controls button{width:38px;padding:8px}.admin-user{max-width:150px}.admin-user b{max-width:100px}.nav-actions{gap:6px}}@media (width<=600px){.site-nav{flex-wrap:wrap;gap:10px;min-height:116px;position:relative}.site-nav>.nav-brand{margin-right:auto}.nav-actions{display:contents}.site-nav .experience-controls{margin-left:auto}.site-nav .nav-actions>.btn{flex:1;min-width:130px}.site-nav .nav-logout{width:40px}.admin-shell>aside{z-index:150;height:100dvh;top:0}.editor-page>header,.connection-banner{top:0}.site-nav .brand{font-size:19px}.play-page>header{grid-template-columns:1fr auto}.play-title{display:none}.auth-form-wrap{padding:24px 18px}.auth-card{padding:20px 0}.auth-card h2{font-size:25px}.auth-benefits{gap:15px}.auth-page,.join-page,.play-page,.result-page{min-height:calc(100dvh - 116px)}.result-card{margin:85px auto 35px}.site-nav .btn-primary{white-space:nowrap}.pin-row button{font-size:11px}.entry-steps{flex-wrap:wrap}}.teacher-entry{border-color:color-mix(in srgb,var(--border) 65%,var(--accent));background:var(--surface-soft)}.auth-role,.join-step{color:var(--accent);letter-spacing:1.7px;margin-top:18px;font-size:10px;font-weight:900;display:block}.student-note{border:1px solid color-mix(in srgb,var(--border) 70%,#20a86b);background:color-mix(in srgb,var(--surface-soft) 88%,#dff8ea);border-radius:12px;align-items:flex-start;gap:10px;padding:14px;font-size:12px;line-height:1.6;display:flex;color:var(--text-secondary)!important;margin:18px 0!important}.student-note svg{color:#20a86b;flex:none;margin-top:2px}.student-note b{color:var(--text);margin-bottom:2px;display:block}.no-account-badge{color:#4e356e;background:#ffffff80;border:1px solid #6d55a344;border-radius:99px;align-items:center;gap:7px;margin-top:14px;padding:8px 11px;font-size:10px;font-weight:800;display:inline-flex}.join-step{margin:0 0 10px}.landing .pin-box{position:relative;overflow:hidden}.landing .pin-box:before{content:"";background:radial-gradient(circle,#b794f655,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:-100px;right:-90px}.landing .pin-row input{letter-spacing:8px;text-align:center;background:var(--surface-soft);color:var(--text);font-size:24px}.landing .pin-row button{box-shadow:0 10px 24px #6d28d933}.join-page{background:radial-gradient(circle at 15% 20%,#32a6ff3d,#0000 28%),radial-gradient(circle at 88% 75%,#2fd49d31,#0000 30%),linear-gradient(145deg,#111a31,#2c1557)}.join-card{border:1px solid #ffffff26;box-shadow:0 32px 90px #070a176e}.join-quiz{background:radial-gradient(circle at 20% 15%,#ffffff7d,#0000 25%),linear-gradient(155deg,#e0ebff,#d9c9ff 55%,#c7f4e2)}.join-button{background:linear-gradient(135deg,#5e2bd1,#8554e8 55%,#3c8cdb)}html[data-theme=dark] .no-account-badge{color:#d9c9f1;background:#211b35;border-color:#6f5b91}html[data-theme=dark] .join-card{background:var(--surface)}html[data-theme=dark] .join-quiz{color:var(--text);background:radial-gradient(circle at 20% 15%,#ffffff12,#0000 25%),linear-gradient(155deg,#243452,#32264e 55%,#1d4038)}html[data-theme=dark] .join-quiz p{color:var(--text-secondary)}@media (width<=600px){.site-nav{flex-wrap:nowrap;min-height:76px}.nav-actions{display:flex}.site-nav .teacher-entry{flex:none;min-width:0}.teacher-entry svg{display:none}.landing,.auth-page,.join-page,.play-page,.result-page{min-height:calc(100dvh - 76px)}.pin-row{flex-direction:column}.pin-row button{justify-content:center;height:52px}.landing .pin-row input{letter-spacing:10px}.student-note{padding:12px}}.solo-arena{isolation:isolate;background:radial-gradient(circle at 50% 25%,#284c76 0,#0b2038 42%,#07111e 82%);border:1px solid #84a8c344;border-radius:28px;height:390px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff2,0 24px 65px #07142632}.solo-arena:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(115deg,#53a7ff14,#0000 35%,#43d59a12);position:absolute;inset:0}.solo-arena canvas{z-index:0;width:100%;height:100%;display:block;position:relative}.solo-arena.compact{border-radius:23px;height:285px}.solo-arena-brand{z-index:2;color:#fff;pointer-events:none;text-shadow:0 2px 12px #0009;position:absolute;top:18px;left:20px}.solo-arena-brand b{letter-spacing:2.3px;font-size:11px;display:block}.solo-arena-brand span{color:#9ed7ff;letter-spacing:1.5px;margin-top:5px;font-size:8px;font-weight:800;display:block}.solo-arena-state{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1.1px;background:#07111dbd;border:1px solid #ffffff25;border-radius:99px;align-items:center;gap:8px;padding:8px 12px;font-size:9px;font-weight:900;display:flex;position:absolute;bottom:17px;right:18px}.solo-arena-state i{background:#49e5a5;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #49e5a5}.state-wrong .solo-arena-state i{background:#ff788e;box-shadow:0 0 12px #ff788e}.state-victory .solo-arena-state i,.state-complete .solo-arena-state i{background:#ffd56d;box-shadow:0 0 14px #ffd56d}.arena-loader,.arena-fallback{z-index:3;text-align:center;color:#e8f3ff;background:radial-gradient(circle at 50% 30%,#26476d,#07111e 72%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:25px;display:flex;position:absolute;inset:0}.arena-loader i{border:3px solid #8cc9ff35;border-top-color:#8cc9ff;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite arena-spin}.arena-loader span{letter-spacing:.7px;font-size:11px;font-weight:800}.arena-fallback span{letter-spacing:2px;font-size:15px;font-weight:900}.arena-fallback p{color:#b7cce2;margin:0;font-size:12px;line-height:1.7}@keyframes arena-spin{to{transform:rotate(360deg)}}.play-arena{grid-template-columns:minmax(310px,1.15fr) minmax(240px,.85fr);align-items:stretch;width:min(980px,100% - 40px);margin:26px auto 0;display:grid}.play-arena .solo-arena{border-radius:24px 0 0 24px;height:255px}.play-arena-copy{color:#fff;background:radial-gradient(circle at 100% 0,#7b4be53a,#0000 48%),linear-gradient(145deg,#24133b,#171026);border:1px solid #52388a;border-left:0;border-radius:0 24px 24px 0;flex-direction:column;justify-content:center;gap:10px;padding:30px;display:flex}.play-arena-copy span{color:#bfa0ff;letter-spacing:2px;font-size:9px;font-weight:900}.play-arena-copy b{font-size:17px;line-height:1.5}.play-arena-copy small{color:#c4b8d1;line-height:1.7}.result-layout{z-index:2;grid-template-columns:minmax(340px,1fr) minmax(360px,1fr);align-items:center;gap:25px;width:min(1080px,100% - 40px);margin:70px auto;display:grid;position:relative}.result-layout .solo-arena{height:450px}.result-layout .result-card{width:100%;margin:0}html[data-theme=dark] .play-arena-copy{background:radial-gradient(circle at 100% 0,#7b4be52b,#0000 48%),linear-gradient(145deg,#26163b,#171021);border-color:#513f69}@media (width<=850px){.play-arena{grid-template-columns:1fr}.play-arena .solo-arena{border-radius:22px 22px 0 0}.play-arena-copy{border-top:0;border-left:1px solid #52388a;border-radius:0 0 22px 22px;padding:22px}.result-layout{grid-template-columns:1fr;max-width:600px}.result-layout .solo-arena{height:340px}}@media (width<=600px){.solo-arena.compact{height:245px}.play-arena{width:calc(100% - 28px);margin-top:16px}.play-arena-copy{padding:18px}.play-arena-copy b{font-size:14px}.result-layout{gap:16px;width:calc(100% - 28px);margin:35px auto}.result-layout .solo-arena{height:285px}.result-layout .result-card{margin:0}}.race-invite{background:radial-gradient(circle at 85% 20%,#9068ec34,transparent 35%),linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface) 88%,#e6dcff));border:1px solid #8f6bea55;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:min(1120px,100% - 48px);margin:0 auto 28px;padding:22px 25px;display:grid;box-shadow:0 16px 45px #46247516}.race-invite-icon{color:#fff;background:linear-gradient(145deg,#8b55e8,#5d2cc6);border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 10px 25px #6334c544}.race-invite-icon svg{width:27px}.race-invite span{letter-spacing:1.8px;color:var(--accent);font-size:9px;font-weight:900}.race-invite h2{color:var(--text);margin:5px 0 4px;font-size:21px}.race-invite p{color:var(--text-secondary);margin:0;font-size:12px}.race-invite.running,.race-invite.countdown{border-color:#e2a83f66}.race-invite.finished{filter:saturate(.7)}.race-admin{overflow:hidden}.race-admin-hero{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:28px;padding:8px 4px 28px;display:flex}.race-admin-hero .eyebrow{align-items:center;gap:7px;display:flex}.race-admin-hero h2{margin:12px 0 7px;font-size:26px}.race-admin-hero p{max-width:680px;color:var(--text-secondary);margin:0;line-height:1.7}.race-admin-status{border:1px solid var(--border);background:var(--surface-soft);border-radius:15px;align-items:center;gap:13px;margin:24px 0;padding:17px;display:flex}.race-admin-status>.live-dot{width:11px;height:11px}.race-admin-status>div{flex-direction:column;gap:4px;display:flex}.race-admin-status small{color:var(--text-secondary)}.race-admin-status .btn{margin-left:auto}.race-admin-racers{grid-template-columns:1fr 1fr;gap:14px;display:grid}.race-admin-racers article{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:center;gap:13px;padding:18px;display:flex}.race-admin-racers article>span{background:var(--surface-soft);border-radius:14px;place-items:center;width:47px;height:47px;font-size:24px;display:grid}.race-admin-racers article>div{flex-direction:column;gap:4px;display:flex}.race-admin-racers article small{color:var(--text-secondary)}.race-admin-racers article>strong{color:var(--accent);margin-left:auto;font-size:28px}.race-admin-racers article>strong small{font-size:10px}.race-admin-winner{color:#75520b;background:#fff4ce;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:18px;padding:18px;display:flex}.race-admin-winner svg{color:#e4a91b}.race-question-picker{border:1px solid var(--border);background:var(--surface-soft);border-radius:17px;margin:22px 0;padding:18px}.race-question-picker>label{align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.race-question-picker select{border:1px solid var(--border);background:var(--surface);min-width:min(100%,440px);height:44px;color:var(--text);border-radius:10px;padding:0 12px}.race-picker-head{justify-content:space-between;gap:12px;margin:18px 0 10px;display:flex}.race-picker-head span{color:var(--accent);font-size:12px;font-weight:800}.race-picker-list{overscroll-behavior:contain;grid-template-columns:1fr 1fr;gap:8px;max-height:310px;padding-right:4px;display:grid;overflow:auto}.race-picker-list label{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;grid-template-columns:18px 28px 1fr;align-items:center;gap:7px;padding:11px;display:grid}.race-picker-list label.chosen{background:#f5f0ff;border-color:#8b5cf6}.race-picker-list label>span{background:var(--surface-soft);border-radius:7px;place-items:center;width:25px;height:25px;font-size:9px;font-weight:900;display:grid}.race-picker-list label>b{font-size:11px;line-height:1.4}.picker-empty{color:var(--text-secondary)}.race-page{background:radial-gradient(circle at 10% 5%,#296fba25,transparent 28%),radial-gradient(circle at 90% 5%,#874bcf24,transparent 30%),var(--page);min-height:calc(100dvh - 76px);color:var(--text);padding:28px clamp(16px,3vw,42px) 55px}.race-header{justify-content:space-between;align-items:center;gap:20px;max-width:1220px;margin:0 auto 22px;display:flex}.race-header>div>span{color:var(--accent);letter-spacing:1.7px;align-items:center;gap:8px;font-size:10px;font-weight:900;display:flex}.race-header h1{margin:7px 0 4px;font-size:30px}.race-header p{color:var(--text-secondary);margin:0;font-size:12px}.race-header .btn{flex:none}.race-split{grid-template-columns:1fr 1fr;gap:16px;max-width:1220px;margin:auto;display:grid}.race-lane{border:1px solid var(--border);background:var(--surface);border-radius:25px;min-width:0;padding:14px;box-shadow:0 18px 50px #14102012}.race-lane.mine{border-color:#8a5fe899;box-shadow:0 18px 55px #7543d520}.race-lane-head{align-items:center;gap:11px;padding:3px 5px 13px;display:flex}.race-lane-head>span{font-size:25px}.race-lane-head>div{flex-direction:column;min-width:0;display:flex}.race-lane-head small{letter-spacing:1.4px;color:var(--text-secondary);font-size:8px;font-weight:900}.race-lane-head b{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.race-lane-head>strong{color:#397dcc;margin-left:auto;font-size:25px}.lane-1 .race-lane-head>strong{color:#8a55d8}.race-lane-head>strong small{font-size:9px}.race-lane .solo-arena{border-radius:18px;height:245px}.race-lane.lane-0 .solo-arena{background:radial-gradient(circle at 50% 25%,#285d87,#0a2037 48%,#07111e)}.race-lane.lane-1 .solo-arena{background:radial-gradient(circle at 50% 25%,#573b7e,#25163d 48%,#100b1d)}.race-distance{border:1px solid var(--border);background:repeating-linear-gradient(90deg,var(--surface-soft) 0,var(--surface-soft) calc(10% - 1px),var(--border) calc(10% - 1px),var(--border) 10%);border-radius:99px;height:30px;margin:15px 7px 3px;position:relative;overflow:visible}.race-distance i{background:linear-gradient(90deg,#42a7e8,#5f62dc);border-radius:99px;height:100%;transition:width .55s cubic-bezier(.2,.8,.2,1);display:block}.lane-1 .race-distance i{background:linear-gradient(90deg,#925ce7,#db6cc7)}.race-distance span{filter:drop-shadow(0 3px 3px #0004);font-size:20px;transition:left .55s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;transform:translateY(-50%)}.race-track-board .race-lane{padding:14px 16px 16px}.runner-course{background:linear-gradient(#7ed0ff 0 48%,#8a6b55 48% 52%,#d89258 52% 100%);border-radius:16px;height:118px;position:relative;overflow:hidden;box-shadow:inset 0 -1px #fff5}.runner-course:before{content:"";background:#fff9;height:3px;position:absolute;inset:65px 0 auto;box-shadow:0 25px #fff7}.lane-marks{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#fff6 calc(10% - 2px) 10%);position:absolute;inset:52% 0 0}.start-line,.finish-line{z-index:2;letter-spacing:1px;font-size:8px;font-weight:900;position:absolute;top:8px}.start-line{color:#17324b;left:8px}.finish-line{font-size:25px;right:8px}.track-runner{z-index:3;filter:drop-shadow(0 6px 4px #3a241d55);will-change:left,transform;font-size:39px;line-height:1;transition:left .65s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:18px}.track-runner.is-running{animation:.32s ease-in-out infinite alternate runner-bob}.track-runner.is-winner{animation:.65s ease-in-out infinite alternate runner-win}.runner-status{text-align:center;color:var(--text-secondary);letter-spacing:.7px;text-transform:uppercase;margin-top:9px;font-size:10px;font-weight:800}@keyframes runner-bob{to{transform:translateY(-7px)rotate(-4deg)}}@keyframes runner-win{to{transform:translateY(-10px)scale(1.1)}}.shared-race-board{border:1px solid var(--border);background:var(--surface);border-radius:26px;width:min(1220px,100%);margin:0 auto 18px;padding:15px;overflow:hidden;box-shadow:0 20px 65px #17102618}.shared-race-score{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.shared-player-card{background:linear-gradient(135deg,#e9f6ff,var(--surface));border:1px solid #3997dd55;border-radius:15px;align-items:center;gap:10px;min-width:0;padding:11px 13px;display:flex}.shared-player-card.lane-1{background:linear-gradient(135deg,#f5ebff,var(--surface));border-color:#9959df55}.shared-player-card.mine{box-shadow:inset 0 0 0 2px #6c3bd533}.shared-player-card.winner{background:linear-gradient(135deg,#fff1ba,var(--surface));border-color:#f3ad24;box-shadow:0 8px 25px #d89b2730}.shared-player-card>span{font-size:27px}.shared-player-card>div{flex-direction:column;flex:1;min-width:0;display:flex}.shared-player-card small{letter-spacing:1.15px;color:var(--text-secondary);font-size:8px;font-weight:900}.shared-player-card b{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.shared-player-card>strong{color:#2b7fc0;font-size:24px}.shared-player-card.lane-1>strong{color:#8a4bc7}.shared-player-card>strong small{margin-left:2px}.shared-runner-course{background:linear-gradient(#72cfff 0 38%,#b9e88d 38% 45%,#5d9d4e 45% 52%,#c7834e 52% 100%);border-radius:19px;height:245px;padding:47px 20px 16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff70}.shared-runner-course:after{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#ffffff38 calc(10% - 2px) 10%);border-left:4px solid #fff;border-right:8px double #fff;position:absolute;inset:49px 48px 14px 34px}.race-sky{height:46%;position:absolute;inset:0 0 auto;overflow:hidden}.race-sky:before{content:"";background:#ffe36a;border-radius:50%;width:32px;height:32px;position:absolute;top:14px;right:8%;box-shadow:0 0 25px #ffe36a}.race-sky i{background:#fff9;border-radius:99px;width:55px;height:15px;position:absolute;box-shadow:15px -7px 0 -1px #fff9}.race-sky i:first-child{top:20px;left:9%}.race-sky i:nth-child(2){top:35px;left:40%;transform:scale(.75)}.race-sky i:nth-child(3){top:15px;right:24%;transform:scale(.55)}.shared-start,.shared-finish{z-index:5;letter-spacing:1.2px;color:#17324b;font-size:9px;font-weight:950;position:absolute;top:8px}.shared-start{left:22px}.shared-finish{right:20px}.shared-track-row{z-index:3;height:84px;position:relative}.shared-track-row+.shared-track-row{border-top:2px dashed #fff9}.shared-track-line{background:#fff9;border-radius:99px;height:4px;position:absolute;bottom:14px;left:14px;right:28px;box-shadow:0 4px #6b3d2840}.shared-track-runner{z-index:4;will-change:left,transform;filter:drop-shadow(0 6px 4px #3a241d50);flex-direction:column;align-items:center;transition:left .58s cubic-bezier(.18,.84,.25,1);display:flex;position:absolute;bottom:18px}.shared-track-runner>span{white-space:nowrap;font-size:25px;line-height:1;position:relative}.shared-track-runner>span:after{content:"🏃";font-size:38px}.lane-1 .shared-track-runner>span:after{content:"🏃‍♀️"}.shared-track-runner>b{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#17324bd9;border-radius:99px;max-width:90px;margin-top:3px;padding:3px 7px;font-size:8px;overflow:hidden}.shared-track-runner.is-running{animation:.3s ease-in-out infinite alternate shared-runner-bob}.shared-track-runner.is-winner{animation:.55s ease-in-out infinite alternate shared-runner-win}.shared-runner-status{z-index:5;color:#2a3742;letter-spacing:.5px;text-transform:uppercase;background:#ffffffc9;border-radius:99px;padding:4px 7px;font-size:7px;font-weight:950;position:absolute;top:9px;right:34px}@keyframes shared-runner-bob{to{transform:translateY(-6px)rotate(-2deg)}}@keyframes shared-runner-win{to{transform:translateY(-9px)scale(1.08)}}.race-stage,.race-question,.race-finish{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:22px;max-width:860px;margin:22px auto 0;padding:28px;box-shadow:0 18px 55px #17102612}.race-stage>svg,.race-finish>svg{width:34px;height:34px;color:var(--accent)}.race-stage h2,.race-finish h2{margin:10px 0 7px;font-size:24px}.race-stage p,.race-finish p{color:var(--text-secondary);line-height:1.7}.race-stage .btn,.race-finish .btn{margin-top:8px}.race-countdown{z-index:80;color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#090715d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:76px 0 0}.race-countdown strong{color:#0000;text-shadow:0 20px 80px #8c59f166;background:linear-gradient(#fff,#bfa6f1);-webkit-background-clip:text;background-clip:text;font:900 clamp(100px,20vw,220px)/1 Plus Jakarta Sans,sans-serif}.race-countdown span{letter-spacing:4px;font-size:13px;font-weight:900}.race-question{text-align:left}.race-question-meta{color:var(--text-secondary);letter-spacing:1.2px;justify-content:space-between;gap:15px;font-size:10px;font-weight:900;display:flex}.race-question-meta b{color:var(--accent)}.race-question h2{margin:18px 0 22px;font-size:25px;line-height:1.45}.race-question .answer-grid>button{min-height:65px}.race-answer{margin:20px 0 0 auto;display:flex}.race-feedback{border-radius:11px;margin:18px 0 0;padding:12px 15px;font-size:12px;font-weight:800}.race-feedback.correct{color:#17623a;background:#dcf7e8}.race-feedback.wrong{color:#8e2940;background:#ffe5ea}.race-finish{background:radial-gradient(circle at 50% 0,#f7d36f38,transparent 43%),var(--surface)}.race-finish>span{color:#a47312;letter-spacing:2px;margin-top:10px;font-size:9px;font-weight:900;display:block}.race-finish.winner>svg{color:#e4a91b}html[data-theme=dark] .race-invite{background:radial-gradient(circle at 85% 20%,#9068ec2b,#0000 35%),linear-gradient(135deg,#282039,#21192f)}html[data-theme=dark] .race-admin-winner{color:#ffe39c;background:#493a19}html[data-theme=dark] .race-feedback.correct{color:#9de3ba;background:#173d2a}html[data-theme=dark] .race-feedback.wrong{color:#ffb1c0;background:#4a2330}@media (width<=760px){.race-invite{grid-template-columns:auto 1fr}.race-invite>.btn{grid-column:1/-1;width:100%}.race-admin-hero{flex-direction:column;align-items:flex-start}.race-admin-racers,.race-picker-list{grid-template-columns:1fr}.race-question-picker>label{flex-direction:column;align-items:flex-start}.race-question-picker select{width:100%}.race-header{align-items:flex-start}.race-header h1{font-size:23px}.race-header p{display:none}.race-header .btn{padding:9px}.race-lane{border-radius:18px;padding:7px}.race-lane-head{gap:6px;padding:3px 2px 9px}.race-lane-head>span{font-size:19px}.race-lane-head b{font-size:12px}.race-lane-head>strong{font-size:20px}.runner-course{height:96px}.track-runner{font-size:31px}.race-question{padding:21px 15px}.race-question h2{font-size:20px}.race-question .answer-grid{grid-template-columns:1fr}.race-answer{justify-content:center;width:100%}.race-countdown{inset:76px 0 0}}@media (width<=480px){.race-page{padding:20px 8px 40px}.race-split{gap:6px}.race-lane .solo-arena{height:150px}.race-lane-head small{letter-spacing:.5px;font-size:6px}.race-lane-head>span{display:none}.race-lane-head>strong{font-size:17px}.race-distance{height:20px}.race-invite{gap:12px;width:calc(100% - 28px);padding:17px}.race-invite-icon{width:46px;height:46px}.race-invite h2{font-size:17px}.race-invite p{font-size:10px}}.typing-invite{background:radial-gradient(circle at 86% 15%,#3bd7a338,transparent 34%),linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface) 86%,#d9fff1));border:1px solid #21a97a55;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:min(1120px,100% - 48px);margin:0 auto 28px;padding:22px 25px;display:grid;box-shadow:0 16px 45px #176d4f18}.typing-invite-icon{color:#fff;background:linear-gradient(145deg,#1ab47d,#0b8067);border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 10px 25px #15926e40}.typing-invite span{letter-spacing:1.8px;color:#08795c;font-size:9px;font-weight:900}.typing-invite h2{color:var(--text);margin:5px 0 4px;font-size:21px}.typing-invite p{color:var(--text-secondary);margin:0;font-size:12px}.typing-invite .btn{background:linear-gradient(135deg,#0a936b,#15b782)}.typing-admin-hero{justify-content:space-between;align-items:center;gap:28px;padding:5px 4px 25px;display:flex}.typing-admin-hero .eyebrow{color:#098466;align-items:center;gap:7px;display:flex}.typing-admin-hero h2{margin:12px 0 7px;font-size:28px}.typing-admin-hero p{max-width:690px;color:var(--text-secondary);margin:0;line-height:1.7}.status-switch.large{flex:none;justify-content:center;min-width:128px;padding:14px 20px;font-size:12px}.status-switch.large i{width:10px;height:10px}.typing-levels{border:1px solid var(--border);background:var(--surface-soft);border-radius:18px;grid-template-columns:repeat(5,1fr);gap:10px;padding:18px;display:grid}.typing-levels div{background:var(--surface);color:var(--text);border-radius:13px;align-items:center;gap:9px;padding:12px;display:flex;position:relative}.typing-levels div:not(:last-child):after{content:"›";z-index:2;color:var(--text-secondary);font-weight:900;position:absolute;right:-9px}.typing-levels b{color:#087b5d;background:#e6fff6;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.typing-levels span{font-size:10px;font-weight:800}.typing-admin-status{grid-template-columns:1fr 170px 170px;gap:12px;margin:18px 0 28px;display:grid}.typing-admin-status>div{border:1px solid var(--border);background:var(--surface);border-radius:15px;align-items:center;gap:11px;padding:17px;display:flex}.typing-admin-status>div:first-child{grid-template-columns:auto 1fr;display:grid}.typing-admin-status>div:first-child b{align-self:end}.typing-admin-status>div:first-child small{color:var(--text-secondary);grid-column:2}.typing-admin-status strong{color:#088567;font-size:26px}.typing-admin-status small{color:var(--text-secondary);font-size:10px}.typing-results-head{margin-top:5px}.typing-result-avatar{background:var(--surface-soft);vertical-align:middle;border-radius:10px;place-items:center;width:34px;height:34px;margin-right:9px;font-size:18px;display:inline-grid}.typing-join-page{background:radial-gradient(circle at 14% 20%,#23bc8c42,#0000 28%),radial-gradient(circle at 88% 75%,#67b7ef32,#0000 30%),linear-gradient(145deg,#0b2530,#143b38)}.typing-join-banner{background:radial-gradient(circle at 20% 15%,#ffffff75,#0000 25%),linear-gradient(155deg,#d7fff0,#caeee9 55%,#dcecff)}.typing-join-banner>span{background:linear-gradient(145deg,#1daf7d,#0d7a65)!important}.typing-page{background:radial-gradient(circle at 8% 3%,#25bb8a20,transparent 28%),radial-gradient(circle at 92% 5%,#4f9de51c,transparent 28%),var(--page);min-height:calc(100dvh - 76px);color:var(--text);padding:30px clamp(16px,4vw,55px) 60px}.typing-header{justify-content:space-between;align-items:center;gap:20px;max-width:1120px;margin:0 auto 22px;display:flex}.typing-header>div>span{color:#078365;letter-spacing:1.7px;align-items:center;gap:8px;font-size:10px;font-weight:900;display:flex}.typing-header h1{margin:7px 0 4px;font-size:30px}.typing-header p{color:var(--text-secondary);margin:0;font-size:12px}.typing-header .btn{flex:none}.typing-steps{grid-template-columns:repeat(5,1fr);gap:8px;max-width:1120px;margin:0 auto 20px;display:grid}.typing-steps div{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px;display:flex}.typing-steps span{background:var(--surface-soft);border-radius:8px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:900;display:grid}.typing-steps svg{width:13px}.typing-steps b{font-size:10px}.typing-steps .current{background:color-mix(in srgb,var(--surface) 88%,#d9fff1);color:#087b5d;border-color:#1aac7e88}.typing-steps .current span,.typing-steps .done span{color:#fff;background:#159b73}.typing-steps .done{color:#168164}.typing-ready,.typing-stage-result,.typing-workspace,.typing-finish{border:1px solid var(--border);background:var(--surface);border-radius:24px;max-width:1120px;margin:0 auto;box-shadow:0 22px 60px #0c443116}.typing-ready{text-align:center;padding:55px}.typing-ready>svg{color:#0f9d76;width:45px;height:45px}.typing-ready>span,.typing-finish>span{color:#078365;letter-spacing:2px;margin-top:15px;font-size:10px;font-weight:900;display:block}.typing-ready h2{margin:10px 0;font-size:31px}.typing-ready p{max-width:600px;color:var(--text-secondary);margin:0 auto;line-height:1.7}.typing-ready>div{justify-content:center;gap:12px;margin:25px 0;display:flex}.typing-ready>div b{background:var(--surface-soft);min-width:120px;color:var(--text);border-radius:14px;padding:14px;font-size:23px}.typing-ready>div small{color:var(--text-secondary);margin-top:4px;font-size:9px;display:block}.typing-ready .btn{background:linear-gradient(135deg,#0b936b,#18b884)}.typing-live-stats{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.typing-live-stats div{text-align:center;border-right:1px solid var(--border);padding:18px}.typing-live-stats div:last-child{border:0}.typing-live-stats strong{color:#078365;font-size:27px;display:block}.typing-live-stats small{color:var(--text-secondary);letter-spacing:1px;font-size:9px;font-weight:800}.typing-progress{background:var(--surface-soft);border-radius:99px;height:8px;margin:22px 28px 0;position:relative;overflow:visible}.typing-progress i{background:linear-gradient(90deg,#16a879,#42c9a1);border-radius:99px;height:100%;transition:width .2s;display:block}.typing-progress span{color:var(--text-secondary);font-size:9px;font-weight:800;position:absolute;top:12px;right:0}.typing-reference{border:1px solid var(--border);background:var(--surface-soft);white-space:pre-wrap;max-height:340px;color:var(--text);letter-spacing:.1px;border-radius:16px;margin:35px 28px 22px;padding:25px;font:600 16px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.typing-reference span.correct{color:#0a8d68;background:#1bc18c14}.typing-reference span.wrong{color:#b71e43;background:#ff31582b;text-decoration:underline}.typing-reference span.cursor{border-left:2px solid #129873;animation:.8s step-end infinite typing-cursor}@keyframes typing-cursor{50%{border-color:#0000}}.typing-input-label{color:var(--text);margin:0 28px;font-size:11px;font-weight:800;display:block}.typing-input-label textarea{resize:vertical;border:2px solid var(--border);background:var(--surface);width:100%;min-height:145px;color:var(--text);border-radius:15px;outline:none;margin-top:8px;padding:18px;font:600 15px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.typing-input-label textarea:focus{border-color:#18a97e;box-shadow:0 0 0 4px #18a97e18}.typing-warning{color:#a95013;margin:10px 28px 0;font-size:11px;font-weight:800}.typing-submit-row{justify-content:space-between;align-items:center;gap:20px;padding:20px 28px 27px;display:flex}.typing-submit-row>small{color:var(--text-secondary)}.typing-submit-row .btn{background:linear-gradient(135deg,#0b936b,#18b884)}.typing-stage-result{grid-template-columns:auto 1fr auto auto;align-items:center;gap:22px;padding:28px;display:grid}.typing-stage-result>span{color:#087b5d;background:#dcf9ed;border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.typing-stage-result.retry>span{color:#a72d48;background:#ffe4e9}.typing-stage-result>div>small{color:#078365;letter-spacing:1.4px;font-weight:900}.typing-stage-result.retry>div>small{color:#a72d48}.typing-stage-result h2{margin:6px 0;font-size:22px}.typing-stage-result p{color:var(--text-secondary);margin:0;font-size:11px}.typing-result-numbers{gap:9px;display:flex}.typing-result-numbers b{text-align:center;background:var(--surface-soft);border-radius:12px;min-width:80px;padding:11px;font-size:19px}.typing-result-numbers small{color:var(--text-secondary);margin-top:4px;font-size:8px;display:block}.typing-finish{text-align:center;background:radial-gradient(circle at 50% 0,#5edbae35,transparent 38%),var(--surface);padding:70px 35px;position:relative;overflow:hidden}.typing-finish-icon{color:#fff;background:linear-gradient(145deg,#14aa7b,#08765f);border-radius:24px;place-items:center;width:76px;height:76px;margin:auto;display:grid;box-shadow:0 18px 40px #15956d44}.typing-finish-icon svg{width:37px;height:37px}.typing-finish h1{margin:10px 0;font-size:37px}.typing-finish p{color:var(--text-secondary)}.typing-finish-stats{grid-template-columns:repeat(3,150px);justify-content:center;gap:12px;margin:28px 0;display:grid}.typing-finish-stats div{border:1px solid var(--border);background:var(--surface-soft);border-radius:15px;padding:18px}.typing-finish-stats strong{color:#087f61;font-size:25px;display:block}.typing-finish-stats small{color:var(--text-secondary);margin-top:4px;font-size:9px;display:block}html[data-theme=dark] .typing-invite{background:radial-gradient(circle at 86% 15%,#2ac99824,#0000 34%),linear-gradient(135deg,#1d342f,#1c292d)}html[data-theme=dark] .typing-invite span,html[data-theme=dark] .typing-header>div>span,html[data-theme=dark] .typing-admin-hero .eyebrow{color:#74dfbd}html[data-theme=dark] .typing-levels b{color:#8ce5c7;background:#173f35}html[data-theme=dark] .typing-steps .current{color:#93e5ca;background:#17352e}html[data-theme=dark] .typing-reference span.correct{color:#78dfbd;background:#1cc18b12}html[data-theme=dark] .typing-reference span.wrong{color:#ff9aaf;background:#ff31581a}html[data-theme=dark] .typing-stage-result>span{color:#8ce5c7;background:#173f35}html[data-theme=dark] .typing-stage-result.retry>span{color:#ff9caf;background:#49242e}html[data-theme=dark] .typing-warning{color:#ffc27d}@media (width<=850px){.typing-invite{grid-template-columns:auto 1fr}.typing-invite>.btn{grid-column:1/-1;width:100%}.typing-admin-hero{flex-direction:column;align-items:flex-start}.typing-levels{grid-template-columns:1fr}.typing-levels div:not(:last-child):after{display:none}.typing-admin-status{grid-template-columns:1fr 1fr}.typing-admin-status>div:first-child{grid-column:1/-1}.typing-stage-result{grid-template-columns:auto 1fr}.typing-result-numbers,.typing-stage-result>.btn{grid-column:1/-1}.typing-stage-result>.btn{justify-content:center;width:100%}}@media (width<=600px){.typing-invite{gap:12px;width:calc(100% - 28px);padding:17px}.typing-invite-icon{width:46px;height:46px}.typing-invite h2{font-size:17px}.typing-invite p{font-size:10px}.typing-page{padding:20px 10px 45px}.typing-header{align-items:flex-start}.typing-header h1{font-size:23px}.typing-header p{display:none}.typing-steps{gap:4px}.typing-steps div{padding:7px 3px}.typing-steps b{display:none}.typing-ready{padding:38px 18px}.typing-ready h2{font-size:25px}.typing-live-stats strong{font-size:19px}.typing-live-stats div{padding:13px 4px}.typing-reference{margin:28px 12px 18px;padding:16px;font-size:14px;line-height:1.8}.typing-input-label{margin:0 12px}.typing-submit-row{flex-direction:column;align-items:stretch;padding:17px 12px 22px}.typing-submit-row .btn{justify-content:center;width:100%}.typing-stage-result{padding:20px 16px}.typing-result-numbers{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.typing-result-numbers b{min-width:0}.typing-finish{padding:50px 14px}.typing-finish h1{font-size:29px}.typing-finish-stats{grid-template-columns:1fr;gap:8px}.typing-finish-stats div{padding:13px}}.firebase-setup-page{background:radial-gradient(circle at 15% 15%,#6f48d82c,transparent 28%),radial-gradient(circle at 85% 80%,#22b88925,transparent 28%),var(--page);min-height:100dvh;color:var(--text);place-items:center;padding:28px;display:grid}.firebase-setup-page>section{border:1px solid var(--border);background:var(--surface);border-radius:28px;width:min(720px,100%);padding:42px;box-shadow:0 30px 90px #1c123426}.firebase-setup-icon{color:#fff;background:linear-gradient(145deg,#7443db,#4e26a8);border-radius:21px;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 14px 35px #6230c443}.firebase-setup-icon svg{width:31px;height:31px}.firebase-setup-page>section>span{color:var(--accent);letter-spacing:1.8px;margin-top:22px;font-size:10px;font-weight:900;display:block}.firebase-setup-page h1{margin:9px 0;font-size:34px}.firebase-setup-page>section>p{color:var(--text-secondary);line-height:1.75}.firebase-setup-steps{gap:10px;margin:25px 0;display:grid}.firebase-setup-steps div{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;align-items:center;gap:13px;padding:14px;display:flex}.firebase-setup-steps b{color:#fff;background:#6c3bd5;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.firebase-setup-steps span{font-size:12px;font-weight:700;line-height:1.5}.firebase-setup-page>section>small{color:var(--text-secondary)}@media (width<=600px){.firebase-setup-page{padding:14px}.firebase-setup-page>section{padding:25px 18px}.firebase-setup-page h1{font-size:27px}}.typing-levels{grid-template-columns:repeat(6,1fr)}.typing-join-card{grid-template-columns:.68fr 1.32fr;max-width:1180px}.typing-join-banner{justify-content:flex-start;position:relative}.typing-join-banner:after{content:"A1  →  A2  →  B1  →  B2  →  C1  →  C2";color:#146f5b;letter-spacing:1px;background:#ffffff69;border:1px solid #0f806632;border-radius:13px;margin-top:28px;padding:12px 14px;font-size:10px;font-weight:900;display:block}.typing-choice-tabs{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.typing-choice-tabs>button{border:1px solid var(--border);background:var(--surface-soft);min-height:54px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:10px;font-weight:800;display:flex;position:relative}.typing-choice-tabs>button svg{color:#118264;width:19px}.typing-choice-tabs>button small{color:#fff;letter-spacing:1px;background:#168d6d;border-radius:99px;padding:3px 7px;font-size:7px;position:absolute;top:-8px;right:7px}.typing-choice-tabs>button.active{background:color-mix(in srgb,var(--surface) 82%,#c9ffed);border-color:#149976;box-shadow:0 0 0 3px #159b7318}.english-level-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px;display:grid}.english-level-grid>button{border:1px solid var(--border);background:var(--surface-soft);min-height:118px;color:var(--text);text-align:left;border-radius:15px;padding:15px 10px;position:relative}.english-level-grid b{color:#128263;font-size:23px;display:block}.english-level-grid span{margin:4px 0;font-size:11px;font-weight:800;display:block}.english-level-grid small{color:var(--text-secondary);font-size:8px;line-height:1.45;display:block}.english-level-grid svg{color:#128263;width:17px;position:absolute;top:9px;right:9px}.english-level-grid>button.chosen{background:color-mix(in srgb,var(--surface) 82%,#c9ffed);border-color:#149976;box-shadow:0 0 0 3px #159b7318}.placement-test{gap:10px;margin:15px 0 24px;display:grid}.placement-head{background:var(--surface-soft);color:var(--text-secondary);border-radius:12px;justify-content:space-between;padding:11px 13px;font-size:11px;display:flex}.placement-head b{color:var(--text)}.placement-test fieldset{border:1px solid var(--border);border-radius:13px;margin:0;padding:13px}.placement-test legend{color:var(--text);align-items:center;gap:8px;padding:0 7px;font-size:12px;font-weight:800;display:flex}.placement-test legend span{color:#fff;background:#159873;border-radius:7px;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.placement-test fieldset>div{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px;display:grid}.placement-test fieldset button{border:1px solid var(--border);background:var(--surface-soft);min-height:36px;color:var(--text);border-radius:9px;padding:7px;font-size:10px;font-weight:700}.placement-test fieldset button.chosen{color:#087256;background:#dff8ee;border-color:#159873}.placement-result{background:color-mix(in srgb,var(--surface) 86%,#d6ffef);border:1px solid #1b9e7955;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin:15px 0 23px;padding:18px;display:grid}.placement-result>svg{color:#158162;width:34px;height:34px}.placement-result small{color:#158162;letter-spacing:1.3px;font-size:8px;font-weight:900}.placement-result h2{margin:3px 0;font-size:22px}.placement-result p{color:var(--text-secondary);margin:0;font-size:10px}.typing-profile-separator{color:#168164;letter-spacing:1.6px;align-items:center;gap:10px;margin:24px 0 5px;font-size:9px;font-weight:900;display:flex}.typing-profile-separator:before,.typing-profile-separator:after{content:"";background:var(--border);flex:1;height:1px}.english-learning-card{background:radial-gradient(circle at 95% 5%,#4bd3a72a,transparent 35%),var(--surface-soft);border:1px solid #159b7350;border-radius:18px;margin:34px 28px 22px;padding:24px}.english-prompt-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.english-prompt-head>span{color:#087d60;letter-spacing:1.6px;font-size:9px;font-weight:900}.english-prompt-head>div{gap:7px;display:flex}.english-prompt-head button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;align-items:center;gap:6px;padding:8px 10px;font-size:9px;font-weight:800;display:flex}.english-prompt-head button svg{color:#0e8a68;width:14px}.english-learning-card h2{letter-spacing:-.7px;margin:18px 0 8px;font:800 clamp(23px,4vw,35px)/1.35 Plus Jakarta Sans,sans-serif}.english-learning-card>p{color:var(--text-secondary);margin:0;font-size:12px}.vocabulary-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.vocabulary-row span{border:1px solid var(--border);background:var(--surface);border-radius:11px;padding:11px}.vocabulary-row b{color:#087d60;font-size:12px;display:block}.vocabulary-row small{color:var(--text-secondary);margin-top:3px;font-size:9px;display:block}.typing-correct-answer b,.typing-correct-answer small{display:block}.typing-correct-answer b{color:var(--text);font-size:13px}.typing-correct-answer small{margin-top:4px;color:var(--text-secondary)!important;letter-spacing:0!important;font-weight:600!important}html[data-theme=dark] .typing-join-banner:after{color:#8ee6cb;background:#122b27;border-color:#3c806d}html[data-theme=dark] .typing-choice-tabs>button.active,html[data-theme=dark] .english-level-grid>button.chosen{background:#173b32}html[data-theme=dark] .placement-test fieldset button.chosen{color:#9ce8d1;background:#173b32}html[data-theme=dark] .placement-result{background:#17352f}html[data-theme=dark] .english-prompt-head>span,html[data-theme=dark] .vocabulary-row b{color:#86dfc4}@media (width<=900px){.typing-join-card{grid-template-columns:1fr}.typing-join-banner{position:static}.typing-join-banner:after{display:none}}@media (width<=650px){.typing-choice-tabs{grid-template-columns:1fr}.english-level-grid,.placement-test fieldset>div{grid-template-columns:1fr 1fr}.placement-result{grid-template-columns:auto 1fr}.placement-result>.btn{grid-column:1/-1;width:100%}.english-learning-card{margin:28px 12px 18px;padding:17px}.english-prompt-head{flex-direction:column;align-items:flex-start}.vocabulary-row{grid-template-columns:1fr}.typing-submit-row>small{line-height:1.7}}.course-mode-grid{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.course-mode-grid>button{border:1px solid var(--border);background:var(--surface-soft);min-height:86px;color:var(--text);text-align:left;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:4px 11px;padding:14px;display:grid}.course-mode-grid svg{color:#0f8b68;grid-row:1/3;width:28px;height:28px}.course-mode-grid b{font-size:12px}.course-mode-grid small{color:var(--text-secondary);font-size:9px;line-height:1.45}.course-mode-grid>button.active{background:color-mix(in srgb,var(--surface) 82%,#c9ffed);border-color:#159873;box-shadow:0 0 0 3px #159b7318}.adaptive-placement{border:1px solid var(--border);background:var(--surface-soft);border-radius:17px;margin:15px 0 23px;padding:18px}.placement-progress{background:var(--border);border-radius:99px;height:6px;margin-top:10px;overflow:hidden}.placement-progress i{border-radius:inherit;background:linear-gradient(90deg,#0f9972,#56cfa8);height:100%;transition:width .25s;display:block}.adaptive-level-path{grid-template-columns:repeat(6,1fr);gap:7px;margin:14px 0 8px;display:grid}.adaptive-level-path span{text-align:center;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:9px;padding:8px;font-size:10px;font-weight:900}.adaptive-level-path span.current{color:#fff;background:#159873;border-color:#159873;box-shadow:0 7px 18px #15987335}.adaptive-placement>small{text-align:center;color:var(--text-secondary);font-size:9px;display:block}.placement-reading{background:var(--surface);border:1px solid #278e7052;border-radius:14px;margin-top:18px;padding:16px 17px}.placement-reading span{color:#0c8061;letter-spacing:1.2px;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex}.placement-reading svg{width:15px}.placement-reading p{color:var(--text);margin:10px 0 0;font-size:12px;line-height:1.75}.adaptive-placement>h2{margin:22px 0 15px;font-size:20px;line-height:1.45}.adaptive-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.adaptive-options button{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);text-align:left;border-radius:11px;align-items:center;gap:9px;padding:9px;font-size:11px;font-weight:800;display:flex}.adaptive-options button:hover{background:color-mix(in srgb,var(--surface) 90%,#d7fff1);border-color:#159873}.adaptive-options span{background:var(--surface-soft);color:#0d8062;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:10px;font-weight:900;display:grid}.local-race-join{grid-template-columns:.65fr 1.35fr;max-width:1100px}.local-player-setup{grid-template-columns:1fr 1fr;gap:11px;display:grid}.local-player-setup section{border:1px solid var(--border);background:var(--surface-soft);border-radius:15px;padding:14px}.local-player-setup section>div{align-items:center;gap:9px;display:flex}.local-player-setup section>div>span{color:#fff;background:#6c3bd5;border-radius:9px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:900;display:grid}.local-player-setup section>div>b{font-size:11px}.local-player-setup label{margin:12px 0 0}.local-player-setup select{border:1px solid var(--border);background:var(--surface);height:48px;color:var(--text);border-radius:11px;padding:0 12px}.local-race-page{max-width:none}.local-question-split{grid-template-columns:1fr 1fr;gap:16px;max-width:1220px;margin:18px auto 0;display:grid}.local-question-lane{background:var(--surface);border:2px solid #4b9fe455;border-radius:22px;min-width:0;padding:22px;box-shadow:0 18px 55px #17102612}.local-question-lane.lane-1{border-color:#9b64e455}.local-question-title{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:13px;display:flex}.local-question-title>span{font-size:27px}.local-question-title>div{flex-direction:column;display:flex}.local-question-title small{color:var(--text-secondary);letter-spacing:1.2px;font-size:8px;font-weight:900}.local-question-title b{margin-top:3px}.local-question-lane h2{min-height:74px;margin:18px 0;font-size:19px;line-height:1.45}.local-answer-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.local-answer-grid button{border:1px solid var(--border);background:var(--surface-soft);min-height:55px;color:var(--text);text-align:left;border-radius:11px;align-items:center;gap:8px;padding:9px;display:flex}.local-answer-grid button>span{background:var(--surface);border-radius:8px;flex:none;place-items:center;width:27px;height:27px;font-size:9px;font-weight:900;display:grid}.local-answer-grid button b{font-size:10px}.local-answer-grid button.selected{background:#e4f1ff;border-color:#367fc4}.local-question-lane.lane-1 .local-answer-grid button.selected{background:#f1e6ff;border-color:#8a50ce}.local-answer-button{margin:15px 0 0 auto;display:flex}.local-question-lane .race-feedback{margin-top:13px}html[data-theme=dark] .course-mode-grid>button.active{background:#173b32}html[data-theme=dark] .local-answer-grid button.selected{background:#183955}html[data-theme=dark] .local-question-lane.lane-1 .local-answer-grid button.selected{background:#38234f}@media (width<=800px){.local-race-join,.local-player-setup,.local-question-split{grid-template-columns:1fr}.local-question-lane h2{min-height:0}.local-race-page .race-split{grid-template-columns:1fr 1fr}}@media (width<=560px){.course-mode-grid,.adaptive-options{grid-template-columns:1fr}.local-race-page .race-split{gap:5px}.local-question-lane{padding:15px 11px}.local-answer-grid{grid-template-columns:1fr}.local-question-title small{letter-spacing:.5px}}html[data-theme=dark] .shared-player-card{background:linear-gradient(135deg,#17354b,var(--surface))}html[data-theme=dark] .shared-player-card.lane-1{background:linear-gradient(135deg,#352449,var(--surface))}html[data-theme=dark] .shared-player-card.winner{background:linear-gradient(135deg,#493d1e,var(--surface))}html[data-theme=dark] .placement-reading{background:var(--surface);border-color:#3c806d}@media (width<=850px){.typing-levels{grid-template-columns:repeat(3,1fr)}.shared-runner-course{height:225px}.shared-race-board{border-radius:20px}}@media (width<=650px){.adaptive-level-path{grid-template-columns:repeat(3,1fr)}.adaptive-placement,.placement-reading{padding:14px}.shared-race-board{padding:9px}.shared-race-score{grid-template-columns:1fr}.shared-player-card{padding:8px 10px}.shared-player-card>span{font-size:22px}.shared-player-card>strong{font-size:20px}.shared-runner-course{height:205px;padding-inline:9px}.shared-track-row{height:73px}.shared-runner-status{right:12px}.shared-start{left:12px}.shared-finish{right:10px}.shared-runner-course:after{left:18px;right:29px}.shared-track-runner>b{max-width:68px}.shared-track-runner>span:after{font-size:32px}}@media (width<=420px){.english-level-grid,.adaptive-options{grid-template-columns:1fr}.shared-runner-status{display:none}.shared-race-board{width:calc(100% + 6px);margin-inline:-3px}.shared-track-runner>b{font-size:7px}.shared-track-runner>span:after{font-size:29px}}.national-home-card{background:radial-gradient(circle at 86% 15%,#6f8fff28,#0000 34%),linear-gradient(135deg,#f5f7ff,#edf2ff);border:1px solid #4f72d833;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(1120px,100% - 40px);margin:14px auto 22px;padding:22px 25px;display:grid;box-shadow:0 16px 45px #243b7715}.national-home-icon{color:#fff;background:linear-gradient(145deg,#405fd0,#6a48c7);border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.national-home-icon svg{width:28px;height:28px}.national-home-card>div>span{color:#415cb2;letter-spacing:1.7px;font-size:9px;font-weight:900}.national-home-card h2{margin:5px 0;font-size:21px}.national-home-card p{color:var(--text-secondary);margin:0;font-size:11px}.national-catalog-page{background:var(--page);min-height:calc(100dvh - 76px);color:var(--text);padding:42px max(20px,50% - 590px) 70px}.national-catalog-head{align-items:flex-start;gap:18px;display:flex}.national-catalog-head>div>span{color:#526bc0;letter-spacing:1.7px;font-size:10px;font-weight:900}.national-catalog-head h1{margin:7px 0;font-size:36px}.national-catalog-head p{color:var(--text-secondary);margin:0}.national-rules{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:110px 110px 130px 1fr;align-items:center;gap:10px;margin:27px 0 18px;padding:18px;display:grid}.national-rules>div{text-align:center;background:var(--surface-soft);border-radius:12px;padding:12px}.national-rules b{color:#4e65bd;font-size:25px;display:block}.national-rules span{color:var(--text-secondary);font-size:9px;font-weight:800}.national-rules p{color:var(--text-secondary);margin:0;padding-left:12px;font-size:10px;line-height:1.65}.national-filter{align-items:center;gap:8px;margin:20px 0;display:flex}.national-filter button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:99px;padding:9px 14px;font-size:10px;font-weight:800}.national-filter button.active{color:#fff;background:#526cc4;border-color:#526cc4}.national-filter>span{color:var(--text-secondary);margin-left:auto;font-size:9px}.national-section-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.national-section-grid article{border:1px solid var(--border);background:var(--surface);border-radius:20px;flex-direction:column;min-height:310px;padding:20px;display:flex;box-shadow:0 12px 35px #18254f0e}.national-section-number{color:#3c59bf;background:#e5ebff;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:17px;font-weight:900;display:grid}.national-section-number.english{color:#16805e;background:#e1f8ed}.national-section-grid small{color:var(--text-secondary);letter-spacing:.7px;font-size:8px;font-weight:800}.national-section-grid h2{margin:7px 0;font-size:18px}.national-section-grid p{color:var(--text-secondary);flex:1;margin:0;font-size:10px;line-height:1.6}.national-section-grid footer{color:var(--text-secondary);gap:14px;margin:17px 0;font-size:9px;display:flex}.national-section-grid footer span{align-items:center;gap:5px;display:flex}.national-section-grid footer svg{width:14px}.national-section-grid .btn{justify-content:center;width:100%}.national-exam-page{background:var(--page);min-height:calc(100dvh - 76px);color:var(--text);padding:24px}.national-exam-page>header{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:1fr auto auto;align-items:center;gap:18px;max-width:1240px;margin:0 auto 18px;padding:17px 20px;display:grid}.national-exam-page>header small{color:#526bc0;letter-spacing:1.3px;font-size:9px;font-weight:900}.national-exam-page>header h1{margin:4px 0;font-size:20px}.national-timer{color:#3552b6;background:#e9efff;border-radius:12px;align-items:center;gap:8px;padding:11px 15px;display:flex}.national-timer.urgent{color:#b42443;background:#ffe4e8}.national-timer svg{width:18px}.national-timer b{font-variant-numeric:tabular-nums;font-size:18px}.national-exam-layout{grid-template-columns:240px 1fr;gap:16px;max-width:1240px;margin:auto;display:grid}.national-exam-layout>aside{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:18px}.national-map-head{justify-content:space-between;display:flex}.national-map-head span{color:#526bc0;font-size:10px;font-weight:900}.national-question-map{grid-template-columns:repeat(5,1fr);gap:7px;margin:15px 0;display:grid}.national-question-map button,.national-editor-map button{aspect-ratio:1;border:1px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:9px;font-size:9px;font-weight:900}.national-question-map button.answered{color:#087253;background:#e0f8ef;border-color:#279b76}.national-question-map button.current{border-color:#526bc4;outline:3px solid #526bc438}.national-exam-layout>aside>p{color:var(--text-secondary);flex-wrap:wrap;gap:8px;margin:15px 0 0;font-size:8px;display:flex}.national-exam-layout>aside>p i{background:#e0f8ef;border-radius:3px;width:10px;height:10px}.national-exam-layout>aside>p i.current{background:#dfe6ff;margin-left:5px}.national-question-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:28px}.national-question-top{color:var(--text-secondary);justify-content:space-between;font-size:9px;display:flex}.national-question-top span{color:#526bc0;letter-spacing:1px;font-weight:900}.national-question-card h2{white-space:pre-line;min-height:85px;margin:26px 0;font-size:23px;line-height:1.55}.national-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.national-options button{border:1px solid var(--border);background:var(--surface-soft);min-height:63px;color:var(--text);text-align:left;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px;display:grid}.national-options button>span{background:var(--surface);color:#405bb9;border-radius:10px;place-items:center;width:33px;height:33px;font-size:11px;font-weight:900;display:grid}.national-options button b{font-size:11px}.national-options button svg{width:17px}.national-options button.selected{background:#e9eeff;border-color:#526bc4;box-shadow:0 0 0 3px #526bc415}.national-question-card>footer{grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin-top:28px;display:grid}.national-question-card>footer>span{text-align:center;color:var(--text-secondary);font-size:9px}.national-result-page{background:radial-gradient(circle at 20% 15%,#5678dd25,transparent 35%),var(--page);place-items:center;min-height:calc(100dvh - 76px);padding:35px;display:grid}.national-result-card{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:28px;width:min(720px,100%);padding:42px;box-shadow:0 28px 80px #18254f20}.national-result-label{color:#526bc0;letter-spacing:1.8px;font-size:9px;font-weight:900}.national-grade-ring{border:12px solid #dfe6ff;border-radius:50%;place-content:center;width:155px;height:155px;margin:22px auto;display:grid;box-shadow:inset 0 0 0 3px #526bc4}.national-grade-ring strong{color:#405bb9;font-size:36px}.national-grade-ring small{color:var(--text-secondary);margin-top:4px;font-size:9px}.national-result-card h1{font-size:29px}.national-result-card>p{color:var(--text-secondary)}.national-result-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0;display:grid}.national-result-stats div{background:var(--surface-soft);border-radius:13px;padding:15px}.national-result-stats b,.national-result-stats span{display:block}.national-result-stats b{font-size:18px}.national-result-stats span{color:var(--text-secondary);margin-top:4px;font-size:8px}.national-result-note{text-align:left;background:#eef2ff;border:1px solid #526bc438;border-radius:13px;align-items:flex-start;gap:10px;margin:20px 0;padding:14px;display:flex}.national-result-note svg{color:#526bc0;flex:none}.national-result-note p{color:#4d5670;margin:0;font-size:10px;line-height:1.6}.national-admin{gap:18px;display:grid}.national-admin-hero{background:radial-gradient(circle at 90% 10%,#718ef12a,transparent 35%),var(--surface);justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.national-admin-hero h2{margin:7px 0}.national-admin-hero p{color:var(--text-secondary);margin:0}.national-mini-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 24px 24px;display:grid}.national-mini-grid article{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;align-items:center;gap:10px;padding:11px;display:flex}.national-mini-grid article>span,.national-admin-subject{color:#405bb9;background:#e5ebff;border-radius:10px;flex:none;place-items:center;width:35px;height:35px;font-size:10px;font-weight:900;display:grid}.national-mini-grid article>div{flex-direction:column;display:flex}.national-mini-grid small,.national-admin-list small{color:var(--text-secondary);font-size:8px}.national-mini-grid b{font-size:10px}.national-admin-list{gap:8px;padding:0 22px 24px;display:grid}.national-admin-list article{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:13px;display:grid}.national-admin-list h3{margin:3px 0;font-size:13px}.national-admin-list p{color:var(--text-secondary);margin:0;font-size:9px}.approval-badge{border-radius:99px;padding:6px 9px;font-size:8px;font-weight:900}.approval-badge.draft{color:#66566f;background:#e8e4eb}.approval-badge.pending{color:#8a5d08;background:#fff0c9}.approval-badge.approved{color:#087054;background:#dff7eb}.approval-badge.rejected{color:#a12d44;background:#ffe1e6}.national-admin-actions{gap:5px;display:flex}.national-admin-actions button{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--text);border-radius:9px;align-items:center;gap:4px;padding:7px;font-size:8px;font-weight:800;display:flex}.national-admin-actions svg{width:14px}.national-admin-actions button.approve{color:#fff;background:#18865f}.national-admin-actions button.danger{color:#b32b47}.national-editor-page{background:var(--page);min-height:100dvh;color:var(--text)}.national-editor-page>header{z-index:20;border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px max(20px,50% - 620px);display:grid;position:sticky;top:76px}.national-editor-page>header small{color:#526bc0;letter-spacing:1.2px;font-size:9px;font-weight:900}.national-editor-page>header h1{margin:3px 0;font-size:21px}.national-editor-layout{grid-template-columns:240px 1fr;gap:18px;max-width:1240px;margin:auto;padding:24px;display:grid}.national-editor-layout>aside{border:1px solid var(--border);background:var(--surface);border-radius:18px;align-self:start;padding:18px;position:sticky;top:174px}.national-editor-layout>aside>div:first-child{justify-content:space-between;display:flex}.national-editor-layout>aside>div>span{color:#526bc0;font-size:9px;font-weight:900}.national-editor-map{grid-template-columns:repeat(5,1fr);gap:6px;margin:14px 0;display:grid!important}.national-editor-map button.ready{color:#087355;background:#e0f8ed;border-color:#269875}.national-editor-map button.current{border-color:#526bc4;outline:3px solid #526bc438}.national-editor-layout>aside>small{color:var(--text-secondary);font-size:8px;line-height:1.5}.national-editor-main{gap:16px;display:grid}.national-question-editor{padding:24px}.national-question-editor>.panel-head{padding:0 0 18px}.national-question-editor>.panel-head>span{color:#526bc0;font-size:10px;font-weight:900}.national-editor-nav{justify-content:space-between;margin-top:18px;display:flex}.national-publish-choice{background:var(--surface);border:1px solid #526bc43d;border-radius:15px;align-items:flex-start;gap:12px;padding:18px;display:flex}.national-publish-choice input{width:18px;height:18px}.national-publish-choice span{flex-direction:column;display:flex}.national-publish-choice small{color:var(--text-secondary);margin-top:4px}html[data-theme=dark] .national-home-card{background:radial-gradient(circle at 86% 15%,#637ddd22,#0000 34%),linear-gradient(135deg,#20283d,#1b2435)}html[data-theme=dark] .national-question-map button.answered,html[data-theme=dark] .national-editor-map button.ready{color:#8ce5c7;background:#173b32}html[data-theme=dark] .national-options button.selected{background:#26365d}html[data-theme=dark] .national-result-note{background:#252f4d}html[data-theme=dark] .national-result-note p{color:var(--text-secondary)}html[data-theme=dark] .national-timer{color:#b6c5ff;background:#29375d}@media (width<=950px){.national-section-grid{grid-template-columns:1fr 1fr}.national-rules{grid-template-columns:repeat(3,1fr)}.national-rules p{grid-column:1/-1}.national-exam-layout,.national-editor-layout{grid-template-columns:1fr}.national-exam-layout>aside,.national-editor-layout>aside{position:static}.national-question-map,.national-editor-map{grid-template-columns:repeat(10,1fr)}.national-admin-list article{grid-template-columns:auto 1fr auto}.national-admin-actions{grid-column:2/-1;justify-content:flex-end}}@media (width<=650px){.national-home-card{grid-template-columns:auto 1fr;padding:17px}.national-home-card>.btn{grid-column:1/-1;justify-content:center;width:100%}.national-catalog-page{padding:25px 14px}.national-catalog-head h1{font-size:27px}.national-section-grid{grid-template-columns:1fr}.national-filter{flex-wrap:wrap}.national-filter>span{width:100%;margin:4px 0}.national-exam-page{padding:9px}.national-exam-page>header{grid-template-columns:1fr auto}.national-exam-page>header>.btn{grid-column:1/-1;justify-content:center}.national-question-map,.national-editor-map{grid-template-columns:repeat(6,1fr)}.national-question-card{padding:19px 14px}.national-question-card h2{font-size:18px}.national-options{grid-template-columns:1fr}.national-question-card>footer{grid-template-columns:1fr 1fr}.national-question-card>footer>span{grid-area:1/1/auto/-1}.national-result-page{padding:15px}.national-result-card{padding:28px 16px}.national-result-stats{grid-template-columns:1fr}.national-admin-hero{flex-direction:column;align-items:flex-start}.national-admin-hero .btn{justify-content:center;width:100%}.national-mini-grid{grid-template-columns:1fr;padding:0 14px 15px}.national-admin-list{padding:0 12px 15px}.national-admin-list article{grid-template-columns:auto 1fr}.approval-badge{justify-self:start}.national-admin-actions{grid-column:1/-1}.national-editor-page>header{grid-template-columns:auto 1fr;position:static}.national-editor-page>header>.btn{grid-column:1/-1;justify-content:center}.national-editor-layout{padding:12px}.national-question-editor{padding:15px}.national-rules{grid-template-columns:repeat(3,1fr);padding:10px}.national-rules>div{padding:8px}}@media (width<=600px){.site-nav .nav-profile{display:none}.site-nav .nav-actions>.btn{min-width:0;padding:8px;font-size:9px}.site-nav .nav-actions>.btn:nth-of-type(2){display:none}}.cefr-home-card{background:radial-gradient(circle at 88% 10%,#39c69d26,#0000 36%),linear-gradient(135deg,#f3fffb,#eaf9f4);border:1px solid #168c7133;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(1120px,100% - 40px);margin:14px auto 22px;padding:22px 25px;display:grid;box-shadow:0 16px 45px #145c4812}.cefr-home-icon{color:#fff;background:linear-gradient(145deg,#087b62,#22a87f);border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.cefr-home-card>div>span{color:#087b62;letter-spacing:1.7px;font-size:9px;font-weight:900}.cefr-home-card h2{margin:5px 0;font-size:21px}.cefr-home-card p{color:var(--text-secondary);margin:0;font-size:11px}.cefr-catalog-page,.cefr-exam-page{background:var(--page);min-height:calc(100dvh - 76px);color:var(--text);padding:38px max(20px,50% - 590px) 70px}.cefr-catalog-head{align-items:flex-start;gap:18px;display:flex}.cefr-catalog-head span{color:#087b62;letter-spacing:1.7px;font-size:10px;font-weight:900}.cefr-catalog-head h1{margin:7px 0;font-size:36px}.cefr-catalog-head p{color:var(--text-secondary);margin:0}.cefr-format-strip{grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0;display:grid}.cefr-format-strip>div{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;padding:16px;display:grid}.cefr-format-strip svg{color:#11906f}.cefr-format-strip b{font-size:23px}.cefr-format-strip span{color:var(--text-secondary);font-size:9px}.cefr-notice{color:#245c4e;background:#eafaf4;border:1px solid #1491713c;border-radius:14px;align-items:flex-start;gap:11px;padding:14px 17px;display:flex}.cefr-notice svg{flex:none}.cefr-notice p{margin:0;font-size:10px;line-height:1.6}.cefr-mock-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;display:grid}.cefr-mock-grid article{border:1px solid var(--border);background:var(--surface);border-radius:20px;flex-direction:column;min-height:270px;padding:22px;display:flex;box-shadow:0 12px 35px #153a300e}.cefr-mock-grid article>span{color:#087b62;letter-spacing:1.4px;font-size:9px;font-weight:900}.cefr-mock-grid h2{margin:10px 0 7px;font-size:20px}.cefr-mock-grid p{color:var(--text-secondary);flex:1;margin:0;font-size:10px;line-height:1.6}.cefr-mock-grid article>div{gap:6px;margin:16px 0;display:flex}.cefr-mock-grid small{background:var(--surface-soft);color:var(--text-secondary);border-radius:99px;padding:6px 8px;font-size:8px}.cefr-mock-grid .btn{justify-content:center;width:100%}.cefr-exam-page>header{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:17px 20px;display:grid}.cefr-exam-page>header small{color:#087b62;letter-spacing:1.1px;font-size:9px;font-weight:900}.cefr-exam-page>header h1{margin:4px 0;font-size:21px}.cefr-skill-tabs{grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0;display:grid}.cefr-skill-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;padding:13px;display:grid}.cefr-skill-tabs button svg{color:#16896d;grid-row:1/3}.cefr-skill-tabs button span{font-size:11px;font-weight:900}.cefr-skill-tabs button small{color:var(--text-secondary);font-size:8px}.cefr-skill-tabs button.active{background:#e7f8f2;border-color:#16896d;box-shadow:0 0 0 3px #16896d17}.cefr-error{max-width:1180px;margin:10px auto}.cefr-objective-layout{grid-template-columns:250px 1fr;gap:16px;display:grid}.cefr-objective-layout>aside{border:1px solid var(--border);background:var(--surface);border-radius:18px;align-self:start;padding:18px}.cefr-objective-layout>aside>div:first-child{justify-content:space-between;display:flex}.cefr-objective-layout>aside>div:first-child span{color:#087b62;font-size:10px;font-weight:900}.cefr-objective-layout>aside>small{color:var(--text-secondary);font-size:8px;line-height:1.5;display:block}.cefr-question-map{grid-template-columns:repeat(5,1fr);gap:6px;margin:14px 0;display:grid!important}.cefr-question-map button{aspect-ratio:1;border:1px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:9px;font-size:9px;font-weight:900}.cefr-question-map button.answered{color:#087053;background:#def8ee;border-color:#16896d}.cefr-question-map button.current{border-color:#16896d;outline:3px solid #16896d2e}.cefr-question-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:26px}.cefr-question-meta{color:#087b62;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:900;display:flex}.listen-button{color:#fff;background:#087b62;border:0;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:9px;font-weight:900;display:flex}.listen-button:disabled{opacity:.5}.cefr-reading-passage{background:var(--surface-soft);border-left:4px solid #16896d;border-radius:0 13px 13px 0;margin:20px 0;padding:19px;font-size:13px;line-height:1.8}.cefr-question-card h2{margin:23px 0;font-size:22px;line-height:1.5}.cefr-question-card>footer{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:24px;display:grid}.cefr-question-card>footer span{text-align:center;color:var(--text-secondary);font-size:9px}.cefr-productive-page{gap:15px;display:grid}.cefr-instructions,.cefr-writing-task,.cefr-speaking-part,.cefr-rubric{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:22px}.cefr-instructions{background:linear-gradient(135deg,#ebfaf5,var(--surface));align-items:center;gap:15px;display:flex}.cefr-instructions>svg{color:#087b62;width:32px;height:32px}.cefr-instructions h2,.cefr-instructions p{margin:0}.cefr-instructions p{color:var(--text-secondary);margin-top:5px;font-size:10px}.cefr-writing-task header,.cefr-speaking-part header{justify-content:space-between;gap:15px;display:flex}.cefr-writing-task header span,.cefr-speaking-part header span{color:#087b62;letter-spacing:1.1px;font-size:9px;font-weight:900}.cefr-writing-task h3,.cefr-speaking-part h3{margin:5px 0}.cefr-writing-task header>b,.cefr-speaking-part header>b{background:var(--surface-soft);color:var(--text-secondary);border-radius:99px;align-self:start;padding:7px 10px;font-size:9px}.cefr-writing-task header>b.valid{color:#087153;background:#ddf7ed}.cefr-writing-task>p,.cefr-speaking-part li{color:var(--text-secondary);font-size:11px;line-height:1.65}.cefr-writing-task textarea{min-height:230px}.cefr-speaking-part textarea{min-height:90px;margin-top:12px}.cefr-writing-task textarea,.cefr-speaking-part textarea{border:1px solid var(--border);background:var(--surface-soft);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:13px;padding:15px;line-height:1.6}.speaking-recorder{align-items:center;gap:10px;margin-top:15px;display:flex}.speaking-recorder button{color:#087b62;background:0 0;border:1px solid #16896d;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;font-weight:800;display:flex}.speaking-recorder button.recording{color:#a71f3b;background:#ffe8ec;border-color:#c52d4a}.speaking-recorder button svg{width:16px}.speaking-recorder audio{max-width:320px;height:38px}.cefr-rubric{grid-template-columns:1fr minmax(220px,340px);align-items:center;gap:16px;display:grid}.cefr-rubric h3,.cefr-rubric p{margin:0}.cefr-rubric p{color:var(--text-secondary);margin-top:5px;font-size:9px}.cefr-rubric label{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.cefr-rubric input{accent-color:#16896d;width:100%}.cefr-rubric small{color:var(--text-secondary);grid-column:1/-1;font-size:8px}.cefr-result-page{background:radial-gradient(circle at 20% 15%,#26a98225,transparent 35%),var(--page);place-items:center;min-height:calc(100dvh - 76px);padding:35px;display:grid}.cefr-result-card{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:28px;width:min(760px,100%);padding:42px;box-shadow:0 28px 80px #183c3220}.cefr-result-card>span{color:#087b62;letter-spacing:1.7px;font-size:9px;font-weight:900}.cefr-level-ring{border:12px solid #d9f3ea;border-radius:50%;place-content:center;width:155px;height:155px;margin:22px auto;display:grid;box-shadow:inset 0 0 0 3px #16896d}.cefr-level-ring strong{color:#087b62;font-size:38px}.cefr-level-ring small{color:var(--text-secondary);margin-top:4px}.cefr-skill-results{grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0;display:grid}.cefr-skill-results div{background:var(--surface-soft);border-radius:13px;place-items:center;padding:14px;display:grid}.cefr-skill-results svg{color:#16896d}.cefr-skill-results b{margin:6px 0;font-size:19px}.cefr-skill-results span{color:var(--text-secondary);font-size:8px}.cefr-result-note{text-align:left;background:#eaf9f4;border:1px solid #16896d38;border-radius:13px;align-items:flex-start;gap:10px;margin:20px 0;padding:14px;display:flex}.cefr-result-note p{color:#3e5b52;margin:0;font-size:10px;line-height:1.6}html[data-theme=dark] .cefr-home-card{background:radial-gradient(circle at 88% 10%,#299a7726,#0000 36%),linear-gradient(135deg,#19352f,#182b28)}html[data-theme=dark] .cefr-notice,html[data-theme=dark] .cefr-skill-tabs button.active,html[data-theme=dark] .cefr-instructions,html[data-theme=dark] .cefr-result-note{background:#17382f}html[data-theme=dark] .cefr-notice,html[data-theme=dark] .cefr-result-note p{color:var(--text-secondary)}html[data-theme=dark] .cefr-question-map button.answered{color:#8ce5c7;background:#173b32}@media (width<=900px){.cefr-format-strip,.cefr-mock-grid{grid-template-columns:1fr 1fr}.cefr-objective-layout{grid-template-columns:1fr}.cefr-question-map{grid-template-columns:repeat(10,1fr)}.cefr-rubric{grid-template-columns:1fr}.cefr-rubric small{grid-column:auto}}@media (width<=650px){.cefr-home-card{grid-template-columns:auto 1fr;padding:17px}.cefr-home-card>.btn{grid-column:1/-1;justify-content:center;width:100%}.cefr-catalog-page,.cefr-exam-page{padding:24px 12px 55px}.cefr-catalog-head h1{font-size:27px}.cefr-format-strip,.cefr-mock-grid{grid-template-columns:1fr}.cefr-exam-page>header{grid-template-columns:1fr auto}.cefr-exam-page>header>.btn{grid-column:1/-1}.cefr-skill-tabs{grid-template-columns:1fr 1fr}.cefr-question-card{padding:18px 13px}.cefr-question-card h2{font-size:18px}.cefr-question-card>footer{grid-template-columns:1fr 1fr}.cefr-question-card>footer span{grid-area:1/1/auto/-1}.cefr-question-map{grid-template-columns:repeat(7,1fr)}.cefr-skill-results{grid-template-columns:1fr 1fr}.cefr-result-card{padding:28px 15px}.speaking-recorder{flex-direction:column;align-items:stretch}.speaking-recorder audio{width:100%}}.session-label{color:var(--text-secondary);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:13px}.study-menu,.active-lessons{width:min(1120px,100% - 40px);margin:26px auto 40px}.study-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.study-menu>button{text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:16px;align-items:center;gap:14px;min-height:108px;padding:20px;display:flex}.study-menu>button>svg:first-child{color:#6b4bc3;flex-shrink:0;width:30px;height:30px}.study-menu>button>svg:last-child{flex-shrink:0;width:18px;margin-left:auto}.study-menu b,.study-menu small{display:block}.study-menu b{margin-bottom:7px;font-size:17px}.study-menu small{color:var(--text-secondary);font-size:12px;line-height:1.6}.active-lessons>h2{margin:0 0 8px;font-size:24px}.active-lessons>p{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.active-lessons>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.active-lessons article{border:1px solid var(--border);background:var(--surface);border-radius:20px;flex-direction:column;align-items:flex-start;gap:12px;padding:25px;display:flex;position:relative}.active-lessons article>svg{color:#087b62;width:32px;height:32px}.active-lessons h3{margin:0;font-size:21px}.active-lessons article p{color:var(--text-secondary);margin:0 0 8px;font-size:14px;line-height:1.6}.active-badge{letter-spacing:1px;color:#076747;background:#def7eb;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:800}.active-lessons .btn{margin-top:auto}.source-page{max-width:1280px;color:var(--text);margin:auto;padding:34px 24px 70px}.source-page>h1{margin:12px 0;font-size:clamp(25px,3vw,38px)}.source-page>p{max-width:850px;color:var(--text-secondary);font-size:15px;line-height:1.75}.source-page .back-link{margin-bottom:20px}.source-page .eyebrow{display:block}.source-resources{margin:26px 0}.source-resources>h2{margin-bottom:8px;font-size:22px}.source-resources p{color:var(--text-secondary);font-size:14px;line-height:1.7}.source-resources>div{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.source-resources article{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;padding:20px;display:flex}.source-resources small{color:var(--text-secondary);font-size:11px;line-height:1.5}.source-resources h3{margin:12px 0 4px;font-size:18px;line-height:1.4}.source-resources a{margin-top:auto}.source-page a,.source-resources a,.answer-review a{color:#4e3ab0;text-underline-offset:3px;overflow-wrap:anywhere;font-size:14px;font-weight:700;text-decoration:underline}.source-setup{border:1px solid var(--border);background:var(--surface);border-radius:20px;margin-top:26px;padding:26px}.source-setup h2{margin-top:0;font-size:23px}.source-setup p{color:var(--text-secondary);font-size:14px;line-height:1.7}.source-setup label{flex-direction:column;gap:8px;margin:18px 0;font-size:14px;font-weight:700;display:flex}.source-setup input,.practice-answers input,.writing-answer textarea{border:1px solid var(--border);background:var(--surface-soft);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:10px;padding:12px}.source-upload-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.source-upload-grid small{overflow-wrap:anywhere;font-size:12px;font-weight:400}.source-setup>.btn{margin:8px 8px 8px 0}.catalog-note{color:var(--text-secondary);font-size:14px;line-height:1.7}.practice-workspace>header{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.practice-workspace>header>div:first-child{flex:1}.practice-workspace h1{margin:8px 0;font-size:29px}.practice-workspace header small{color:var(--text-secondary);font-size:13px}.practice-steps{grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0;padding:0;list-style:none;display:grid}.practice-steps li{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface);border-radius:12px;padding:13px;font-size:14px}.practice-steps li.current{color:var(--text);border-color:#087b62;box-shadow:inset 0 -3px #087b62}.practice-steps li.done{opacity:.65}.practice-steps small{margin-top:5px;font-size:11px;display:block}.practice-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;display:grid}.practice-document,.practice-answers{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-width:0;padding:20px}.practice-columns h2{margin:0 0 14px;font-size:20px}.practice-document{align-self:start;position:sticky;top:90px}.practice-document iframe{background:#eee;border:0;border-radius:8px;width:100%;height:70vh;min-height:360px;margin-top:14px;display:block}.practice-answers p{color:var(--text-secondary);font-size:14px;line-height:1.65}.practice-answers footer{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;padding-top:18px;display:flex}.practice-answers footer small{color:var(--text-secondary);font-size:12px}.answer-sheet{grid-template-columns:1fr 1fr;gap:10px;display:grid}.answer-sheet label{align-items:center;gap:9px;display:flex}.answer-sheet span{text-align:right;flex-shrink:0;width:22px;font-size:13px}.answer-sheet input{font-size:16px}.writing-answer{margin-bottom:20px;font-size:14px;font-weight:700;display:block}.writing-answer textarea{resize:vertical;min-height:220px;margin-top:10px;font-weight:400;line-height:1.65;display:block}.local-audio{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:20px}.local-audio svg{vertical-align:middle;margin-right:10px}.local-audio b{font-size:15px}.local-audio button{margin-top:6px}.speaking-recorder{flex-wrap:wrap}.speaking-recorder p{color:#b52242;width:100%}.national-result-card{width:min(980px,100%)}.answer-review{text-align:left;margin:28px 0}.answer-review>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.answer-review h2{margin:0;font-size:24px}.answer-review header p{color:var(--text-secondary);margin:6px 0;font-size:14px}.review-filters{gap:8px;display:flex}.review-filters button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 14px;font-size:13px}.review-filters [aria-pressed=true]{color:#fff;background:#5c43b4;border-color:#5c43b4}.answer-review article{border:1px solid var(--border);background:var(--surface-soft);border-left:4px solid #b94158;border-radius:12px;margin-top:14px;padding:20px}.answer-review article.is-correct{border-left-color:#087b62}.answer-review article>small{color:var(--text-secondary);font-size:12px}.answer-review h3{white-space:pre-line;margin:12px 0;font-size:17px;line-height:1.6}.answer-review dl{grid-template-columns:160px 1fr;gap:8px;margin:0;font-size:14px;display:grid}.answer-review dt{color:var(--text-secondary)}.answer-review dd{overflow-wrap:anywhere;margin:0;font-weight:600}.answer-review article p{font-size:14px;line-height:1.7}.review-summary{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.review-summary div{background:var(--surface-soft);border-radius:12px;padding:18px}.review-summary b,.review-summary span{display:block}.review-summary b{margin-bottom:6px;font-size:24px}.review-summary span{color:var(--text-secondary);font-size:13px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.answer-review summary{cursor:pointer;background:var(--surface-soft);border-radius:10px;padding:15px;font-size:16px;font-weight:700}.answer-review ol{font-size:14px;line-height:1.8}.study-menu button:hover,.active-lessons article:hover{border-color:#8d7cbd}.study-menu button:focus-visible,.source-page button:focus-visible,.source-page input:focus-visible,.source-page textarea:focus-visible,.review-filters button:focus-visible{outline-offset:3px;outline:3px solid #8266cc}html[data-theme=dark] .source-page a,html[data-theme=dark] .source-resources a,html[data-theme=dark] .answer-review a,html[data-theme=dark] .study-menu>button>svg:first-child{color:#c4b5fd}@media (width<=850px){.study-menu,.practice-columns{grid-template-columns:1fr}.practice-document{position:static}.practice-document iframe{height:50vh}.source-page{padding:22px 16px 45px}}@media (width<=600px){.active-lessons>div,.source-upload-grid,.review-summary{grid-template-columns:1fr}.study-menu,.active-lessons{width:calc(100% - 28px)}.source-setup{padding:18px}.practice-steps{grid-template-columns:1fr 1fr}.practice-workspace>header>.btn{justify-content:center;width:100%}.practice-answers,.practice-document{padding:15px}.answer-sheet,.answer-review dl{grid-template-columns:1fr}.answer-review dd{margin-bottom:8px}.site-nav .nav-actions>.btn:nth-of-type(2){display:inline-flex}.site-nav .session-label{padding:6px;font-size:11px}.national-catalog-head p{font-size:14px;line-height:1.7}}@media (prefers-reduced-motion:reduce){.study-menu *,.active-lessons *,.source-page *{transition:none!important;animation:none!important}}.study-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.native-entry{color:#173c33;background:#eff8f4;border:1px solid #cbded8;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin:22px 0;padding:26px;display:flex}.native-entry small{letter-spacing:1.4px;font-size:10px;font-weight:800}.native-entry h2{margin:8px 0;font-size:24px}.native-entry p{color:#47675e;margin:0;font-size:14px;line-height:1.6}.native-entry button{flex-shrink:0}[data-theme=dark] .native-entry{color:#e4f4ed;background:#203830;border-color:#425d52}[data-theme=dark] .native-entry p{color:#bfd3c8}@media (width<=640px){.study-menu{grid-template-columns:1fr}.native-entry{flex-direction:column;align-items:flex-start;padding:20px}}.national-reading{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin:18px 0;overflow:hidden}.national-reading summary{cursor:pointer;color:var(--text);padding:13px 16px;font-weight:700}.national-reading>div{white-space:pre-wrap;max-height:360px;color:var(--text);padding:0 16px 16px;line-height:1.75;overflow-y:auto}.national-reading p{margin:0 0 1em}.lesson-filter{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:14px;justify-content:space-between;align-items:end;gap:16px;margin:0 0 22px;padding:14px 18px;display:flex}.lesson-admin .lesson-filter{margin:4px 22px 0}.lesson-filter label{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:750;display:grid}.lesson-filter select{border:1px solid var(--border);background:var(--surface);min-width:min(290px,72vw);min-height:42px;color:var(--text);font:inherit;border-radius:9px;padding:9px 12px;font-size:14px}.lesson-filter>span{color:var(--text-secondary);white-space:nowrap;font-size:13px}.lesson-reader .lesson-content{color:var(--text)}.lesson-content h2{border-bottom:1px solid var(--border);color:var(--text);margin:30px 0 10px;padding:0 0 8px;font:750 20px Plus Jakarta Sans,system-ui,sans-serif}.lesson-content p{margin:8px 0 15px;line-height:1.8}.lesson-content ul{margin:8px 0 20px;padding-left:26px;line-height:1.75}.lesson-content li{margin:5px 0}.lesson-seed-error{color:#78350f;background:#fffbeb;border:1px solid #d97706;border-radius:11px;flex-wrap:wrap;align-items:center;gap:9px;margin:14px 22px;padding:12px 14px;font-size:13px;display:flex}.lesson-seed-error button{color:#78350f;cursor:pointer;background:#fff;border:1px solid #d97706;border-radius:8px;margin-left:auto;padding:7px 12px;font-weight:700}.lesson-figure{border:1px solid var(--border);background:var(--surface);border-radius:17px;margin:28px 0 14px;overflow:hidden}.lesson-figure img{aspect-ratio:24/13;object-fit:contain;background:#f1f5f9;width:100%;height:auto;display:block}.lesson-figure figcaption{color:var(--text-secondary);padding:11px 16px;font-size:13px;line-height:1.55}.lesson-guide{border-top:1px solid var(--border);color:var(--text);margin-top:34px}.lesson-guide h2{margin:27px 0 8px;font-size:24px}.lesson-guide h3{margin:30px 0 11px;font-size:18px}.lesson-setup{color:var(--text-secondary);line-height:1.75}.lesson-guide ol{gap:11px;padding-left:28px;line-height:1.75;display:grid}.lesson-guide ol li::marker{color:#7c3aed;font-weight:800}.lesson-guide ul{padding-left:24px;line-height:1.7}.lesson-result{color:#14532d;background:#f0fdf4;border:1px solid #86efac;border-radius:12px;align-items:flex-start;gap:10px;padding:15px;line-height:1.6;display:flex}.lesson-result svg{flex:none;margin-top:3px}.lesson-checks{border-top:1px solid var(--border);margin-top:32px}.lesson-check{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:15px;padding:17px}.lesson-check>p:first-child{margin:0 0 13px;line-height:1.5}.lesson-choices{gap:8px;display:grid}.lesson-choices button{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;font:inherit;border-radius:9px;padding:11px 13px}.lesson-choices button:hover,.lesson-choices button:focus-visible{border-color:#8b5cf6;outline:2px solid #0000}.lesson-choices button.correct{color:#14532d;background:#dcfce7;border-color:#16a34a}.lesson-choices button.incorrect{color:#7f1d1d;background:#fee2e2;border-color:#dc2626}.lesson-check .answer-right,.lesson-check .answer-wrong{margin:12px 0 0;font-size:14px;line-height:1.6}.answer-right{color:#166534}.answer-wrong{color:#991b1b}.lesson-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.lesson-footer .btn{align-items:center;gap:5px;display:inline-flex}@media (width<=600px){.lesson-filter{flex-direction:column;align-items:stretch;gap:9px}.lesson-filter select{width:100%;min-width:0}.lesson-admin .lesson-filter{margin:4px 16px 0}.lesson-content h2{font-size:18px}}.admin-shell>aside{height:100dvh;min-height:0;max-height:100dvh;overflow:hidden}.admin-shell>aside .aside-brand{flex:none}.admin-shell>aside nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a78bfa #2b1d4b;flex:auto;min-height:0;padding-bottom:12px;padding-right:4px;overflow:hidden auto}.admin-shell>aside .aside-bottom{background:#21143f;flex:none;margin-top:0}.reset-link{border:1px solid var(--border);background:var(--surface);color:var(--accent);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px;font-weight:700;display:inline-flex}.password-modal-backdrop{z-index:250;background:#150f27b8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.password-modal{background:var(--surface);width:min(480px,100%);color:var(--text);border-radius:17px;flex-direction:column;gap:12px;padding:26px;display:flex;box-shadow:0 22px 70px #0005}.password-modal h2{margin:0;font-size:22px}.password-modal p{color:var(--text-secondary);overflow-wrap:anywhere;margin:0;line-height:1.6}.password-modal code{overflow-wrap:anywhere;background:var(--surface-soft);border:1px solid var(--border);letter-spacing:1px;color:var(--text);border-radius:9px;padding:13px;font-size:19px;display:block}.password-modal>.btn{align-self:flex-start}.password-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}@media (width<=600px){.site-nav .nav-actions>button.btn.profile-link{display:inline-flex}.site-nav .nav-actions>button.btn:nth-of-type(3){display:none}}