*{box-sizing:border-box;--cl-black:#0f0f0f;--cl-gray-0:#141514;--cl-gray-1:#1e1f1e;--cl-gray-2:#272a28;--cl-gray-3:#3b403c;--cl-gray-4:#585f5b;--cl-gray-5:#6c756f;--cl-gray-6:#888e7b;--cl-gray-7:#9a9c8b;--cl-gray-8:#b6b69a;--cl-gray-9:#d9cdb5;--cl-gray-10:#e3d6c9;--cl-white:#f4decd;--cl-red-6:#f16e65;--cl-red-7:#ef968f;--cl-orange-6:#ef934d;--cl-orange-7:#f4b585;--cl-yellow:#efbf71;--cl-green-6:#7ec97e;--cl-green-7:#a4daa4;--cl-cyan-6:#7ec9b0;--cl-cyan-7:#abd4c6;--cl-blue-6:#71b4d6;--cl-blue-8:#b0d4e8;--cl-magenta-7:#e28dc6;--cl-magenta-8:#ebadd6;border-radius:0}html,body{min-height:100vh;margin:0;padding:0}body{background-color:var(--cl-black);color:var(--cl-white);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:5vh 10vw;font-family:Iosevka,Roboto Mono,ui-monospace,monospace;line-height:1.45}#root{min-height:100vh}h2{margin-top:2em}a:link{color:var(--cl-orange-6);border:2px solid var(--cl-orange-6);margin-bottom:.5em;padding:4px 8px;line-height:240%;text-decoration:none}a:visited,a:active{color:var(--cl-green-6)}a:hover{color:var(--cl-black);background-color:var(--cl-magenta-7);border:2px solid #0000}.color_blue{color:var(--cl-blue-6)}.color_green{color:var(--cl-green-6)}.color_red{color:var(--cl-red-6)}.block{background-color:var(--cl-gray-0);border:2px solid var(--cl-gray-2);margin-bottom:.75em;padding:16px 32px}.entries{margin-bottom:.5em;padding:1em}.subtitle summary{color:var(--cl-white);border:2px solid #0000;border-bottom-color:var(--cl-gray-2);margin-bottom:.5em;padding:16px;font-size:1.5em;font-weight:700;text-decoration:none}.subtitle summary:hover{border-color:var(--cl-orange-6)}.subtitle:open summary{border-color:var(--cl-orange-6)}details{margin-bottom:1em}p{overflow-wrap:break-word}@media (width<=600px){body{margin:3vh 4vw}}.app-shell{max-width:880px;min-height:100vh;margin:0 auto;padding:0 0 140px}.player-surface{background-color:var(--cl-gray-0);border:2px solid var(--cl-gray-2);margin-bottom:.75em;padding:16px 32px}.album-stage{grid-template-columns:200px 1fr;align-items:end;gap:1em;margin-top:1em;display:grid}.album-cover{aspect-ratio:1;object-fit:cover;border:2px solid var(--cl-gray-2);border-radius:0;width:100%;display:block}.album-cover.placeholder{color:var(--cl-gray-6);background:var(--cl-gray-1);place-items:center;display:grid}.album-meta h2{margin:6px 0;font-size:1.6rem;line-height:1.1}.album-meta p{color:var(--cl-gray-8);margin:0}.queue{border-top:2px solid var(--cl-gray-2);margin-top:1.5em;padding-top:1em}.queue-header{justify-content:space-between;align-items:center;margin-bottom:.5em;display:flex}.queue-header h3,.queue-header p{margin:0}.queue-header h3{font-size:1rem}.queue-header p{color:var(--cl-gray-6)}.track-list{flex-direction:column;gap:.5em;margin:0;padding:0;list-style:none;display:flex}.track-item{border:2px solid var(--cl-gray-2);background:var(--cl-gray-1);width:100%;color:var(--cl-white);cursor:pointer;text-align:left;border-radius:0;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;font-size:.95rem;display:flex}.track-item:hover{border-color:var(--cl-orange-6)}.track-item span{width:22px;color:var(--cl-gray-6);text-align:right}.track-item.active{border-color:var(--cl-orange-6);background:var(--cl-gray-2);color:var(--cl-orange-7)}.track-item.active span{color:var(--cl-orange-6)}.transport{border-top:2px solid var(--cl-gray-2);background:var(--cl-black);grid-template-columns:minmax(0,1fr) auto minmax(0,1.4fr);align-items:center;gap:10px;padding:6px 10px;display:grid;position:fixed;bottom:0;left:0;right:0}.transport-info{flex-direction:column;justify-content:center;min-width:0;line-height:1.1;display:flex}.transport-actions{gap:6px;display:flex}.transport audio{width:100%;min-width:0;height:32px}.transport-label{color:var(--cl-gray-6);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.62rem}.transport-title{text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:.9rem;font-weight:600;overflow:hidden}.audio-placeholder{color:var(--cl-gray-6);padding:0 4px;font-size:.8rem}.transport button{border:2px solid var(--cl-gray-3);background:var(--cl-gray-1);color:var(--cl-white);cursor:pointer;border-radius:0;min-height:32px;padding:4px 10px;font-family:inherit;font-size:.85rem}.studio button{border:2px solid var(--cl-gray-3);background:var(--cl-gray-1);color:var(--cl-white);cursor:pointer;border-radius:0;min-height:40px;padding:8px 14px;font-family:inherit;font-size:.9rem}.transport button:hover,.studio button:not(:disabled):hover{border-color:var(--cl-orange-6);color:var(--cl-orange-6)}.transport button:disabled,.studio button:disabled{opacity:.5;cursor:not-allowed}audio{width:100%}.studio{border:2px solid var(--cl-gray-2);background:var(--cl-gray-0);border-radius:0;margin-top:1em}.studio>summary{cursor:pointer;color:var(--cl-white);list-style:revert;border-bottom:2px solid #0000;padding:14px 16px;font-size:1.25em;font-weight:700}.studio[open]>summary{border-bottom-color:var(--cl-orange-6)}.studio>summary:hover{border-color:var(--cl-orange-6);border-bottom-color:var(--cl-orange-6)}.studio>summary::-webkit-details-marker{color:var(--cl-orange-6)}.studio-content{grid-template-columns:1fr 1.2fr;gap:12px;padding:12px 16px 16px;display:grid}.card{border:2px solid var(--cl-gray-2);background:var(--cl-gray-1);border-radius:0;padding:12px 16px}.card h3{margin-top:0;margin-bottom:10px;font-size:1rem}.stack{flex-direction:column;gap:10px;display:flex}textarea,input{box-sizing:border-box;border:2px solid var(--cl-gray-3);background:var(--cl-black);width:100%;color:var(--cl-white);border-radius:0;padding:10px 12px;font-family:inherit;font-size:.9rem}textarea:focus,input:focus{border-color:var(--cl-orange-6);outline:none}textarea{resize:vertical}.row{gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.ghost{background:var(--cl-gray-0)}.muted{color:var(--cl-gray-6);margin:0}.error{color:var(--cl-red-6);margin:0}.success{color:var(--cl-green-6);margin:0}.builder-tracks{border:2px solid var(--cl-gray-2);border-radius:0;padding:10px}.track-builder-row{grid-template-columns:1fr 1.8fr auto;gap:8px;margin-bottom:8px;display:grid}@media (width<=720px){.app-shell{padding-bottom:180px}.player-surface{padding:12px 16px}.album-stage{text-align:left;grid-template-columns:1fr}.album-cover{max-width:220px}.album-meta h2{font-size:1.4rem}.studio-content,.track-builder-row{grid-template-columns:1fr}.track-builder-row .ghost{width:100%}.transport{grid-template-columns:1fr auto;grid-template-areas:"title actions""audio audio";padding:10px 12px}.transport button,.studio button{flex:auto}.row{flex-wrap:wrap}}@media (width<=420px){body{margin:2vh 3vw}.player-top h1{font-size:1.4rem}.album-meta h2{font-size:1.2rem}.transport-actions{justify-content:stretch;width:100%}.transport-actions button{flex:1 1 0}}