*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#172b36}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.time-controls{position:fixed;top:max(22px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));color:#eee3c8;font:13px/1.5 Microsoft YaHei,sans-serif;-webkit-user-select:none;user-select:none}.time-caption{display:block;margin-bottom:10px;font-family:SimSun,serif;font-size:17px;letter-spacing:.18em;text-shadow:0 1px 8px #102523}.time-controls div{display:flex;gap:3px;padding:4px;border:1px solid #dfd0a52b;border-radius:22px;background:#152b2bba;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.time-controls button{border:0;border-radius:18px;padding:8px 13px;min-height:36px;background:transparent;color:#d4d8ca;font:inherit;cursor:pointer}.time-controls button[aria-pressed=true]{background:#e0d1aa;color:#273d36}.time-controls button:focus-visible{outline:2px solid #fff1bd;outline-offset:3px}@media(max-width:600px){.time-controls{top:max(14px,env(safe-area-inset-top));left:14px}.time-caption{font-size:15px;margin-bottom:6px}}