:root{--ts-deep: #0b0f19;--ts-slate: #0f172a;--ts-pearl: #f4f1ea;--ts-pearl-ink: #1c1917;--ts-glass: rgba(15, 23, 42, .75);--ts-glass-border: rgba(255, 255, 255, .1);--ts-student-a: #06b6d4;--ts-student-b: #0ea5e9;--ts-staff-a: #6366f1;--ts-staff-b: #8b5cf6;--ts-guardian-a: #f59e0b;--ts-guardian-b: #f97316;--ts-class: #10b981;--ts-lesson-a: #ec4899;--ts-lesson-b: #d946ef;--ts-venue: #64748b;--ts-font: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;--ts-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--hud-blur: 24px;color-scheme:dark}[data-theme=pearl]{color-scheme:light}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;min-height:100vh;min-height:100dvh;height:100%;font-family:var(--ts-font);background:var(--ts-deep);color:#e8eef8;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.boot{min-height:100vh;min-height:100dvh;display:grid;place-items:center;font-size:14px;letter-spacing:.08em;opacity:.7}.ts-canvas-boot{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:rgba(232,238,248,.72);font-size:14px;letter-spacing:.08em}button,input,textarea{font-family:inherit}button{cursor:pointer}a{color:inherit}::selection{background:rgba(99,102,241,.35)}.mono{font-family:var(--ts-mono)}.glass{background:var(--ts-glass);border:1px solid var(--ts-glass-border);backdrop-filter:blur(var(--hud-blur)) saturate(1.35);-webkit-backdrop-filter:blur(var(--hud-blur)) saturate(1.35)}.glass-light{background:rgba(255,252,247,.72);border:1px solid rgba(28,25,23,.08);color:var(--ts-pearl-ink)}.hud-island{display:flex;align-items:center;gap:6px;height:36px;max-height:36px;box-sizing:border-box;padding:3px 10px 3px 4px;border-radius:999px;box-shadow:0 4px 16px -2px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.08)}.hud-btn{-webkit-appearance:none;appearance:none;border:0;background:rgba(255,255,255,.06);color:inherit;border-radius:999px;height:28px;padding:0 8px;font-size:11.5px;letter-spacing:.01em;transition:background .16s ease,transform .16s ease}.hud-btn:hover{background:rgba(255,255,255,.12)}.hud-btn:active{transform:scale(.97)}@media(pointer:coarse){.hud-btn,.seg button{min-height:36px}}.hud-icon{width:28px;height:28px;display:grid;place-items:center;padding:0}.seg{display:flex;padding:2px;border-radius:999px;background:rgba(0,0,0,.28);gap:1px}.seg button{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:rgba(226,232,240,.7);border-radius:999px;height:24px;padding:0 8px;font-size:11px;font-weight:600}.seg button.is-on{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05));color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.25)}[data-theme=pearl] .hud-island{background:rgba(255,252,247,.85);color:var(--ts-pearl-ink);box-shadow:0 4px 16px -2px rgba(28,25,23,.08),0 1px 3px rgba(28,25,23,.04)}[data-theme=pearl] .hud-btn,[data-theme=pearl] .seg{background:rgba(28,25,23,.06);color:var(--ts-pearl-ink)}[data-theme=pearl] .seg button{color:rgba(28,25,23,.55)}[data-theme=pearl] .seg button.is-on{background:#fff;color:var(--ts-pearl-ink)}