: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;text-shadow:none;box-shadow:none;background:0 0;border:0;min-width:.25em}.save-status{color:#716a84;margin:13px 0 0;font-size:14px;font-weight:700}.save-status--success{color:#27825e}.save-status--error{color:#bb5c59}.room--student{border-style:solid;border-width:3px}.choice--wrong{color:#9b2020;background:#ffe4e2!important;border-color:#d13f3f!important}.choice--wrong span{color:#fff;background:#d13f3f}.feedback--wrong{color:#a93232;background:#ffe8e6;border:2px solid #e27a74;font-weight:800}.completion-view{text-align:center;max-width:620px;margin:35px auto 0}.completion-card{background:#fff;border:2px solid #e8e0c8;border-radius:28px;padding:clamp(28px,6vw,52px) 24px;box-shadow:0 9px #ede5ce}.completion-stars{color:#f5b72d;letter-spacing:5px;text-shadow:0 2px #d89b21;margin-bottom:22px;font-size:clamp(28px,7vw,48px)}.teacher-avatar{background:#eee9ff;border:3px solid #8a78d5;border-radius:50%;place-items:center;width:92px;height:92px;margin:0 auto 8px;font-size:54px;display:grid}.completion-teacher{color:#6755b9;margin:0 0 12px;font-size:16px;font-weight:800}.completion-card h1{color:#27825e;font-size:clamp(31px,6vw,43px)}.completion-message{color:#45405c;margin:13px 0 7px;font-size:19px;font-weight:800}.completion-note{color:#777387;margin:0 0 25px;font-size:16px}.completion-card .primary-button{margin-top:4px}.teacher-button{align-items:center;gap:6px;display:inline-flex}.teacher-avatar-thumb{object-fit:cover;object-position:center 18%;vertical-align:middle;border-radius:50%;width:28px;height:28px;display:block}.teacher-avatar{overflow:hidden}.teacher-avatar img{object-fit:cover;object-position:center 18%;width:100%;height:100%;display:block}.student-progress{appearance:none;width:100%;font:inherit;cursor:pointer;transition:transform .15s,border-color .15s}.student-progress:hover,.student-progress:focus-visible{outline-offset:2px;border-color:#a797e7;outline:3px solid #f9c856;transform:translateY(-1px)}.progress-number small{color:#8d89a0;font-size:11px;font-weight:700;display:block}.teacher-detail{background:#fffdf6;border:2px solid #e8e0c8;border-radius:20px;margin-top:25px;padding:22px}.teacher-detail-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.teacher-detail h2{color:#514985;margin:4px 0 0;font-size:clamp(22px,3vw,30px)}.teacher-detail-note,.teacher-detail-empty{color:#777387;line-height:1.5}.wrong-question-list{gap:12px;margin-top:16px;display:grid}.wrong-question{background:#fff0ee;border:2px solid #f0b6b0;border-radius:16px;padding:16px}.wrong-question h3{color:#a93232;margin:0 0 7px;font-size:17px}.wrong-question p{color:#5c4c60;margin:6px 0;line-height:1.5}.wrong-question-text{font-weight:800;color:#45405c!important}.wrong-explanation{background:#fff6d8;border-radius:10px;padding:10px 12px}.wrong-question small{color:#8d6c70}.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;box-shadow:0 3px #c1e9e4}@media (width<=430px){.place-cell span{font-size:12px}.teacher-detail{padding:16px}}