@font-face{font-family:Syne;src:url(../../../fonts/syne.woff2) format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Space Grotesk;src:url(../../../fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}:root{color-scheme:light;--bg: #f4f0e8;--surface: rgb(255 255 255 / .58);--surface-2: rgb(255 255 255 / .85);--field: rgb(255 255 255 / .72);--text: #17141f;--muted: #57526a;--border: rgb(23 20 31 / .13);--hi: rgb(255 255 255 / .75);--accent: #4a35d4;--accent-2: #b5307a;--accent-text: #ffffff;--accent-soft: rgb(74 53 212 / .12);--glow: rgb(74 53 212 / .4);--danger: #b3261e;--focus: #4a35d4;--shadow: 0 1px 2px rgb(40 30 80 / .06), 0 12px 32px -12px rgb(40 30 80 / .18);--blob-1: rgb(255 145 110 / .42);--blob-2: rgb(125 105 255 / .32);--blob-3: rgb(70 200 185 / .26);--grain: .07;--grain-invert: 0;--c-intro: #6b7280;--c-verse: #2f7d4f;--c-chorus: #c2410c;--c-bridge: #7c3aed;--c-outro: #475569;--c-a: #0f766e;--c-b: #be185d;--c-other: #6b7280;--radius: 14px;--radius-lg: 20px;--tap: 48px;--font: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display: "Syne", "Space Grotesk", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--chord-size: 1.375rem;--safe-bottom: env(safe-area-inset-bottom, 0px);--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--glass: blur(18px) saturate(1.6)}:root[data-theme=dark]{color-scheme:dark;--bg: #0d0c13;--surface: rgb(255 255 255 / .055);--surface-2: rgb(255 255 255 / .11);--field: rgb(0 0 0 / .28);--text: #f4f2f9;--muted: #aba7bb;--border: rgb(255 255 255 / .12);--hi: rgb(255 255 255 / .08);--accent: #aa9cff;--accent-2: #ff92c2;--accent-text: #130e28;--accent-soft: rgb(170 156 255 / .16);--glow: rgb(170 156 255 / .35);--danger: #ff8a80;--focus: #aa9cff;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 16px 40px -16px rgb(0 0 0 / .7);--blob-1: rgb(255 120 90 / .16);--blob-2: rgb(120 95 255 / .3);--blob-3: rgb(40 190 175 / .16);--grain: .06;--grain-invert: 1;--c-intro: #9ca3af;--c-verse: #4ade80;--c-chorus: #fb923c;--c-bridge: #c4b5fd;--c-outro: #94a3b8;--c-a: #2dd4bf;--c-b: #f472b6;--c-other: #9ca3af}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0d0c13;--surface: rgb(255 255 255 / .055);--surface-2: rgb(255 255 255 / .11);--field: rgb(0 0 0 / .28);--text: #f4f2f9;--muted: #aba7bb;--border: rgb(255 255 255 / .12);--hi: rgb(255 255 255 / .08);--accent: #aa9cff;--accent-2: #ff92c2;--accent-text: #130e28;--accent-soft: rgb(170 156 255 / .16);--glow: rgb(170 156 255 / .35);--danger: #ff8a80;--focus: #aa9cff;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 16px 40px -16px rgb(0 0 0 / .7);--blob-1: rgb(255 120 90 / .16);--blob-2: rgb(120 95 255 / .3);--blob-3: rgb(40 190 175 / .16);--grain: .06;--grain-invert: 1;--c-intro: #9ca3af;--c-verse: #4ade80;--c-chorus: #fb923c;--c-bridge: #c4b5fd;--c-outro: #94a3b8;--c-a: #2dd4bf;--c-b: #f472b6;--c-other: #9ca3af}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1rem;line-height:1.45;min-height:100dvh}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1}body:before{inset:-30vmax;background:radial-gradient(38vmax 38vmax at 28% 30%,var(--blob-1),transparent 70%),radial-gradient(44vmax 44vmax at 74% 34%,var(--blob-2),transparent 70%),radial-gradient(40vmax 40vmax at 52% 74%,var(--blob-3),transparent 70%);animation:drift 38s ease-in-out infinite alternate}body:after{inset:0;opacity:var(--grain);filter:invert(var(--grain-invert));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes drift{to{transform:translate3d(5vmax,-4vmax,0) rotate(10deg) scale(1.1)}}h1,h2,h3{line-height:1.2;margin:0}h1,.display{font-family:var(--display);font-weight:700;letter-spacing:-.02em}a{color:var(--accent)}::selection{background:var(--accent-soft)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-100px;z-index:100;background:var(--accent);color:var(--accent-text);padding:12px 16px;border-radius:var(--radius)}.skip-link:focus{top:8px}.rise{animation:rise .6s var(--ease) backwards;animation-delay:min(calc(var(--i, 0) * 45ms),.36s)}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.985)}}@keyframes pop{50%{transform:scale(1.06)}}::view-transition-old(root){animation:vt-out .16s var(--ease) both}::view-transition-new(root){animation:vt-in .34s var(--ease) both}@keyframes vt-out{to{opacity:0;transform:scale(.99)}}@keyframes vt-in{0%{opacity:0;transform:translateY(12px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);min-width:var(--tap);padding:0 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:inset 0 1px 0 var(--hi);color:var(--text);font-weight:600;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .2s var(--ease),background-color .2s,background-position .5s var(--ease),box-shadow .3s var(--ease),border-color .2s}.btn:active:not(:disabled){transform:scale(.96);transition-duration:.08s}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2) 60%,var(--accent)) 0 0 / 200% 100%;border-color:transparent;color:var(--accent-text);box-shadow:0 8px 24px -10px var(--glow),inset 0 1px #ffffff40}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none}@media(hover:hover){.btn:hover:not(:disabled){background-color:var(--surface-2);transform:translateY(-1px)}.btn.primary:hover:not(:disabled){background-position:100% 0;box-shadow:0 12px 32px -10px var(--glow),inset 0 1px #ffffff40}.btn.ghost:hover:not(:disabled){background-color:var(--surface)}}.btn.danger{color:var(--danger)}.btn.block{width:100%}.btn.icon{padding:0;width:var(--tap)}.btn svg{width:22px;height:22px;flex:none}.page{max-width:960px;margin:0 auto;padding:16px 16px calc(112px + var(--safe-bottom))}.topbar{display:flex;align-items:center;gap:8px;min-height:56px}.topbar .grow{flex:1;min-width:0}.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 16px calc(12px + var(--safe-bottom));background:color-mix(in srgb,var(--bg) 72%,transparent);border-top:1px solid var(--border);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);animation:rise .5s var(--ease) backwards}.bottombar .inner{max-width:960px;margin:0 auto;display:flex;gap:8px}.bottombar .inner>.primary{flex:1;font-size:1.125rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow),inset 0 1px 0 var(--hi);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.muted{color:var(--muted)}.notice{padding:12px 16px;border-radius:var(--radius);background:var(--accent-soft);border:1px solid var(--border);margin:12px 0}.notice.warn{border-color:var(--danger)}.field{display:flex;flex-direction:column;gap:4px}.input,select.input{min-height:var(--tap);padding:0 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--field);transition:border-color .2s,box-shadow .3s var(--ease)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.label-tag{display:inline-flex;align-items:center;gap:10px;font-weight:700}.label-tag:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--tag, var(--c-other));box-shadow:0 0 0 3px color-mix(in srgb,var(--tag, var(--c-other)) 22%,transparent),0 0 14px var(--tag, var(--c-other));flex:none}.eyebrow{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.toast.svelte-12qhfyh{position:fixed;left:50%;translate:-50% 0;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:50;display:flex;align-items:center;gap:8px;min-height:48px;padding:4px 4px 4px 20px;max-width:calc(100vw - 32px);background:color-mix(in srgb,var(--text) 90%,transparent);color:var(--bg);border-radius:999px;box-shadow:0 16px 40px -12px #00000073;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);animation:svelte-12qhfyh-toast-in .45s var(--spring) backwards}@keyframes svelte-12qhfyh-toast-in{0%{opacity:0;transform:translateY(16px) scale(.92)}}.toast.svelte-12qhfyh .btn:where(.svelte-12qhfyh){border-radius:999px;color:var(--bg);text-decoration:underline}.toast.svelte-12qhfyh .btn:where(.svelte-12qhfyh):hover{background:transparent}