*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#ff6b4a;--accent-secondary:#e8553a;--accent-glow:#ff6b4a1f;--gradient:linear-gradient(135deg, #ff6b4a, #f43f5e);--gradient-subtle:linear-gradient(135deg, #ff6b4a0f, #f43f5e0f);--bg:#f5f4f0;--bg-elevated:#fff;--surface:#fff;--surface-hover:#f3f3f0;--border:#0000000f;--border-hover:#0000001f;--text:#1a1a2e;--text-secondary:#5a5a72;--muted:#8b8ba3;--dim:#b8b8cc;--card-bg:#fff;--card-w:clamp(260px, 85vw, 380px);--card-h:clamp(364px, 119vw, 532px);--r:16px;--spotify-green:#1db954;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-glow:0 0 40px #ff6b4a14;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--accent:#fb923c;--accent-secondary:#f43f5e;--accent-glow:#fb923c26;--gradient:linear-gradient(135deg, #fb923c, #f43f5e);--gradient-subtle:linear-gradient(135deg, #fb923c14, #f43f5e14);--bg:#08080f;--bg-elevated:#0e0e1a;--surface:#13132a;--surface-hover:#1a1a3a;--border:#ffffff0f;--border-hover:#ffffff1f;--text:#f0f0f5;--text-secondary:#a0a0b8;--muted:#6b6b80;--dim:#3d3d50;--card-bg:#161630;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 40px #fb923c1a}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-secondary)}::selection{color:var(--text);background:#ff6b4a33}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (height<=700px){:root{--card-h:clamp(250px, calc(100dvh - 200px), 400px)}}@media (width>=768px){:root{--card-w:340px;--card-h:476px}}@media (width>=1200px){:root{--card-w:380px;--card-h:532px}}.app-shell.svelte-12qhfyh{flex-direction:column;min-height:100dvh;display:flex;position:relative}.theme-toggle.svelte-12qhfyh{z-index:50;border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted);cursor:pointer;transition:all .15s var(--ease-out);border-radius:8px;justify-content:center;align-items:center;display:flex;position:fixed;top:.75rem;right:.75rem}.theme-toggle.svelte-12qhfyh:hover{color:var(--text);border-color:var(--border-hover)}.app-footer.svelte-12qhfyh{border-top:1px solid var(--border);background:var(--bg);padding:1.5rem}.footer-inner.svelte-12qhfyh{max-width:600px;color:var(--dim);justify-content:space-between;align-items:center;margin:0 auto;font-size:.78rem;display:flex}.footer-brand.svelte-12qhfyh{letter-spacing:.5px;font-weight:600}.footer-kofi.svelte-12qhfyh{color:var(--dim);align-items:center;gap:.35rem;text-decoration:none;transition:color .15s;display:flex}.footer-kofi.svelte-12qhfyh:hover{color:#ff5f5f}