:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overscroll-behavior:none}html,body,#app{height:100%;height:100dvh;margin:0;background:#0b0f16;color:#e8eefc;overflow:hidden;touch-action:none}.page{height:100%;height:100dvh;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:12px}.title{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:14px;opacity:.95}.controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}button{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e8eefc;padding:8px 10px;border-radius:10px;cursor:pointer;font-weight:600;font-size:12px}button:hover{background:#ffffff1a}button:active{transform:translateY(1px)}.canvasWrap{position:relative;overflow:hidden;width:100%;height:100%}.canvasWrap canvas{display:block;width:100%;height:100%}.hint{position:absolute;left:14px;bottom:14px;font-size:12px;opacity:.75;-webkit-user-select:none;user-select:none}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px;padding:2px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:#0003}.timer-window[data-v-02bb8579]{position:fixed;background:#0b0f16d9;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px;color:#fff;-webkit-user-select:none;user-select:none;width:200px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0006;z-index:1000;font-family:monospace}.timer-header[data-v-02bb8579]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;cursor:grab;font-weight:700;font-size:.85em;letter-spacing:.1em;color:#fff9}.timer-header[data-v-02bb8579]:active{cursor:grabbing}.close-btn[data-v-02bb8579]{background:none;border:none;color:#fff6;cursor:pointer;font-size:1.5em;padding:0;line-height:.5;display:flex;align-items:center}.close-btn[data-v-02bb8579]:hover{color:#fff;background:none}.timer-display[data-v-02bb8579]{font-size:2.2em;text-align:center;margin:12px 0 20px;color:#64d2ff;font-weight:500;text-shadow:0 0 20px rgba(100,210,255,.3)}.timer-controls[data-v-02bb8579]{display:flex;gap:8px;justify-content:center}.timer-controls button[data-v-02bb8579]{flex:1;padding:8px 0;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:#eee;font-size:.8em;cursor:pointer;transition:all .2s;font-family:inherit;font-weight:600}.timer-controls button[data-v-02bb8579]:hover{background:#fff3;border-color:#fff6}.timer-controls button[data-v-02bb8579]:active{background:#ffffff0d;transform:translateY(1px)}.speed-wrap{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font-size:14px;background:#ffffff0d;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.speed-wrap input{width:70px;cursor:pointer}