*{box-sizing:border-box} :root{color-scheme:dark;--ink:#e8eee7;--muted:#91a6a0;--mono:'IBM Plex Mono',monospace;--sans:'Inter Tight',Arial,sans-serif}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#06110f;color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #d9eee0;outline-offset:3px}.music-page{height:100vh;height:100dvh;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);padding:14px;gap:14px}.pond-panel{position:relative;min-height:0;overflow:hidden;border-radius:28px;background:#123d34;border:1px solid #afcebd24}.topbar{position:absolute;top:0;left:0;right:0;z-index:2;padding:24px;display:flex;justify-content:space-between;gap:12px;align-items:center}.home-link{display:flex;align-items:center;gap:7px;font:10px var(--mono);letter-spacing:.09em}.home-link svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.5}.top-meta{font:9px var(--mono);letter-spacing:.09em}.top-meta span:last-child{display:none}.pond-stage,#p5-container{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}.motion-toggle{position:absolute;right:22px;top:70px;border:0;background:transparent;color:#bdd2c4a6;font:9px var(--mono);letter-spacing:.12em;padding:10px;z-index:3}.micro-player{position:absolute;left:22px;right:22px;bottom:22px;display:grid;grid-template-columns:62px minmax(0,1fr);gap:18px;align-items:center;padding:21px;border-radius:24px;border:1px solid #c6e4d22b;background:linear-gradient(120deg,#0c211bba,#132f27a8);box-shadow:0 16px 40px #0003,inset 0 1px #e6ffed0d;backdrop-filter:blur(18px)}.play-disc{width:62px;height:62px;border-radius:50%;background:#dce9dd;color:#19372b;display:grid;place-items:center;border:0}.play-icon{width:0;height:0;border-left:12px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:4px}.player-strip{min-width:0}.player-strip-top{display:flex;align-items:center;gap:16px}.equalizer{height:22px;display:flex;align-items:center;gap:3px}.equalizer span{width:2px;height:12px;background:#b8d0bf;animation:pulse 2s ease-in-out infinite alternate}.equalizer span:nth-child(3n){height:22px;animation-delay:-.7s}.equalizer span:nth-child(2n){height:6px;animation-delay:-1.2s}.player-rule{height:1px;background:#b6cfbc40;flex:1}.player-time{display:flex;gap:6px;font:9px var(--mono);color:#a9bdb1;white-space:nowrap}.player-strip-bottom{margin-top:10px;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:5px}.player-kicker{display:none}.player-song{font-size:clamp(17px,1.7vw,26px);font-weight:500;letter-spacing:-.025em;line-height:1.1}.player-artist{font:9px var(--mono);color:#b9cbbb}.info-panel{min-height:0;min-width:0}.info-inner{height:100%;padding:clamp(18px,3vw,44px) clamp(12px,2vw,28px);display:flex;flex-direction:column;justify-content:center}.eyebrow{font:9px var(--mono);letter-spacing:.12em;color:#8ba399;margin:0 0 26px}.eyebrow span{padding:0 6px}.hero-title{font-size:clamp(32px,3.7vw,59px);font-weight:400;line-height:1.02;letter-spacing:-.045em;margin:0;display:grid;gap:5px}.hero-secondary{color:#9bbda9}.hero-copy{font-size:13px;line-height:1.6;color:#97aca0;margin:20px 0}.cta-pill{display:flex;align-items:center;gap:14px;width:fit-content;font:9px var(--mono);letter-spacing:.12em;padding:10px 0;color:#c4dbc9}.cta-pill svg{width:17px;height:17px;stroke:currentColor;fill:none}.track-section{margin-top:24px}.track-head{font:9px var(--mono);letter-spacing:.12em;color:#7f978a;padding-bottom:13px;border-bottom:1px solid #bfd9c51c}.track-row{width:100%;display:grid;grid-template-columns:21px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;padding:15px 0;border:0;border-bottom:1px solid #bfd9c51c;background:transparent;color:#8eaa9b}.track-row:hover,.track-row.is-active{color:#eef1e7}.track-number{font:10px var(--mono);color:#637f70}.track-copy strong{display:block;font-size:14px;font-weight:400;line-height:1.2}.track-copy span{display:block;font:9px var(--mono);letter-spacing:.08em;margin-top:6px;color:#89a392}.track-duration{font:10px var(--mono);display:flex;align-items:center;gap:10px}.track-arrow{display:block;width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.annotation-card{margin-top:22px}.annotation-label{font:9px var(--mono);letter-spacing:.1em;color:#759181}.annotation-copy{font-size:12px;line-height:1.5;color:#a5baaa;margin:8px 0 0;max-width:34ch}@keyframes pulse{to{transform:scaleY(.4);opacity:.5}}.is-paused .equalizer span{animation-play-state:paused}
@media(min-width:761px) and (max-height:760px){.info-inner{padding-top:15px;padding-bottom:15px}.eyebrow{margin-bottom:16px}.hero-title{font-size:clamp(30px,3vw,46px)}.hero-copy{margin:12px 0}.track-section{margin-top:14px}.track-row{padding:11px 0}.annotation-card{margin-top:14px}}
@media(max-width:760px){.music-page{padding:8px;gap:8px;grid-template-columns:1fr;grid-template-rows:minmax(0,44%) minmax(0,1fr)}.pond-panel{border-radius:22px}.topbar{padding:15px}.home-link{font-size:8px}.top-meta{font-size:8px}.motion-toggle{top:41px;right:8px;font-size:8px}.micro-player{left:12px;right:12px;bottom:12px;padding:12px;gap:12px;grid-template-columns:44px minmax(0,1fr);border-radius:19px}.play-disc{width:44px;height:44px}.player-strip-top{gap:10px}.equalizer{height:14px}.equalizer span:nth-child(3n){height:14px}.player-time{font-size:8px}.player-song{font-size:16px}.player-strip-bottom{margin-top:6px;gap:6px 10px}.player-artist{font-size:8px}.info-inner{padding:10px 12px;justify-content:flex-start}.eyebrow,.hero-copy,.cta-pill{display:none}.hero-title{font-size:clamp(21px,5.7vw,30px);display:block;line-height:1.1}.hero-secondary{display:block}.track-section{margin-top:13px}.track-head{font-size:8px;padding-bottom:8px}.track-row{padding:10px 0;gap:8px;grid-template-columns:19px minmax(0,1fr) auto}.track-copy strong{font-size:13px}.track-copy span{font-size:8px;margin-top:4px}.track-duration{font-size:9px}.annotation-card{margin-top:11px}.annotation-label{font-size:8px}.annotation-copy{font-size:11px;max-width:none;margin-top:4px}}
@media(max-width:760px) and (max-height:700px){.music-page{grid-template-rows:minmax(0,40%) minmax(0,1fr)}.hero-title{font-size:20px;display:flex;gap:5px;flex-wrap:wrap}.track-row{padding:8px 0}.track-section{margin-top:9px}.annotation-card{margin-top:8px}}
@media(max-height:480px) and (min-width:600px){.music-page{grid-template-columns:1.1fr 1fr;grid-template-rows:1fr}.eyebrow,.hero-copy,.cta-pill,.annotation-label{display:none}.hero-title{font-size:24px}.track-row{padding:8px 0}.info-inner{padding:10px}.track-section{margin-top:10px}.annotation-card{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}

/* Compact listening controls, set into the turntable's lower edge. */
.micro-player{right:auto;width:min(440px,calc(100% - 44px));grid-template-columns:46px minmax(0,1fr);padding:14px 17px;gap:14px;border-radius:8px 22px 22px 8px;border-left:2px solid #cc674d;background:linear-gradient(110deg,#092d30df,#0b262bd1);box-shadow:0 10px 28px #00101240,inset 0 1px #d0ece918}
.play-disc{width:46px;height:46px;background:#dce4d4}.play-icon{border-left-width:10px;border-top-width:6px;border-bottom-width:6px}.player-song{font-size:clamp(15px,1.4vw,20px)}.player-strip-bottom{margin-top:7px}.equalizer{height:17px}.equalizer span:nth-child(3n){height:17px}.player-time{font-size:8px}.player-artist{font-size:8px}.motion-toggle{top:auto;bottom:125px;right:17px;color:#c5ded6a6}
@media(max-width:760px){.micro-player{left:12px;bottom:12px;width:min(330px,calc(100% - 24px));padding:10px 12px;grid-template-columns:36px minmax(0,1fr);gap:10px;border-radius:6px 17px 17px 6px}.play-disc{width:36px;height:36px}.player-song{font-size:14px}.player-strip-top{gap:8px}.player-strip-bottom{margin-top:5px}.equalizer{height:12px;gap:2px}.equalizer span:nth-child(3n){height:12px}.player-time{font-size:7px}.motion-toggle{bottom:91px;right:8px}.track-arrow{width:15px;height:15px}}

.top-meta a{color:inherit;text-decoration:none}.top-meta a:hover{color:var(--pond-accent,#dff)}
@media(max-width:760px){.top-meta a:not(:first-child){display:none}}

.top-meta{display:flex;align-items:center;gap:16px;white-space:nowrap}.top-meta a+a::before{content:"/";margin-right:16px;color:#61776f}@media(max-width:900px){.top-meta a:not(:first-child){display:none}}