/* Shared rem sizing keeps mobile unchanged; desktop uses a 150% design scale. */
:root{font-size:100%}
@media(min-width:1001px){:root{font-size:150%}}
:root{color-scheme:dark;--bg:#101516;--panel:#171e1f;--line:#2b3435;--text:#eeeee5;--muted:#8c9996;--accent:#a6e5cc;--accent-rgb:166,229,204;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:0.875rem;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:0.125rem solid var(--accent);outline-offset:0.3125rem}svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.shell{max-width:79rem;padding:0 3.25rem;margin:auto}.site-header{height:7rem;display:flex;align-items:center;gap:3.125rem;border-bottom:0.0625rem solid var(--line)}.brand{display:flex;align-items:center;gap:0.75rem}.brand-wave{width:2rem;height:2rem;color:var(--accent);stroke-width:2}.brand>span{font-size:1.4375rem;font-weight:650;letter-spacing:0.1875rem}.brand-sub{font-size:0.625rem;letter-spacing:0.28125rem;display:block;color:var(--muted);margin-top:0.0625rem}nav{display:flex;gap:1.875rem;align-self:stretch;align-items:center}nav a,nav button{font-size:0.8125rem;padding:0;height:100%;display:flex;align-items:center;position:relative;color:var(--muted)}nav .nav-active{color:var(--text)}.nav-active:after{position:absolute;content:"";height:0.125rem;bottom:-0.0625rem;left:0;right:0;background:var(--accent)}.local-badge{margin-left:auto;display:flex;align-items:center;gap:0.5625rem;font-size:0.625rem;letter-spacing:0.1rem;color:var(--muted);border:0.0625rem solid var(--line);padding:0.5625rem 0.75rem;border-radius:1.875rem}.local-badge>span:first-child{height:0.3125rem;width:0.3125rem;border-radius:50%;background:var(--accent)}.intro{display:flex;justify-content:space-between;align-items:center;padding:3.875rem 0 2.375rem}.eyebrow{font-size:0.625rem;font-weight:500;letter-spacing:0.125rem;color:var(--muted);display:flex;align-items:center;gap:0.625rem}.small-line{height:0.0625rem;width:1.375rem;background:var(--accent)}h1{font-size:clamp(2.375rem,4.8vw,3.875rem);font-weight:400;letter-spacing:-0.1625rem;margin:1.0625rem 0 0.8125rem;line-height:1.1}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--accent)}.intro p{color:var(--muted);font-size:0.8125rem;margin:0;line-height:1.8}.intro-index{font-size:0.75rem;color:var(--text);letter-spacing:0.1875rem;line-height:2.6;text-align:right;padding-top:1.5625rem}.intro-index span{font-size:0.5rem;color:var(--muted);letter-spacing:0.10625rem}.player{display:grid;grid-template-columns:17.875rem minmax(0,1fr);background:linear-gradient(110deg,#1c2727,var(--panel) 65%);border:0.0625rem solid #34413e;border-radius:0.5rem;padding:1.5625rem;gap:2.1875rem;box-shadow:0 1.375rem 4.0625rem #00000013}.artwork-wrap{position:relative;align-self:start;border-radius:0.1875rem;overflow:hidden;aspect-ratio:1}.artwork{width:100%;height:100%;display:block;object-fit:cover}.artwork-tag{position:absolute;bottom:0.8125rem;right:0.8125rem;border:0.0625rem solid #b4d1bf40;background:#10231f80;backdrop-filter:blur(0.5rem);color:#b5d1bf;font-size:0.4375rem;padding:0.3125rem 0.4375rem;letter-spacing:0.09375rem;border-radius:0.125rem}.player-main{min-width:0;display:flex;flex-direction:column;padding:0.375rem 0.3125rem 0.1875rem 0}.now-label{display:flex;gap:0.5rem;align-items:center;letter-spacing:0.1125rem;font-size:0.5rem;color:var(--accent);height:1.0625rem}.status-dot{width:0.3125rem;height:0.3125rem;background:var(--accent);border-radius:50%;opacity:.6}.status-dot.playing{box-shadow:0 0 0 0.25rem #a6e5cc12;opacity:1}.format-tag{margin-left:auto;border:0.0625rem solid #46514e;color:#aab8b2;border-radius:0.1875rem;padding:0.1875rem 0.375rem;font-size:0.5rem;letter-spacing:0.0625rem}.track-heading{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-top:1.25rem}.track-heading h2{font-size:1.6875rem;font-weight:450;letter-spacing:-0.04375rem;margin:0;line-height:1.25;overflow-wrap:anywhere}.track-heading p{font-size:0.75rem;margin:0.5rem 0 0;color:var(--muted)}.track-heading .icon-button{color:#7c9187}.wave-section{margin:1.4375rem 0 1.25rem;flex:1;min-height:5rem;display:flex;flex-direction:column;justify-content:center}.waveform{position:relative;height:4.6875rem;width:100%}canvas{width:100%;height:100%;display:block}.waveform input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:crosshair;margin:0}.waveform:focus-within{outline:0.0625rem solid var(--accent);outline-offset:0.1875rem;border-radius:0.1875rem}#wave-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:0.6875rem;pointer-events:none;background:#171e1f80}#wave-message[hidden]{display:none}.time-row{display:flex;justify-content:space-between;color:var(--muted);font-size:0.625rem;margin-top:0.4375rem;font-variant-numeric:tabular-nums}.time-row>span:first-child{color:#bfd2c7}.transport{display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.transport-left{display:flex;align-items:center;gap:0.875rem}.icon-button{width:1.75rem;height:1.875rem;display:inline-flex;align-items:center;justify-content:center;padding:0.25rem;border-radius:0.25rem;color:var(--muted);flex-shrink:0}.icon-button:hover{color:var(--text);background:#ffffff08}.icon-button[aria-pressed=true]{color:var(--accent);background:#a6e5cc13}.icon-button svg{width:1.125rem;height:1.125rem}.play-button{width:3rem;height:3rem;border-radius:50%;background:var(--accent);color:#16342a;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s}.play-button:hover{transform:scale(1.05);background:#c2f5df}.play-button svg{height:1.375rem;width:1.375rem}.volume-controls{display:flex;align-items:center;gap:0.375rem}input[type=range]{accent-color:var(--accent)}#volume{width:4.3125rem;height:0.1875rem;cursor:pointer}.library-section{padding-top:2.875rem}.section-heading{display:flex;justify-content:space-between;gap:1.25rem;align-items:end}.section-heading .eyebrow{font-size:0.5rem;letter-spacing:0.125rem}.section-heading h2{font-size:1.5rem;letter-spacing:-0.03125rem;font-weight:400;margin:0.5625rem 0 0}.section-heading h2>#track-count{font-size:0.625rem;color:var(--muted);vertical-align:top;letter-spacing:0;margin-left:0.4375rem;display:inline-block;padding-top:0.25rem}.text-button{display:flex;align-items:center;gap:0.5rem;color:var(--accent);padding:0.375rem 0;font-size:0.6875rem;white-space:nowrap}.text-button svg{width:1rem;height:1rem}.text-button:hover{color:#e3fff2}.library-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;border-bottom:0.0625rem solid var(--line)}.collection-tab{display:flex;gap:0.5rem;align-items:center;padding:0.8125rem 0;border-bottom:0.0625rem solid var(--accent);font-size:0.6875rem}.collection-tab #tab-count{background:#ffffff0b;padding:0.125rem 0.3125rem;border-radius:0.1875rem;color:var(--muted);font-size:0.5625rem}.search-field{position:relative;display:flex;align-items:center}.search-field input{border:0;background:transparent;color:var(--text);width:11.25rem;font-size:0.6875rem;padding:0.625rem 1.4375rem 0.625rem 0;outline-offset:0}.search-field input::placeholder{color:#788780}.search-field svg{width:0.8125rem;height:0.8125rem;position:absolute;right:0.1875rem;color:var(--muted);pointer-events:none}.table-head,.track-row{display:grid;grid-template-columns:1.875rem minmax(0,1fr) 11.25rem 4rem 2.875rem 1.5625rem;gap:0.9375rem;align-items:center}.table-head{padding:1rem 0.75rem;color:#72837b;font-size:0.5rem;letter-spacing:0.075rem}.table-head>span:nth-child(5){text-align:right}.track-row{width:100%;text-align:left;border-top:0.0625rem solid #29333190;min-height:4.625rem;padding:0.75rem;border-radius:0.1875rem}.track-row.selected{background:#a6e5cc08;border-top-color:transparent}.track-row:hover{background:#ffffff05}.track-index{font-size:0.625rem;color:var(--muted);display:flex;align-items:center;justify-content:center}.track-index svg{width:0.9375rem;color:var(--accent)}.row-title{display:flex;align-items:center;gap:0.75rem;min-width:0;text-align:left}.row-cover{width:2.625rem;height:2.625rem;border-radius:0.125rem;flex-shrink:0;object-fit:cover}.row-text{min-width:0}.row-text strong{font-size:0.75rem;font-weight:500;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.selected .row-text strong{color:var(--accent)}.row-text small{font-size:0.625rem;color:var(--muted);display:block;margin-top:0.375rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-album{font-size:0.625rem;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-format{font-size:0.5rem;color:var(--muted);letter-spacing:0.0625rem}.row-duration{font-size:0.625rem;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.row-edit{opacity:.5}.library-bottom{padding:1.125rem 0.0625rem;display:flex;align-items:center;justify-content:space-between;border-top:0.0625rem solid var(--line);color:#72847a;font-size:0.5625rem}.local-note{margin:1.5rem 0 3.125rem;padding:1.5rem 0;border-top:0.0625rem solid var(--line);border-bottom:0.0625rem solid var(--line);display:flex;align-items:center;gap:1.125rem}.note-symbol{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:0.0625rem dashed #53645c;border-radius:50%;color:var(--muted)}.note-symbol svg{width:1rem;height:1rem}.local-note h3{font-size:0.8125rem;font-weight:400;margin:0 0 0.375rem}.local-note p{color:var(--muted);font-size:0.625rem;margin:0;line-height:1.6}.local-note .text-button{margin-left:auto;font-size:0.625rem}footer{display:flex;align-items:center;justify-content:space-between;padding:0 0 1.875rem;color:#6e7c75;font-size:0.5625rem;gap:1.5625rem}.footer-brand{font-size:0.625rem;letter-spacing:0.125rem;color:#aab9af;display:flex;align-items:center;gap:1.125rem}.footer-brand>span{font-size:0.5625rem;letter-spacing:0;color:#6e7c75}dialog{width:min(38.75rem,calc(100vw - 2rem));background:#192122;color:var(--text);border:0.0625rem solid #3d4b45;border-radius:0.625rem;padding:1.875rem;max-height:85vh;box-shadow:0 1.875rem 9.375rem #0009}dialog::backdrop{background:#070b0bcb;backdrop-filter:blur(0.4375rem)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:0.9375rem}.dialog-header h2{font-size:1.5625rem;letter-spacing:-0.03125rem;font-weight:400;margin:0.5625rem 0}.dialog-header .eyebrow{font-size:0.5rem}.dialog-description{font-size:0.75rem;color:var(--muted);line-height:1.7}.upload-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;border:0.0625rem dashed #5f7c6d;border-radius:0.375rem;padding:1.6875rem 0.75rem;margin:1.5rem 0 1.25rem;background:#a6e5cc05;gap:0.75rem}.upload-zone:hover{background:#a6e5cc10}.upload-zone svg{color:var(--accent);width:1.5625rem;height:1.5625rem}.upload-zone strong{font-size:0.8125rem;font-weight:400}.upload-zone span{font-size:0.625rem;color:var(--muted)}.manage-track{display:flex;align-items:center;justify-content:space-between;gap:0.9375rem;padding:0.875rem 0;border-top:0.0625rem solid var(--line)}.manage-track strong{display:block;font-size:0.75rem;font-weight:450}.manage-track small{display:block;color:var(--muted);font-size:0.625rem;margin-top:0.3125rem}.export-panel{margin-top:1.375rem;padding-top:1.375rem;border-top:0.0625rem solid var(--line)}.export-panel h3{font-weight:450;font-size:0.875rem;margin:0 0 0.4375rem}.export-panel p{font-size:0.6875rem;color:var(--muted);line-height:1.8}.secondary-button,.primary-button{border:0.0625rem solid #4c6256;border-radius:0.25rem;padding:0.6875rem 0.9375rem;font-size:0.6875rem;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;color:var(--accent)}.secondary-button:hover{background:#ffffff05}.secondary-button svg{height:1rem;width:1rem}.primary-button{background:var(--accent);color:#153026;border-color:var(--accent)}.export-result{color:var(--accent);font-size:0.6875rem;line-height:1.8;overflow-wrap:anywhere;padding:0.75rem;background:#a6e5cc08}.toast{position:fixed;bottom:1.5625rem;left:50%;transform:translateX(-50%);z-index:20;background:#d4f3e4;color:#17372a;box-shadow:0 0.625rem 3.125rem #0006;padding:0.875rem 1.375rem;border-radius:0.3125rem;font-size:0.75rem;max-width:calc(100vw - 1.875rem)}#edit-form>label{display:block;font-size:0.6875rem;color:var(--muted);margin-top:1.25rem}#edit-form input{display:block;background:#101718;border:0.0625rem solid #3b4a43;color:var(--text);padding:0.75rem;width:100%;border-radius:0.25rem;margin-top:0.5rem}.form-actions{display:flex;justify-content:flex-end;gap:1.4375rem;margin-top:1.75rem}#drop-overlay{position:fixed;inset:0;background:#0a1815e8;backdrop-filter:blur(0.75rem);z-index:50;align-items:center;justify-content:center;pointer-events:none}#drop-overlay:not([hidden]){display:flex}#drop-overlay>div{padding:3.75rem;border:0.0625rem dashed var(--accent);text-align:center;color:var(--accent);border-radius:1.25rem}#drop-overlay svg{width:3.75rem;height:3.75rem}#drop-overlay p{color:var(--muted);font-size:0.75rem}.sr-only{position:absolute;width:0.0625rem;height:0.0625rem;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#empty-state{text-align:center;padding:2.1875rem;color:var(--muted)}body.public-mode .local-only{display:none!important}body.public-mode footer{margin-top:2.8125rem}body.public-mode .table-head,body.public-mode .track-row{grid-template-columns:1.875rem minmax(0,1fr) 11.25rem 4rem 2.875rem 0rem}
@media(min-width:2175px){.shell{padding:0 2rem}.intro{padding-top:4.5rem;padding-bottom:2.8125rem}.player{grid-template-columns:19.0625rem minmax(0,1fr);gap:2.5rem;padding:1.75rem}.track-heading h2{font-size:1.875rem}.waveform{height:5.625rem}}
@media(max-width:1500px){.shell{padding:0 1.875rem}.site-header{height:5.625rem}.intro{padding-top:2.8125rem}.intro-index{display:none}.player{grid-template-columns:13.75rem minmax(0,1fr);gap:1.5625rem;padding:1.25rem}.track-heading h2{font-size:1.375rem}.track-heading{margin-top:0.875rem}.wave-section{margin:0.9375rem 0}.waveform{height:3.75rem}.transport-left{gap:0.5rem}.play-button{width:2.625rem;height:2.625rem}.volume-controls{gap:0}#volume{width:2.75rem}.table-head,.track-row,body.public-mode .table-head,body.public-mode .track-row{grid-template-columns:1.5rem minmax(0,1fr) 7.5rem 2.8125rem 2.4375rem 1.25rem;gap:0.625rem}}
@media(max-width:700px){.shell{padding:0 1.375rem}.site-header{height:5.125rem;gap:1.5625rem}.brand>span{font-size:1.1875rem}.brand-sub{font-size:0.5rem}.brand{gap:0.5625rem}.brand-wave{width:1.5625rem}.local-badge{padding:0.4375rem;font-size:0;gap:0}.local-badge #mode-label{display:none}nav{gap:1.25rem}nav a,nav button{font-size:0.6875rem}.intro{padding:2.1875rem 0 1.75rem}.intro .eyebrow{font-size:0.4375rem;letter-spacing:0.09375rem}h1{font-size:2.4375rem;letter-spacing:-0.1rem;margin-top:0.9375rem}.intro p{font-size:0.6875rem}.player{grid-template-columns:5.9375rem minmax(0,1fr);gap:0 1.125rem;padding:1.125rem}.artwork-wrap{grid-column:1;grid-row:1;width:5.9375rem;align-self:start}.artwork-tag{display:none}.player-main{display:contents}.now-label{grid-column:2;font-size:0.4375rem;letter-spacing:0.06875rem;align-self:start;margin-top:0.25rem;min-width:0}.format-tag{font-size:0.4375rem}.track-heading{grid-column:2;grid-row:1;margin:1.875rem 0 0;align-self:start;gap:0.3125rem}.track-heading h2{font-size:1.1875rem;letter-spacing:-0.03125rem}.track-heading p{font-size:0.625rem;margin-top:0.375rem}.track-heading .icon-button{width:1.25rem}.track-heading .icon-button svg{width:0.8125rem}.wave-section{grid-column:1/-1;margin:1.5rem 0 1.25rem;min-height:5.625rem}.waveform{height:4.6875rem}.transport{grid-column:1/-1}.transport-left{gap:0.8125rem}.volume-controls{gap:0.125rem}#volume{width:3.125rem}.play-button{height:2.6875rem;width:2.6875rem}.library-section{padding-top:2.0625rem}.section-heading h2{font-size:1.25rem;max-width:12.5rem}.section-heading .text-button{font-size:0.625rem;gap:0.25rem}.library-toolbar{margin-top:1rem}.search-field input{width:9.6875rem;font-size:0.625rem}.table-head,.track-row,body.public-mode .table-head,body.public-mode .track-row{grid-template-columns:1.125rem minmax(0,1fr) 2.375rem 1.25rem;gap:0.5rem;padding-left:0.375rem;padding-right:0.375rem}.table-head>span:nth-child(3),.table-head>span:nth-child(4),.row-album,.row-format{display:none}.row-cover{width:2.1875rem;height:2.1875rem}.row-title{gap:0.625rem}.row-text strong{font-size:0.6875rem}.row-text small{font-size:0.5625rem}.row-edit{width:1.25rem}.row-edit svg{width:0.8125rem}.library-bottom{font-size:0.5rem;gap:0.625rem}.local-note{margin:1.25rem 0 1.875rem;gap:0.75rem;flex-wrap:wrap;padding:1.25rem 0}.note-symbol{width:2rem;height:2rem}.local-note h3{font-size:0.75rem}.local-note p{font-size:0.5625rem}.local-note .text-button{margin:0.5rem 0 0 2.75rem}.footer-brand{gap:0.5rem;font-size:0.5rem}.footer-brand>span{display:none}footer{font-size:0.5rem;line-height:1.7;padding-bottom:1.4375rem}.dialog-header h2{font-size:1.3125rem}dialog{padding:1.4375rem}.upload-zone span{text-align:center;line-height:1.7}}
.waveform{height:6.875rem}.wave-section{min-height:7.5rem;margin-top:1rem;margin-bottom:1.0625rem}
@media(min-width:2175px){.waveform{height:7.8125rem}}
@media(max-width:1500px){.waveform{height:5.9375rem}}
@media(max-width:700px){.now-label{grid-row:1}.player{min-width:0}.row-title{padding:0}.track-heading{min-width:0}.waveform{height:6.875rem}}
@media(max-width:440px){.transport{display:grid;grid-template-columns:minmax(0,1fr);gap:0.75rem}.transport-left{justify-content:space-between;gap:0.625rem}.volume-controls{justify-self:end}.volume-controls #volume{width:4.0625rem}.section-heading{gap:0.5rem}.section-heading h2{font-size:1.125rem}.section-heading .text-button{font-size:0.5625rem}.table-head,.track-row,body.public-mode .table-head,body.public-mode .track-row{gap:0.375rem}}
.collection-controls{display:flex;align-items:center;gap:1.5rem;min-width:0}.album-picker{display:flex;align-items:center;gap:0.5rem;font-size:0.5625rem;color:var(--muted)}.album-picker select{background:#161f1d;color:var(--text);border:0.0625rem solid #34453c;border-radius:0.25rem;padding:0.5rem 1.5625rem 0.5rem 0.625rem;max-width:14.375rem;font-size:0.6875rem;cursor:pointer}.selected .track-index{color:var(--accent)}
@media(max-width:700px){.library-toolbar{flex-wrap:wrap;gap:0.5rem}.collection-controls{gap:0.9375rem;width:100%;justify-content:space-between}.album-picker>span{display:none}.album-picker select{max-width:12.8125rem;font-size:0.625rem}.library-toolbar .search-field{margin-left:auto}.section-heading h2{max-width:none}.section-heading{align-items:center}}
@media(max-width:700px){.collection-controls{flex-wrap:wrap;gap:0.5rem}.album-picker{min-width:0;max-width:100%}.album-picker select{width:11.875rem;max-width:100%}}
#listen{padding-top:2.5rem}@media(max-width:700px){#listen{padding-top:1.75rem}}
.artwork-wrap{padding:0;text-align:left;width:100%;background:#1b202d;container-type:inline-size;cursor:zoom-in}
.artwork-wrap:disabled{opacity:1;cursor:default}
.artwork-overlay{display:none;position:absolute;inset:0;pointer-events:none;color:#e9dfcb;background:linear-gradient(0deg,#171b2ad9,transparent 38%,#171b2a50)}
.has-artwork-overlay .artwork{opacity:.24;filter:saturate(.65)}
.has-artwork-overlay .artwork-overlay{display:block}
.artwork-wrap .artwork,.artwork-overlay,.artwork-wrap .artwork-tag{transition:opacity .35s ease,filter .35s ease}
.artwork-artist{position:absolute;top:8.5%;left:10%;right:10%;font-size:1.9cqw;letter-spacing:.65cqw;text-transform:uppercase;line-height:1.5}
.artwork-wrap .artwork-symbol{position:absolute;inset:0;width:100%;height:100%;stroke-linecap:butt}
.artwork-title{position:absolute;left:10%;right:10%;bottom:17%;padding-top:3.5%;border-top:0.0625rem solid #b5a9b255;font-size:4.5cqw;line-height:1.4;letter-spacing:.65cqw;text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance}
.has-artwork-overlay .artwork-tag{bottom:4%;right:5%}
.artwork-wrap:focus-visible .artwork{opacity:1;filter:none}
.artwork-wrap:focus-visible .artwork-overlay,.artwork-wrap:focus-visible .artwork-tag{opacity:0}
@media(hover:hover){.artwork-wrap:hover .artwork{opacity:1;filter:none}.artwork-wrap:hover .artwork-overlay,.artwork-wrap:hover .artwork-tag{opacity:0}}
.row-cover-button{display:block;padding:0;flex-shrink:0;border-radius:0.125rem;cursor:zoom-in}
.row-cover-button:hover{box-shadow:0 0 0 0.0625rem var(--accent)}
.row-cover-button .row-cover{display:block}
.row-song{padding:0;text-align:left;min-width:0;flex:1}
.artwork-dialog{width:min(62.5rem,calc(100vw - 2rem));max-height:94dvh;padding:1.125rem;background:#121818;overflow:auto}
.artwork-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:0.75rem}
.artwork-dialog-header h2{margin:0;font-size:1rem;font-weight:450;overflow-wrap:anywhere}
.artwork-dialog-header .close-dialog{width:2.25rem;height:2.25rem;flex-shrink:0}
#artwork-large{display:block;width:100%;height:auto;max-height:calc(94dvh - 7.8125rem);object-fit:contain}
#artwork-dialog-artist{font-size:0.6875rem;color:var(--muted);margin:0.75rem 0 0}
body:has(#artwork-dialog[open]){overflow:hidden}
@media(max-width:700px){.artwork-wrap{width:5.9375rem}.artwork-dialog{padding:0.75rem}.artwork-dialog-header h2{font-size:0.875rem}}
@media(prefers-reduced-motion:reduce){.artwork-wrap .artwork,.artwork-overlay,.artwork-wrap .artwork-tag{transition:none}}
.current-statistics{display:flex;align-items:flex-start;gap:1.75rem;border-top:0.0625rem solid #34483d80;padding-top:0.875rem;margin-top:1.0625rem;grid-column:1/-1}.current-statistics>div{display:flex;flex-direction:column;gap:0.3125rem;min-width:0}.current-statistics strong{font-size:0.75rem;font-weight:450;color:#c4d7cb;font-variant-numeric:tabular-nums;line-height:1.4}.current-statistics>div>span{font-size:0.5rem;color:var(--muted);letter-spacing:0.025rem}.row-statistics{display:block;font-size:0.5625rem;color:#7c9788;margin-top:0.3125rem;line-height:1.5;white-space:normal;font-variant-numeric:tabular-nums}.row-text{flex:1}.track-row:has(.row-statistics){min-height:5.4375rem}
@media(max-width:700px){.current-statistics{gap:1.375rem;margin-top:1.125rem}.current-statistics strong{font-size:0.6875rem}.current-statistics>div>span{font-size:0.5rem}.row-statistics{font-size:0.5rem}.track-row:has(.row-statistics){min-height:5.125rem}}
.album-intro-card{display:flex;align-items:center;gap:1.375rem;margin:1.625rem 0 1.125rem;padding:1.375rem;border:0.0625rem solid #655a4b;border-radius:0.4375rem;background:linear-gradient(115deg,#30283170,#1b2423);position:relative;overflow:hidden}.album-intro-card[hidden]{display:none}.intro-art{position:relative;flex:0 0 6.25rem;width:6.25rem;height:6.25rem}.intro-art img{width:100%;height:100%;object-fit:contain;border-radius:0.1875rem;display:block}.intro-art>span{position:absolute;right:-0.4375rem;bottom:-0.4375rem;background:#29232b;border:0.0625rem solid #9c8056;color:#efd6a0;padding:0.25rem 0.4375rem;border-radius:0.1875rem;font:0.75rem Consolas,monospace}.intro-card-copy{flex:1;min-width:0}.intro-card-copy .eyebrow{color:#c7af86;font-size:0.5rem;letter-spacing:0.125rem}.intro-card-copy h3{margin:0.625rem 0 0.4375rem;font-size:1.25rem;letter-spacing:-0.025rem;font-weight:450;overflow-wrap:anywhere}.intro-card-copy p{margin:0;color:#a89f97;font-size:0.6875rem;line-height:1.7}.intro-card-play{display:flex;align-items:center;gap:0.5625rem;color:#eed6a8;border:0.0625rem solid #806a4c;border-radius:0.25rem;padding:0.75rem 0.9375rem;font-size:0.6875rem;white-space:nowrap}.intro-card-play:hover{background:#d9b57012}.intro-card-play svg{width:1rem;height:1rem}.intro-active .intro-art{box-shadow:0 0 2.1875rem #c5963c16}.intro-pending{border-color:#a08555;background:linear-gradient(115deg,#43303c90,#202a27)}#intro-progress-wrap{display:flex;align-items:center;gap:0.75rem;margin-top:0.9375rem;max-width:25.625rem}#intro-progress-wrap[hidden]{display:none}#intro-progress{appearance:none;display:block;width:100%;height:0.1875rem;background:#3e4140;border:0;border-radius:0.1875rem;overflow:hidden}#intro-progress::-webkit-progress-bar{background:#3e4140}#intro-progress::-webkit-progress-value{background:#dbc28e}#intro-progress::-moz-progress-bar{background:#dbc28e}#intro-progress-time{font-size:0.5625rem;color:#b5a17d;white-space:nowrap;font-variant-numeric:tabular-nums}.encrypted-track{opacity:.3;user-select:none;pointer-events:none;min-height:4.875rem;border-top-color:#62645a30}.encrypted-cover{height:2.625rem;width:2.625rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0.0625rem solid #8e7e6340;border-radius:0.1875rem;background:repeating-linear-gradient(135deg,#b7a78705 0 0.125rem,transparent 0.125rem 0.4375rem);color:#c8b58d}.cipher-text{font-family:Consolas,monospace;letter-spacing:0.125rem!important;font-weight:400!important;color:#c3b291!important;font-size:0.625rem!important}.encrypted-track .row-text small{font:0.5rem Consolas,monospace;letter-spacing:0.125rem;color:#928674}.album-locked .table-head{opacity:.4}.album-locked .library-bottom{opacity:.4}.album-locked .artwork-tag{display:none}.album-revealed .track-row{animation:album-unseal .8s ease both}@keyframes album-unseal{from{opacity:.15;filter:blur(0.1875rem);transform:translateY(0.3125rem)}to{opacity:1;filter:none;transform:none}}
@media(max-width:700px){.album-intro-card{gap:1rem;padding:1.0625rem;flex-wrap:wrap;margin-top:1.25rem}.intro-art{flex-basis:4.5rem;width:4.5rem;height:4.5rem}.intro-card-copy{flex-basis:calc(100% - 5.625rem)}.intro-card-copy h3{font-size:1.0625rem;margin-top:0.5rem}.intro-card-copy p{font-size:0.625rem}.intro-card-play{margin-left:5.5rem;max-width:calc(100% - 5.5rem);white-space:normal;font-size:0.625rem;padding:0.625rem 0.75rem}.cipher-text{font-size:0.5rem!important;letter-spacing:0.0625rem!important}.encrypted-cover{width:2.1875rem;height:2.1875rem}#intro-progress-wrap{gap:0.5rem;flex-wrap:wrap}#intro-progress{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.album-revealed .track-row{animation:none}}
.intro-captions{grid-column:1/-1;min-width:0;border-top:0.0625rem solid #c4a77338;margin-top:-0.625rem;padding:1.0625rem 0.5625rem 0.1875rem;background:radial-gradient(ellipse at 50% 100%,#b18d4510,transparent 70%)}.intro-captions[hidden],.caption-body[hidden]{display:none}.caption-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#bdab8e;font-size:0.5rem;letter-spacing:0.11875rem}.caption-divider{padding:0 0.5rem;color:#655b4d}.captions-toggle{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4375rem 0.5625rem;border:0.0625rem solid #81725455;border-radius:0.25rem;color:#a69f92;font-size:0.625rem;letter-spacing:0;white-space:nowrap;min-height:2rem}.captions-toggle[aria-pressed=true]{color:#eed9ac;background:#c4a7730b;border-color:#a891615c}.captions-toggle:hover{background:#c4a77315}.cc-symbol{font-size:0.5625rem;letter-spacing:-0.03125rem;border:0.0625rem solid currentColor;border-radius:0.125rem;padding:0.0625rem 0.1875rem;font-weight:600;line-height:1.1}.caption-body{position:relative;min-height:6.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.125rem 1.5rem 1.25rem;text-align:center}#caption-current{font:400 clamp(1.4375rem,2.5vw,1.9375rem)/1.45 Georgia,"Times New Roman",serif;letter-spacing:0.01875rem;color:#f0dfb9;margin:0;white-space:pre-line;text-wrap:balance;text-shadow:0 0.125rem 1.375rem #d7b97813;max-width:56.25rem}.caption-rest{position:absolute;top:50%;transform:translateY(-50%);color:#9c8b6c;letter-spacing:0.625rem;font-size:0.8125rem}.has-caption .caption-rest{display:none}.caption-body:not(.has-caption) #caption-current{visibility:hidden}
@media(max-width:700px){.intro-captions{margin-top:0;padding:0.8125rem 0 0}.caption-toolbar{font-size:0.4375rem;letter-spacing:0.0625rem;gap:0.5rem}.caption-divider{padding:0 0.25rem}.captions-toggle{font-size:0.5625rem;padding:0.4375rem}.caption-body{min-height:7.125rem;padding:1.125rem 0.1875rem 1.25rem}#caption-current{font-size:1.4375rem;line-height:1.45}}
html[data-mode=public] .local-only{display:none!important}.admin-panel{display:flex;align-items:center;justify-content:space-between;gap:1.5625rem;padding:0.3125rem 0 2rem}.admin-panel h1{font-size:2rem;letter-spacing:-0.0625rem;margin:0.75rem 0}.admin-panel p{font-size:0.75rem;color:var(--muted);max-width:35rem;line-height:1.7;margin:0}.admin-panel .eyebrow{font-size:0.5rem}.admin-panel .secondary-button{flex-shrink:0}@media(max-width:700px){.admin-panel{align-items:flex-start;flex-direction:column;gap:0.9375rem;padding-bottom:1.6875rem}.admin-panel h1{font-size:1.6875rem}.admin-panel p{font-size:0.6875rem}}
.mobile-player-tools{display:none}.screen-wake{display:inline-flex;align-items:center;justify-content:center;gap:0.5625rem;min-height:2.75rem;padding:0.5625rem 0.8125rem;border:0.0625rem solid #84958b40;border-radius:1.5rem;color:var(--muted);font-size:0.625rem;line-height:1.4;max-width:100%;transition:color .2s,background .2s,border-color .2s}.screen-wake svg{width:1.1875rem;height:1.375rem;flex-shrink:0}.screen-wake .lamp-rays{opacity:0}.screen-wake[aria-pressed=true]{color:#f0d39b;border-color:#dcb76c70;background:#cba35912;box-shadow:0 0 1.375rem #d9b66e08}.screen-wake[aria-pressed=true] svg{filter:drop-shadow(0 0 0.3125rem #e3b55970)}.screen-wake[aria-pressed=true] .lamp-rays{opacity:1}.screen-wake:disabled{opacity:.55;cursor:default}
@media(max-width:700px),(pointer:coarse){.mobile-player-tools{display:flex;justify-content:flex-end;grid-column:1/-1;margin-top:1rem}}
.mobile-player-tools{flex-wrap:wrap;gap:0.5625rem}.screen-wake-message{flex-basis:100%;margin:0;color:#d6c5a8;font-size:0.6875rem;line-height:1.7;overflow-wrap:anywhere}.screen-wake-message[hidden]{display:none}
.wave-options{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:0.75rem;flex-wrap:wrap}.wave-modes{display:inline-flex;border:0.0625rem solid #91b19f30;border-radius:0.3125rem;padding:0.1875rem;gap:0.1875rem}.wave-modes button{min-height:1.875rem;padding:0.3125rem 0.6875rem;border-radius:0.1875rem;font-size:0.625rem;color:var(--muted);white-space:nowrap}.wave-modes button[aria-pressed=true]{color:#c8e5d6;background:#a6e5cc10}.wave-modes button:hover{color:var(--text)}.wave-mode-description{font-size:0.5625rem;color:#819b8d;line-height:1.6}.wave-mode-description.two-registers{color:#bead8e}#wave-mode-prisma[aria-pressed=true]{color:#e3d9ff;background:linear-gradient(110deg,#a6e5cc13,#bc9fea20);box-shadow:inset 0 0 0 0.0625rem #bc9fea20}.waveform[data-mode=prisma]{background:radial-gradient(ellipse at 50% 65%,#8a96d009,transparent 72%);border-radius:0.3125rem}@media(max-width:700px){.wave-options{gap:0.5rem;margin-bottom:0.875rem}.wave-modes button{min-height:2.375rem;padding:0.375rem 0.75rem}.wave-mode-description{flex-basis:100%;font-size:0.5625rem}}
.wave-admin{border:0.0625rem solid #91b19f30;border-radius:0.4375rem;margin:1.125rem 0 1.875rem;background:#172020}.wave-admin summary{cursor:pointer;padding:1.1875rem 1.4375rem;color:#d1e5db;font-size:0.875rem}.wave-admin summary span{float:right;font-size:0.625rem;color:#a48f6b;padding-top:0.1875rem}.wave-admin-body{padding:0 1.5rem 1.5rem}.wave-admin-monitor{position:sticky;top:0;z-index:2;background:#172020;display:flex;align-items:center;gap:1.25rem;padding:0.75rem 0 1.125rem;border-bottom:0.0625rem solid #91b19f25;margin-bottom:1.125rem}.wave-admin-monitor canvas{display:block;min-width:0;flex:1;width:0;height:5.3125rem}.wave-admin-monitor button{flex-shrink:0;min-width:4.375rem;justify-content:center}.wave-help{font-size:0.6875rem;line-height:1.8;color:var(--muted);margin:0 0 1.25rem}.wave-preset-row,.wave-save-row,.wave-publish-row{display:flex;gap:0.9375rem;align-items:flex-end;flex-wrap:wrap}.wave-preset-row>label,.wave-save-row>label{display:grid;gap:0.5rem;font-size:0.6875rem;flex:1;min-width:11.25rem;color:#b9d1c4}.wave-admin select,.wave-admin input[type=text],#wave-preset-name{width:100%;min-height:2.625rem;padding:0.625rem 0.75rem;border:0.0625rem solid #819a8b55;border-radius:0.25rem;color:#e0ece6;background:#101919;font:inherit;box-sizing:border-box}.wave-admin button{min-height:2.625rem}.wave-admin button:disabled{opacity:.35;cursor:default}.wave-control-groups{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.75rem 0 0}.wave-control-groups fieldset{border:0;margin:0;padding:0;min-width:0}.wave-control-groups legend{padding:0 0 1.375rem;font-size:0.75rem;color:#e3cc9d}.wave-control-groups fieldset+fieldset legend{color:#a9d5c0}.wave-control{display:grid;grid-template-columns:1fr auto;gap:0.5625rem;margin-bottom:1.1875rem;font-size:0.6875rem;color:#bacac2}.wave-control output{color:#eed5a4;font-variant-numeric:tabular-nums}.wave-control-groups fieldset+fieldset output{color:#a9d5c0}.wave-control input[type=range]{grid-column:1/-1;width:100%;height:1.375rem;accent-color:#d9bd86;cursor:pointer}.wave-control-groups fieldset+fieldset input{accent-color:#a6d7c0}.wave-validation{font-size:0.6875rem;color:#edbb98;min-height:1rem;margin:0 0 0.875rem}.wave-publish-row{justify-content:space-between;align-items:center;border-top:0.0625rem solid #91b19f25;padding-top:1.3125rem;margin-top:1.5rem;margin-bottom:0.875rem}.wave-publish-row span{font-size:0.6875rem;color:#dac69f}.wave-publish-row p{font-size:0.6875rem;color:#90ac9c;margin:0.5rem 0 0}.wave-admin-body>.wave-help:last-child{margin-bottom:0}.wave-admin :focus-visible{outline:0.125rem solid #aee2ca;outline-offset:0.25rem}@media(max-width:700px){.wave-admin-body{padding:0 1.0625rem 1.25rem}.wave-admin summary{padding:1.125rem 1.0625rem}.wave-control-groups{grid-template-columns:1fr;gap:1.25rem}.wave-publish-row .primary-button{width:100%;justify-content:center}.wave-save-row{gap:0.625rem}.wave-save-row>label{flex-basis:100%}}
/* Touch seeking leaves vertical scrolling and pinch zoom available. */
#seek{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.seek-hint{display:none;font-size:0.5625rem;line-height:1.6;color:var(--muted);margin-top:0.4375rem;min-height:0.9375rem}
.waveform[data-seek-state=pending]{box-shadow:inset 0 0 0 0.0625rem #a6e5cc25;border-radius:0.25rem}
.waveform[data-seek-state=ready]{box-shadow:inset 0 0 0 0.0625rem #e4c99290,0 0 1rem #e4c9920b;border-radius:0.25rem}
.row-last-played{display:block;margin-top:0.1875rem;color:#a9b9af}
.row-previous-played{display:block;color:#c4b18e;margin-top:0.125rem}
@media(max-width:700px),(any-pointer:coarse){.seek-hint{display:block}}
.header-meta{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:0.625rem;min-width:0}.header-meta .local-badge{margin-left:0}.site-counters{display:flex;align-items:flex-start;gap:0.9375rem;margin:0;font-family:Consolas,"SFMono-Regular",monospace;font-variant-numeric:tabular-nums}.site-counters[hidden]{display:none}.site-counters>div{position:relative;cursor:help}.site-counters>div+div{border-left:0.0625rem solid #a6e5cc1b;padding-left:0.9375rem}.site-counters dt{font-size:0.4375rem;line-height:1;letter-spacing:0.10625rem;color:#7a9489;margin-bottom:0.375rem}.site-counters dd{margin:0;color:#adcdbd;font-size:0.625rem;line-height:1.1;letter-spacing:0.04375rem;text-shadow:0 0 0.5625rem #a6e5cc0b}.site-counters>div:last-child dd{color:#bcb597}@media(max-width:1500px){.site-counters{display:none}.header-meta{gap:0}}

.site-counters .counter-readout{display:flex;gap:0.04375rem;letter-spacing:0;white-space:pre}.counter-char{display:block;position:relative;flex:0 0 1ch;width:1ch;height:1.2em;line-height:1.2em;overflow:hidden}.counter-reel{display:flex;flex-direction:column;will-change:transform}.counter-reel>span{display:block;flex:0 0 1.2em;height:1.2em;line-height:1.2em}

@media(max-width:500px){.site-header #manage-nav{display:none}}