:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f6efe6;--muted:#f0e2d4;--bg:#090607}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}body{color:var(--ink);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif}button,p{margin:0}.stage{isolation:isolate;background:#090607;justify-content:center;min-height:100dvh;display:flex;position:relative}.phone{width:min(100%,480px);min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 16px calc(14px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex}.modes{flex:none;grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode{color:#ffe7adb8;min-height:40px;font:inherit;letter-spacing:.08em;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #ffdca447;border-radius:999px;font-size:15px;font-weight:700}.mode.on{color:#1a1008;background:#ffe7ad;border-color:#ffe7ad}.mode:disabled{cursor:progress}.mode:focus-visible{outline-offset:3px;outline:3px solid #ffe7ad}.actions{flex-direction:column;flex:none;gap:14px;display:flex}.btn{color:#fff;min-height:108px;font:inherit;letter-spacing:.06em;cursor:pointer;touch-action:manipulation;border:1px solid #ffdca461;border-radius:30px;flex:none;font-size:clamp(30px,8.4vw,42px);font-weight:800;box-shadow:0 18px 36px #00000052,inset 0 1px #ffffff47}.btn.dlt{color:#ffe7ad;background:radial-gradient(120% 90% at 20% 0,#fff3,#0000 42%),linear-gradient(165deg,#2f6fd0 0%,#173e86 58%,#0d2758 100%)}.btn.ssq{background:radial-gradient(120% 90% at 18% 0,#ffffff38,#0000 40%),linear-gradient(165deg,#ef4d46 0%,#c81d24 52%,#7c1018 100%)}.btn:active{transform:translateY(1px)scale(.988)}.btn:disabled{cursor:progress;filter:saturate(.8)brightness(.92)}.btn:focus-visible{outline-offset:3px;outline:3px solid #ffe7ad}.result{background:#fff8f00f;border:1px solid #ffe8ce1f;border-radius:24px;gap:12px;padding:16px 12px;display:grid}.groups{gap:14px;display:grid}.group{justify-items:center;gap:8px;display:grid}.label{letter-spacing:.18em;color:#ffecd6b8;font-size:12px}.balls{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ball{font-variant-numeric:tabular-nums;color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:16px;font-weight:800;animation:.28s ease-out pop;display:grid;box-shadow:inset 0 7px 8px #ffffff59,inset 0 -8px 10px #00000040,0 8px 14px #00000047}.ball.red{background:radial-gradient(circle at 34% 30%,#ffb1a8,#e31c16 46%,#8d0d12)}.ball.blue{background:radial-gradient(circle at 34% 30%,#c5dcff,#1d6fe8 48%,#0c3278)}.status{text-align:center;color:#ffe7c2;font-size:15px;line-height:1.5}.status.error{color:#ffd0c8}.note{text-align:center;color:#ffe7c2db;font-size:13px;line-height:1.55}.copy{color:#ffe7ad;min-height:42px;font:inherit;letter-spacing:.08em;cursor:pointer;touch-action:manipulation;background:#14080c8c;border:1px solid #ffdca473;border-radius:999px;justify-self:center;margin-top:2px;padding:0 18px;font-size:15px;font-weight:700}.copy:active{transform:translateY(1px)}.copy:focus-visible{outline-offset:3px;outline:3px solid #ffe7ad}.clock-slot{flex:1 0 auto;justify-content:center;align-items:center;display:flex}.clock{text-align:center;background:#fff8f00f;border:1px solid #ffe8ce1f;border-radius:24px;width:100%;padding:10px 14px 8px}.clock time{letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#ffe7ad;font-size:clamp(28px,8vw,36px);font-weight:800;line-height:1.1;display:block}.weekday{letter-spacing:.12em;color:var(--ink);margin-top:2px;font-size:15px}.today{letter-spacing:.06em;margin-top:6px;font-size:14px;font-weight:700}.today.dlt{color:#9ec4ff}.today.ssq{color:#ffb1a8}.today.rest{color:#f0e2d4b8}.schedule{color:#f0e2d49e;gap:0;margin-top:4px;font-size:12px;line-height:1.45;display:grid}.schedule .on{color:#ffe7ad}.disclaimer{text-align:center;color:var(--muted);font-size:12px;line-height:1.65}@keyframes pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ball{animation:none}}