:root{--ink: #eaf2ff;--ink-dim: rgba(234, 242, 255, .55);--glass: rgba(10, 20, 35, .45);--glass-border: rgba(234, 242, 255, .14)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#0d1b2a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#bar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#ui{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.center{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;pointer-events:none;transition:opacity .4s ease}.toggle{width:108px;height:108px;border-radius:50%;border:2px solid rgba(234,242,255,.6);background:#0a142340;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:none;box-shadow:0 10px 40px #00000059;transition:transform .15s ease,opacity .4s ease}.icon-play{width:0;height:0;border-style:solid;border-width:20px 0 20px 34px;border-color:transparent transparent transparent var(--ink);margin-left:8px}.icon-pause{display:none;width:30px;height:38px;border-left:11px solid var(--ink);border-right:11px solid var(--ink)}body.running .icon-play{display:none}body.running .icon-pause{display:block}body.running .center{opacity:0}.time{font-size:40px;font-weight:600;letter-spacing:1px;font-variant-numeric:tabular-nums;text-shadow:0 2px 20px rgba(0,0,0,.4)}:root{--ctrl-h: 34px}.bottom-bar{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;transition:opacity .4s ease}body.running .bottom-bar{opacity:0;pointer-events:none}.ctrl-row{display:flex;align-items:center;justify-content:center;gap:12px}.ctrl{display:inline-flex;align-items:center;gap:8px;height:var(--ctrl-h);padding:0 8px;border-radius:999px;border:1px solid rgba(234,242,255,.3);background:#0a142359;color:var(--ink);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;pointer-events:auto;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap}.pill-btn:active{transform:scale(.95)}.ctrl-value{font-variant-numeric:tabular-nums}.reset{display:none}body.show-reset .reset{display:inline-flex}.palette-btn{gap:8px;padding:0 8px}.swatch{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#2f80ed,#2ecc71);box-shadow:inset 0 0 0 1px #ffffff47}.volume{cursor:default}.volume-track{position:relative;width:96px;height:8px;border-radius:4px;background:#eaf2ff2e;cursor:pointer;touch-action:none}.volume-fill{position:absolute;left:0;top:0;bottom:0;width:70%;border-radius:4px;background:linear-gradient(90deg,#5c86a8,#7fa88c)}.ctrl-value{min-width:34px;text-align:right}.fullscreen-btn{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));right:calc(18px + env(safe-area-inset-right,0px));width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(234,242,255,.3);background:#0a142359;color:var(--ink);cursor:pointer;pointer-events:auto;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.fullscreen-btn:active{transform:scale(.92)}.fullscreen-btn .icon-exit,body.is-fullscreen .fullscreen-btn .icon-enter{display:none}body.is-fullscreen .fullscreen-btn .icon-exit{display:block}@media (display-mode: fullscreen),(display-mode: standalone){.fullscreen-btn{display:none}}