@import"https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Jua&family=Nunito:wght@700;800;900&display=swap";:root{--navy:#090b25;--purple:#5b2cff;--violet:#8f43ff;--cyan:#19d8ff;--pink:#ff3fb4;--yellow:#ffd83d;--white:#fff;--ink:#17152f;--good:#20dc8e;--bad:#ff4f6d}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100%}body{background:#080a21;color:#fff;font-family:Nunito,Jua,system-ui,sans-serif;-webkit-text-size-adjust:100%}button,input{font:inherit}button{cursor:pointer;border:0}.app{max-width:480px;min-height:100dvh;margin:auto;background:radial-gradient(circle at 12% 12%,#6d37ff 0,transparent 28%),radial-gradient(circle at 92% 35%,#0ca7cf55 0,transparent 24%),linear-gradient(165deg,#171042,#080a21 72%);overflow:hidden;position:relative}.page-shell{min-height:100dvh;padding:20px;position:relative}.sub{color:#a9add3}.big{font:32px Black Han Sans,sans-serif}.entry{display:flex;flex-direction:column;gap:14px}.entry:before,.entry:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.entry:before{top:70px;left:-130px}.entry:after{right:-150px;top:250px}.entry-header{display:flex;justify-content:space-between;align-items:center;z-index:1}.live-pill,.sound-chip{height:38px;border-radius:999px;background:#161845cc;border:1px solid #ffffff20;color:#fff;display:flex;align-items:center;gap:7px;padding:0 13px;font-size:12px}.live-pill i,.live-note i{width:7px;height:7px;border-radius:50%;background:#ff405d;box-shadow:0 0 10px #ff405d;animation:pulse 1.2s infinite}.live-pill b{color:var(--cyan)}.sound-chip{width:38px;justify-content:center;padding:0}.spark{position:absolute;color:var(--cyan);font-size:22px;animation:float 2.6s ease-in-out infinite}.spark-one{top:95px;left:28px}.spark-two{top:220px;right:27px;color:var(--pink);animation-delay:.8s}.hero{text-align:center;z-index:1}.eyebrow{font-size:11px;letter-spacing:2.3px;color:#b9b9e4;margin:5px 0 7px}.logo{font:48px/.8 Black Han Sans,sans-serif;letter-spacing:-2px;text-shadow:0 7px 0 #2d166c,0 0 28px #743cff}.logo span{font:24px Nunito,sans-serif;color:var(--pink);letter-spacing:1px;display:block;margin-bottom:7px}.logo strong{font-size:65px;background:linear-gradient(#fff 12%,#8deaff 55%,#43a3ff);-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #fff;letter-spacing:0}.mascot{width:108px;height:92px;margin:7px auto 0;border-radius:48% 52% 44% 56%;background:linear-gradient(135deg,#8b52ff,#3e1ba5);border:3px solid #bda9ff;box-shadow:0 12px 30px #0007,0 0 28px #6b44ff66;display:grid;place-items:center;position:relative}.mascot span{font-size:56px;filter:drop-shadow(0 5px 2px #0005)}.mascot i{position:absolute;right:-5px;top:-7px;background:var(--yellow);color:#402600;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-style:normal}.mascot.small{margin-top:auto}.battle-copy{display:flex;flex-direction:column;margin-top:7px}.battle-copy b{font-size:18px}.battle-copy span{font-size:12px;color:#afb5df;margin-top:2px}.entry-card{z-index:1;background:linear-gradient(145deg,#fffffffa,#e9eafff4);color:var(--ink);border-radius:24px;padding:15px;box-shadow:0 16px 40px #02020eaa,0 0 0 1px #fff8;display:flex;flex-direction:column;gap:11px}.mini-league{display:flex;justify-content:space-between;align-items:center;font-size:13px}.mini-league b{background:#eee9ff;color:var(--purple);padding:5px 9px;border-radius:99px;font-size:10px}.entry-card label{display:flex;flex-direction:column;gap:5px;text-align:left}.entry-card label>span{font-size:11px;font-weight:900;color:#686481;margin-left:4px}.entry input{width:100%;background:#f6f4ff;border:2px solid #dfdcf2;border-radius:13px;padding:12px 14px;font-size:15px;color:var(--ink);outline:none}.entry input:focus{border-color:#7045ff;box-shadow:0 0 0 4px #7045ff18}.cta{border-radius:15px;background:linear-gradient(100deg,#ff3c99,#713bff 53%,#15bde9);color:#fff;padding:13px;font-weight:900;box-shadow:0 8px 22px #7a37ff66}.battle-cta{display:flex;flex-direction:column;align-items:center}.battle-cta span{font-size:18px}.battle-cta small{font-size:10px;opacity:.75;margin-top:2px}.cta:disabled{filter:grayscale(1);opacity:.45}.reward-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;z-index:1}.reward-preview div{border:1px solid #ffffff18;background:#ffffff0c;border-radius:13px;padding:7px 2px;text-align:center}.reward-preview span{font-size:20px;display:block}.reward-preview b{font-size:9px;color:#c7c9e5}.install{background:#ffffff10;border:1px dashed #47ddff;color:#7de8ff;border-radius:12px;padding:10px;font-weight:900}.ios-tip{text-align:center;color:#a5a9cd;font-size:11px}.onboarding{justify-content:center}.auth-hero{margin-bottom:4px}.auth-card,.student-card{text-align:center;padding:21px 17px}.auth-card h2,.student-card h2{font-size:22px}.auth-card>p,.student-card>p{font-size:12px;line-height:1.55;color:#716e88;word-break:keep-all}.auth-badge{align-self:center;border-radius:999px;background:#e8e2ff;color:#6841e8;padding:6px 10px;font-size:10px;font-weight:900}.kakao-login{height:52px;border-radius:15px;background:#fee500;color:#191600;font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 18px #bfae0033}.kakao-login:active,.cta:active{transform:scale(.97)}.kakao-symbol{width:23px;height:20px;border-radius:50%;background:#191600;color:transparent;position:relative}.kakao-symbol:after{content:"";position:absolute;left:3px;bottom:-3px;border:5px solid transparent;border-top-color:#191600;transform:rotate(25deg)}.form-error{color:#e9365e!important;font-size:11px!important}.student-card label>span b{color:#8c889b;font-size:9px;margin-left:5px;font-weight:800}.school-input-wrap{display:flex;align-items:stretch;background:#f6f4ff;border:2px solid #dfdcf2;border-radius:13px;overflow:hidden}.school-input-wrap:focus-within{border-color:#7045ff;box-shadow:0 0 0 4px #7045ff18}.entry .school-input-wrap input{min-width:0;flex:1;border:0;border-radius:0;background:transparent;box-shadow:none;padding-right:8px}.school-input-wrap>span{flex:0 0 auto;display:flex;align-items:center;padding:0 14px 0 12px;background:#eceaf3;border-left:1px solid #d8d5e2;color:#8b8797;font-size:13px;font-weight:900;white-space:nowrap}.player-card{display:flex;align-items:center;gap:10px;background:#f4f1ff;border:1px solid #ded7f4;border-radius:15px;padding:10px}.player-card>span{width:42px;height:42px;border-radius:13px;background:#7448ff;display:grid;place-items:center;font-size:23px}.player-card>div{display:grid;text-align:left}.player-card small{font-size:9px;color:#86819b}.player-card b{font-size:15px}.player-card em{font-size:10px;color:#6d47dd;font-style:normal}.player-card button{margin-left:auto;border-radius:999px;background:#e6e0f9;color:#6340d3;padding:7px 10px;font-size:10px;font-weight:900}.logout-link{align-self:center;background:transparent;color:#8a869a;font-size:10px;text-decoration:underline;padding:4px}.account-corner{position:fixed;z-index:85;top:16px;right:max(16px,calc((100vw - 480px)/2 + 16px));max-width:180px;height:36px;border-radius:999px;padding:0 14px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;box-shadow:0 7px 20px #05051555}.account-login{border:0;background:#fee500;color:#191600}.account-login:active{transform:scale(.96)}.account-login:disabled{opacity:.65}.account-user{background:#17152fe8;color:#fff;border:1px solid #ffffff24}.student-login{min-height:48px}.auth-divider{display:flex;align-items:center;gap:10px;color:#9994aa;font-size:10px;font-weight:900}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#d9d6e6}.pin-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pin-grid input{text-align:center;letter-spacing:5px}.auth-card label{text-align:left}.auto-id-note{display:flex;align-items:center;gap:10px;background:#eee9ff;border:1px solid #dcd3ff;border-radius:14px;padding:11px 12px;text-align:left}.auto-id-note>span{font-size:22px}.auto-id-note>div{display:flex;flex-direction:column;gap:2px}.auto-id-note b{font-size:12px;color:#4e34b7}.auto-id-note small{font-size:9px;color:#7c7890}.issued-card{text-align:center;padding:24px 18px}.issued-card>p{font-size:12px;line-height:1.6;color:#716e88}.issued-id{background:linear-gradient(135deg,#17152f,#5532b9);border-radius:19px;padding:18px;color:#fff;display:flex;flex-direction:column;gap:3px;box-shadow:0 12px 25px #4e2fc855}.issued-id small{font-size:9px;letter-spacing:2px;color:#bcb6ed}.issued-id strong{font-size:35px;color:#ffe15d;letter-spacing:1px}.immutable-note{background:#fff5d9;border:1px solid #f2d58b;color:#7c5a11;border-radius:13px;padding:9px 11px;font-size:10px;line-height:1.5;font-weight:800}.setup-cancel{align-self:center;background:transparent;color:#858198;font-size:11px;text-decoration:underline;padding:5px}.add-student{background:#ece7ff;color:#603bd0;border:1px dashed #8d70e7;border-radius:13px;padding:10px;font-size:12px;font-weight:900}.manager-card{position:relative;text-align:center;max-height:calc(100dvh - 40px)}.manager-card .auth-badge{align-self:flex-end}.manager-card>p{font-size:11px;color:#77738a}.student-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.student-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:stretch}.student-select{display:flex;align-items:center;gap:9px;background:#f4f1ff;color:var(--ink);border:1px solid #ded7f4;border-radius:14px;padding:9px;text-align:left}.student-select>span{font-size:23px}.student-select>div{display:flex;flex-direction:column}.student-select b{font-size:13px}.student-select small{font-size:9px;color:#79758d}.student-delete{border-radius:12px;background:#ffe8ed;color:#d73558;padding:0 10px;font-size:10px;font-weight:900}.delete-modal{width:min(100%,360px);background:#fff;color:var(--ink);border-radius:25px;padding:22px 18px;text-align:center;box-shadow:0 24px 70px #000}.delete-icon{font-size:40px}.delete-modal h2{font-size:20px;margin:5px 0 9px}.delete-modal p{font-size:11px;line-height:1.6;color:#747084}.modal-actions .delete-yes{background:#ed3e62;color:#fff}.birth-date-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:7px}.birth-part{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px}.birth-part>small{font-size:11px;color:#77738b;font-weight:900}.birth-control{min-width:0;display:grid;grid-template-columns:1fr 30px;background:#f6f4ff;border:2px solid #dfdcf2;border-radius:13px;overflow:hidden}.birth-control:focus-within{border-color:#7045ff;box-shadow:0 0 0 4px #7045ff18}.entry .birth-control input{min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:11px 5px 11px 9px;text-align:center;font-size:14px}.birth-control select{width:30px;border:0;border-left:1px solid #dedbea;background:#eceaf3;color:#625e75;font-size:13px;outline:0;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding:0}.manager-card{padding-top:58px}.manager-head{position:absolute;z-index:20;left:15px;right:15px;top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.manager-head .auth-badge{align-self:auto;white-space:nowrap}.manager-live{position:static;display:flex;align-items:center;gap:6px;min-width:0;background:#17152fcc;color:#fff;border:1px solid #ffffff20;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900;box-shadow:0 6px 16px #05051566;white-space:nowrap}.manager-live i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#ff405d;box-shadow:0 0 9px #ff405d;animation:pulse 1.2s infinite}.manager-live span{letter-spacing:.6px}.manager-live b{color:#5ee8ff;font-size:11px}.lobby{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:26px;text-align:center}.arena-title span{font:27px Black Han Sans;display:block;color:#fff;text-shadow:0 0 20px #7558ff}.arena-title b{display:block;color:var(--cyan);letter-spacing:3px;font-size:11px;margin-top:6px}.versus-card{display:grid;grid-template-columns:1fr 55px 1fr;align-items:center}.school-side{display:flex;flex-direction:column;gap:5px;align-items:center}.school-side>span{font-size:50px;width:86px;height:86px;display:grid;place-items:center;border-radius:25px;background:linear-gradient(145deg,#7550ff,#3c218f);border:2px solid #a491ff;box-shadow:0 10px 25px #0008}.school-side.rival>span{background:linear-gradient(145deg,#00bbe9,#126a9a);border-color:#53e9ff}.school-side b{font-size:14px;max-width:130px}.school-side small{font-size:10px;color:#aeb2d5}.versus{font:30px Black Han Sans;font-style:italic;color:var(--yellow);text-shadow:0 3px 0 #9a3b00}.countdown-wrap{width:190px;height:190px;margin:auto;border-radius:50%;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle,#291968 53%,#1c1249 55%);border:8px solid #ffffff15;outline:3px solid #7e5aff;box-shadow:0 0 45px #633cff88}.countdown-wrap p,.countdown-wrap span{font-size:11px;color:#c6c8e5}.countdown-wrap strong{font:72px Black Han Sans;line-height:1;color:var(--yellow);text-shadow:0 5px 0 #a84d00}.lobby-tip{border-radius:16px;background:#ffffff0c;border:1px solid #ffffff14;padding:14px;display:flex;flex-direction:column;gap:4px}.lobby-tip b{color:var(--yellow)}.lobby-tip span{font-size:11px;color:#bec1df}.loading-dots{display:flex;justify-content:center;gap:7px}.loading-dots i{width:8px;height:8px;background:#7652ff;border-radius:50%;animation:pulse 1s infinite}.loading-dots i:nth-child(2){animation-delay:.2s}.loading-dots i:nth-child(3){animation-delay:.4s}.empty-lobby{justify-content:center}.game{display:flex;flex-direction:column;gap:12px}.game-top,.stage-meta{display:flex;justify-content:space-between;align-items:center}.round-pill{background:linear-gradient(90deg,#ff3ca7,#6a42ff);padding:7px 13px;border-radius:99px;font-size:12px;font-weight:900}.score-chip{font-size:17px;color:var(--yellow);font-weight:900}.quit-game{border-radius:99px;background:#ffffff12;border:1px solid #ffffff22;color:#c5c7df;padding:7px 10px;font-size:10px;font-weight:900}.quit-game:active{transform:scale(.94)}.stage-meta{color:#adb2d5;font-size:11px}.stage-meta b{color:#fff}.gauge{height:9px;background:#27264a;border-radius:99px;overflow:hidden}.gauge-fill{height:100%;background:linear-gradient(90deg,#19d8ff,#8b47ff,#ff42b0);box-shadow:0 0 12px #41ccff;transition:width .1s linear}.question-card{background:linear-gradient(145deg,#fff,#ebeaff);color:var(--ink);border-radius:23px;padding:20px 17px;text-align:center;box-shadow:0 14px 30px #0007;border:1px solid #fff;min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.question-type{font-size:10px;letter-spacing:2px;color:#693fff;background:#eae4ff;padding:5px 9px;border-radius:99px;font-weight:900}.prompt{font-size:22px;line-height:1.3;font-weight:900;word-break:keep-all}.visual{font-size:62px;line-height:1.1;filter:drop-shadow(0 5px 3px #44357b33)}.tts{background:linear-gradient(100deg,#5e3cff,#269fe6);color:#fff;padding:10px 17px;border-radius:99px;font-size:14px;font-weight:900;box-shadow:0 6px 15px #5e3cff44}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{min-height:72px;border-radius:17px;background:#17183b;border:2px solid #34365f;color:#fff;padding:10px;display:flex;align-items:center;gap:10px;text-align:left;transition:transform .12s,border-color .12s}.choice:active{transform:scale(.96)}.choice>span{width:32px;height:32px;flex:0 0 32px;border-radius:11px;background:#2c2d57;display:grid;place-items:center;color:#7de5ff;font-size:13px}.choice>b{font-size:18px;overflow-wrap:anywhere}.choice.picked{border-color:var(--cyan);box-shadow:0 0 18px #19d8ff55}.choice.right{border-color:var(--good);background:#0b3d35}.choice.right>span{background:var(--good);color:#052319}.choice.wrong{border-color:var(--bad);background:#481833}.choice.wrong>span{background:var(--bad)}.feedback{text-align:center;font-size:18px;font-weight:900;border-radius:14px;padding:10px}.feedback.good{color:#102619;background:var(--good)}.feedback.bad{color:#fff;background:var(--bad)}.feedback.dim{color:#bbbdd8;background:#ffffff0b}.live-note{text-align:center;color:#969abd;font-size:10px;margin-top:auto}.live-note i{display:inline-block;margin-right:6px}.tts-fallback{background:#fff3cc;color:#8b5c00;border-radius:12px;padding:10px;font-size:12px}.tts-fallback b{font-size:22px;color:#231d12}.stars{color:var(--yellow)}.source-link{width:100%;min-height:40px;border-radius:13px;background:#fff;color:#29233c;border:1px solid #ddd7ef;padding:7px 11px;display:flex;align-items:center;gap:8px;text-align:left;box-shadow:0 5px 14px #0003}.source-link:active{transform:scale(.97)}.source-link>span{width:25px;height:25px;border-radius:8px;background:#ff1744;color:#fff;display:grid;place-items:center;font-size:10px}.source-link>b{font-size:12px}.source-link>small{margin-left:auto;color:#6d47dd;font-weight:900}.source-link.compact{margin-top:8px;min-height:35px;padding:5px 8px}.wrong-item>small{display:block;color:#b9bdd8;margin-top:5px;line-height:1.45}.question-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch;order:-1}.question-source-label{min-width:0;border-radius:13px;background:#f4f1ff;border:1px solid #ddd7ef;padding:7px 9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;text-align:left}.question-source-label>span{background:#6542d9;color:#fff;border-radius:7px;padding:4px 6px;font-size:9px;font-weight:900}.question-source-label>b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-source-label>small{font-size:8px;color:#716a8b;white-space:nowrap}.save-question{white-space:nowrap;border-radius:13px;background:#29264a;color:#fff;padding:0 11px;font-size:11px;font-weight:900}.save-question.saved{background:#ffe052;color:#352b00}.saved-box summary{color:#ffe052}.result{display:flex;flex-direction:column;gap:13px;padding-bottom:32px}.result-hero{text-align:center;padding:6px 0}.result-hero>span{font-size:52px;filter:drop-shadow(0 7px 4px #0007)}.result-hero p{font-size:9px;letter-spacing:2px;color:var(--cyan)}.result-hero h2{font:36px Black Han Sans;margin-top:3px}.result-hero small{color:#afb2d3}.my-result{display:grid;grid-template-columns:repeat(3,1fr);background:#ffffff0d;border:1px solid #ffffff16;border-radius:18px;padding:13px 4px}.my-result div{display:flex;flex-direction:column;text-align:center;border-right:1px solid #ffffff16}.my-result div:last-child{border:0}.my-result span{font-size:10px;color:#a8acca}.my-result strong{font-size:20px;color:var(--yellow)}.reward-card{display:flex;align-items:center;gap:13px;background:linear-gradient(110deg,#612fff,#ff3ea8);padding:14px;border-radius:18px;box-shadow:0 8px 24px #6d36ff55}.reward-icon{font-size:35px;width:55px;height:55px;display:grid;place-items:center;background:#fff2;border:1px solid #fff3;border-radius:16px}.reward-card>div:last-child{display:flex;flex-direction:column}.reward-card small{font-size:9px;color:#ffe0f4}.reward-card b{font-size:17px}.reward-card span{font-size:10px;color:#f0def0}.ranking-card{background:#f7f6ff;color:var(--ink);border-radius:21px;padding:14px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title h3{font-size:16px}.section-title span{font-size:9px;background:#e8e1ff;color:var(--purple);padding:5px 8px;border-radius:99px}.rank{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}.rank li{display:flex;align-items:center;gap:8px;padding:8px;border-radius:12px;background:#fff}.rank li.me{background:#eee8ff;border:1px solid #8c6aff}.rank-no{width:24px;font-weight:900;text-align:center}.rank-avatar{font-size:22px}.rank-name{display:flex;flex-direction:column}.rank-name b{font-size:13px}.rank-name small{font-size:9px;color:#85839b}.rank em{margin-left:auto;font-style:normal;font-weight:900;font-size:12px;color:#623eff}.wrong-box{background:#ffffff0c;border:1px solid #ffffff16;border-radius:16px;padding:13px}.wrong-box summary{font-weight:900}.wrong-item{border-top:1px solid #ffffff16;margin-top:10px;padding-top:10px;font-size:12px}.bad-text{color:#ff8398}.good-text{color:#45e7a6}.study-menu{display:grid;gap:8px}.study-menu>button{width:100%;border-radius:16px;background:#ffffff0e;border:1px solid #ffffff1c;color:#fff;padding:12px;display:flex;align-items:center;gap:10px;text-align:left}.study-menu>button:disabled{opacity:.38}.study-menu>button>span{font-size:25px}.study-menu>button>div{display:grid}.study-menu b{font-size:13px}.study-menu small{font-size:9px;color:#aeb2d5}.study-menu em{margin-left:auto;font-size:24px;font-style:normal;color:#7de8ff}.review{display:flex;flex-direction:column;gap:13px;padding-bottom:32px}.review-header{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px}.review-header>button{width:40px;height:40px;border-radius:50%;background:#ffffff13;color:#fff;font-size:28px}.review-header div{display:grid}.review-header small{font-size:8px;letter-spacing:1.5px;color:var(--cyan)}.review-header h2{font-size:21px}.review-header>span{background:#ffffff12;border-radius:99px;padding:6px 9px;color:var(--yellow);font-size:11px;font-weight:900}.review-guide{font-size:11px;line-height:1.5;color:#adb2d5}.review-list{display:grid;gap:10px}.review-card{background:#f7f6ff;color:var(--ink);border-radius:19px;padding:14px;display:grid;gap:7px}.review-card>small{color:#6b45dc;font-size:9px;font-weight:900}.review-card h3{font-size:16px}.review-card p{font-size:12px}.review-card em{font-size:10px;line-height:1.45;color:#77738d;font-style:normal}.ebs-study{margin-top:4px;border-radius:13px;background:#251f3c;color:#fff;padding:9px 11px;display:flex;align-items:center;gap:8px;text-align:left}.ebs-study>span{width:27px;height:27px;border-radius:8px;background:#ff1744;display:grid;place-items:center;font-size:10px}.ebs-study b{font-size:11px}.ebs-study small{margin-left:auto;color:#ffe052;font-weight:900}.review-empty{border:1px dashed #ffffff2c;border-radius:18px;padding:35px 15px;text-align:center;color:#aeb2d5}.admin{display:flex;flex-direction:column;gap:12px;padding:20px}.admin-row{display:flex;gap:8px;flex-wrap:wrap}.admin-row button{background:#25274d;color:#fff;padding:10px 12px;border-radius:10px;font-weight:800}.admin-list{display:flex;flex-direction:column;gap:6px;max-height:60dvh;overflow-y:auto}.admin-list button{text-align:left;font-size:13px;padding:8px 10px;border-radius:8px}.q-on{background:#25274d;color:#fff}.q-off{background:#341c2a;color:#aaa;text-decoration:line-through}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:#050616d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px}.sound-modal{width:min(100%,390px);background:linear-gradient(150deg,#fff,#ecebff);color:var(--ink);border-radius:26px;padding:24px 20px 20px;text-align:center;box-shadow:0 25px 70px #000,0 0 40px #713bff77}.sound-modal-icon{width:82px;height:82px;margin:0 auto 10px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,#7747ff,#ff42aa);font-size:42px;box-shadow:0 10px 24px #7d3fff66}.modal-kicker{color:#7145ff;font-size:10px;font-weight:900;letter-spacing:2px}.sound-modal h2{font-size:25px;margin:5px 0 9px}.sound-modal>p:not(.modal-kicker){color:#686781;font-size:14px;line-height:1.55}.modal-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:9px;margin-top:20px}.modal-actions button{height:50px;border-radius:14px;background:#dfdeea;color:#68677b;font-weight:900}.modal-actions .sound-yes{background:linear-gradient(100deg,#713bff,#ff3c99);color:#fff;box-shadow:0 8px 18px #713bff44}.modal-backdrop:has(.entry-confirm-modal){background:#29241f99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.entry-confirm-modal{width:min(100%,360px);padding:22px 18px 18px;border:1px solid #e5dbcf;border-radius:24px;background:#fffdf9;color:#29241f;box-shadow:0 22px 55px #3c302a55}.entry-confirm-modal .sound-modal-icon{width:64px;height:64px;margin-bottom:10px;border-radius:20px;background:#f2ece3;font-size:32px;box-shadow:none}.entry-confirm-modal .modal-kicker{color:#e8583f;font-size:9px;letter-spacing:1.4px}.entry-confirm-modal h2{margin:6px 0 8px;font-family:Jua,sans-serif;font-size:24px;letter-spacing:-.6px}.entry-confirm-modal>p:not(.modal-kicker){color:#81776d;font-size:12px;line-height:1.55;word-break:keep-all}.entry-confirm-modal .modal-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.entry-confirm-modal .modal-actions button{height:48px;border-radius:14px;background:#f2ece3;color:#5e554c;box-shadow:none}.entry-confirm-modal .modal-actions .sound-yes{background:#f6c945;color:#211d19;box-shadow:0 6px 15px #d7aa2833}.entry-confirm-modal .modal-actions button:active{transform:translateY(2px) scale(.98)}.wrong-note-modal h2{font-size:22px;word-break:keep-all}.wrong-note-modal .sound-modal-icon{color:#e8583f}.wrong-note-modal .modal-actions .sound-yes:disabled{background:#ddd3c7;color:#9a9086;box-shadow:none}.wrong-note-notice .sound-modal-icon{color:#32a76d;font-weight:900}.wrong-note-notice .notice-confirm{width:100%;height:48px;margin-top:18px;border-radius:14px;background:#f6c945;color:#211d19;font-weight:900;box-shadow:0 6px 15px #d7aa2833}.wrong-note-notice>p:not(.modal-kicker){font-size:13px;font-weight:800}.app:has(.game){background:#e9e1d5;color:#29241f}.game{min-height:100dvh;padding:18px 20px 30px;background:#fbf8f2;color:#29241f;gap:11px}.game .quit-game{border:1px solid #e3d8cc;background:#fffdf9;color:#e8583f;box-shadow:0 4px 12px #5c4b3310}.game .game-top{padding-top:1px}.game .round-pill{background:#e8583f;color:#fff;box-shadow:0 5px 12px #e8583f2e}.game .score-chip{color:#29241f}.game .stage-meta{color:#8d8378}.game .stage-meta b{color:#5f554b}.game .gauge{height:8px;background:#e8dfd4}.game .gauge-fill{background:linear-gradient(90deg,#e8583f,#f6c945);box-shadow:none}.game .question-card{min-height:205px;border:1px solid #e5dbcf;border-radius:21px;background:#fff;color:#29241f;box-shadow:0 7px 20px #5c4b3318}.game .question-source-label{border-color:#e2d7ca;background:#f2ece3}.game .question-source-label>span{background:#e8583f}.game .question-source-label>small{color:#81766b}.game .save-question{background:#29241f;color:#fff}.game .save-question.saved{background:#f6c945;color:#211d19}.game .question-type{background:#fff0eb;color:#e8583f;letter-spacing:1.4px}.game .prompt{color:#29241f}.game .tts{background:#f6c945;color:#211d19;box-shadow:0 6px 15px #d7aa2833}.game .choices{gap:9px}.game .choice{min-height:72px;border:1px solid #e2d8cc;border-radius:16px;background:#fffdf9;color:#29241f;box-shadow:0 4px 13px #5c4b3310}.game .choice>span{background:#f2ece3;color:#e8583f}.game .choice.picked{border-color:#f0bd2e;background:#fff9de;box-shadow:0 0 0 3px #f6c9452e}.game .choice.right{border-color:#32a76d;background:#eaf8f0;color:#1d5c3e}.game .choice.right>span{background:#32a76d;color:#fff}.game .choice.wrong{border-color:#e8583f;background:#fff0eb;color:#8f321f}.game .choice.wrong>span{background:#e8583f;color:#fff}.game .answer-result{min-height:66px;border-radius:17px;padding:11px 15px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;box-shadow:0 5px 15px #5c4b3318}.game .answer-result strong{font-family:Jua,sans-serif;font-size:21px}.game .answer-result span{font-size:13px;font-weight:900}.game .answer-result small{grid-column:1/-1;font-size:9px;opacity:.75}.game .answer-result.correct{border:1px solid #8bcfaf;background:#eaf8f0;color:#1d5c3e}.game .answer-result.incorrect{border:1px solid #efaa9b;background:#fff0eb;color:#8f321f}.game .answer-result.checking{display:block;min-height:44px;border:1px solid #e2d8cc;background:#f2ece3;color:#81766b;text-align:center;font-size:12px;font-weight:900}.game .feedback{font-size:16px}.game .feedback.good{background:#32a76d;color:#fff}.game .feedback.bad{background:#e8583f;color:#fff}.game .feedback.dim{background:#f2ece3;color:#81766b}.game .live-note{color:#91867b}.game .live-note i{background:#e8583f;box-shadow:0 0 8px #e8583f}.game .question-report{color:#8d8378}@media(max-width:360px){.game{padding-inline:15px}}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}@keyframes float{50%{transform:translateY(-8px) rotate(15deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}.gender-field{border:0;padding:0;margin:0;text-align:left}.gender-field legend{font-size:11px;font-weight:900;margin-bottom:6px}.gender-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.gender-options button{height:64px;border:2px solid #dfdcf2;border-radius:15px;background:#f6f4ff;color:#77738b;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:900}.gender-options button span{font-size:30px;filter:grayscale(.65);opacity:.65}.gender-options button.selected{color:#24213d;transform:translateY(-1px)}.gender-options button.selected span{filter:none;opacity:1}.gender-options button.selected.male{border-color:#45a8ff;background:#e8f5ff;box-shadow:0 6px 16px #45a8ff2b}.gender-options button.selected.female{border-color:#ff70ad;background:#fff0f7;box-shadow:0 6px 16px #ff70ad2b}.student-avatar.male{background:linear-gradient(145deg,#5ac8ff,#3877e8)!important}.student-avatar.female{background:linear-gradient(145deg,#ff8bb9,#e84b8c)!important}.student-row{grid-template-columns:1fr auto auto}.student-enter{border-radius:12px;background:linear-gradient(135deg,#6f4cff,#4925cd);color:#fff;padding:0 12px;font-size:10px;font-weight:900;box-shadow:0 5px 12px #6f4cff35}.lobby-study-menu{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lobby-study-menu button{min-width:0;border-radius:13px;background:#f2effc;color:#28233e;border:1px solid #ded7f2;padding:9px 8px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;text-align:left}.lobby-study-menu button:disabled{opacity:.38}.lobby-study-menu button>span{font-size:18px}.lobby-study-menu b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-study-menu small{font-size:8px;color:#6b45dc;font-weight:900}.exit-game-yes{background:#ed3e62!important;color:#fff!important}.game-exit-row{display:flex;justify-content:flex-start;min-height:29px}.game-exit-row .quit-game{padding:7px 11px;white-space:nowrap}.game-exit-row+.game-top{min-width:0}.stage-meta{min-width:0;gap:10px}.stage-meta b{white-space:nowrap}.student-row{grid-template-columns:1fr!important;gap:6px}.student-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.student-actions button{min-width:0;height:36px;border-radius:10px;padding:0 4px;font-size:10px;font-weight:900}.student-actions .student-enter{background:linear-gradient(135deg,#6f4cff,#4925cd);color:#fff}.student-study{background:#e8f7ff;color:#15759f;border:1px solid #b9e4f7}.student-decorate{background:#fff4d7;color:#8b6200;border:1px solid #f0d88d}.student-actions .student-delete{background:#ffe8ed;color:#d73558}.study-select-modal{width:min(100%,370px);background:linear-gradient(150deg,#fff,#f0edff);color:var(--ink);border-radius:25px;padding:22px 18px;text-align:center;box-shadow:0 24px 70px #000}.study-modal-icon{width:66px;height:66px;border-radius:21px;margin:0 auto 7px;display:grid;place-items:center;font-size:34px;background:linear-gradient(145deg,#6f48ff,#45c9ff);box-shadow:0 9px 22px #6b4cff4d}.study-select-modal h2{font-size:21px;margin:5px 0}.study-select-modal>p:not(.modal-kicker){font-size:11px;color:#716d82;margin-bottom:14px}.study-select-list{display:grid;gap:8px}.study-select-list button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;background:#fff;border:1px solid #dfd9f0;border-radius:15px;padding:11px;text-align:left;color:#29243f}.study-select-list button>span{font-size:23px}.study-select-list button>div{display:grid}.study-select-list b{font-size:12px}.study-select-list small{font-size:9px;color:#858095}.study-select-list em{font-size:10px;font-style:normal;color:#6741d5;font-weight:900}.study-modal-close{width:100%;height:44px;margin-top:12px;border-radius:13px;background:#302a46;color:#fff;font-weight:900}.decorate-preview .study-modal-icon{background:linear-gradient(145deg,#ffbd38,#ff5da7)}.onboarding:has(.manager-card) .auth-hero{padding-top:42px}.manager-card{padding-top:58px!important}.manager-head .auth-badge{margin-left:auto}.manager-head .manager-live{position:fixed;z-index:40;left:16px;top:20px}@media(max-width:360px){.page-shell{padding:15px}.logo{font-size:42px}.logo strong{font-size:57px}.mascot{width:95px;height:80px}.entry-card{padding:12px}.manager-card{padding-top:58px!important}.choice{min-height:64px}.question-card{min-height:190px}.prompt{font-size:19px}}.rooms{display:flex;flex-direction:column;gap:14px}.room-list{display:grid;gap:12px}.room-card{background:#f8f7ff;color:#27223e;border-radius:22px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:2px solid #ddd7f4}.room-card>span{font-size:36px}.room-card small{font-size:9px;color:#6d49d9;font-weight:900}.room-card h3{font-size:18px}.room-card p{font-size:10px;color:#77738b}.room-card button{border-radius:13px;padding:11px 13px;background:#6843ed;color:#fff;font-size:11px;font-weight:900}.room-card.speed-2{border-color:#ffd066}.room-card.speed-2 button{background:linear-gradient(135deg,#ff9d22,#f23d88)}.room-card.speed-3{border-color:#ff75c9;background:linear-gradient(135deg,#fff6fc,#f3efff)}.room-card.speed-3 button{background:linear-gradient(135deg,#f23d88,#6843ed)}.lessons{display:flex;flex-direction:column;gap:14px}.grade-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.grade-tabs button{padding:10px 2px;border:1px solid #ded8f2;border-radius:12px;background:#fff;color:#817a98;font-size:11px;font-weight:900}.grade-tabs button.active{background:#6843ed;color:#fff;border-color:#6843ed;box-shadow:0 6px 14px #6843ed33}.lesson-list{display:grid;gap:14px}.lesson-card{overflow:hidden;border-radius:22px;background:#fff;color:#26203d;box-shadow:0 10px 28px #2c1c6817}.lesson-card img{display:block;width:100%;aspect-ratio:16/8.7;object-fit:cover}.lesson-card>div{padding:14px 16px 10px}.lesson-card small{color:#7556d8;font-size:10px;font-weight:900}.lesson-card h3{margin:5px 0;font-size:17px}.lesson-card p{font-size:11px;color:#77718a}.lesson-card p b{color:#f04483}.lesson-card>button{width:calc(100% - 32px);margin:0 16px 16px;padding:13px;border-radius:14px;background:linear-gradient(135deg,#6843ed,#9d4edd);color:#fff;font-weight:900}.lesson-card>button span{float:right}.lesson-empty{min-height:240px;border:1px dashed #d8d0ef;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#817a98;text-align:center}.lesson-empty span{font-size:42px}.lesson-empty b{color:#393050;font-size:16px}.lesson-empty small{font-size:10px}.lesson-result{grid-template-columns:1fr 1fr}.subject-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.subject-tabs button{padding:11px 3px;border:0;border-radius:13px;background:#ece9f6;color:#77718a;font-size:11px;font-weight:900}.subject-tabs button.active{background:linear-gradient(135deg,#ffcc42,#ff9f43);color:#332700;box-shadow:0 6px 14px #ffad3b35}.question-report{align-self:center;background:transparent;color:#999dbd;font-size:10px;text-decoration:underline}.study-select-modal select,.study-select-modal textarea{width:100%;border:1px solid #d9d4e8;border-radius:12px;padding:11px;background:#fff;color:#302b45}.study-select-modal textarea{min-height:90px;margin-top:8px;resize:none}.admin-reports{display:grid;gap:7px}.admin-reports article{background:#fff;color:#29243e;border-radius:13px;padding:10px;display:grid;gap:5px}.admin-reports small{color:#777}.admin-reports div{display:flex;gap:6px;align-items:center}.admin-reports button{padding:6px 8px;border-radius:8px}.admin-reports em{margin-left:auto;font-size:9px}@media(min-height:820px){.entry{justify-content:center}.hero{margin-top:4px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.app:has(.lessons){background:#e9e1d5;color:#29241f}.app:has(.lessons) .account-user{background:#29241f;color:#fff;border:0;box-shadow:0 5px 14px #5c4b3330}.lessons{min-height:100dvh;padding:18px 20px 34px;background:#fbf8f2;color:#29241f;gap:0;overflow-y:auto}.lessons.has-home-nav{padding-bottom:100px}.catalog-header{min-height:56px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px;padding-right:110px}.catalog-header-home{grid-template-columns:1fr}.catalog-header>div{min-width:0;display:grid;gap:1px}.catalog-header small{color:#e8583f;font-size:9px;font-weight:900;letter-spacing:.5px;white-space:nowrap}.catalog-header h1{font-size:28px;line-height:1.05;letter-spacing:-1.4px;font-family:Jua,sans-serif}.catalog-back{width:38px;height:38px;border:1px solid #ddd3c7;border-radius:50%;background:#fff;color:#554c43;font-size:27px;line-height:1;box-shadow:0 4px 12px #5c4b3315}.catalog-back:active{transform:scale(.94)}.catalog-guide{margin:8px 0 16px;color:#8d8378;font-size:11px}.catalog-filter-block{display:grid;gap:8px;margin:0 -20px;padding:14px 20px 15px;border-block:1px solid #eee6dc;background:#fffdf9}.catalog-filter-block>span{color:#9a8f83;font-size:9px;font-weight:900}.grade-tabs,.subject-tabs{display:flex;gap:7px;overflow-x:auto;padding:1px 0 2px;scrollbar-width:none}.grade-tabs::-webkit-scrollbar,.subject-tabs::-webkit-scrollbar{display:none}.grade-tabs button,.subject-tabs button{flex:0 0 auto;min-width:auto;padding:8px 13px;border:1px solid #e4ddd2;border-radius:999px;background:#fff;color:#665d54;font-size:11px;font-weight:800;box-shadow:none}.grade-tabs button.active,.subject-tabs button.active{border-color:#e8583f;background:#e8583f;color:#fff;box-shadow:none}.catalog-result-head{display:flex;align-items:center;justify-content:space-between;margin:17px 0 10px}.catalog-result-head strong{font-size:15px}.catalog-result-head span{color:#94897e;font-size:10px}.lesson-list{display:grid;gap:10px}.lesson-card{width:100%;min-height:96px;display:grid;grid-template-columns:96px minmax(0,1fr) 22px;align-items:center;gap:11px;padding:9px;border:0;border-radius:17px;background:#fff;color:#29241f;text-align:left;box-shadow:0 4px 17px #5c4b3320;overflow:hidden}.lesson-card:active{transform:translateY(2px) scale(.99)}.lesson-card img{width:96px;height:76px;aspect-ratio:auto;border-radius:12px;object-fit:cover}.lesson-card>div{min-width:0;padding:0}.lesson-card small{display:block;color:#e8583f;font-size:9px;font-weight:900}.lesson-card h3{display:-webkit-box;margin:4px 0 6px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;line-height:1.25;word-break:keep-all}.lesson-card p{color:#8e847a;font-size:10px}.lesson-card p b{color:#29241f}.lesson-chevron{color:#c0b5a8;font-size:26px;text-align:center}.lesson-empty{min-height:220px;border:1px dashed #d8cfc3;border-radius:18px;background:#fff;color:#8d8378}.lesson-empty b{color:#403930}.detail-header{padding-right:110px;margin-bottom:12px}.lesson-detail-hero{position:relative;margin:0 -20px;overflow:hidden;background:#26211d}.lesson-detail-hero img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.lesson-detail-hero:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,#211d19b8)}.lesson-detail-hero span{position:absolute;z-index:1;left:18px;bottom:14px;padding:6px 10px;border-radius:999px;background:#29241fe8;color:#fff;font-size:9px;font-weight:900}.lesson-detail-copy{padding:20px 0 15px;border-bottom:1px solid #e7ded3}.lesson-detail-copy small{color:#e8583f;font-size:9px;font-weight:900}.lesson-detail-copy h2{margin:5px 0 8px;font-size:23px;line-height:1.25;word-break:keep-all}.lesson-detail-copy p{color:#897f74;font-size:11px;line-height:1.55}.lesson-detail-info{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.lesson-detail-info div{display:grid;gap:4px;padding:13px;border:1px solid #e4dbcf;border-radius:14px;background:#fff}.lesson-detail-info span{color:#948a7f;font-size:9px}.lesson-detail-info strong{font-size:14px}.lesson-start{width:100%;min-height:50px;margin-top:auto;border-radius:14px;background:#e8583f;color:#fff;font-size:14px;font-weight:900;box-shadow:0 8px 18px #e8583f32}.lesson-start span{float:right;margin-right:4px;font-size:21px;line-height:.8}.lesson-start:active{transform:translateY(2px) scale(.99)}@media(max-width:360px){.lessons{padding-inline:15px}.catalog-filter-block,.lesson-detail-hero{margin-inline:-15px}.catalog-filter-block{padding-inline:15px}.lesson-card{grid-template-columns:82px minmax(0,1fr) 18px}.lesson-card img{width:82px;height:68px}.catalog-header{padding-right:95px}}.app:has(.clean-home){background:#e9e1d5;color:#29241f}.clean-home{min-height:100dvh;display:block;padding:0 20px 108px;background:#fbf8f2;color:#29241f}.school-topbar{margin:0 -20px;padding:18px 130px 16px 20px;border-bottom:1px solid #ece3d8;background:#fffdf9;min-height:112px}.school-meta{height:20px;display:flex;align-items:center;gap:6px;color:#8f8479;font-size:8px;font-weight:900;white-space:nowrap}.school-meta>i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#e8583f;box-shadow:0 0 0 4px #e8583f18}.school-meta>em{color:#c4b9ad;font-style:normal}.school-meta span b{color:#e8583f}.jnc-mark{height:20px;display:inline-flex;align-items:center;gap:3px;padding-right:7px;margin-right:1px;border-right:1px solid #ddd3c7;color:#29241f!important}.jnc-mark>b{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:#29241f;color:#f6c945!important;font-size:10px}.jnc-mark>strong{font-size:10px;letter-spacing:-.3px}.school-topbar h1{margin:5px 0 3px;font-family:Jua,sans-serif;font-size:30px;line-height:1;letter-spacing:-1.6px}.school-topbar h1 strong{color:#e8583f;font-weight:inherit}.school-topbar>span{color:#8d8378;font-size:10px}.clean-home>.account-corner{top:38px;height:42px;padding-inline:18px;box-shadow:0 6px 15px #d7aa2830}.app:has(.clean-home)>.account-user{background:#fee500;color:#191600;border:0;box-shadow:0 6px 15px #d7aa2830}.clean-home .entry-card{margin-top:16px;border:1px solid #e5dbcf;border-radius:18px;background:#fff;color:#29241f;box-shadow:0 5px 18px #5c4b3318}.clean-home .auth-card{min-height:220px;justify-content:center}.clean-home .auth-badge{background:#f2ece3;color:#e8583f}.clean-home .auth-card h2,.clean-home .student-card h2{font-family:Jua,sans-serif;font-size:24px}.clean-home .auth-card>p,.clean-home .student-card>p{color:#81776d}.clean-home .kakao-login{background:#fee500;color:#191600}.guest-start{width:100%;min-height:48px;border:1px solid #e0d5c9;border-radius:14px;background:#fffaf3;color:#e8583f;font-size:13px;font-weight:900}.guest-start span{float:right;margin-right:4px;font-size:20px}.guest-start:active{transform:translateY(2px) scale(.99)}.home-nav{position:fixed;z-index:70;left:max(0px,calc((100vw - 480px)/2));right:max(0px,calc((100vw - 480px)/2));bottom:0;height:72px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0;padding:7px 3px max(7px,env(safe-area-inset-bottom));border-top:1px solid #e3dbd0;background:#fffdfaf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -5px 18px #5c4b3310}.home-nav button{min-width:0;border:0;border-radius:0;background:transparent;color:#aaa096;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;font-weight:900}.home-nav button>span{height:25px;font-size:23px;line-height:23px;font-family:Arial,sans-serif}.home-nav button>small{font-size:8px;white-space:nowrap}.home-nav button.active{background:transparent;color:#e8583f}.home-nav button:active{transform:translateY(2px);color:#e8583f}.clean-home .manager-card{max-height:none;padding:18px 14px!important;text-align:left}.clean-home .manager-head{position:static;margin:0 0 12px}.clean-home .manager-live{position:static!important;width:max-content;background:#29241f;color:#fff;box-shadow:none}.clean-home .manager-live b{color:#f7ca4a}.clean-home .manager-card h2{font-family:Jua,sans-serif;font-size:22px}.clean-home .immutable-note{margin-top:9px;border:0;background:#f2ece3;color:#7b6f63}.clean-home .student-list{margin-top:11px;gap:10px}.clean-home .student-row{gap:7px}.clean-home .student-select{border:1px solid #e3d9cd;border-radius:15px;background:#fffaf3}.clean-home .student-select b{font-size:14px}.clean-home .student-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff}.clean-home .student-actions{grid-template-columns:repeat(4,1fr);gap:6px}.clean-home .student-actions button{height:38px;border:1px solid #e2d8cc;border-radius:11px;background:#fff;color:#5e554c;box-shadow:none}.clean-home .student-actions .student-enter{border-color:#e8583f;background:#e8583f;color:#fff}.clean-home .student-actions .student-delete{border-color:#f0d1ca;background:#fff3ef;color:#d64a35}.clean-home>.cta,.clean-home .manager-card>.cta{margin-top:12px;border-radius:13px;background:#f6c945;color:#211d19;box-shadow:0 6px 15px #d7aa282b}.clean-home .student-card input,.clean-home .school-input-wrap,.clean-home .birth-control,.clean-home .gender-options button{border-color:#ded3c7;background:#fffaf3}.clean-home .auto-id-note{border-color:#e4d7c7;background:#f2ece3}.clean-home .auto-id-note b{color:#e8583f}.clean-home .student-card>.cta,.clean-home .issued-card>.cta{background:#e8583f;color:#fff;box-shadow:0 7px 17px #e8583f35}@media(max-width:360px){.clean-home{padding-inline:15px}.school-topbar{margin-inline:-15px;padding-left:15px;padding-right:105px}}