:root{--bg:#fff;--fg:#101012;--muted:#6b6b70;--card:#f5f5f7;--border:#e5e5ea;--accent:#101012}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0b;--fg:#f5f5f7;--muted:#9a9aa0;--card:#161618;--border:#26262a;--accent:#f5f5f7}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;line-height:1.5}a{color:inherit}.wrap{max-width:640px;margin:0 auto;padding:72px 24px 96px}.logo{letter-spacing:-.01em;opacity:.7;font-size:15px;font-weight:600}h1{letter-spacing:-.03em;margin:20px 0 16px;font-size:clamp(34px,7vw,52px);line-height:1.05}.lede{color:var(--muted);max-width:30ch;margin:0 0 32px;font-size:19px}.badge{background:var(--accent);color:var(--bg);border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.badge.disabled{opacity:.4;pointer-events:none}.steps{gap:14px;margin:56px 0 0;padding:0;list-style:none;display:grid}.steps li{background:var(--card);border:1px solid var(--border);border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.steps .n{font-variant-numeric:tabular-nums;opacity:.4;min-width:20px;font-weight:600}section{margin-top:64px}section h2{letter-spacing:-.02em;margin:0 0 12px;font-size:22px}section p{color:var(--muted);font-size:15px}footer{color:var(--muted);margin-top:72px;font-size:13px}.form{gap:16px;margin-top:32px;display:grid}.form label{color:var(--fg);gap:6px;font-size:14px;font-weight:600;display:grid}.form select,.form input,.form textarea{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--border);border-radius:12px;width:100%;padding:12px 14px;font-weight:400}.form textarea{resize:vertical}.form button.badge{cursor:pointer;border:none;justify-content:center}.form button.badge:disabled{opacity:.4;cursor:default}.brand{color:var(--fg);align-items:center;gap:10px;margin-bottom:24px;display:flex}.brand-name{letter-spacing:-.02em;font-size:22px;font-weight:700}.flip{margin:28px 0 8px}.flip-input{gap:10px;display:flex}.flip-input input{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--border);border-radius:12px;flex:1;min-width:0;padding:13px 15px}.flip-input button.badge{cursor:pointer;border:none}.flip-input button.badge:disabled{opacity:.4;cursor:default}.flip-error{color:#e5484d;margin-top:12px;font-size:14px}.flip-result{gap:10px;margin-top:16px;display:grid}.flip-song{background:var(--card);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.flip-song img{object-fit:cover;border-radius:8px}.flip-song strong{font-size:15px;display:block}.flip-song span{color:var(--muted);font-size:13px}.flip-card{border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.flip-card.spotify{background:color-mix(in oklab, #1db954 14%, var(--bg))}.flip-card.appleMusic{background:color-mix(in oklab, #fb2c55 12%, var(--bg))}.flip-card.unavailable{opacity:.55}.flip-card>span{font-weight:600}.flip-card em{color:var(--muted);font-size:13px;font-style:normal}.flip-actions{gap:8px;display:flex}.flip-actions a,.flip-actions button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none}.flip-actions a{background:var(--accent);color:var(--bg);border:none}h1 .hl{color:var(--muted)}.cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}.badge.appstore{gap:8px}.badge.appstore svg{margin-top:-2px}.ghost-btn{font:inherit;color:var(--fg);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:15px;font-weight:600;text-decoration:underline}.section-sub{color:var(--muted);margin:-4px 0 0;font-size:15px}.flip-plat{align-items:center;gap:8px;display:inline-flex}.flip-plat img{border-radius:5px}.flip-copy-both{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--card);width:100%;color:var(--fg);border-radius:14px;padding:12px;font-size:14px;font-weight:600}.sheet-overlay{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border:1px solid var(--border);border-radius:22px;width:100%;max-width:440px;padding:28px}.sheet-grabber{display:none}.sheet h3{letter-spacing:-.02em;margin:0 0 12px;font-size:22px}.sheet p{color:var(--muted);margin:0 0 12px;font-size:15px}.sheet .sheet-tip{color:var(--fg)}.sheet .badge{cursor:pointer;border:none;margin-top:8px}@media (max-width:560px){.sheet-overlay{align-items:flex-end;padding:0}.sheet{border-radius:22px 22px 0 0;max-width:100%;padding-bottom:40px}.sheet-grabber{background:var(--border);border-radius:3px;width:40px;height:5px;margin:0 auto 16px;display:block}}