:root{--plum-900:#120a22;--plum-800:#1a0f2e;--plum-700:#241338;--plum-600:#2a1140;--plum-500:#3a1f6a;--gold:#e7c87a;--gold-bright:#f2c14e;--coral:#f08a6a;--teal:#5ec8c0;--violet:#9a7bd6;--cream:#f7f1e8;--ink:#2a1140;--txt:#f7f1e8;--txt-dim:#cdbfe0;--txt-faint:#9a8cb8;--bg:#120a22;--card:rgba(255,255,255,.05);--card-line:rgba(231,200,122,.16);--serif:"Fraunces",Georgia,serif;--sans:"Inter",system-ui,-apple-system,sans-serif;--r:18px;--shadow:0 18px 50px rgba(0,0,0,.45)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--txt);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.serif{font-family:var(--serif)}.app{max-width:480px;margin:0 auto;min-height:100%;position:relative;background:radial-gradient(120% 60% at 50% -10%,#2a1140,#1a0f2e 45%,#120a22)}@media (min-width:481px){.app{box-shadow:0 0 60px #00000080}}.pad{padding:20px}.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:600}.h1{font-family:var(--serif);font-weight:600;font-size:40px;line-height:1.04;letter-spacing:-.01em}.h2{font-family:var(--serif);font-weight:600;font-size:26px;line-height:1.1}.muted{color:var(--txt-dim)}.faint{color:var(--txt-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:15px 26px;font-weight:700;font-size:15px;background:linear-gradient(180deg,var(--gold-bright),#dca93a);color:#1a0f2e;box-shadow:0 10px 30px #f2c14e47;transition:transform .15s,filter .15s;width:100%}.btn:active{transform:translateY(1px)}.btn.ghost{background:#ffffff0f;color:var(--txt);border:1px solid var(--card-line);box-shadow:none}.card{background:var(--card);border:1px solid var(--card-line);border-radius:var(--r);padding:16px}.input{width:100%;background:#ffffff0a;border:1px solid var(--card-line);border-radius:14px;padding:15px 16px;color:var(--txt);font-size:16px;font-family:inherit}.input::placeholder{color:var(--txt-faint)}.row{display:flex;align-items:center;gap:12px}.spacer{flex:1}.chip{padding:9px 14px;border-radius:999px;border:1px solid var(--card-line);background:#ffffff0a;font-size:13px;font-weight:600;color:var(--txt-dim)}.chip.on{background:linear-gradient(180deg,var(--gold-bright),#dca93a);color:#1a0f2e;border-color:transparent}.orb{width:120px;height:120px;border-radius:50%;margin:0 auto;background:radial-gradient(circle at 38% 32%,#ffe6a3,var(--gold-bright) 45%,#d68a2e 100%);box-shadow:0 0 60px #f2c14e8c,0 0 120px #f2c14e40;animation:pulse 3.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.12)}}.fade-in{animation:fade .5s ease both}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.nav{position:sticky;bottom:0;display:flex;justify-content:space-around;padding:12px 8px 22px;background:linear-gradient(0deg,#120a22 60%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--txt-faint);font-weight:600}.nav button.on{color:var(--gold)}.nav .ic{font-size:20px}.tile{aspect-ratio:1;border-radius:14px;display:flex;align-items:flex-end;padding:10px;font-weight:700;font-size:13px;color:#1a0f2e}.songrow{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.06)}.art{width:46px;height:46px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center;font-weight:800;color:#1a0f2e;font-size:14px}.play{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,var(--gold-bright),#dca93a);color:#1a0f2e;display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}.bar{height:6px;border-radius:6px;background:#ffffff1f;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright))}.skel{background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:10px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}html.rk-large .app{zoom:1.18}@supports not (zoom:1){html.rk-large .app{transform:scale(1.18);transform-origin:top center}}html.rk-contrast{--txt-dim:#f1ebfa;--txt-faint:#d4c8ea;--card:rgba(255,255,255,.1);--card-line:rgba(231,200,122,.45);--gold:#f5d98c}html.rk-contrast .faint{color:var(--txt-faint)}html.rk-reduce *,html.rk-reduce *:before,html.rk-reduce *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.menu-pill{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);right:10px;z-index:120;display:inline-flex;align-items:center;justify-content:center;width:36px;height:32px;border-radius:999px;background:#ffffff0f;border:1px solid var(--card-line);color:var(--txt-dim);box-shadow:0 2px 8px #00000040}.menu-pill:hover{color:var(--gold);border-color:var(--gold)}.a11y-menu{position:fixed;top:calc(env(safe-area-inset-top,0px) + 48px);right:10px;z-index:120;width:min(320px,calc(100vw - 20px));max-height:calc(100vh - 70px);overflow-y:auto;background:var(--plum-800);border:1px solid var(--card-line);border-radius:16px;padding:14px 16px;box-shadow:0 22px 60px #0009}.menu-item{display:block;width:100%;text-align:left;padding:11px 10px;border-radius:10px;font-weight:600;font-size:15px;color:var(--txt)}.menu-item:hover{background:#ffffff0f}.md p{margin:0 0 8px}.md p:last-child{margin-bottom:0}.md ul,.md ol{margin:6px 0 8px;padding-left:20px}.md li{margin:3px 0}.md li:last-child{margin-bottom:0}.md strong{font-weight:700}.md em{font-style:italic}.md a{color:var(--gold);text-decoration:underline}.md code{background:#ffffff14;padding:1px 5px;border-radius:5px;font-size:.9em}.md .md-h{font-weight:700;margin:6px 0 4px}.md .md-h:first-child{margin-top:0}