:root{--bg:#FFFFFF;--surface:#F6F7F8;--surface-hover:#EFF1F2;--border:#DDE3E5;--petrol:#3C6873;--petrol-dark:#34626D;--petrol-soft:#9EB4B9;--petrol-tint:#EDF2F3;--music:#FEAE3C;--music-deep:#E8940F;--music-tint:#FFF4E2;--waf:#E63012;--ink:#111111;--ink-2:#6B7377;--ui:"Inter Tight",system-ui,sans-serif;--mono:"DM Mono",ui-monospace,monospace;--retro:"Silkscreen",monospace;--radius:6px;--shell-side:232px;--player-h:64px}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:var(--ui);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--ui);cursor:pointer;border:none;background:none;font-size:14px;color:var(--ink)}::selection{background:var(--music);color:var(--ink)}:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}.retro-mark{font-family:var(--retro);font-size:9px;letter-spacing:.5px;color:var(--petrol);text-transform:uppercase}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius);font-weight:600;font-size:13.5px;transition:background .15s}.btn-primary{background:var(--petrol);color:#fff}.btn-primary:hover{background:var(--petrol-dark)}.btn-ghost{border:1px solid var(--border);background:var(--bg)}.btn-ghost:hover{background:var(--surface)}.badge-exc{font-family:var(--retro);font-size:8px;background:var(--waf);color:#fff;padding:3px 6px 2px;border-radius:3px;letter-spacing:.5px;vertical-align:2px}.tag-music{display:inline-block;font-size:11.5px;font-weight:600;color:var(--music-deep);background:var(--music-tint);padding:2px 8px;border-radius:20px}.pub{min-height:100vh;display:flex;flex-direction:column}.land-top{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid var(--border);background:var(--bg)}.logo{display:flex;align-items:baseline;gap:8px;font-weight:800;font-size:17px;letter-spacing:-.02em}.logo .waf{color:var(--waf)}.logo .pool-sub{font-family:var(--retro);font-size:8px;color:var(--petrol);letter-spacing:1px}.land-hero{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:60px 24px;background:linear-gradient(180deg,#fff 0,var(--surface) 100%)}.land-hero h1{font-size:clamp(38px,6vw,64px);font-weight:800;letter-spacing:-.035em;line-height:1.02}.land-hero h1 em{font-style:normal;color:var(--petrol)}.land-hero p{color:var(--ink-2);max-width:460px;font-size:15.5px}.land-strip{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.land-note{font-family:var(--mono);font-size:11px;color:var(--petrol-soft);margin-top:26px}.price-wrap{flex:1 1;padding:56px 24px;background:linear-gradient(180deg,#fff,var(--surface))}.price-inner{max-width:880px;margin:0 auto;text-align:center}.price-inner h1{font-size:clamp(30px,4.5vw,44px);font-weight:800;letter-spacing:-.03em;margin:10px 0 8px}.price-inner>p{color:var(--ink-2);margin-bottom:34px}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;text-align:left}.price-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:22px}.price-card.hot{border-color:var(--petrol);box-shadow:0 0 0 3px rgba(60,104,115,.1)}.price-card h3{font-size:15px;font-weight:700}.price-card .amt{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:8px 0 2px}.price-card .per{font-size:12px;color:var(--ink-2)}.price-card ul{list-style:none;margin:14px 0 18px;display:grid;grid-gap:6px;gap:6px;font-size:12.5px;color:var(--ink-2)}.price-card li:before{content:"▸ ";color:var(--petrol)}.price-note{font-family:var(--mono);font-size:11px;color:var(--petrol-soft);margin-top:26px}.auth-wrap{min-height:100vh;display:grid;place-items:center;background:var(--surface)}.auth-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:36px;width:min(400px,92vw);text-align:center}.auth-card h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:14px 0 6px}.auth-card p{color:var(--ink-2);margin-bottom:22px}#shell{display:none;min-height:100vh}#shell.on{display:grid;grid-template-columns:var(--shell-side) 1fr;grid-template-rows:1fr auto}.side{grid-row:1/3;background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;position:relative;padding:0 0 16px}.side:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--petrol)}.side-logo{display:flex;flex-direction:column;gap:2px;padding:20px 20px 18px;border-bottom:1px solid var(--border)}.side-section{font-family:var(--retro);font-size:8px;color:var(--petrol);letter-spacing:1.2px;padding:18px 20px 8px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 20px;margin:1px 8px;border-radius:var(--radius);color:var(--ink);font-weight:500;font-size:14px;position:relative;transition:background .12s}.nav-item:hover{background:var(--surface)}.nav-item.active{background:var(--petrol-tint);color:var(--petrol-dark);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-8px;top:7px;bottom:7px;width:3px;border-radius:2px;background:var(--petrol)}.nav-item svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.side-foot{margin-top:auto;padding:16px 20px 0;border-top:1px solid var(--border)}.side-foot .plan{font-size:12px;color:var(--ink-2)}.side-foot .plan b{color:var(--petrol-dark)}.main{display:flex;flex-direction:column;min-width:0}.topbar{gap:16px;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:30}.search,.topbar{display:flex;align-items:center}.search{flex:1 1;max-width:520px;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;transition:border-color .15s,box-shadow .15s}.search:focus-within{border-color:var(--petrol);box-shadow:0 0 0 3px rgba(60,104,115,.12);background:var(--bg)}.search input{border:none;background:none;outline:none;flex:1 1;font-family:var(--ui);font-size:14px;color:var(--ink)}.search input::placeholder{color:var(--ink-2)}.search svg{width:15px;height:15px;stroke:var(--ink-2);fill:none;stroke-width:2;stroke-linecap:round}.top-acct{display:flex;align-items:center;gap:10px;margin-left:auto}.avatar{width:32px;height:32px;border-radius:50%;background:var(--petrol);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.content{flex:1 1;padding:22px 24px 28px;overflow-x:clip}.page-title{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}.page-title h1{font-size:21px;font-weight:700;letter-spacing:-.02em}.page-sub{color:var(--ink-2);font-size:13.5px;margin-bottom:18px}.empty-state{border:1px dashed var(--border);border-radius:10px;background:var(--surface);padding:56px 28px;text-align:center;max-width:640px;margin:36px auto}.empty-state .glyph{font-family:var(--retro);font-size:20px;color:var(--petrol-soft);letter-spacing:4px}.empty-state h2{font-size:17px;font-weight:700;margin:14px 0 6px}.empty-state p{color:var(--ink-2);font-size:13.5px;max-width:400px;margin:0 auto 18px}.empty-steps{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:14px}.empty-steps span{font-family:var(--mono);font-size:10.5px;color:var(--petrol-dark);background:var(--petrol-tint);border:1px solid var(--border);padding:4px 9px;border-radius:20px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chip{border:1px solid var(--border);background:var(--bg);border-radius:20px;padding:6px 13px;font-size:12.5px;font-weight:500;color:var(--ink);transition:all .12s}.chip:hover{background:var(--surface)}.chip.on{background:var(--petrol);border-color:var(--petrol);color:#fff;font-weight:600}.chip.exc.on{background:var(--waf);border-color:var(--waf)}.filters .sep{width:1px;height:20px;background:var(--border);margin:0 4px}.f-select,.filters select{font-family:var(--ui);font-size:12.5px;padding:6px 10px;border:1px solid var(--border);border-radius:20px;background:var(--bg);color:var(--ink);cursor:pointer}.f-select:focus,.filters select:focus{outline:2px solid var(--petrol);outline-offset:1px}.result-line{font-family:var(--mono);font-size:11px;color:var(--ink-2);margin-bottom:8px;display:flex;gap:12px;align-items:center}.clear,.result-line .clear{color:var(--petrol);cursor:pointer;font-family:var(--ui);font-weight:600;font-size:12px}.tt{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg)}.trow,.tt-head{display:grid;grid-template-columns:44px minmax(220px,2.2fr) 1fr 64px 58px 110px 132px;grid-gap:12px;gap:12px;align-items:center;padding:0 14px}.tt-head{height:36px;font-family:var(--mono);font-size:10px;letter-spacing:.8px;color:var(--ink-2);text-transform:uppercase}.trow,.tt-head{background:var(--surface);border-bottom:1px solid var(--border)}.trow{height:58px;transition:background .12s;position:relative}.trow:last-child{border-bottom:none}.trow:hover{background:var(--surface-hover)}.trow.playing{background:var(--bg)}.trow.playing:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--music)}.t-art{width:38px;height:38px;border-radius:5px;display:grid;place-items:center;font-family:var(--retro);font-size:7px;color:#fff;position:relative;overflow:hidden;cursor:pointer}.t-art:after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;background:rgba(17,17,17,.55);color:#fff;font-size:11px;opacity:0;transition:opacity .12s;font-family:var(--ui)}.rel-track:hover .t-art:after,.trow:hover .t-art:after{opacity:1}.rel-track.playing .t-art:after,.trow.playing .t-art:after{content:"❚❚";opacity:1;font-size:9px}.t-main{min-width:0}.t-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.t-artist,.trow.playing .t-title{color:var(--music-deep)}.t-artist{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.t-artist:hover{text-decoration:underline}.t-label{font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keytag{display:inline-grid;place-items:center;font-size:11px;font-weight:500;width:36px;height:22px;border-radius:4px;color:#fff}.keytag,.t-bpm{font-family:var(--mono)}.t-bpm{font-size:12.5px}.t-bpm,.t-genre{color:var(--ink-2)}.t-genre{font-size:11.5px}.t-actions{display:flex;gap:6px;justify-content:flex-end}.icon-btn{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);transition:all .12s}.icon-btn:hover{border-color:var(--petrol);color:var(--petrol-dark);background:var(--petrol-tint)}.icon-btn.crated{border-color:var(--music-deep);background:var(--music-tint);color:var(--music-deep)}.icon-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dl-btn{display:flex;align-items:center;gap:6px;height:30px;padding:0 11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:12px;font-weight:600;transition:all .12s}.dl-btn.done,.dl-btn:hover{border-color:var(--petrol);background:var(--petrol);color:#fff}.shelf{margin-top:26px}.shelf-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.shelf-head h3{font-size:14.5px;font-weight:700}.shelf-row{display:grid;grid-auto-flow:column;grid-auto-columns:172px;grid-gap:12px;gap:12px;overflow-x:auto;padding-bottom:6px}.shelf-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px;transition:background .12s;cursor:pointer}.shelf-card:hover{background:var(--surface-hover)}.shelf-art{height:88px;border-radius:5px;display:grid;place-items:center;font-family:var(--retro);font-size:9px;color:#fff;margin-bottom:9px}.shelf-card .st{font-weight:600;font-size:13px}.shelf-card .sa,.shelf-card .st{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-card .sa{font-size:12px;color:var(--music-deep);font-weight:500}.nr-layout{display:grid;grid-template-columns:216px minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}.nr-side{position:-webkit-sticky;position:sticky;top:76px;display:grid;grid-gap:18px;gap:18px}.f-group{border:1px solid var(--border);border-radius:10px;background:var(--bg);overflow:hidden}.f-head{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:var(--surface);border-bottom:1px solid var(--border)}.f-head h4{font-family:var(--retro);font-size:8px;letter-spacing:1.2px;color:var(--petrol);text-transform:uppercase;font-weight:400}.f-head .fh-clear{font-size:11px;font-weight:600;color:var(--petrol);cursor:pointer;display:none}.f-group.has-active .fh-clear{display:inline}.f-body{padding:8px}.f-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 8px;border-radius:5px;font-size:12.5px;font-weight:500;color:var(--ink);text-align:left;transition:background .1s}.f-item:hover{background:var(--surface)}.f-item.on{background:var(--petrol-tint);color:var(--petrol-dark);font-weight:600}.f-item .cnt{font-family:var(--mono);font-size:10.5px;color:var(--ink-2)}.f-item.on .cnt{color:var(--petrol-dark)}.f-body select{width:100%;border-radius:var(--radius)}.f-body .f-note{font-size:11px;color:var(--ink-2);padding:2px 8px 4px}.cal-top{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px}.cal-top .cal-m{font-size:12.5px;font-weight:700;color:var(--petrol-dark)}.cal-nav{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--border);border-radius:5px;background:var(--bg);font-size:12px;color:var(--ink-2);transition:all .1s}.cal-nav:hover{border-color:var(--petrol);color:var(--petrol-dark)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.cal-wd{font-size:8.5px;color:var(--ink-2);text-align:center;padding:2px 0 4px;text-transform:uppercase}.cal-d,.cal-wd{font-family:var(--mono)}.cal-d{position:relative;height:26px;display:grid;place-items:center;font-size:11px;border-radius:5px;color:var(--ink);transition:background .1s}.cal-d:hover{background:var(--surface)}.cal-d.out{color:var(--petrol-soft);pointer-events:none}.cal-d.has:after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--music)}.cal-d.on{background:var(--petrol);color:#fff;font-weight:700}.cal-d.on:after{background:#fff}.rt-head{display:grid;grid-template-columns:38px minmax(140px,1.6fr) 52px 52px 84px 128px;grid-gap:12px;gap:12px;padding:6px 14px;border-bottom:1px solid var(--border);background:var(--surface);font-family:var(--mono);font-size:9px;letter-spacing:.7px;color:var(--ink-2);text-transform:uppercase}.rt-head span:last-child{text-align:right}.menu-btn{display:none;width:34px;height:34px;place-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.menu-btn svg{width:16px;height:16px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round}.backdrop{display:none;position:fixed;inset:0;background:rgba(17,17,17,.35);z-index:55}.backdrop.on{display:block}.nr-feed{min-width:0}.date-head{display:flex;align-items:center;gap:10px;margin:26px 0 10px}.date-head:first-child{margin-top:0}.date-head .dh-glyph{font-family:var(--retro);font-size:9px;color:var(--petrol)}.date-head h3{font-size:14px;font-weight:700;letter-spacing:.01em}.date-head .dh-line{flex:1 1;height:1px;background:var(--border)}.date-head .dh-cnt{font-family:var(--mono);font-size:10.5px;color:var(--ink-2)}.rel{border:1px solid var(--border);border-radius:10px;background:var(--surface);margin-bottom:12px;overflow:hidden}.rel-head{display:flex;gap:14px;padding:13px 14px;align-items:center}.rel-art{width:64px;height:64px;border-radius:6px;display:grid;place-items:center;font-family:var(--retro);font-size:9px;color:#fff;flex:none}.rel-info{min-width:0;flex:1 1}.rel-title{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rel-artist{font-size:13px;color:var(--music-deep);font-weight:600;cursor:pointer;width:-moz-fit-content;width:fit-content}.rel-artist:hover{text-decoration:underline}.rel-meta{font-size:12px;color:var(--ink-2);margin-top:2px}.rel-meta b{color:var(--ink);font-weight:600}.rel-tracks{border-top:1px solid var(--border);background:var(--bg)}.rel-track{display:grid;grid-template-columns:38px minmax(140px,1.6fr) 52px 52px 84px 128px;grid-gap:12px;gap:12px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--border);transition:background .1s;position:relative}.rel-track:last-child{border-bottom:none}.rel-track:hover{background:var(--surface)}.rel-track.playing{background:var(--music-tint)}.rel-track.playing:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--music)}.rel-track .t-art{width:30px;height:30px;font-size:6px}.rt-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rel-track.playing .rt-name{color:var(--music-deep);font-weight:600}.energy{display:inline-flex;gap:2px;align-items:flex-end;height:14px}.energy i{width:4px;border-radius:1px;background:var(--border)}.energy i:first-child{height:5px}.energy i:nth-child(2){height:8px}.energy i:nth-child(3){height:11px}.energy i:nth-child(4){height:14px}.energy[data-lv="1"] i:nth-child(-n+1),.energy[data-lv="2"] i:nth-child(-n+2){background:var(--petrol-soft)}.energy[data-lv="3"] i:nth-child(-n+3){background:var(--petrol)}.energy[data-lv="4"] i:nth-child(-n+4){background:var(--music)}.nr-empty{border:1px dashed var(--border);border-radius:10px;background:var(--surface);padding:44px;text-align:center;color:var(--ink-2)}.lab-dot{width:6px;height:6px;border-radius:50%;background:var(--music);margin-left:auto;flex:none}.lab-tag{font-family:var(--retro);font-size:7px;color:var(--music-deep);letter-spacing:.5px}.stepper{display:flex;gap:6px;overflow-x:auto;padding:4px 0 14px;scrollbar-width:thin}.step{display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--border);border-radius:20px;background:var(--bg);font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:all .12s;flex:none}.step .s-num{font-family:var(--mono);font-size:10px}.step:hover{background:var(--surface)}.step.cur{background:var(--petrol);border-color:var(--petrol);color:#fff}.step.done{background:var(--petrol-tint);border-color:var(--petrol-soft);color:var(--petrol-dark)}.step.locked{border-style:dashed;color:var(--petrol-soft);cursor:not-allowed}.step.locked,.step.locked:hover{background:var(--bg)}.step-arrow{align-self:center;color:var(--petrol-soft);flex:none;font-size:11px}.lab-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:6px 0 4px}.lab-head h2{font-size:18px;font-weight:800;letter-spacing:-.01em}.lab-sub{color:var(--ink-2);font-size:13px;margin-bottom:16px}.lab-entry{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:14px;gap:14px;max-width:720px}.entry-card{border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:22px;display:flex;flex-direction:column;gap:8px;text-align:left;transition:all .13s;cursor:pointer}.entry-card:hover{border-color:var(--petrol);box-shadow:0 0 0 3px rgba(60,104,115,.1)}.entry-card .ec-glyph{font-family:var(--retro);font-size:11px;color:var(--petrol)}.entry-card h3{font-size:15.5px;font-weight:700}.entry-card p{font-size:12.5px;color:var(--ink-2)}.imp-box{border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:18px;max-width:640px}.imp-url{display:flex;gap:8px;margin:10px 0}.imp-url input{flex:1 1;border:1px solid var(--border);border-radius:var(--radius);padding:9px 12px;font-family:var(--mono);font-size:12.5px;color:var(--ink);background:var(--surface)}.imp-url input:focus{outline:none;border-color:var(--petrol);box-shadow:0 0 0 3px rgba(60,104,115,.12);background:var(--bg)}.imp-prog{height:6px;border-radius:3px;background:var(--surface);overflow:hidden;margin:14px 0 6px;display:none}.imp-prog i,.imp-prog.on{display:block}.imp-prog i{height:100%;width:0;background:var(--petrol);transition:width .25s}.imp-note{font-family:var(--mono);font-size:10.5px;color:var(--ink-2)}.sp-card{display:flex;gap:14px;align-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:14px;margin-top:14px}.sp-art{width:60px;height:60px;border-radius:6px;background:var(--petrol);display:grid;place-items:center;color:#fff;font-family:var(--retro);font-size:8px;flex:none}.sp-card h4{font-size:14.5px;font-weight:700}.sp-card .sp-meta{font-size:12px;color:var(--ink-2)}.sp-preview{margin-top:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);max-height:200px;overflow:auto}.sp-line{display:flex;gap:10px;align-items:center;padding:6px 12px;border-bottom:1px solid var(--border);font-size:12.5px}.sp-line:last-child{border:none}.sp-line .n{font-family:var(--mono);font-size:10px;color:var(--ink-2);width:18px}.sp-line .a{color:var(--ink-2);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.match-sum{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.msum{font-family:var(--mono);font-size:11px;padding:6px 11px;border-radius:20px;border:1px solid var(--border);background:var(--bg);color:var(--ink-2)}.msum.found{background:var(--petrol-tint);border-color:var(--petrol-soft);color:var(--petrol-dark)}.msum.alt{background:var(--music-tint);border-color:var(--music);color:var(--music-deep)}.msum.miss{color:var(--waf);border-color:#F3C4BC}.mrow{display:grid;grid-template-columns:26px minmax(180px,1.6fr) 108px minmax(200px,1.6fr) 120px;grid-gap:12px;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.mrow:last-child{border:none}.mrow .mn{font-family:var(--mono);font-size:10.5px;color:var(--ink-2)}.m-orig .ot{font-weight:600;font-size:13.5px}.m-orig .oa{font-size:12px;color:var(--ink-2)}.mstat{font-family:var(--mono);font-size:9.5px;letter-spacing:.6px;padding:4px 8px;border-radius:4px;text-align:center;white-space:nowrap}.mstat.found{background:var(--petrol-tint);color:var(--petrol-dark)}.mstat.alt{background:var(--music-tint);color:var(--music-deep)}.mstat.sim{background:var(--surface-hover);color:var(--ink-2);border:1px solid var(--border)}.mstat.miss{background:#FBEAE7;color:var(--waf)}.m-match .mm{font-size:12.5px;font-weight:600}.m-match .md{font-family:var(--mono);font-size:10.5px;color:var(--ink-2)}.vers-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.vchip{font-size:11px;font-weight:600;padding:3px 9px;border-radius:14px;border:1px solid var(--border);background:var(--bg);transition:all .1s}.vchip:hover{border-color:var(--petrol)}.vchip.on{background:var(--music);border-color:var(--music);color:var(--ink)}.m-act{display:flex;gap:6px;justify-content:flex-end;align-items:center}.mini-btn{font-size:11.5px;font-weight:600;padding:6px 11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);transition:all .12s;white-space:nowrap}.mini-btn.in,.mini-btn:hover{border-color:var(--petrol);background:var(--petrol);color:#fff}.mini-btn.req{border-color:#F3C4BC;color:var(--waf)}.mini-btn.req:hover{background:var(--waf);border-color:var(--waf);color:#fff}.mini-btn.reqd{background:var(--petrol-tint);border-color:var(--petrol-soft);color:var(--petrol-dark);cursor:default}.lab-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}.mix-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}.wheel-card{border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:16px;text-align:center}.wheel-card svg{width:100%;max-width:340px;height:auto}.wheel-card .w-cur{font-family:var(--mono);font-size:11px;color:var(--ink-2);margin-top:8px}.wheel-legend{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:10px;font-size:10.5px;color:var(--ink-2)}.wheel-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}.wedge{cursor:pointer;transition:opacity .1s}.wedge:hover{opacity:.82}.compat-list{border:1px solid var(--border);border-radius:10px;background:var(--bg);overflow:hidden}.compat-head{padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:10px}.compat-head h4{font-size:13.5px;font-weight:700}.crow{display:grid;grid-template-columns:34px minmax(150px,1.7fr) 46px 46px 64px 110px 84px;grid-gap:10px;gap:10px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.crow:last-child{border:none}.crow:hover{background:var(--surface-hover)}.creason{font-family:var(--mono);font-size:9px;letter-spacing:.4px;padding:3px 7px;border-radius:4px;text-align:center;white-space:nowrap}.creason.best{background:var(--music-tint);color:var(--music-deep)}.creason.good{background:var(--petrol-tint);color:var(--petrol-dark)}.arr-switch{display:none;gap:6px;margin-bottom:10px}.arr-switch .chip{flex:1 1;justify-content:center;display:inline-flex}.arr-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.25fr);grid-gap:20px;gap:20px;align-items:start}.pane{border:1px solid var(--border);border-radius:10px;background:var(--bg);overflow:hidden;display:flex;flex-direction:column}.pane-head{padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pane-head h4{font-size:13.5px;font-weight:700;margin-right:auto}.pane-filters{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border);flex-wrap:wrap;background:var(--bg)}.pane-filters input{flex:1 1;min-width:110px;border:1px solid var(--border);border-radius:16px;padding:5px 11px;font-size:12px;font-family:var(--ui);background:var(--surface)}.pane-filters input:focus{outline:none;border-color:var(--petrol);background:var(--bg)}.pane-filters select{font-size:11.5px;padding:5px 8px;border:1px solid var(--border);border-radius:16px;background:var(--bg)}.pane-list{max-height:460px;overflow:auto}.srow{display:grid;grid-template-columns:30px minmax(120px,1.6fr) 44px 44px 52px 62px;grid-gap:8px;gap:8px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--border);background:var(--surface)}.srow:last-child{border:none}.srow:hover{background:var(--surface-hover)}.srow .st2{font-size:12.5px;font-weight:600}.srow .sa2,.srow .st2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srow .sa2{font-size:11px;color:var(--ink-2)}.srow .keytag{width:32px;height:20px;font-size:10px}.srow .t-bpm{font-size:11.5px}.setlist{padding:8px 10px}.set-sec{display:flex;align-items:center;gap:8px;margin:8px 2px 4px}.set-sec span{font-family:var(--retro);font-size:8px;letter-spacing:1px;color:var(--music-deep);background:var(--music-tint);padding:3px 8px 2px;border-radius:4px}.set-sec i{flex:1 1;height:1px;background:var(--border)}.setrow{display:grid;grid-template-columns:22px 30px minmax(110px,1.6fr) 44px 44px 46px 92px;grid-gap:8px;gap:8px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);margin:4px 0;cursor:-webkit-grab;cursor:grab}.setrow:active{cursor:-webkit-grabbing;cursor:grabbing}.setrow.dragging{opacity:.45}.setrow.playing{background:var(--music-tint)}.setrow .pos{font-family:var(--mono);font-size:10.5px;color:var(--ink-2)}.setrow .st2{font-size:12.5px;font-weight:600}.setrow .sa2,.setrow .st2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setrow .sa2{font-size:11px;color:var(--ink-2)}.setrow .keytag{width:32px;height:20px;font-size:10px}.setrow .t-bpm{font-size:11.5px}.set-acts{display:flex;gap:4px;justify-content:flex-end}.tiny-btn{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--border);border-radius:5px;background:var(--bg);font-size:11px;transition:all .1s;color:var(--ink-2)}.tiny-btn:hover{border-color:var(--petrol);color:var(--petrol-dark)}.trans{display:flex;align-items:center;gap:8px;padding:0 8px 0 30px}.trans i{flex:1 1;height:1px;background:var(--border)}.trans span{font-family:var(--mono);font-size:8.5px;letter-spacing:.5px;padding:2px 7px;border-radius:8px;background:var(--surface-hover);color:var(--ink-2)}.trans.good span{background:var(--music-tint);color:var(--music-deep)}.trans.ok span{background:var(--petrol-tint);color:var(--petrol-dark)}.trans.bad span{background:#FBEAE7;color:var(--waf)}.flow-card{border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:12px 14px;margin-top:14px}.flow-card h5{font-family:var(--retro);font-size:8px;letter-spacing:1px;color:var(--petrol);margin-bottom:8px}.flow-card svg{width:100%;height:64px;display:block}.set-empty{border:1px dashed var(--border);border-radius:8px;padding:30px;text-align:center;color:var(--ink-2);font-size:12.5px;margin:6px 0}.ready-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;max-width:820px;margin-bottom:16px}.stat-card{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:14px}.stat-card .sv{font-size:20px;font-weight:800;letter-spacing:-.02em}.stat-card .sv.music{color:var(--music-deep)}.stat-card .sk{font-family:var(--mono);font-size:9.5px;letter-spacing:.6px;color:var(--ink-2);text-transform:uppercase;margin-top:2px}.ready-missing{border:1px solid #f3c4bc;background:#FDF3F1;border-radius:10px;padding:12px 14px;max-width:820px;margin-bottom:16px;font-size:12.5px}.ready-missing b{color:var(--waf)}.proto-note{font-family:var(--mono);font-size:10px;color:var(--petrol-soft);margin-top:14px}@media(max-width:1020px){.arr-layout,.mix-layout{grid-template-columns:1fr}.pane-list{max-height:340px}}@media(max-width:700px){.mrow{grid-template-columns:26px 1fr;grid-auto-rows:auto}.mrow .m-act,.mrow .m-match,.mrow .mstat{grid-column:2}.m-act{justify-content:flex-start}.crow{grid-template-columns:34px 1fr 46px 84px}.crow .c-en,.crow .c-reason{display:none}.srow{grid-template-columns:38px auto auto 1fr auto;grid-template-areas:"art main main main main" "art key bpm en act";row-gap:6px;padding:9px 12px}.srow>.t-art{grid-area:art;align-self:start}.srow>div:not(.t-art){grid-area:main;min-width:0}.srow>.keytag{grid-area:key}.srow>.t-bpm{grid-area:bpm;align-self:center}.srow>.energy{grid-area:en;align-self:center}.srow>.mini-btn{grid-area:act;justify-self:end;min-height:34px;min-width:38px}.setrow{grid-template-columns:20px 38px auto auto 1fr auto;grid-template-areas:"pos art main main main main" "pos art key bpm en acts";row-gap:6px;padding:9px 8px}.setrow>.pos{grid-area:pos;align-self:start;padding-top:4px}.setrow>.t-art{grid-area:art;align-self:start}.setrow>div:not(.t-art):not(.set-acts){grid-area:main;min-width:0}.setrow>.keytag{grid-area:key}.setrow>.t-bpm{grid-area:bpm;align-self:center}.setrow>.energy{grid-area:en;align-self:center}.setrow>.set-acts{grid-area:acts;justify-self:end}.set-acts .tiny-btn{width:32px;height:32px}.pane-list{max-height:none}.trans{padding-left:8px}}.chart-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.crk{font-size:12px;width:30px;color:var(--ink-2)}.cmv,.crk{font-family:var(--mono);text-align:center}.cmv{font-size:10px;width:34px;border-radius:4px;padding:2px 0}.cmv.up{color:var(--music-deep);background:var(--music-tint)}.cmv.dn{color:var(--ink-2);background:var(--surface-hover)}.cmv.new{color:var(--petrol-dark);background:var(--petrol-tint)}.ct-head,.ctrow{display:grid;grid-template-columns:30px 34px 40px minmax(180px,2fr) 1fr 56px 50px 70px 150px;grid-gap:10px;gap:10px;align-items:center;padding:0 12px}.ct-head{height:34px;font-family:var(--mono);font-size:9.5px;letter-spacing:.7px;color:var(--ink-2);text-transform:uppercase}.ct-head,.ctrow{background:var(--surface);border-bottom:1px solid var(--border)}.ctrow{min-height:54px;position:relative}.ctrow:hover{background:var(--surface-hover)}.ctrow:last-child{border:none}.ctrow.playing{background:var(--bg)}.ctrow.playing:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--music)}.lib-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.crate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.crate-card{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:14px;cursor:pointer;transition:all .12s;text-align:left}.crate-card:hover{border-color:var(--petrol);background:var(--bg)}.crate-card h4{font-size:14.5px;font-weight:700;display:flex;gap:8px;align-items:center}.crate-card .cc-meta{font-family:var(--mono);font-size:10.5px;color:var(--ink-2);margin-top:6px;line-height:1.7}.crate-new{border:1px dashed var(--border);border-radius:10px;background:var(--bg);padding:14px;display:flex;flex-direction:column;gap:8px;justify-content:center}.crate-new input{border:1px solid var(--border);border-radius:var(--radius);padding:8px 11px;font-family:var(--ui);font-size:13px;background:var(--surface)}.crate-new input:focus{outline:none;border-color:var(--petrol);background:var(--bg)}.lib-row{display:grid;grid-template-columns:38px minmax(160px,2fr) 52px 52px auto;grid-gap:10px;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface);position:relative}.lib-row:last-child{border:none}.lib-row:hover{background:var(--surface-hover)}.lib-row.playing:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--music)}.lib-when{font-family:var(--mono);font-size:10.5px;color:var(--ink-2);white-space:nowrap}.lib-head-bar{flex-wrap:wrap;margin-bottom:12px}.lib-head-bar,.lib-head-bar h3{display:flex;align-items:center;gap:10px}.lib-head-bar h3{font-size:16px;font-weight:800;margin-right:auto}.lib-empty{border:1px dashed var(--border);border-radius:10px;background:var(--surface);padding:38px;text-align:center;color:var(--ink-2);font-size:13px}.req-form{border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:18px;max-width:620px;display:grid;grid-gap:10px;gap:10px}.req-form label{font-family:var(--mono);font-size:10px;letter-spacing:.6px;color:var(--ink-2);text-transform:uppercase;display:grid;grid-gap:5px;gap:5px}.req-form input,.req-form select,.req-form textarea{border:1px solid var(--border);border-radius:var(--radius);padding:9px 11px;font-family:var(--ui);font-size:13.5px;background:var(--surface);color:var(--ink)}.req-form input:focus,.req-form select:focus,.req-form textarea:focus{outline:none;border-color:var(--petrol);box-shadow:0 0 0 3px rgba(60,104,115,.12);background:var(--bg)}.req-2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.rq-status{font-family:var(--mono);font-size:9px;letter-spacing:.6px;padding:4px 8px;border-radius:4px;white-space:nowrap}.rq-status.SUBMITTED{background:var(--surface-hover);color:var(--ink-2)}.rq-status.CHECKING{background:var(--petrol-tint);color:var(--petrol-dark)}.rq-status.FOUND{background:var(--petrol);color:#fff}.rq-status.ALTERNATIVE{background:var(--music-tint);color:var(--music-deep)}.rq-status.NOT_AVAILABLE{background:#FBEAE7;color:var(--waf)}.rq-row{display:grid;grid-template-columns:minmax(160px,1.8fr) 110px 130px 96px;grid-gap:10px;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.rq-row:last-child{border:none}.paste-box{width:100%;min-height:120px;resize:vertical;font-family:var(--mono);font-size:12px}.drop{border:2px dashed var(--border);border-radius:10px;padding:22px;text-align:center;color:var(--ink-2);font-size:12.5px;background:var(--surface);transition:border-color .12s;cursor:pointer}.drop.over,.drop:hover{border-color:var(--petrol)}.chk-group-head{display:flex;align-items:center;gap:10px;margin:20px 0 8px}.chk-group-head .dh-line{flex:1 1;height:1px;background:var(--border)}.allow-bar{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:12px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px;max-width:720px}.allow-track{flex:1 1;min-width:160px;height:8px;border-radius:4px;background:var(--surface-hover);overflow:hidden}.allow-track i{display:block;height:100%;background:var(--petrol);border-radius:4px}.allow-num{font-family:var(--mono);font-size:11px;color:var(--ink-2)}.dl-row{display:grid;grid-template-columns:38px minmax(160px,2fr) 90px 60px 110px auto;grid-gap:10px;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface)}.dl-row:last-child{border:none}.dl-row:hover{background:var(--surface-hover)}.acct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:14px;gap:14px;max-width:980px}.acct-card{border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:18px}.acct-card h3{font-size:14.5px;font-weight:700;margin-bottom:12px;display:flex;gap:8px;align-items:baseline}.acct-card h3 .retro-mark{font-size:7px}.acct-card label{display:grid;grid-gap:4px;gap:4px;font-family:var(--mono);font-size:9.5px;letter-spacing:.6px;color:var(--ink-2);text-transform:uppercase;margin-bottom:10px}.acct-card input,.acct-card select{border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font-family:var(--ui);font-size:13.5px;background:var(--surface);color:var(--ink)}.acct-card input:focus,.acct-card select:focus{outline:none;border-color:var(--petrol);background:var(--bg)}.tog{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.tog:last-of-type{border:none}.switch{width:38px;height:22px;border-radius:11px;background:var(--surface-hover);border:1px solid var(--border);position:relative;transition:background .15s;flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s}.switch.on{background:var(--petrol);border-color:var(--petrol)}.switch.on:after{transform:translateX(16px)}.mem-line{display:flex;justify-content:space-between;font-size:13px;padding:7px 0;border-bottom:1px solid var(--border)}.mem-line:last-of-type{border:none}.mem-line b{font-weight:600}.picker-back{position:fixed;inset:0;background:rgba(17,17,17,.35);z-index:80;display:none}.picker-back.on{display:block}.picker{position:fixed;z-index:81;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,92vw);background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px rgba(17,17,17,.18);display:none;overflow:hidden}.picker.on{display:block}.picker-head{padding:12px 14px;background:var(--surface);border-bottom:1px solid var(--border);font-weight:700;font-size:13.5px;display:flex;justify-content:space-between;align-items:center}.picker-list{max-height:260px;overflow:auto;padding:6px}.picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:6px;font-size:13px;font-weight:500;text-align:left;transition:background .1s}.picker-item:hover{background:var(--surface)}.picker-item .pi-check{margin-left:auto;color:var(--petrol-dark);font-weight:700}.picker-new{display:flex;gap:6px;padding:10px;border-top:1px solid var(--border)}.picker-new input{flex:1 1;border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;font-size:13px;font-family:var(--ui);background:var(--surface)}.picker-new input:focus{outline:none;border-color:var(--petrol);background:var(--bg)}.toast{position:fixed;left:50%;bottom:86px;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:12.5px;padding:9px 16px;border-radius:20px;z-index:90;opacity:0;pointer-events:none;transition:opacity .2s}.toast.on{opacity:1}.pub-nav{display:flex;gap:16px;align-items:center;margin-right:auto;margin-left:26px}.pub-nav a{font-size:13.5px;font-weight:600;color:var(--ink-2)}.pub-nav a:hover{color:var(--petrol-dark)}.hero2{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(280px,.95fr);grid-gap:30px;gap:30px;align-items:center;padding:58px clamp(20px,6vw,72px) 46px;background:linear-gradient(180deg,#fff 0,var(--surface) 100%)}.hero2 h1{font-size:clamp(36px,4.6vw,58px);font-weight:800;letter-spacing:-.035em;line-height:1.03;margin:14px 0}.hero2 h1 em{font-style:normal;color:var(--music-deep)}.hero2 .h-sub{color:var(--ink-2);font-size:15.5px;max-width:440px;margin-bottom:22px}.mosaic{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;transform:rotate(-2deg)}.mos{aspect-ratio:1;border-radius:10px;display:grid;place-items:center;color:#fff;font-family:var(--retro);font-size:9px;box-shadow:0 8px 22px rgba(17,17,17,.1);animation:float 7s ease-in-out infinite}.mos:nth-child(2n){animation-delay:-2.4s}.mos:nth-child(3n){animation-delay:-4.6s}.mos.exc{outline:3px solid var(--waf);outline-offset:-3px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.sec{padding:46px clamp(20px,6vw,72px)}.sec-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.sec-head h2{font-size:clamp(20px,2.6vw,28px);font-weight:800;letter-spacing:-.02em}.week-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(168px,1fr);grid-gap:12px;gap:12px;overflow-x:auto;padding-bottom:8px}.trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.trio-card{border:1px solid var(--border);border-radius:12px;background:var(--bg);padding:22px}.trio-card.hero-card{grid-column:1/-1;background:var(--petrol);color:#fff;border-color:var(--petrol-dark);display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(220px,1fr);grid-gap:22px;gap:22px;align-items:center}.trio-card h3{font-size:16px;font-weight:800;margin-bottom:8px}.trio-card p{font-size:13px;color:var(--ink-2)}.hero-card p{color:var(--petrol-soft)}.hero-card .steps-line{display:flex;gap:6px;flex-wrap:wrap}.hero-card .steps-line span{font-family:var(--mono);font-size:10.5px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:5px 10px;border-radius:14px;color:#fff}.hero-card .steps-line .arr2{border:none;background:none;color:var(--music);padding:5px 0}.teaser{border:1px solid var(--border);border-radius:12px;background:var(--bg);overflow:hidden;max-width:640px}.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:12px;gap:12px}.why-card{border-top:2px solid var(--petrol);background:var(--surface);border-radius:0 0 8px 8px;padding:14px}.why-card h4{font-size:13.5px;font-weight:700;margin-bottom:5px}.why-card p{font-size:12px;color:var(--ink-2)}.foot{background:var(--petrol);color:#fff;padding:40px clamp(20px,6vw,72px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}.foot .f-logo{font-weight:800;font-size:18px}.foot .f-logo .waf{color:var(--music)}.foot nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.foot a{color:var(--petrol-soft)}.foot a:hover{color:#fff}.foot .retro-mark{color:var(--petrol-soft)}.p-toggle{display:inline-flex;border:1px solid var(--border);border-radius:20px;overflow:hidden;margin-bottom:24px}.p-toggle button{padding:7px 16px;font-size:12.5px;font-weight:600;color:var(--ink-2)}.p-toggle button.on{background:var(--petrol);color:#fff}.cmp{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--bg);border-collapse:separate;border-spacing:0;overflow:hidden;margin-top:26px;font-size:13px}.cmp td,.cmp th{padding:10px 14px;border-bottom:1px solid var(--border);text-align:left}.cmp tr:last-child td{border:none}.cmp th{background:var(--surface);font-family:var(--mono);font-size:9.5px;letter-spacing:.7px;color:var(--ink-2);text-transform:uppercase}.cmp td.y{color:var(--petrol-dark);font-weight:700}.cmp td.hot{color:var(--music-deep);font-weight:700}.auth-card form{display:grid;grid-gap:10px;gap:10px;text-align:left}.auth-card label{font-family:var(--mono);font-size:9.5px;letter-spacing:.6px;color:var(--ink-2);text-transform:uppercase;display:grid;grid-gap:4px;gap:4px}.auth-card input,.auth-card select{border:1px solid var(--border);border-radius:var(--radius);padding:9px 11px;font-family:var(--ui);font-size:13.5px;background:var(--surface);color:var(--ink)}.auth-card input:focus,.auth-card select:focus{outline:none;border-color:var(--petrol);box-shadow:0 0 0 3px rgba(60,104,115,.12);background:var(--bg)}.auth-err{color:var(--waf);font-size:12px;display:none}.genre-chips{display:flex;gap:6px;flex-wrap:wrap}.gchip{font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:14px;border:1px solid var(--border);background:var(--bg)}.gchip.on{background:var(--music);border-color:var(--music);color:var(--ink)}.remember{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);text-transform:none;font-family:var(--ui);letter-spacing:0}.remember input{width:15px;height:15px;accent-color:var(--petrol)}.bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--bg);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);height:58px;padding-bottom:env(safe-area-inset-bottom)}.bn-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9.5px;font-weight:600;color:var(--ink-2)}.bn-item svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.bn-item.active{color:var(--petrol-dark)}.bn-item.active svg{stroke:var(--petrol)}.filter-fab{display:none;align-items:center;gap:7px;border:1px solid var(--border);border-radius:20px;padding:8px 14px;background:var(--bg);font-size:13px;font-weight:600;margin-bottom:12px}.filter-fab .cnt-dot{font-family:var(--mono);font-size:10px;background:var(--petrol);color:#fff;border-radius:10px;padding:1px 7px}.sheet-back{position:fixed;inset:0;background:rgba(17,17,17,.35);z-index:70;display:none}.sheet-back.on{display:block}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:71;background:var(--bg);border-radius:14px 14px 0 0;max-height:78vh;overflow:auto;padding:16px;transform:translateY(102%);transition:transform .22s;box-shadow:0 -8px 30px rgba(17,17,17,.16)}.sheet.on{transform:none}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-head h4{font-size:15px;font-weight:800}.sheet-actions{display:flex;gap:10px;margin-top:14px;position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg);padding:10px 0 2px}.sheet-actions .btn{flex:1 1;justify-content:center}.player{grid-column:2;display:none;align-items:center;gap:16px;height:var(--player-h);padding:0 24px;background:var(--bg);border-top:1px solid var(--border);position:-webkit-sticky;position:sticky;bottom:0;z-index:30}.player.on{display:flex}.p-transport{display:flex;gap:6px}.p-transport .icon-btn{border-color:var(--petrol);color:var(--petrol-dark)}.p-transport .icon-btn.play{background:var(--petrol);color:#fff;width:36px;height:36px}.p-now{min-width:0}.p-now .pt{font-weight:600;font-size:13.5px;color:var(--music-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-now .pa{font-size:12px;color:var(--ink-2)}.p-wave{flex:1 1;height:30px;display:flex;align-items:flex-end;gap:2px;overflow:hidden}.p-wave i{flex:1 1;background:var(--border);border-radius:1px;min-width:2px}.p-wave i.hot{background:var(--music)}.p-meta{font-family:var(--mono);font-size:11px;color:var(--ink-2);white-space:nowrap}@media(max-width:1060px){.nr-layout{grid-template-columns:1fr}.nr-side{position:static;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:960px){#shell.on{grid-template-columns:1fr}.side{position:fixed;left:0;top:0;bottom:0;z-index:60;width:246px;transform:translateX(-105%);transition:transform .2s;box-shadow:4px 0 24px rgba(17,17,17,.14)}.side.open{transform:none}.menu-btn{display:grid}.player{grid-column:1}.trow,.tt-head{grid-template-columns:44px minmax(160px,2fr) 64px 58px 96px}.t-genre,.t-label,.tt-head span:nth-child(3),.tt-head span:nth-child(6){display:none}.rel-track,.rt-head{grid-template-columns:38px minmax(120px,1.6fr) 52px 100px}.rel-track .rt-en,.rel-track .rt-key,.rt-head .h-en,.rt-head .h-key{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(min-width:768px) and (max-width:959px){.content{padding-bottom:calc(24px + var(--player-h))}}@media(max-width:767px){.bottom-nav{display:grid}.content{padding:16px 14px calc(84px + var(--player-h))}.player{bottom:58px;height:52px;gap:10px;padding:0 12px}.p-meta,.p-transport .icon-btn:not(.play),.p-wave{display:none}.menu-btn{display:grid}.tt-head{display:none}.trow{grid-template-columns:44px auto auto 1fr;grid-template-areas:"art title title title" "art key bpm genre" "act act act act";height:auto;padding:10px 12px;row-gap:7px}.trow>.t-art{grid-area:art;width:42px;height:42px}.trow>.t-main{grid-area:title;min-width:0}.trow>.t-label{display:none}.trow>div:nth-child(4){grid-area:key}.trow>.t-bpm{grid-area:bpm;align-self:center}.trow>.t-genre{display:block;grid-area:genre;align-self:center}.trow>.t-actions{grid-area:act;justify-content:flex-end;gap:8px}.trow .dl-btn,.trow .icon-btn{min-height:36px}.ct-head{display:none}.ctrow{grid-template-columns:26px 34px 40px 1fr;grid-template-areas:"rk mv art title" "rk mv art meta" "act act act act";min-height:0;padding:10px 12px;row-gap:6px}.ctrow>.crk{grid-area:rk}.ctrow>.cmv{grid-area:mv}.ctrow>.t-art{grid-area:art}.ctrow>.t-main{grid-area:title;min-width:0}.ctrow>.ct-meta{grid-area:meta;font-size:11px;color:var(--ink-2)}.ctrow>.ct-en,.ctrow>.t-bpm,.ctrow>.t-label,.ctrow>div.ck{display:none}.ctrow>.t-actions{grid-area:act;justify-content:flex-end}.filters{display:none}.filter-fab{display:inline-flex}.sheet .filters{display:flex}.nr-side{display:none}.sheet .nr-side{display:grid;position:static;grid-template-columns:1fr}.rt-head{display:none}.rel-track{grid-template-columns:34px auto auto auto 1fr;grid-template-areas:"art name name name name" "art key bpm en en" "act act act act act";row-gap:7px;padding:10px 12px}.rel-track>.t-art{grid-area:art;align-self:start}.rel-track>.rt-name{grid-area:name;white-space:normal}.rel-track>.rt-key{grid-area:key;display:block}.rel-track>.t-bpm{grid-area:bpm;align-self:center}.rel-track>.rt-en{grid-area:en;display:block;align-self:center}.rel-track>.t-actions{grid-area:act;justify-content:flex-end;gap:8px}.rel-track .dl-btn,.rel-track .icon-btn{min-height:36px}.pub-nav{display:none}.land-top{padding:12px 14px;gap:8px}.land-top .btn{padding:8px 11px;font-size:12.5px}.logo .pool-sub{display:none}.auth-card{width:min(460px,94vw);padding:24px 18px}.auth-card .req-2col{grid-template-columns:1fr}.auth-card form,.auth-card input,.auth-card label,.auth-card select{width:100%;min-width:0;box-sizing:border-box}.arr-switch{display:flex}.arr-layout.mset .pane-src,.arr-layout.msrc .pane-set{display:none}.rq-row{grid-template-columns:1fr auto;row-gap:4px}.rq-row .lib-when{grid-column:1}.dl-row{grid-template-columns:38px 1fr auto;row-gap:4px}.dl-row .dl-fmt,.dl-row .lib-when{grid-column:2}.hero2{grid-template-columns:1fr;padding-top:38px}.mosaic{transform:none;max-width:420px}.trio-card.hero-card{grid-template-columns:1fr}}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--petrol);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:-3px}@keyframes spin{to{transform:rotate(1turn)}}.btn[disabled],.dl-btn[disabled],.mini-btn[disabled]{opacity:.55;cursor:not-allowed}.form-note{font-family:var(--mono);font-size:10.5px;color:var(--ink-2)}.auth-ok{color:var(--petrol-dark);font-size:12.5px;background:var(--petrol-tint);border:1px solid var(--petrol-soft);border-radius:6px;padding:8px 10px}.auth-err.on{display:block;background:#FBEAE7;border:1px solid #f3c4bc;border-radius:6px;padding:8px 10px}.err-banner{background:#FBEAE7;border:1px solid #f3c4bc;color:var(--waf);border-radius:8px}.err-banner,.info-banner{padding:10px 14px;font-size:13px;margin:10px 0}.info-banner{background:var(--music-tint);border:1px solid var(--music);color:var(--music-deep);border-radius:8px}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@keyframes shimmer{to{background-position:-200% 0}}.p-seek{flex:1 1;height:30px;display:flex;align-items:flex-end;gap:2px;overflow:hidden;cursor:pointer}.p-seek i{flex:1 1;background:var(--border);border-radius:1px;min-width:2px;pointer-events:none}.p-seek i.hot{background:var(--music)}.notif-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--waf)}.notif-btn{position:relative;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.notif-panel{position:absolute;right:0;top:40px;width:min(360px,92vw);max-height:420px;overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 40px rgba(17,17,17,.16);z-index:60}.notif-item{padding:11px 14px;border-bottom:1px solid var(--border);font-size:13px}.notif-item.unread{background:var(--petrol-tint)}.notif-item .n-when{font-family:var(--mono);font-size:10px;color:var(--ink-2)}.admin-tag{font-family:var(--retro);font-size:8px;background:var(--ink);color:#fff;padding:3px 7px 2px;border-radius:3px;letter-spacing:.5px}.admin-table{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--bg);border-collapse:separate;border-spacing:0;overflow:hidden;font-size:13px}.admin-table th{background:var(--surface);font-family:var(--mono);font-size:9.5px;letter-spacing:.7px;color:var(--ink-2);text-transform:uppercase;text-align:left}.admin-table td,.admin-table th{padding:9px 12px;border-bottom:1px solid var(--border)}.admin-table td{vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-form{display:grid;grid-gap:10px;gap:10px;max-width:640px;border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:18px}.admin-form label{font-family:var(--mono);font-size:10px;letter-spacing:.6px;color:var(--ink-2);text-transform:uppercase;display:grid;grid-gap:5px;gap:5px}.admin-form input,.admin-form select,.admin-form textarea{border:1px solid var(--border);border-radius:var(--radius);padding:9px 11px;font-family:var(--ui);font-size:13.5px;background:var(--surface);color:var(--ink)}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{outline:none;border-color:var(--petrol);box-shadow:0 0 0 3px rgba(60,104,115,.12);background:var(--bg)}.status-pill{font-family:var(--mono);font-size:9px;letter-spacing:.5px;padding:3px 8px;border-radius:4px;white-space:nowrap}.status-pill.DRAFT{background:var(--surface-hover);color:var(--ink-2)}.status-pill.SCHEDULED{background:var(--petrol-tint);color:var(--petrol-dark)}.status-pill.PUBLISHED{background:var(--petrol);color:#fff}.status-pill.FAILED,.status-pill.TAKEN_DOWN,.status-pill.failed{background:#FBEAE7;color:var(--waf)}.status-pill.READY,.status-pill.succeeded{background:var(--music-tint);color:var(--music-deep)}.status-pill.PENDING,.status-pill.PREPARING,.status-pill.PROCESSING,.status-pill.QUEUED,.status-pill.UPLOADING,.status-pill.queued,.status-pill.running{background:var(--petrol-tint);color:var(--petrol-dark)}.upload-row{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;align-items:center;border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin:6px 0;background:var(--surface)}.upload-prog{height:6px;border-radius:3px;background:var(--surface-hover);overflow:hidden;margin-top:6px}.upload-prog i{display:block;height:100%;background:var(--petrol);transition:width .2s}.pagination{gap:8px;margin-top:14px}.lab-sticky,.pagination{display:flex;align-items:center}.lab-sticky{position:-webkit-sticky;position:sticky;bottom:0;z-index:25;justify-content:space-between;gap:10px;margin-top:16px;padding:10px 2px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-top:1px solid var(--border)}.lab-sticky.player-on{bottom:var(--player-h)}@media(max-width:767px){.lab-sticky{bottom:calc(58px + env(safe-area-inset-bottom,0px))}.lab-sticky.player-on{bottom:calc(110px + env(safe-area-inset-bottom,0px))}.lab-sticky .btn-primary{flex:1 1;justify-content:center;min-height:42px}.lab-sticky .btn-ghost{padding:9px 12px;white-space:nowrap}}.feedback-fab{position:fixed;right:16px;bottom:76px;z-index:40;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:20px;padding:8px 14px;background:var(--bg);font-size:12.5px;font-weight:600;color:var(--petrol-dark);box-shadow:0 4px 16px rgba(17,17,17,.1)}.feedback-fab:hover{border-color:var(--petrol);background:var(--petrol-tint)}@media(max-width:767px){.feedback-fab{bottom:calc(66px + env(safe-area-inset-bottom,0px));right:12px;padding:7px 11px}}.player.on~.feedback-fab{bottom:calc(76px + var(--player-h))}