:root{--color-bg: #0f1419;--color-surface: #1a2332;--color-surface-elevated: #243044;--color-text: #e8edf4;--color-text-muted: #8b9cb3;--color-accent: #3ddc97;--color-accent-dim: #2a9d6c;--color-warning: #ffb347;--color-danger: #ff6b6b;--radius: 14px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.45}#app{min-height:100dvh}a{color:var(--color-accent)}button,input{font:inherit}.app-btn[data-v-93ecc3f1]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.65rem 1.1rem;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;width:100%;transition:background .15s,opacity .15s,transform .08s}.app-btn[data-v-93ecc3f1]:active:not(:disabled){transform:scale(.98)}.app-btn[data-v-93ecc3f1]:disabled{opacity:.45;cursor:not-allowed}.app-btn.primary[data-v-93ecc3f1]{background:var(--color-accent);color:#06261a}.app-btn.secondary[data-v-93ecc3f1]{background:var(--color-surface-elevated);color:var(--color-text)}.app-btn.ghost[data-v-93ecc3f1]{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-surface-elevated)}.app-btn.danger[data-v-93ecc3f1]{background:var(--color-danger);color:#1a0505}.field[data-v-673d19ee]{display:flex;flex-direction:column;gap:.35rem}.label[data-v-673d19ee]{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.input[data-v-bbb4fa9f]{width:100%;min-height:48px;padding:.65rem .85rem;border:1px solid var(--color-surface-elevated);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}.input[data-v-bbb4fa9f]:focus{outline:2px solid var(--color-accent-dim);outline-offset:1px}.form[data-v-25771ff6]{display:flex;flex-direction:column;gap:1rem;padding:1.1rem;background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-surface-elevated)}.title[data-v-25771ff6]{margin:0;font-size:1.15rem}.row[data-v-25771ff6]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.error[data-v-25771ff6]{margin:0;font-size:.9rem;color:var(--color-warning)}.section[data-v-5b7db448]{display:flex;flex-direction:column;gap:.75rem}.title[data-v-5b7db448]{margin:0;font-size:1.05rem;color:var(--color-text-muted)}.empty[data-v-5b7db448]{margin:0;padding:1rem;color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius);border:1px dashed var(--color-surface-elevated)}.list[data-v-5b7db448]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.card[data-v-5b7db448]{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-surface-elevated)}.info[data-v-5b7db448]{display:flex;flex-direction:column;gap:.2rem}.name[data-v-5b7db448]{font-weight:700;font-size:1.05rem}.meta[data-v-5b7db448]{font-size:.9rem;color:var(--color-text-muted)}.actions[data-v-5b7db448]{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.btn-sm[data-v-5b7db448]{min-height:44px;padding:.5rem .65rem;font-size:.9rem}.page[data-v-eadae0cb]{display:flex;flex-direction:column;gap:1.25rem;padding:calc(var(--safe-top) + 1rem) calc(var(--safe-right) + 1rem) calc(var(--safe-bottom) + 1.25rem) calc(var(--safe-left) + 1rem);max-width:32rem;margin:0 auto}.hero[data-v-eadae0cb]{display:flex;flex-direction:column;gap:.35rem}.title[data-v-eadae0cb]{margin:0;font-size:1.65rem;letter-spacing:-.02em}.lead[data-v-eadae0cb]{margin:0;font-size:.95rem;color:var(--color-text-muted)}.player[data-v-981c6883]{display:flex;flex-direction:column;gap:1rem;max-width:28rem;margin:0 auto}.head[data-v-981c6883]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.ex-title[data-v-981c6883]{margin:0;font-size:1.35rem;line-height:1.2}.sound[data-v-981c6883]{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--color-text-muted);white-space:nowrap}.sound input[data-v-981c6883]{width:1.1rem;height:1.1rem;accent-color:var(--color-accent)}.status[data-v-981c6883]{margin:0;font-size:.95rem;color:var(--color-text-muted)}.counters[data-v-981c6883]{display:flex;flex-wrap:wrap;gap:.5rem}.pill[data-v-981c6883]{padding:.4rem .75rem;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-surface-elevated);font-size:.88rem;font-weight:600}.ring-wrap[data-v-981c6883]{position:relative;width:min(72vw,280px);height:min(72vw,280px);margin:.5rem auto}.ring[data-v-981c6883]{width:100%;height:100%}.ring-bg[data-v-981c6883]{fill:none;stroke:var(--color-surface-elevated);stroke-width:8}.ring-fg[data-v-981c6883]{fill:none;stroke:var(--color-accent);stroke-width:8;stroke-linecap:round}.ring-label[data-v-981c6883]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.phase[data-v-981c6883]{font-size:clamp(1.2rem,5vw,1.5rem);font-weight:800}.sub[data-v-981c6883]{margin-top:.25rem;font-size:1rem;color:var(--color-text-muted)}.done[data-v-981c6883]{padding:2rem 1rem;text-align:center}.done-text[data-v-981c6883]{margin:0;font-size:1.2rem;font-weight:700}.controls[data-v-981c6883]{display:flex;flex-direction:column;gap:.6rem}.hint[data-v-981c6883]{margin:0;font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.page[data-v-5dec8339]{min-height:100dvh;padding:calc(var(--safe-top) + .5rem) calc(var(--safe-right) + 1rem) calc(var(--safe-bottom) + 1.25rem) calc(var(--safe-left) + 1rem)}.nav[data-v-5dec8339]{margin-bottom:.5rem}.back[data-v-5dec8339]{display:inline-flex;align-items:center;min-height:44px;padding:.25rem 0;border:none;background:none;color:var(--color-accent);font-weight:600;cursor:pointer}.back[data-v-5dec8339]:focus-visible{outline:2px solid var(--color-accent-dim);outline-offset:2px;border-radius:4px}