:root{color:#3f3d57;background:#fbf8f0;font-family:PingFang HK,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 8%,#fff4bd 0 3%,#0000 3.2%),radial-gradient(circle at 92% 14%,#dceeff 0 5%,#0000 5.2%),#fbf8f0;min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}.app-shell{width:min(1120px,100%);margin:0 auto;padding:18px 22px 32px}.site-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.brand{color:#514985;text-align:left;background:0 0;border:0;align-items:center;gap:10px;font-size:21px;font-weight:800;line-height:.8;display:flex}.brand small{color:#f0827d;font-size:15px}.brand-icon{color:#fff;background:#6d5bd0;border:3px solid #514985;border-radius:50%;place-items:center;width:42px;height:42px;font-size:32px;display:grid}.teacher-button{color:#675897;background:#fff;border:2px solid #d9c7ff;border-radius:999px;padding:10px 14px;font-weight:700;box-shadow:0 3px #eadfff}.teacher-button--active{color:#fff;background:#6d5bd0}.welcome{background:#fff;border:2px solid #efe7cc;border-radius:28px;justify-content:space-between;align-items:center;gap:22px;padding:clamp(22px,4vw,38px);display:flex;box-shadow:0 7px #eee6ce}.eyebrow{color:#ef8279;margin:0 0 7px;font-size:14px;font-weight:800}h1{color:#514985;margin:0;font-size:clamp(27px,4vw,42px)}.welcome p:not(.eyebrow){color:#6b6880;max-width:580px;margin:13px 0 0;font-size:17px;line-height:1.65}.flower{color:#f29a9a}.number-buddies{color:#fff;gap:2px;padding:12px 14px;font-size:clamp(27px,5vw,48px);font-weight:900;display:flex;transform:rotate(3deg)}.number-buddies span{background:#72c6c4;border:3px solid #3c9b9a;border-radius:15px;place-items:center;min-width:.83em;height:1.12em;display:grid}.number-buddies span:nth-child(2),.number-buddies span:nth-child(5){background:#f5a3a1;border-color:#d77478}.number-buddies span:nth-child(3){color:#f7c76d;background:0 0;border:0;min-width:.25em}.room-section{margin-top:35px}.room-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.room{color:#fff;text-align:center;border:0;border-radius:20px 20px 8px 8px;min-height:203px;padding:48px 15px 13px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 7px #53416026}.room:hover,.room:focus-visible{outline:3px solid #f9c856;transform:translateY(-5px);box-shadow:0 12px #53416026}.room:after{content:"";pointer-events:none;border:2px solid #ffffffb3;border-radius:13px 13px 4px 4px;position:absolute;inset:9px}.room--peach{background:#f5a5a3}.room--mint{background:#77c9bb}.room--sky{background:#80bce5}.room--lilac{background:#a89add}.room--yellow{background:#efc769}.room-number{z-index:1;font-size:20px;font-weight:900;position:absolute;top:10px;left:15px}.door-knob{z-index:2;background:#fff4aa;border-radius:50%;width:10px;height:10px;position:absolute;top:96px;right:22px}.room-name{z-index:1;overflow-wrap:anywhere;min-height:57px;padding-top:17px;font-size:clamp(17px,2vw,23px);font-weight:900;display:block;position:relative}.room-class{z-index:1;background:#ffffff45;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800;display:inline-block;position:relative}.room-stars{z-index:1;font-size:13px;font-weight:800;position:absolute;bottom:13px;left:0;right:0}footer{text-align:center;color:#918aa0;padding:32px 0 4px;font-size:14px}.quiz-view,.teacher-view{max-width:820px;margin:0 auto}.back-button{color:#6d5bd0;background:0 0;border:0;padding:0 0 18px;font-size:16px;font-weight:800}.student-strip{background:#fff;border:2px solid #e8e0c8;border-radius:18px 18px 0 0;align-items:center;gap:12px;padding:13px 17px;display:flex}.student-strip b{color:#514985;font-size:18px;display:block}.student-strip small{color:#8d89a0;margin-top:2px;display:block}.mini-door{color:#fff;border:2px solid #352e4e3d;border-radius:9px 9px 3px 3px;flex:0 0 42px;place-items:center;width:42px;height:46px;font-weight:900;display:grid}.mini-door--peach{background:#f5a5a3}.mini-door--mint{background:#77c9bb}.mini-door--sky{background:#80bce5}.mini-door--lilac{background:#a89add}.mini-door--yellow{background:#efc769}.quiz-progress{text-align:right;color:#6d6680;min-width:115px;margin-left:auto;font-size:12px;font-weight:800}.quiz-progress div{background:#e9e4ef;border-radius:99px;height:8px;margin-top:5px;overflow:hidden}.quiz-progress i{border-radius:inherit;background:#76c3ac;height:100%;display:block}.question-card{background:#fff;border:2px solid #e8e0c8;border-top:0;border-radius:0 0 25px 25px;padding:clamp(22px,5vw,46px);box-shadow:0 8px #ede5ce}.question-top{justify-content:space-between;align-items:center;display:flex}.skill-pill{color:#6755b9;background:#eee9ff;border-radius:99px;padding:5px 11px;font-size:13px;font-weight:800}.star-count{color:#d59c2d;font-size:14px;font-weight:800}.question-title{color:#f0877e;margin:25px 0 5px;font-weight:800}.question-card h1{color:#45405c;font-size:clamp(25px,4vw,34px);line-height:1.45}.choices{gap:12px;margin-top:27px;display:grid}.choice{color:#45405c;text-align:left;background:#fff;border:2px solid #ded8ea;border-radius:16px;align-items:center;gap:14px;width:100%;min-height:62px;padding:10px 17px;font-size:20px;font-weight:800;display:flex}.choice:hover,.choice--selected{background:#f3f0ff;border-color:#8a77dc}.choice span{background:#eeea f5;color:#817b93;border-radius:50%;place-items:center;width:31px;height:31px;font-size:15px;display:grid}.choice--selected span{color:#fff;background:#7b67d5}.choice--correct{background:#e9f8f0;border-color:#55ba93}.choice--wrong{background:#fff0ee;border-color:#e27a74}.help-row{flex-wrap:wrap;gap:10px;margin-top:23px;display:flex}.help-button{color:#84672b;background:#fff2c9;border:0;border-radius:99px;padding:13px;font-size:14px;font-weight:800}.hint-box,.examples-box,.feedback{border-radius:14px;margin-top:14px;padding:14px 16px;line-height:1.55}.hint-box{color:#725c29;background:#fffdf8}.examples-box{color:#42757b;background:#eef8fa}.feedback--correct{color:#27825e;background:#e9f8f0}.feedback--try-again{color:#bb5c59;background:#fff0ee}.action-row{justify-content:flex-end;margin-top:24px;display:flex}.primary-button{color:#fff;background:#6d5bd0;border:0;border-radius:13px;min-width:160px;padding:14px 20px;font-size:17px;font-weight:900;box-shadow:0 4px #4e409f}.primary-button:disabled{cursor:not-allowed;background:#c7c2dd;box-shadow:0 4px #aaa3be}.section-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.teacher-note{color:#777387}.progress-list{gap:10px;margin-top:22px;display:grid}.student-progress{background:#fff;border:2px solid #eee8d7;border-radius:17px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:9px 13px;display:grid}.progress-name b{color:#514985}.progress-name small{color:#8d89a0;display:block}.progress-number{color:#6d5bd0;font-size:14px;font-weight:900}.teacher-login{background:#fff;border:2px solid #e8e0c8;border-radius:18px;gap:12px;max-width:420px;margin-top:24px;padding:22px;display:grid}.teacher-login input{width:100%;font:inherit;border:2px solid #ded8ea;border-radius:12px;padding:13px 14px;font-size:16px}.error-text{color:#bb5c59;font-weight:700}.visual-aid{background:#f1fbf9;border:2px solid #cce9e5;border-radius:17px;margin-top:20px;padding:15px}.visual-aid>p{color:#397872;margin:0 0 11px;font-size:15px;font-weight:800}.place-value-grid{background:#fff;border:2px solid #7bc8bd;border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.place-cell{text-align:center;border-right:2px solid #cce9e5;min-width:0}.place-cell:last-child{border-right:0}.place-cell span{color:#397872;background:#e2f5f1;padding:7px 2px;font-size:13px;font-weight:800;display:block}.place-cell b{color:#4f4778;padding:8px 2px;font-size:clamp(24px,5vw,34px);display:block}.place-cell--highlight span{color:#785b14;background:#ffe7a6}.place-cell--highlight b{color:#c65f58;background:#fff7d9}.value-blocks{flex-wrap:wrap;gap:7px;display:flex}.value-block{color:#fff;background:#73c6bc;border:2px solid #4a9991;border-radius:11px;place-items:center;min-width:49px;height:49px;font-size:16px;font-weight:900;display:grid}.value-block--thousand{background:#f5a5a3;border-color:#d88079}.value-block--hundred{background:#a89add;border-color:#8a76c7}.value-block--ten{background:#efc769;border-color:#c69231}.value-block--one{background:#80bce5;border-color:#559acb}@media (width<=780px){.app-shell{padding:15px 14px 28px}.welcome{align-items:flex-start;padding:22px}.number-buddies{display:none}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.room{min-height:180px}.room-name{font-size:18px}.student-progress{grid-template-columns:44px 1fr auto}.mini-progress{display:none}}@media (width<=430px){.brand{font-size:18px}.teacher-button{padding:9px 10px;font-size:13px}.welcome{display:block}.room{padding-left:8px;padding-right:8px}.room-name{padding-right:28px;font-size:16px}.student-strip{gap:9px;padding:11px}.student-strip small{max-width:150px}.quiz-progress{min-width:70px}.question-card{padding:23px 17px}.choice{font-size:18px}.section-heading{flex-direction:column;align-items:flex-start}.student-progress{gap:8px;padding:9px}}