*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Microsoft YaHei,sans-serif;background:#0f172a;color:#e5e7eb;font-size:14px;user-select:none}.hidden{display:none!important}.muted{color:#94a3b8}.small{font-size:12px}.error{color:#f87171}.row{display:flex;align-items:center;gap:10px}input{width:100%;padding:10px 12px;border:1px solid #334155;border-radius:8px;background:#1e293b;color:inherit;font:inherit;margin-top:6px}button{padding:8px 14px;border:1px solid #334155;border-radius:8px;background:#1e293b;color:inherit;cursor:pointer;font:inherit}button:hover{border-color:#60a5fa}button.primary{background:#2563eb;border-color:#2563eb;color:#fff}button.big{font-size:22px;padding:14px 48px;border-radius:12px}#setup{min-height:100vh;display:flex;align-items:center;justify-content:center}.setup-card{width:420px;background:#1e293b;border-radius:14px;padding:24px}.setup-card h1{font-size:20px;margin:0 0 8px}.setup-card label{display:block;margin-top:14px;color:#94a3b8}.setup-card button{width:100%;margin-top:18px}#home header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #1e293b}.class-title{font-size:18px;font-weight:700}.badge{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid #334155}.badge.online{color:#34d399;border-color:#34d399}.badge.offline{color:#f87171;border-color:#f87171}.code-panel{padding:28px 20px;text-align:center}.share-code{font-size:56px;font-weight:800;letter-spacing:12px;margin:10px 0 16px;color:#fbbf24}.overlay{position:fixed;inset:0;background:#0f172aeb;display:flex;align-items:center;justify-content:center;z-index:100}.overlay-card{width:min(860px,90vw);background:#fff;color:#0f172a;border-radius:18px;padding:28px 32px;box-shadow:0 24px 60px #00000073}.overlay-head{display:flex;justify-content:space-between;align-items:baseline;font-size:18px;font-weight:700}.overlay-content{font-size:40px;font-weight:700;line-height:1.4;margin:24px 0;word-break:break-word}.overlay-foot{display:flex;justify-content:space-between;align-items:center}