:root{--mist:#d9d9dd;--bg:url(/05c0ad8ee3d4fc405d4d8434b7fad381.jpg);--ink:#0b0b0c;--ink-2:#565c64;--ink-3:#8b9099;--glass:rgba(255,255,255,.54);--glass-line:rgba(255,255,255,.78);--hair:rgba(11,11,12,.1);--hair-soft:rgba(11,11,12,.06);--lane-bg:rgba(255,255,255,.3);--shadow:0 22px 50px -26px rgba(20,20,28,.45);--flame:#ff5a2c;--flame-2:#ff7a45;--flame-deep:#e8431c;--flame-glow:rgba(255,90,44,.3);--gold:#fcb51c;--gold-top:#ffd24d;--gold-deep:#f2a000;--gold-ink:#9a6a00;--gold-glow:rgba(247,170,0,.4);--silver:#8b96a3;--steel:#586472;--radius:16px;--mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--mist) var(--bg) center/cover fixed no-repeat;-webkit-font-smoothing:antialiased;line-height:1.5}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}input,button,textarea,select{font-family:inherit}.mono{font-family:var(--mono)}.silver{color:var(--ink-2)}.muted{color:var(--ink-3)}.glass{background:#ffffffbd;border:1px solid var(--glass-line);box-shadow:inset 0 1px #fff9,var(--shadow)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}}.topbar{display:flex;align-items:center;gap:16px;padding:14px clamp(16px,3vw,40px);border-bottom:1px solid var(--hair-soft)}.topbar .logo{height:20px;width:auto}.logo-link{display:inline-flex;align-items:center;cursor:pointer;transition:transform .2s,opacity .2s}.logo-link:hover{transform:scale(1.06);opacity:.82}.topbar .sep{width:1px;height:24px;background:var(--hair)}.topbar .spacer{flex:1}.topbar .pagetitle{font-family:Comfortaa,sans-serif;font-weight:600;font-size:1.02rem}.topbar .pagetitle.wordmark{display:inline-flex;align-items:center;line-height:1}.topbar .pagetitle.wordmark .wm{height:18px;width:auto;display:block}.song-id{display:flex;flex-direction:column;min-width:0}.song-id .title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.04rem}.song-id .title .edit{color:var(--ink-3);cursor:pointer;font-size:.85rem}.song-id .meta{font-size:.78rem;color:var(--ink-2)}.song-id .meta b{font-weight:700;color:var(--ink-2)}.back{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--ink-2);background:none;border:none;cursor:pointer;border-radius:9px}.back svg{width:20px;height:20px}.back:hover{color:var(--ink);background:#fff6}.members{display:flex;align-items:center}.ava{width:30px;height:30px;border-radius:50%;margin-left:-8px;display:grid;place-items:center;font-size:.76rem;font-weight:700;border:2px solid rgba(255,255,255,.85)}.ava.me{background:linear-gradient(135deg,var(--flame-2),var(--flame-deep));color:#fff}.ava.other{background:linear-gradient(135deg,#c2cbd5,#94a0ad);color:#2a2f36}.btn{font-family:inherit;font-size:.84rem;font-weight:600;padding:8px 14px;border-radius:11px;cursor:pointer;border:1px solid var(--hair);background:#ffffff8c;color:var(--ink);transition:.2s;display:inline-flex;align-items:center;gap:7px}.btn:hover{background:#ffffffd9;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.flame{background:linear-gradient(135deg,var(--flame),var(--flame-deep));border-color:transparent;color:#fff;box-shadow:0 10px 24px -10px var(--flame-glow)}.btn.ghost{background:transparent}.btn.sm{padding:6px 11px;font-size:.8rem}.btn.icon{padding:0;width:38px;height:38px;justify-content:center;border-radius:11px}.btn.icon svg{width:18px;height:18px}.btn.danger{background:linear-gradient(135deg,#e2473a,#d63b2f);border-color:transparent;color:#fff;box-shadow:0 10px 24px -10px #d63b2f80}.tinybtn{font-size:.72rem;padding:3px 9px;border-radius:7px;border:1px solid var(--hair);background:#ffffff80;color:var(--ink-2);cursor:pointer;font-family:inherit;transition:.15s}.tinybtn:hover{color:var(--ink);background:#ffffffd1}.tinybtn:disabled{opacity:.45;cursor:not-allowed}.tinybtn.flame{color:var(--flame);border-color:#ff5a2c66;background:#ff5a2c0f}.tinybtn.flame:hover{background:#ff5a2c1f}.loading-flower{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:48px 24px}.loading-flower.full{min-height:100vh}.loading-flower img{width:48px;height:48px;object-fit:contain;animation:flowerSpin 1.2s linear infinite}.loading-flower span{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;color:var(--ink-3)}@keyframes flowerSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-flower img{animation-duration:3s}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:16px;background:#1212186b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:overlayIn .2s ease}.sheet{width:100%;max-width:440px;border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 70px -24px #14141c99;animation:sheetIn .34s cubic-bezier(.2,.9,.25,1)}.sheet.narrow{max-width:382px}.sheet-head{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--hair-soft)}.sheet-head h2{font-family:Comfortaa,sans-serif;font-size:1.02rem;font-weight:600;color:var(--ink);margin:0}.sheet-x{margin-left:auto;border:none;background:none;color:var(--ink-3);cursor:pointer;font-size:1rem;line-height:1;padding:4px 5px;border-radius:7px}.sheet-x:hover{color:var(--ink);background:#ffffff80}.sheet-body{padding:18px}.sheet-msg{margin:0;font-size:.9rem;color:var(--ink-2);line-height:1.65}.sheet-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 18px;border-top:1px solid var(--hair-soft)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes sheetIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.profile{position:relative}.profile .ava{cursor:pointer}.menu{position:absolute;top:calc(100% + 8px);right:0;min-width:208px;border-radius:14px;padding:6px;z-index:80;display:none}.menu.open{display:block;animation:menuIn .14s ease}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.menu .mhead{display:flex;align-items:center;gap:10px;padding:8px 10px 12px;border-bottom:1px solid var(--hair-soft);margin-bottom:6px}.menu .mhead .ava{width:36px;height:36px;margin:0;cursor:default}.menu .mhead .nm{font-weight:700;font-size:.9rem}.menu .mhead .hd{font-size:.7rem;color:var(--ink-3);font-family:var(--mono)}.menu .mi{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;cursor:pointer;font-size:.86rem;color:var(--ink);background:none;border:none;font-family:inherit;text-align:left}.menu .mi:hover{background:#fff9}.menu .mi svg{width:16px;height:16px;color:var(--ink-2);flex:none}.menu .mi.danger{color:var(--flame-deep)}.menu .mi.danger svg{color:var(--flame-deep)}.menu .mi .tg{margin-left:auto;width:34px;height:20px;border-radius:999px;background:#0b0b0c26;position:relative;transition:.2s}.menu .mi .tg:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:.2s}.menu .mi .tg.on{background:var(--flame)}.menu .mi .tg.on:after{left:16px}.menu .sepline{height:1px;background:var(--hair-soft);margin:6px 4px}.wrap{max-width:1180px;margin:0 auto;padding:22px clamp(16px,3vw,40px) 80px}.anno{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--flame);margin:8px 2px 10px}input[type=range].rg{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:3px;background:#0b0b0c29;outline:none;cursor:pointer}input[type=range].rg::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;border:1px solid var(--hair);box-shadow:0 1px 3px #00000059;cursor:pointer}input[type=range].rg::-moz-range-thumb{width:13px;height:13px;border:1px solid var(--hair);border-radius:50%;background:#fff;cursor:pointer}@media (max-width:600px){.topbar{gap:10px;padding:12px 14px}.topbar .sep,.topbar .members{display:none}}[data-theme=dark]{--mist:#0c0d11;--ink:#eceef2;--ink-2:#a6adb8;--ink-3:#727a86;--glass:rgba(30,33,40,.56);--glass-line:rgba(255,255,255,.1);--hair:rgba(255,255,255,.13);--hair-soft:rgba(255,255,255,.07);--lane-bg:rgba(255,255,255,.045);--shadow:0 22px 50px -26px rgba(0,0,0,.72);--gold-ink:#e7b34d}[data-theme=dark] body{background:linear-gradient(#08090cd6,#08090cd6),var(--bg) center/cover fixed no-repeat;background-color:var(--mist)}[data-theme=dark] .glass{background:#1c1f26d1;box-shadow:inset 0 1px #ffffff0f,var(--shadow)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){[data-theme=dark] .glass{background:var(--glass)}}[data-theme=dark] .topbar .logo,[data-theme=dark] .topbar .pagetitle.wordmark .wm,[data-theme=dark] .loading-flower img,[data-theme=dark] .pub-mark{filter:brightness(0) invert(.9)}[data-theme=dark] .btn:not(.flame):not(.danger):not(.ghost){background:#ffffff12}[data-theme=dark] .btn:not(.flame):not(.danger):not(.ghost):hover{background:#ffffff24}[data-theme=dark] .tinybtn:not(.flame){background:#ffffff0f}[data-theme=dark] .tinybtn:not(.flame):hover{background:#ffffff21}[data-theme=dark] .menu .mi:hover{background:#ffffff14}[data-theme=dark] .menu .mi .tg{background:#ffffff2e}[data-theme=dark] .transport .chip{background:#ffffff12}[data-theme=dark] .transport .chip:hover{background:#ffffff24}[data-theme=dark] .sm button,[data-theme=dark] .mt-zoom .zb,[data-theme=dark] .mix-toggle{background:#ffffff12}[data-theme=dark] .mix-toggle:hover{background:#ffffff24}[data-theme=dark] .meta .metro-btn:not(.on){background:#ffffff12}[data-theme=dark] .meta .key-sel:hover{background:#ffffff1a}[data-theme=dark] .band:not(.active){background:#ffffff0f}[data-theme=dark] .band:not(.active):hover{background:#ffffff1f}[data-theme=dark] .bpm-tap{background:#ffffff12}[data-theme=dark] .bpm-tap:hover{background:#ffffff24}[data-theme=dark] .song-id .title .title-input,[data-theme=dark] .g-label .lbl-input,[data-theme=dark] .band-input,[data-theme=dark] .band-name-edit,[data-theme=dark] .song-form .nsong-title,[data-theme=dark] .cmt-ta,[data-theme=dark] .invite input,[data-theme=dark] .onboard-input,[data-theme=dark] .pf-input,[data-theme=dark] .bpm-field{background:#ffffff0f}[data-theme=dark] .cmt-ta:focus,[data-theme=dark] .onboard-input:focus,[data-theme=dark] .pf-input:focus,[data-theme=dark] .bpm-field:focus-within{background:#ffffff1a}[data-theme=dark] .pf-input:disabled{background:#ffffff08}[data-theme=dark] .cmt{background:#ffffff0d}[data-theme=dark] .pill:not(.mine){background:#ffffff0f}[data-theme=dark] .song.new{background:#ffffff0a}[data-theme=dark] .song.new:hover{background:#ffffff14}[data-theme=dark] .g-lane:hover{background:#ffffff0f}[data-theme=dark] .g-lane.sel{background:#ffffff21;box-shadow:none}[data-theme=dark] .scrub{background:#ffffff1f}[data-theme=dark] input[type=range].rg{background:#ffffff29}.login{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:Comfortaa,system-ui,sans-serif}.login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(80% 70% at 30% 96%,rgba(255,255,255,.42),transparent 60%),radial-gradient(90% 80% at 85% 12%,rgba(255,255,255,.26),transparent 55%),linear-gradient(180deg,#ffffff0f,#8c8c961a)}.login-brand{position:absolute;left:clamp(22px,3.6vw,58px);bottom:clamp(20px,3.2vw,48px);z-index:3;animation:loginRise 1s .25s both cubic-bezier(.76,0,.18,1)}.login-brand img{display:block;width:clamp(280px,64vw,1100px);height:auto;filter:drop-shadow(0 6px 18px rgba(20,20,28,.16));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.login-enter{position:absolute;right:clamp(22px,3.6vw,58px);bottom:clamp(20px,3.2vw,48px);z-index:4;background:none;border:none;cursor:pointer;padding:0;line-height:0;animation:loginRise 1s .45s both cubic-bezier(.76,0,.18,1);transition:transform .4s cubic-bezier(.2,.9,.25,1)}.login-enter img{display:block;width:clamp(41px,3.84vw,67px);height:auto;filter:drop-shadow(0 6px 14px rgba(20,20,28,.3));transition:transform .2s ease-out;transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.login-enter:hover{transform:scale(1.08)}.login-enter:active{transform:scale(.94)}.login-enter.go{animation:loginShoot .5s forwards cubic-bezier(.2,.6,.3,1)}.login-error{position:absolute;left:50%;top:clamp(20px,5vh,48px);transform:translate(-50%);z-index:210;max-width:min(92vw,440px);text-align:center;background:#ffffffd1;border:1px solid var(--glass-line);border-radius:12px;padding:10px 16px;color:var(--flame-deep);font-size:.86rem;line-height:1.45;font-family:Manrope,system-ui,sans-serif;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-dev{position:absolute;left:clamp(22px,3.6vw,58px);top:clamp(20px,3vw,40px);z-index:5;font-family:var(--mono);font-size:.7rem;color:var(--ink-3);background:#fff6;border:1px solid var(--hair);border-radius:8px;padding:5px 10px;cursor:pointer;transition:.2s}.login-dev:hover{background:#ffffffb8;color:var(--ink)}.gmodal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:#1212186b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:opacity .35s ease}.gmodal.show{opacity:1;pointer-events:auto}.gcard{width:min(400px,92vw);background:#fff;border-radius:18px;overflow:hidden;color:#202124;box-shadow:0 30px 70px -22px #0000008c;transform:translateY(16px) scale(.97);transition:transform .42s cubic-bezier(.76,0,.18,1)}.gmodal.show .gcard{transform:none}.gpad{padding:30px 28px 20px}.gbrand{display:block;width:44px;height:44px;object-fit:contain;margin-bottom:16px}.gcard h2{font-family:Comfortaa,sans-serif;font-size:1.32rem;font-weight:600;color:#202124;margin-bottom:4px}.gsub{font-family:Roboto,system-ui,sans-serif;font-size:.92rem;color:#5f6368;margin-bottom:22px}.gsub b{font-weight:500;color:#202124}.gproviders{display:flex;flex-direction:column;gap:10px}.gbtn{display:flex;align-items:center;gap:12px;width:100%;padding:11px 16px;border:1px solid #dadce0;background:#fff;cursor:pointer;border-radius:10px;font-family:Roboto,system-ui,sans-serif;font-size:.95rem;color:#3c4043;transition:background .2s,box-shadow .2s,border-color .2s}.gbtn:hover{background:#f7f9fc;box-shadow:0 1px 3px #3c40432e;border-color:#d2d5da}.gbtn-icon{width:20px;height:20px;flex:none}.gbtn>span:not(.spin){flex:1;text-align:center}.gbtn .spin{width:18px;height:18px;flex:none;border-radius:50%;border:2.5px solid #c7c7c7;border-top-color:#1a73e8;opacity:0;animation:gspin .8s linear infinite}.gbtn.loading{background:#f7f9fc;pointer-events:none}.gbtn.loading .spin{opacity:1}.gfoot{padding:14px 28px 22px;font-family:Roboto,system-ui,sans-serif;font-size:.72rem;color:#5f6368;line-height:1.6;border-top:1px solid #f1f1f1}@keyframes loginRise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes loginShoot{to{transform:rotate(720deg) scale(1.05)}}@keyframes gspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login-brand,.login-enter,.login-enter.go,.gcard{animation:none!important}}.onboard{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.onboard-card{width:100%;max-width:400px;padding:34px 30px 26px;border-radius:var(--radius)}.onboard-title{font-family:Comfortaa,sans-serif;font-size:1.32rem;font-weight:600;color:var(--ink);line-height:1.3}.onboard-sub{font-size:.9rem;color:var(--ink-3);margin-top:6px}.onboard-input{width:100%;margin-top:20px;font-size:1.04rem;padding:11px 13px;color:var(--ink);background:#fff9;border:1px solid var(--hair);border-radius:11px;outline:none;transition:border-color .15s,background .15s}.onboard-input:focus{border-color:var(--flame);background:#ffffffd1}.onboard-error{margin-top:10px;font-size:.82rem;color:var(--flame-deep)}.onboard-submit{margin-top:18px;width:100%;justify-content:center;padding:11px;font-size:.92rem}.bpm-input{display:flex;align-items:center;gap:12px}.bpm-field{display:inline-flex;align-items:baseline;gap:5px;padding:6px 10px;border-radius:9px;background:#ffffff8c;border:1px solid var(--hair);transition:.15s}.bpm-field:focus-within{border-color:var(--flame);background:#ffffffd1}.bpm-num{width:34px;border:none;background:none;outline:none;padding:0;font-family:var(--mono);font-size:.92rem;font-weight:600;color:var(--ink);text-align:right;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.bpm-num::-webkit-outer-spin-button,.bpm-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bpm-unit{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:var(--ink-3)}.bpm-slider{flex:1;min-width:90px}.bpm-tap{font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--ink-2);padding:6px 13px;border-radius:8px;border:1px solid var(--hair);background:#ffffff80;cursor:pointer;transition:.15s}.bpm-tap:hover{color:var(--ink);background:#ffffffd1}.bpm-tap:active{color:#fff;background:var(--flame);border-color:transparent;transform:scale(.96)}.empty-state{color:var(--ink-3)}.empty-state.is-block{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:28px 14px}.es-icon{font-size:26px;line-height:1;opacity:.5}.es-primary{margin:0;font-size:.9rem;color:var(--ink-2)}.es-hint{margin:0;max-width:30ch;font-size:.82rem;color:var(--ink-3);line-height:1.7}.empty-state.is-inline{margin:0;font-size:.82rem;color:var(--ink-3);line-height:1.6}.es-inline-ico{width:15px;height:15px;vertical-align:-3px;display:inline}.notif,.notif-btn{position:relative}.notif-btn svg{width:18px;height:18px;color:var(--ink-2)}.notif-btn:hover svg{color:var(--ink)}.notif-badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--flame);color:#fff;font-family:var(--mono);font-size:.6rem;font-weight:600;line-height:17px;text-align:center;box-shadow:0 0 0 2px #ffffffd9}.notif-menu{min-width:288px;max-width:320px}.notif-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 10px;border-bottom:1px solid var(--hair-soft);margin-bottom:4px}.notif-head .nt{font-family:Comfortaa,sans-serif;font-weight:600;font-size:.9rem}.notif-head .all-read{font-family:inherit;font-size:.74rem;color:var(--flame);background:none;border:none;cursor:pointer}.notif-head .all-read:hover{color:var(--flame-deep)}.notif-empty{padding:14px 12px}.notif-list{list-style:none;max-height:360px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:9px;width:100%;text-align:left;padding:10px;border:none;background:none;border-radius:9px;cursor:pointer;font-family:inherit;font-size:.84rem;line-height:1.45;color:var(--ink-2)}.notif-item:hover{background:#fff9}.notif-item.unread{color:var(--ink)}.notif-item .udot{width:7px;height:7px;border-radius:50%;background:var(--flame);flex:none;margin-top:6px}.notif-item.read .udot{visibility:hidden}.notif-item .ntext{min-width:0}.project-home .topbar{padding:22px clamp(16px,3vw,40px);gap:26px}.project-home .topbar .logo{height:32px}.project-home .topbar .sep{height:38px}.project-home .topbar .pagetitle{font-size:1.63rem}.project-home .topbar .pagetitle.wordmark .wm{height:29px}.project-home .topbar .profile>.ava.me{width:40px;height:40px;font-size:1.02rem;cursor:pointer}.ph-error{max-width:640px;margin:0 0 14px;padding:9px 14px;border-radius:11px;background:#ff5a2c14;border:1px solid rgba(255,90,44,.32);color:var(--flame-deep);font-size:.86rem}.bands{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:22px}.band{font-family:inherit;font-size:.86rem;font-weight:600;padding:9px 16px;border-radius:12px;cursor:pointer;border:1px solid var(--hair);background:#ffffff73;color:var(--ink-2);transition:.2s}.band:hover{background:#ffffffb3}.band.active{color:#fff;background:linear-gradient(135deg,var(--flame),var(--flame-deep));border-color:transparent;box-shadow:0 10px 24px -12px var(--flame-glow)}.band.add{color:var(--ink-2);border-style:dashed;background:transparent}.band-input{color:var(--ink);background:#ffffffb3;min-width:160px;outline:none}.band-input::placeholder{color:var(--ink-3)}.band-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.band-head h2{font-family:Comfortaa,sans-serif;font-size:1.3rem;font-weight:700}.band-name-edit{font-family:Comfortaa,sans-serif;font-size:1.3rem;font-weight:700;color:var(--ink);background:#ffffffb3;border:1px solid var(--hair);border-radius:9px;padding:2px 8px;outline:none}.invite{display:flex;gap:8px;align-items:center}.invite input{width:230px;max-width:48vw;background:#ffffff80;border:1px solid var(--hair);border-radius:9px;padding:7px 10px;color:var(--ink-2);font-family:var(--mono);font-size:.72rem}.songs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.song{border-radius:var(--radius);padding:16px;cursor:pointer;transition:transform .2s,box-shadow .2s;color:inherit;text-decoration:none;display:block}.song:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff9,0 26px 54px -24px #14141c80}.song .s-title{font-weight:800;font-size:1.08rem}.song .s-people{font-size:.84rem;color:var(--ink-2);margin-top:10px}.song .s-people b{color:var(--ink);font-weight:700}.song .s-recent{font-size:.76rem;color:var(--ink-3);margin-top:6px}.song .s-empty{margin-top:10px}.song.new{font-family:inherit;font-size:.9rem;border:1.5px dashed var(--hair);background:#fff3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-2);gap:6px;min-height:150px}.song.new:hover{transform:none;box-shadow:none;background:#ffffff57}.song.new .plus{font-size:1.5rem;color:var(--flame)}.song.new.song-form{align-items:stretch;justify-content:flex-start;gap:10px;cursor:default;padding:16px}.song-form .nsong-title{font-family:inherit;font-size:.95rem;color:var(--ink);background:#ffffffb3;border:1px solid var(--hair);border-radius:9px;padding:8px 10px;outline:none}.song-form-acts{display:flex;gap:8px;justify-content:flex-end}.ctx-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.menu.ctx-menu{position:fixed;top:auto;right:auto;min-width:172px}@media (max-width:600px){.project-home .topbar{padding:16px 14px;gap:14px}.project-home .topbar .logo{height:26px}.project-home .topbar .pagetitle{font-size:1.3rem}.project-home .topbar .pagetitle.wordmark .wm{height:24px}.project-home .topbar .profile>.ava.me{width:36px;height:36px}}@media (max-width:480px){.songs{grid-template-columns:1fr}}.join{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.join-card{width:100%;max-width:400px;padding:34px 30px 28px;border-radius:var(--radius);text-align:center}.join-title{font-family:Comfortaa,sans-serif;font-size:1.42rem;font-weight:600;color:var(--ink)}.join-sub{margin-top:8px;font-size:.9rem;color:var(--ink-3);line-height:1.6}.join-btn{margin-top:22px;width:100%;justify-content:center;padding:11px;font-size:.94rem}.join-status{margin-top:14px;font-size:.84rem;color:var(--ink-2)}.mt{display:flex;align-items:flex-start;gap:18px}.mt-gutter{width:300px;flex:none;position:relative}.g-lane{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 14px 0 10px;border-radius:10px;cursor:pointer;transition:background .15s,box-shadow .15s}.g-lane:hover{background:#ffffff52}.g-lane.sel{background:#ffffff94;box-shadow:0 4px 16px -6px #14141c42}.g-head{display:flex;align-items:center;gap:9px}.dot{width:11px;height:11px;border-radius:50%;flex:none}.dot.mine{background:var(--flame);box-shadow:0 0 8px var(--flame-glow)}.dot.other{background:var(--silver)}.dot.seed{background:var(--steel)}.g-info{min-width:0;flex:1}.g-label{font-size:.86rem;font-weight:700;display:flex;align-items:center;gap:6px;color:var(--ink)}.g-label .badge{font-family:var(--mono);font-size:.55rem;letter-spacing:.08em;padding:1px 5px;border-radius:4px;background:#58647224;color:var(--steel);border:1px solid rgba(88,100,114,.3)}.g-label .lbl-input{flex:1;min-width:0;font-family:inherit;font-size:.86rem;font-weight:700;color:var(--ink);background:#ffffffa6;border:1px solid var(--hair);border-radius:6px;padding:1px 6px;outline:none}.g-label .lbl-input:focus{border-color:var(--flame)}.g-owner{font-size:.72rem;color:var(--ink-2);margin-top:1px}.g-owner.me{color:var(--flame);font-weight:600}.g-owner .unpub{color:var(--gold-deep);font-weight:600;margin-left:6px}.sm{display:flex;gap:4px;flex:none}.sm button{width:22px;height:22px;border-radius:6px;border:1px solid var(--hair);background:#fff9;color:var(--ink-2);font-size:.62rem;font-weight:700;cursor:pointer;font-family:inherit}.sm button:hover{color:var(--ink)}.sm button.on{color:#fff;background:var(--flame);border-color:transparent}.sm button.ov-m.on{background:var(--steel)}.g-ctrls{display:flex;align-items:center;gap:12px;padding-left:20px}.g-vol{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.g-vol svg{width:14px;height:14px;color:var(--ink-3);flex:none}.g-vol .vval{font-family:var(--mono);font-size:.62rem;color:var(--ink-3);width:24px;text-align:right;flex:none}.g-pan{display:flex;align-items:center;gap:6px;width:118px;flex:none}.g-pan .pval{font-family:var(--mono);font-size:.62rem;color:var(--ink-3);width:34px;flex:none}.g-ctrls input[type=range]:disabled{opacity:.5;cursor:default}.mix-toggle{position:absolute;top:2px;left:6px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:22px;border-radius:7px;border:1px solid var(--hair);background:#ffffff80;color:var(--ink-2);cursor:pointer;padding:0;font-family:inherit}.mix-toggle:hover{color:var(--ink);background:#ffffffd9}.mix-toggle svg{width:16px;height:16px;transition:transform .28s ease}.mt.compact .mix-toggle svg{transform:rotate(180deg)}.mt.compact .mt-gutter{width:184px}.mt.compact .g-ctrls{display:none}.mt-tracks{flex:1;min-width:0;background:var(--lane-bg);border-radius:10px;border:1px solid var(--hair);box-shadow:inset 0 1px 6px #14141c0f;padding:6px 10px}.mt-tracks canvas{display:block}.mt-canvas{position:relative}.mt-cv{display:block}.mt-xbar{display:flex;align-items:center;gap:12px;margin-top:7px}.mt-xscroll{position:relative;flex:1;height:9px;border-radius:5px;background:#0b0b0c12}.mt-xscroll[data-hidden=true]{visibility:hidden}.mt-xthumb{position:absolute;top:0;bottom:0;min-width:26px;border-radius:5px;background:#0b0b0c38;cursor:grab;touch-action:none}.mt-xthumb:hover{background:#0b0b0c4d}.mt-xthumb:active{cursor:grabbing;background:#0b0b0c61}.mt-zoom{display:flex;align-items:center;gap:6px;flex:none}.mt-zoom .zb{width:24px;height:22px;border-radius:7px;border:1px solid var(--hair);background:#ffffff80;color:var(--ink-2);font-size:.92rem;line-height:1;cursor:pointer;font-family:inherit}.mt-zoom .zb:hover:not(:disabled){color:var(--ink);background:#ffffffc7}.mt-zoom .zb:disabled{opacity:.4;cursor:default}.mt-zoom .zread{font-family:var(--mono);font-size:.68rem;font-weight:500;color:var(--ink-2);min-width:42px;text-align:center}.mt-hint{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:.78rem;color:var(--ink-3)}.mt-snap{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);cursor:pointer}.mt-snap input{accent-color:var(--flame)}.mt-ctx-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.menu.mt-ctx{position:fixed;top:auto;right:auto;min-width:160px}@media (max-width:720px){.mt{gap:12px}.mt-gutter{width:188px}.g-ctrls{display:none}}.ws-wrap{max-width:1180px;margin:0 auto;padding:22px clamp(16px,3vw,40px) 80px}.ws-state{max-width:1180px;margin:0 auto;padding:40px clamp(16px,3vw,40px);display:flex;align-items:center;gap:14px}.meta .key-sel{font:inherit;color:var(--ink-2);background:transparent;border:none;border-radius:5px;padding:0 2px;margin:0 -2px;cursor:pointer;vertical-align:baseline}.meta .key-sel:hover{color:var(--ink);background:#ffffff80}.meta .key-sel:focus-visible{outline:1px solid var(--flame);outline-offset:1px}.meta .key-sel.unset{color:var(--ink-3)}.meta .key-sel option{color:var(--ink)}.meta .metro-btn{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:9px;width:22px;height:19px;border-radius:6px;border:1px solid var(--hair);background:#ffffff80;color:var(--ink-2);cursor:pointer;padding:0}.meta .metro-btn:hover{color:var(--ink);background:#ffffffd1}.meta .metro-btn svg{width:14px;height:14px;transform-origin:50% 85%}.meta .metro-btn.on{color:var(--gold-ink);border-color:#f7aa008c;background:#fcb51c29}.meta .metro-btn.on svg{animation:metro-tick .5s ease-in-out infinite alternate}@keyframes metro-tick{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.song-id .title .edit{-webkit-user-select:none;user-select:none}.song-id .title .title-input{font-family:inherit;font-weight:700;font-size:1.04rem;color:var(--ink);background:#ffffffb3;border:1px solid var(--hair);border-radius:7px;padding:1px 7px;outline:none;min-width:170px}.song-id .title .title-input:focus{border-color:var(--flame)}.ws-banner{display:flex;align-items:center;gap:11px;margin:0 0 16px;padding:11px 15px;border-radius:13px;font-size:.84rem;color:var(--ink)}.ws-banner .live{width:8px;height:8px;border-radius:50%;flex:none;background:var(--flame);box-shadow:0 0 8px var(--flame-glow)}.ws-banner .ld{margin-left:auto}.card{border-radius:var(--radius);overflow:hidden}.card .head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--hair-soft)}.card .head h3{font-family:Comfortaa,sans-serif;font-size:.96rem;font-weight:600}.card .head .tag{font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.card .body{padding:16px}.legend{display:flex;flex-wrap:wrap;gap:18px;padding:12px 16px;border-top:1px solid var(--hair-soft);font-size:.78rem;color:var(--ink-2)}.legend span{display:inline-flex;align-items:center;gap:7px}.legend .sw{width:22px;height:11px;border-radius:3px;flex:none}.transport{display:flex;align-items:center;gap:16px;padding:12px 16px;border-top:1px solid var(--hair-soft);flex-wrap:wrap}.play{width:42px;height:42px;border-radius:50%;flex:none;cursor:pointer;border:none;background:linear-gradient(180deg,var(--gold-top),var(--gold-deep));display:grid;place-items:center;box-shadow:0 10px 22px -8px var(--gold-glow),inset 0 1px #ffffff8c}.play:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.play svg{width:16px;height:16px;fill:#3a2600}.play.is-play svg{margin-left:2px}.time{font-family:var(--mono);font-size:.9rem;white-space:nowrap}.time .cur{color:var(--ink)}.time .tot{color:var(--ink-3)}.scrub{flex:1;min-width:140px;height:5px;border-radius:3px;background:#0b0b0c1f;position:relative;cursor:pointer}.scrub .fill{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,var(--flame-deep),var(--flame))}.scrub .knob{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000004d}.transport .chip{font-family:var(--mono);font-size:.74rem;color:var(--ink-2);border:1px solid var(--hair);border-radius:8px;padding:5px 9px;cursor:pointer;background:#fff6;display:inline-flex;align-items:center;gap:6px}.transport .chip:hover{color:var(--ink);background:#ffffffb8}.transport .chip:disabled{opacity:.5;cursor:not-allowed}.transport .chip svg{width:13px;height:13px}.transport .chip.icon{padding:6px}.ws-notice{font-size:.76rem;color:var(--gold-ink);font-family:var(--mono)}.stack{display:flex;flex-direction:column;gap:12px;margin-top:16px}details.collapse{border-radius:14px;overflow:hidden}details.collapse>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 16px;font-weight:600;font-size:.92rem}details.collapse>summary::-webkit-details-marker{display:none}details.collapse>summary .chev{width:16px;height:16px;flex:none;color:var(--ink-3);transition:transform .25s}details.collapse[open]>summary .chev{transform:rotate(90deg)}details.collapse>summary .sm-hint{margin-left:auto;font-size:.76rem;color:var(--ink-3);font-weight:500}details.collapse .inner{padding:4px 16px 16px;border-top:1px solid var(--hair-soft)}.prog .row{display:flex;align-items:baseline;justify-content:space-between;margin:8px 0}.prog .big{font-size:1.5rem;font-weight:800;font-family:var(--mono)}.prog .big small{font-size:.78rem;color:var(--ink-3);font-weight:500;margin-left:4px}.insts{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}.pill{font-size:.74rem;padding:4px 10px;border-radius:999px;background:#ffffff80;border:1px solid var(--hair);color:var(--ink-2)}.pill.mine{color:var(--flame);border-color:#ff5a2c66;background:#ff5a2c14;font-weight:600}.recent{margin-top:10px;padding-top:10px;border-top:1px solid var(--hair-soft);font-size:.8rem;color:var(--ink-2)}.recent b{color:var(--ink);font-weight:700}.mrow{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:.88rem}.mrow .me-tag{color:var(--flame);font-weight:600;font-size:.76rem}.stack .panel-error{color:var(--flame-deep);font-size:.82rem;padding:4px 0}.ver-list{list-style:none;padding:0;margin:0}.ver{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--hair-soft)}.ver:last-child{border-bottom:none}.ver .va{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:.72rem;font-weight:700}.ver .va.me{background:linear-gradient(135deg,var(--flame-2),var(--flame-deep));color:#fff}.ver .va.other{background:linear-gradient(135deg,#c2cbd5,#94a0ad);color:#2a2f36}.ver .vc{flex:1;min-width:0}.ver .vs{font-size:.84rem;color:var(--ink)}.ver .vs b{font-weight:700}.ver .vt{font-size:.7rem;color:var(--ink-3);font-family:var(--mono);margin-top:2px}.ver .vacts{display:flex;gap:6px;margin-top:7px}.cmt-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cmt{border:1px solid var(--hair-soft);border-radius:11px;background:#ffffff73;padding:9px 12px}.cmt-hd{display:flex;align-items:center;gap:8px}.cmt-hd .au{font-size:.84rem;font-weight:700;color:var(--ink)}.cmt-at{font-family:var(--mono);font-size:.7rem;color:var(--flame);border:1px solid rgba(255,90,44,.35);border-radius:6px;background:#ff5a2c0f;padding:1px 7px;cursor:pointer}.cmt-at:hover{background:#ff5a2c1f}.cmt-del{margin-left:auto;border:none;background:none;color:var(--ink-3);cursor:pointer;font-size:.82rem;line-height:1;padding:2px 3px}.cmt-del:hover{color:var(--flame-deep)}.cmt-body{font-size:.86rem;color:var(--ink);margin-top:5px;white-space:pre-wrap;word-break:break-word}.cmt-compose{margin-top:12px;display:flex;flex-direction:column;gap:8px}.cmt-ta{width:100%;box-sizing:border-box;resize:vertical;min-height:46px;font-family:inherit;font-size:.88rem;color:var(--ink);background:#fff9;border:1px solid var(--hair);border-radius:10px;padding:9px 11px;outline:none;transition:border-color .15s,background .15s}.cmt-ta:focus{border-color:var(--flame);background:#ffffffe6}.cmt-actions{display:flex;align-items:center;gap:9px}.cmt-actions .btn{margin-left:auto}.cmt-pin{font-family:var(--mono);font-size:.74rem;color:var(--flame);display:inline-flex;align-items:center;gap:5px}.cmt-pin .x{border:none;background:none;color:var(--ink-3);cursor:pointer;padding:0 2px;line-height:1}.cmt-pin .x:hover{color:var(--flame-deep)}.pf-wrap{max-width:560px;margin:0 auto;padding:32px clamp(16px,3vw,40px) 80px}.pf-card{border-radius:var(--radius);padding:26px}.pf-id{display:flex;align-items:center;gap:16px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--hair-soft)}.pf-ava{width:64px;height:64px;border-radius:50%;flex:none;object-fit:cover;border:2px solid rgba(255,255,255,.85);box-shadow:var(--shadow)}.pf-ava.ph{display:grid;place-items:center;font-size:1.5rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--flame-2),var(--flame-deep))}.pf-id-text{min-width:0}.pf-name{font-weight:700;font-size:1.1rem;color:var(--ink)}.pf-email{font-family:var(--mono);font-size:.78rem;color:var(--ink-3);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-field{margin-bottom:20px}.pf-field label{display:block;font-size:.78rem;font-weight:600;color:var(--ink-2);margin-bottom:7px}.pf-field label .ro{font-weight:400;color:var(--ink-3)}.pf-input{width:100%;font-family:inherit;font-size:.95rem;color:var(--ink);background:#ffffffb3;border:1px solid var(--hair);border-radius:10px;padding:10px 13px;outline:none;transition:border-color .15s,background .15s}.pf-input:focus{border-color:var(--flame);background:#ffffffeb}.pf-input:disabled{color:var(--ink-3);background:#0b0b0c0a;cursor:not-allowed;-webkit-text-fill-color:var(--ink-3)}.pf-hint{font-size:.72rem;color:var(--ink-3);margin-top:7px}.pf-actions{display:flex;align-items:center;gap:14px;margin-top:26px}.pf-notice{font-size:.8rem;font-weight:600}.pf-notice.ok{color:#2a8a5a}.pf-notice.err{color:var(--flame-deep)}.pub{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.pub-card{width:100%;max-width:460px;padding:38px 34px 26px;border-radius:var(--radius);text-align:center}.pub-mark{display:block;width:46px;height:46px;object-fit:contain;margin:0 auto 18px}.pub-title{font-family:Comfortaa,sans-serif;font-size:1.5rem;font-weight:600;color:var(--ink);line-height:1.3}.pub-members{margin-top:8px;font-size:.84rem;color:var(--ink-3)}.pub-note{margin-top:18px;font-size:.9rem;color:var(--ink-2)}.pub-player{margin-top:26px}.pub-play{justify-content:center;padding:11px 30px;font-size:.98rem}.pub-bar{display:flex;align-items:center;gap:12px;margin-top:22px}.pub-time{font-family:var(--mono);font-size:.72rem;color:var(--ink-3);width:42px;flex:none}.pub-time:first-of-type{text-align:right}.pub-time:last-of-type{text-align:left}.pub-scrub{flex:1;min-width:0;accent-color:var(--flame);cursor:pointer}.pub-scrub:disabled{opacity:.5;cursor:default}.pub-foot{margin-top:30px;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;color:var(--ink-3)}