:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--logo-navy:#001b44;--logo-navy-deep:#000f28;--logo-sky:#3498db;--logo-cyan:#40c4ff;--logo-gold:#fbc02d;--logo-orange:#e64a19;--bg-deep:var(--logo-navy-deep);--bg-mid:#061a35;--bg-elevated:color-mix(in srgb, var(--logo-navy) 78%, #0a1628 22%);--panel:color-mix(in srgb, var(--logo-navy) 88%, #f0f6ff 12%);--panel-nook:color-mix(in srgb, var(--logo-navy) 72%, var(--logo-cyan) 28%);--text:#f2f7ff;--muted:#f2f7ffbd;--accent:var(--logo-gold);--accent-sky:var(--logo-sky);--accent-cyan:var(--logo-cyan);--accent-strong:var(--logo-orange);--accent-glow:color-mix(in srgb, var(--logo-cyan) 22%, transparent);--border-dash:color-mix(in srgb, var(--logo-cyan) 38%, transparent);--shadow-card:0 14px 42px #000a1e73;--shadow-inset-nook:inset 0 1px 0 #ffffff0f, inset 0 -2px 14px #00000059;font-family:"Source Sans 3",system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background-color:var(--bg-deep);background-image:radial-gradient(ellipse 115% 70% at 50% -8%, color-mix(in srgb, var(--logo-cyan) 16%, transparent), transparent 55%), radial-gradient(ellipse 80% 45% at 80% 100%, color-mix(in srgb, var(--logo-orange) 10%, transparent), transparent 50%), radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--text) 5%, transparent) 1px, transparent 0), linear-gradient(165deg, var(--bg-mid) 0%, var(--bg-deep) 45%, #030812 100%);background-size:100% 100%,100% 100%,22px 22px,100% 100%;margin:0}#root{min-height:100vh}a{color:color-mix(in srgb, var(--logo-cyan) 92%, #fff 8%)}a:hover{color:var(--logo-sky)}button:focus-visible,audio:focus-visible{outline:2px solid var(--logo-gold);outline-offset:3px}.page{max-width:880px;margin:0 auto;padding:2rem 1.25rem 4rem}.header{text-align:center;margin-bottom:2rem}.logo-link{display:inline-block}.site-nav{margin-top:1rem}.nav-link{color:color-mix(in srgb, var(--accent-cyan) 94%, #fff 6%);border-bottom:1px dashed color-mix(in srgb, var(--accent-cyan) 48%, transparent);font-weight:600;text-decoration:none}.nav-link:hover{color:var(--accent);border-bottom-color:color-mix(in srgb, var(--accent) 55%, transparent)}.logo{filter:drop-shadow(0 10px 28px #00000080);max-width:min(360px,100%);height:auto}.tagline{max-width:36rem;color:var(--muted);margin:1rem auto 0;font-size:.98rem;font-style:italic;line-height:1.45}.main{gap:1.5rem;display:grid}@media (width>=720px){.main{grid-template-columns:1fr 1fr;align-items:start}}.card{background:var(--panel);border:2px dashed var(--border-dash);box-shadow:var(--shadow-card);border-radius:18px 10px 20px 14px;padding:1.25rem 1.25rem 1.5rem}.card-head{margin-bottom:1rem}.card h2{font-family:var(--font-display);font-variation-settings:"SOFT" 40;letter-spacing:.01em;text-transform:none;color:var(--accent);text-shadow:0 1px #00000059;margin:0 0 .35rem;font-size:1.2rem;font-weight:600}.track-block .artist{color:color-mix(in srgb, var(--accent-sky) 52%, var(--accent-cyan) 48%);margin:0 0 .35rem;font-size:1.35rem;font-weight:700}.track-block .title{margin:0 0 .75rem;font-size:1.2rem;font-weight:600}.up-next{border:1px dashed color-mix(in srgb, var(--accent-cyan) 34%, transparent);background:color-mix(in srgb, var(--panel) 92%, var(--accent-cyan) 8%);border-radius:12px 14px 10px 12px;margin-top:1rem;padding:.85rem 1rem}.up-next-label{font-family:var(--font-display);color:var(--accent);letter-spacing:.02em;margin:0 0 .45rem;font-size:.88rem;font-weight:600}.up-next-track{margin:0;font-size:.96rem;line-height:1.45}.up-next-artist{color:color-mix(in srgb, var(--accent-sky) 58%, var(--accent-cyan) 42%);font-weight:600}.up-next-title{font-weight:500}.up-next-sep{color:var(--muted)}.up-next-empty{margin:0;font-size:.92rem}.up-next-note{margin:.55rem 0 0;font-size:.8rem}.meta{margin:0}.pill{background:color-mix(in srgb, var(--accent-cyan) 22%, transparent);border:1px dashed color-mix(in srgb, var(--accent-cyan) 45%, transparent);word-break:break-all;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;display:inline-block}.muted{color:var(--muted)}.player-nook{background:var(--panel-nook);border:1px solid color-mix(in srgb, var(--accent-cyan) 28%, transparent);box-shadow:var(--shadow-inset-nook);border-radius:14px 18px 12px 16px;margin-top:1rem;padding:1.2rem 1.05rem 1.15rem;position:relative}.player-nook:before{content:"♪";opacity:.22;pointer-events:none;color:var(--accent);font-size:1.15rem;position:absolute;top:.65rem;right:.85rem}.audio-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cozy-player{background:color-mix(in srgb, #0a1220 75%, var(--logo-navy) 25%);border:1px solid color-mix(in srgb, var(--accent-cyan) 25%, transparent);border-radius:999px;align-items:center;gap:.65rem;width:100%;margin-top:0;padding:.6rem .75rem;display:flex;box-shadow:inset 0 2px 8px #00000059,0 1px #ffffff0a}.cozy-player--disabled{opacity:.55;pointer-events:none}.cozy-player__play,.cozy-player__mute{cursor:pointer;color:#f0f6ff;background:color-mix(in srgb, var(--accent-cyan) 18%, var(--logo-navy-deep) 82%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;transition:filter .12s,transform 80ms;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.cozy-player__play:hover:not(:disabled),.cozy-player__mute:hover:not(:disabled){filter:brightness(1.12)}.cozy-player__play:active:not(:disabled),.cozy-player__mute:active:not(:disabled){transform:scale(.96)}.cozy-player__play:focus-visible,.cozy-player__mute:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cozy-player__play:disabled,.cozy-player__mute:disabled{cursor:not-allowed;opacity:.6}.cozy-player__icon{width:1.35rem;height:1.35rem}.cozy-player__progress-wrap{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.cozy-player__time{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--muted);flex-shrink:0;font-size:.78rem}.cozy-player__scrub{appearance:none;cursor:pointer;background:0 0;border-radius:999px;flex:1;min-width:0;height:.45rem}.cozy-player__scrub::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--muted) 28%, transparent);border-radius:999px;height:.45rem}.cozy-player__scrub:disabled{cursor:not-allowed;opacity:.5}.cozy-player__scrub::-webkit-slider-thumb{appearance:none;background:linear-gradient(160deg, var(--accent), var(--accent-strong));border:2px solid #fff6;border-radius:50%;width:.9rem;height:.9rem;box-shadow:0 1px 4px #0006}.cozy-player__scrub::-moz-range-thumb{background:linear-gradient(160deg, var(--accent), var(--accent-strong));border:2px solid #fff6;border-radius:50%;width:.9rem;height:.9rem;box-shadow:0 1px 4px #0006}.cozy-player__scrub::-moz-range-track{background:color-mix(in srgb, var(--muted) 28%, transparent);border-radius:999px;height:.45rem}.cozy-player__scrub:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.15rem;display:flex}.btn{cursor:pointer;border:none;border-radius:999px;padding:.65rem 1.4rem;font-family:inherit;font-size:1rem;font-weight:700;transition:transform 80ms,filter .15s,box-shadow .15s}.btn.primary{background:linear-gradient(175deg, color-mix(in srgb, var(--accent) 96%, #fff 4%), color-mix(in srgb, var(--accent-strong) 88%, #8c2508 12%));color:#fff;text-shadow:0 1px 2px #000f2873;box-shadow:0 3px 14px color-mix(in srgb, var(--accent-strong) 42%, transparent), inset 0 1px 0 #ffffff59}.btn.primary:hover{filter:brightness(1.06);box-shadow:0 4px 18px color-mix(in srgb, var(--accent-strong) 48%, transparent), inset 0 1px 0 #fff6}.btn.primary:active{transform:translateY(1px)}.check{color:var(--muted);align-items:center;gap:.45rem;font-size:.9rem;display:inline-flex}.hint{color:var(--muted);margin:.75rem 0 0;font-size:.85rem}.history-list{max-height:22rem;margin:0;padding-left:1.1rem;overflow:auto}.history-list li{margin-bottom:.45rem;font-size:.92rem}.h-artist{color:color-mix(in srgb, var(--accent-sky) 62%, var(--accent-cyan) 38%);font-weight:600}.sep{color:var(--muted);margin:0 .25rem}.h-title{font-weight:500}.health-banner{border:2px dashed color-mix(in srgb, var(--accent-strong) 52%, transparent);background:color-mix(in srgb, var(--accent-strong) 14%, var(--panel));border-radius:14px 10px 12px 16px;margin-bottom:1.25rem;padding:1rem 1.1rem;box-shadow:0 10px 32px #00000052}.health-banner strong{font-family:var(--font-display);color:var(--accent);letter-spacing:.02em;text-transform:none;margin-bottom:.5rem;font-size:1rem;font-weight:600;display:block}.health-banner p{word-break:break-word;margin:0 0 .65rem;font-size:.9rem;line-height:1.45}.health-banner p:last-child{margin-bottom:0}.health-banner-hint{color:var(--muted);font-size:.82rem!important}.health-banner code{color:var(--accent-cyan);font-size:.8em}.footer{text-align:center;margin-top:2.5rem}.footer code{color:color-mix(in srgb, var(--accent-cyan) 78%, var(--accent) 22%);font-size:.85em}.page-about{max-width:min(56rem,100%)}.main-about{grid-template-columns:1fr}.about-shell{width:100%;max-width:min(52rem,100%);margin-inline:auto}.about-card{padding:1.75rem 1.5rem 2rem}@media (width>=640px){.about-card{padding:2rem 2rem 2.25rem}}.about-title{font-family:var(--font-display);font-variation-settings:"SOFT" 38;letter-spacing:.02em;text-transform:none;color:var(--accent);text-shadow:0 1px #00000059;margin:0 0 1.25rem;font-size:1.45rem;font-weight:600;line-height:1.25}.about-prose p{color:color-mix(in srgb, var(--text) 92%, var(--muted));margin:0 0 1rem;font-size:clamp(1rem,.96rem + .2vw,1.08rem);line-height:1.7}.about-prose p:last-child{margin-bottom:0}.embed-page{box-sizing:border-box;min-height:100vh;margin:0;padding:.75rem}.embed-shell{max-width:420px;margin:0 auto}.health-banner--embed{margin-bottom:.85rem;padding:.75rem .85rem}.health-banner--embed p:last-child{margin-bottom:0}.embed-snippet{max-width:min(52rem,100%);margin:2rem auto 0;padding:1.25rem 1.25rem 1.5rem}.page-about .embed-snippet{margin-top:1.75rem}.embed-snippet-title{font-family:var(--font-display);color:var(--accent);margin:0 0 .5rem;font-size:1.15rem;font-weight:600}.embed-snippet-lead{margin:0 0 .85rem;font-size:.92rem}.embed-snippet-code{width:100%;color:var(--text);background:color-mix(in srgb, var(--logo-navy-deep) 65%, var(--panel) 35%);border:1px dashed color-mix(in srgb, var(--accent-cyan) 35%, transparent);resize:vertical;border-radius:10px;min-height:8rem;margin:0 0 1rem;padding:.85rem 1rem;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,Menlo,monospace;font-size:.78rem;line-height:1.45;display:block}.embed-snippet-copy{margin-top:0}