:root{color-scheme:light dark;--bg:#0b1020;--panel:#111a33;--muted:#a3b1d1;--accent:#7cc4ff;--green:#76e1a9;--red:#ff7a7a;--yellow:#ffd166}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif;background:linear-gradient(180deg,#0b1020,#0e1430);color:#e6eefc;overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{cursor:pointer;border:none;border-radius:10px;padding:10px 14px;background:var(--accent);color:#0b1020;font-weight:700}button.secondary{background:#2a355a;color:#e6eefc}.container{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;max-width:1100px;margin:0 auto;padding:20px}.card{background:var(--panel);border:1px solid #1b2547;border-radius:16px;padding:16px}.h1{font-size:20px;margin:0 0 8px}.hint{color:var(--muted);font-size:14px}.flex{display:flex;gap:10px;align-items:center}.row{display:flex;gap:10px;align-items:center;margin:10px 0}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:#233055;border:1px solid #33406d;border-radius:6px;padding:2px 6px}.clock-wrap{display:flex;justify-content:center;align-items:center;aspect-ratio:1;border-radius:16px;background:#0a1228;border:1px solid #1a2448}.clock{position:relative;width:min(520px,78vmin);height:min(520px,78vmin);touch-action:none;-webkit-tap-highlight-color:transparent}.tick{position:absolute;left:50%;top:50%;transform-origin:0 0;width:2px;height:16px;background:#95a7d6;opacity:.9}.tick.major{height:26px;width:3px;background:#cfe1ff}.number{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:900}.hand{position:absolute;left:50%;top:50%;transform-origin:50% 95%;background:#e6eefc;border-radius:8px;box-shadow:0 2px 10px #00000059}.hand.hour{width:10px;height:26%;background:var(--green)}.hand.minute{width:8px;height:38%;background:var(--accent)}.hand.center{position:absolute;width:16px;height:16px;left:50%;top:50%;transform:translate(-50%,-50%);background:#e6eefc;border-radius:50%}.seg{display:inline-grid;grid-template-columns:repeat(5,auto);gap:8px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#233055;border:1px solid #33406d;color:#cfe1ff;box-shadow:0 2px 8px #00000040}.badge.strong{background:#1c274a;border-color:#2b3b6e}.feedback{font-weight:800}.feedback.ok{color:var(--green)}.feedback.miss{color:var(--red)}.big-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.big-actions button{font-size:18px;padding:14px 10px}