:root{font-family:system-ui,sans-serif;color:#0f172a;background:#f8fafc}body{margin:0}.layout{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;background:#0f172a;color:#f8fafc}.header a{color:#93c5fd;text-decoration:none}.header a.router-link-active{color:#fff;text-decoration:underline}.main{flex:1;padding:1.5rem;max-width:52rem;width:100%;margin:0 auto;box-sizing:border-box}.hint[data-v-11782714]{color:#64748b}.form[data-v-11782714]{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.field[data-v-11782714]{display:flex;flex-direction:column;gap:.35rem}.field input[type=text][data-v-11782714]{padding:.5rem .65rem;border:1px solid #cbd5e1;border-radius:6px}button[data-v-11782714]{padding:.55rem 1rem;border-radius:6px;border:none;background:#2563eb;color:#fff;cursor:pointer;font-weight:600}button[data-v-11782714]:disabled{opacity:.6;cursor:not-allowed}.err[data-v-11782714]{color:#b91c1c;margin-top:1rem}.result[data-v-11782714]{margin-top:2rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.row[data-v-11782714]{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.row button[data-v-11782714]{background:#0f172a}.player[data-v-9f38f0a0]{width:100%;max-height:70vh;background:#000;border-radius:8px}.err[data-v-9f38f0a0]{color:#b91c1c}