@charset "UTF-8";:root{color-scheme:dark;--bg:#101314;--panel:#191d1e;--ink:#f5f3e9;--muted:#939b96;--line:#303635;--lime:#d6f66e;--accent:#ff8a3d;font-family:Arial,Noto Sans,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0;background:none}button:hover{color:var(--lime)}[hidden]{display:none!important}.skip{position:fixed;left:12px;top:-60px;background:var(--lime);color:#101314;z-index:9;padding:12px}.skip:focus{top:12px}.masthead{height:94px;max-width:1512px;margin:auto;display:flex;align-items:center;gap:42px;padding:0 56px;border-bottom:1px solid var(--line)}.wordmark{font-size:35px;letter-spacing:-3px;font-weight:1000;font-style:italic;line-height:1}.wordmark span{display:inline-block;font-size:10px;letter-spacing:-.5px;margin-left:6px;vertical-align:top;margin-top:5px;color:var(--lime)}.mast-title{font:11px ui-monospace,monospace;letter-spacing:2px}.mast-title span{margin-left:16px;color:var(--muted)}.game-link{margin-left:auto;border:1px solid #515953;border-radius:28px;padding:12px 19px;font-size:12px;display:flex;gap:25px;align-items:center}.game-link:hover{background:var(--ink);color:var(--bg)}main{max-width:1400px;margin:0 auto;padding:48px 56px 160px}.workspace{display:grid;grid-template-columns:minmax(270px,360px) minmax(0,1fr);gap:64px;align-items:start}.record{position:sticky;top:28px;min-width:0}.sleeve{position:relative;padding:12px;background:#242a26;border:1px solid #495044;box-shadow:0 12px 24px #0003}.cover{aspect-ratio:1;background:#1d2034;overflow:hidden}.cover img{display:block;width:100%;height:100%}.sleeve-stamp{position:absolute;right:21px;bottom:22px;font:7px/1.5 ui-monospace,monospace;letter-spacing:1px;text-align:right;color:#fff9;pointer-events:none}.record-meta{display:flex;justify-content:space-between;margin:24px 0 12px;font:10px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.stereo-mark{font-size:9px}.record h2{font-size:clamp(23px,2.3vw,34px);font-weight:900;line-height:1.05;letter-spacing:-1px;margin:0;overflow-wrap:anywhere}.record>p{color:var(--muted);font-size:13px;line-height:1.6;min-height:21px;margin:10px 0 22px}.record-actions{display:flex;align-items:center;gap:12px}.primary{border-radius:30px;background:var(--lime);color:#161b12;padding:15px 24px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:16px}.primary:hover{background:#e3ff95;color:#111}.share{font-size:12px;color:#bcc3b8;padding:12px}.library-heading{display:flex;justify-content:space-between;align-items:center;padding:4px 0 24px}.eyebrow{font:9px ui-monospace,monospace;letter-spacing:2px;color:var(--muted)}.library-heading h2{font-size:25px;letter-spacing:-.7px;margin:9px 0 0;font-weight:500}.track-count{font:24px ui-monospace,monospace;color:var(--lime)}.track-count span{display:block;color:var(--muted);font-size:8px;letter-spacing:1.8px;text-align:right;margin-top:5px}.library-tools{display:flex;gap:12px;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap}.filters{display:flex;gap:3px;padding:4px;background:#1d2221;border-radius:24px}.filters button{font-size:11px;padding:9px 13px;border-radius:22px;white-space:nowrap}.filters button[aria-pressed=true]{background:var(--ink);color:#141815}.filters button span{margin-left:4px}.search{border-bottom:1px solid #454d46;display:flex;align-items:center;gap:8px;width:180px;font-size:25px}.search input{width:100%;background:none;border:0;color:var(--ink);min-width:0;font-size:12px;padding:10px 0}.search input::placeholder{color:var(--muted)}.search input:focus-visible{outline-offset:0}.list-head,.track-row{display:grid;grid-template-columns:36px minmax(0,1fr) 92px 34px;gap:10px;align-items:center}.list-head{font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--muted);padding:0 14px 14px;border-bottom:1px solid var(--line)}.list-head span:last-child{text-align:right}.track-row{width:100%;text-align:left;padding:13px 14px;min-height:72px;border-bottom:1px solid #242a28;border-radius:3px;contain:layout style}.track-row:hover{background:#202623;color:var(--ink)}.track-row.selected{background:#242d22}.track-row .track-number{font:11px ui-monospace,monospace;color:var(--muted)}.track-row.selected .track-number{color:var(--lime)}.track-label{display:flex;align-items:center;gap:13px;min-width:0}.track-swatch{width:36px;height:36px;flex:none;background:var(--swatch-bg);border:1px solid #ffffff1a;display:grid;place-items:center;color:var(--swatch);font:17px ui-monospace,monospace;position:relative}.track-swatch:before{content:"";position:absolute;inset:5px;border:1px solid currentColor;opacity:.3;transform:rotate(45deg)}.track-text{min-width:0}.track-text b{display:block;font-size:12px;font-weight:700;letter-spacing:.15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-text small{display:block;font-size:10px;color:var(--muted);margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-group{font:9px ui-monospace,monospace;letter-spacing:.4px;color:var(--muted)}.track-time{font:10px ui-monospace,monospace;text-align:right;color:#b4beb2}.library-end{display:flex;gap:10px;justify-content:space-between;margin:25px 0;font:8px ui-monospace,monospace;letter-spacing:.6px;color:var(--muted)}.library-end a:hover{color:var(--lime)}#empty{font-size:14px;color:var(--muted);padding:32px 14px}.player{position:fixed;inset:auto 0 0;background:#1d2220;border-top:1px solid #424b40;display:grid;grid-template-columns:minmax(180px,1fr) minmax(250px,440px) minmax(160px,1fr);gap:26px;align-items:center;min-height:106px;padding:13px 42px calc(13px + env(safe-area-inset-bottom));z-index:4;box-shadow:0 -10px 40px #0002}.playing-track{display:flex;align-items:center;gap:14px;min-width:0}.playing-track>div:last-child{min-width:0}.playing-track b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playing-track span{display:block;font-size:10px;color:var(--muted);margin-top:7px}#mini-cover{height:52px;width:52px;flex:none;border:1px solid #ffffff20}#mini-cover img{width:100%;height:100%;display:block}.transport-buttons{display:flex;gap:22px;align-items:center;justify-content:center;height:43px}.icon-button{height:36px;min-width:32px;display:grid;place-items:center;color:#a3aea1;position:relative}.icon-button svg{width:17px;height:17px}.icon-button.active{color:var(--lime)}.icon-button.active:after{content:"";width:3px;height:3px;background:currentColor;border-radius:100%;position:absolute;bottom:0}.play-button{width:42px;height:42px;background:var(--ink);border-radius:50%;color:var(--bg);display:grid;place-items:center}.play-button svg{width:18px;height:18px}.play-button:hover{background:var(--lime);color:var(--bg)}.timeline{display:flex;align-items:center;gap:13px;margin-top:9px}.timeline time{font:9px ui-monospace,monospace;color:#b4beb2;font-variant-numeric:tabular-nums;min-width:28px}.timeline time:last-child{text-align:right}input[type=range]{appearance:none;-webkit-appearance:none;height:16px;border:0;background:transparent;cursor:pointer;accent-color:var(--lime);padding:0;margin:0}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(to right,var(--lime) 0 var(--progress,0%),#50594c var(--progress,0%) 100%)}input[type=range]::-moz-range-track{height:3px;border-radius:4px;background:#50594c}input[type=range]::-moz-range-progress{background:var(--lime);height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:var(--ink);width:10px;height:10px;border-radius:50%;margin-top:-3.5px}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;width:10px;height:10px;border-radius:50%}#seek{width:100%;min-width:0}.player-end{justify-self:end;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.volume-control{display:flex;align-items:center;gap:10px}.volume-control svg{width:16px;height:16px;color:var(--muted)}#volume{width:82px;--progress:75%}@media(min-width:1500px){main{padding-left:20px;padding-right:20px}.workspace{gap:90px;grid-template-columns:390px minmax(0,1fr)}}@media(max-width:1000px){.masthead{padding:0 28px;gap:25px}main{padding:36px 28px 155px}.workspace{gap:32px;grid-template-columns:260px minmax(0,1fr)}.mast-title span{display:none}.list-head,.track-row{grid-template-columns:25px minmax(0,1fr) 30px;gap:7px}.track-group,.list-head>span:nth-child(3){display:none}.player{padding-left:24px;padding-right:24px;gap:16px;grid-template-columns:minmax(150px,1fr) minmax(230px,1.5fr) 100px}.player-end{max-width:100px}.search{width:100%}.track-row{padding:12px 9px}.track-swatch{display:none}.library-heading h2{font-size:23px}}@media(max-width:700px){.masthead{height:74px;padding:0 20px;gap:20px}.wordmark{font-size:30px}.mast-title{font-size:8px;letter-spacing:1px}.game-link{font-size:10px;gap:10px;padding:10px 12px}main{padding:28px 20px 180px}.workspace{display:block}.record{position:static;display:grid;grid-template-columns:155px minmax(0,1fr);column-gap:20px;margin-bottom:38px;align-items:start}.sleeve{grid-column:1;grid-row:1/5;padding:6px}.sleeve-stamp{display:none}.record-meta{grid-column:2;font-size:8px;margin:3px 0 10px;letter-spacing:.6px}.stereo-mark{display:none}.record h2{grid-column:2;font-size:23px;letter-spacing:-.7px}.record>p{grid-column:2;font-size:10px;margin:8px 0 10px;min-height:0}.record-actions{grid-column:2;gap:4px;flex-wrap:wrap}.primary{font-size:11px;padding:11px 16px;gap:9px}.share{font-size:10px;padding:9px 4px}.library-heading{padding-bottom:20px}.library-heading h2{font-size:24px}.library-tools{flex-wrap:nowrap;gap:12px;align-items:center;margin-bottom:20px}.filters{flex-shrink:0}.filters button{font-size:10px;padding:9px 10px}.search{width:auto;min-width:0;flex:1}.search input{font-size:11px}.track-swatch{display:grid;width:32px;height:32px;font-size:14px}.track-label{gap:11px}.track-row{min-height:70px;padding:12px 8px}.track-text b{font-size:11px}.track-text small{font-size:9px}.list-head{padding-left:8px;padding-right:8px}.library-end{font-size:7px;letter-spacing:.2px}.player{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 21px;row-gap:8px;column-gap:12px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));min-height:105px}.playing-track{grid-column:1;grid-row:1;gap:10px}#mini-cover{width:40px;height:40px}.playing-track b{font-size:10px}.playing-track span{font-size:9px;margin-top:5px}.transport{display:contents}.transport-buttons{grid-column:2;grid-row:1;gap:5px}.icon-button{min-width:27px}.icon-button svg{width:15px;height:15px}.play-button{width:36px;height:36px}.play-button svg{width:15px;height:15px}.timeline{grid-row:2;grid-column:1/-1;margin:0;gap:9px}.timeline time{font-size:8px}.player-end{display:none}}@media(max-width:390px){.mast-title{display:none}.record{grid-template-columns:130px minmax(0,1fr);gap:12px}.record h2{font-size:20px}.record-actions{gap:0}.library-tools{flex-wrap:wrap}.search{flex-basis:100%}.transport-buttons{gap:0}.icon-button{min-width:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:700px){main{padding-bottom:215px}.player{grid-template-columns:1fr;grid-template-rows:40px 44px 18px;row-gap:5px;min-height:142px}.playing-track{grid-column:1;grid-row:1}.transport-buttons{grid-column:1;grid-row:2;gap:18px;height:44px}.transport-buttons .icon-button{min-width:44px;width:44px;height:44px}.play-button{width:44px;height:44px}.timeline{grid-column:1;grid-row:3}.playing-track b{font-size:12px}.playing-track span{font-size:10px}.transport-buttons svg{width:17px;height:17px}.player-end{display:none}}@media(max-width:390px){.transport-buttons{gap:8px}}@supports (content-visibility:auto){.track-row{content-visibility:auto;contain-intrinsic-size:auto 72px}}@media(max-width:700px){.masthead{height:64px}main{padding-top:24px}.record{margin-bottom:24px}}.cover img,#mini-cover img,.track-swatch img{image-rendering:pixelated;object-fit:cover}.track-swatch{overflow:hidden}.track-swatch img{display:block;width:100%;height:100%}