: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;--sc-ui:"Outfit","Noto Sans TC",system-ui,sans-serif;--sc-micro:"Michroma","Noto Sans TC",sans-serif;--sc-mono:"Chivo Mono","Noto Sans TC",monospace;--rim:linear-gradient(155deg, rgba(255,255,255,.95), rgba(255,255,255,.25) 38%, rgba(155,168,190,.5) 62%, rgba(255,255,255,.85))}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--mist)}body{font-family:Manrope,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--bg) center/cover no-repeat}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)}.micro{font-family:var(--sc-micro);font-size:.56rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3)}.sc{position:relative}.sc:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--rim);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.9}.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;--rim:linear-gradient(155deg, rgba(255,255,255,.35), rgba(255,255,255,.06) 38%, rgba(120,140,180,.22) 62%, rgba(255,255,255,.3))}[data-theme=dark] body:before{background-image:linear-gradient(#08090cd6,#08090cd6),var(--bg)}[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] .mt-edgemode{background:#ffffff12}[data-theme=dark] .mt-edgemode button:not(.on):hover{background:#ffffff24}[data-theme=dark] .mt-rotate-hint,[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:var(--sc-ui)}.login:before{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;pointer-events:none;z-index:0;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%),url(/05c0ad8ee3d4fc405d4d8434b7fad381.jpg) center/cover no-repeat;animation:loginBgDrift 85s ease-in-out infinite alternate;will-change:transform}@keyframes loginBgDrift{0%{transform:translateZ(0) scale(1.02)}to{transform:translate3d(-1.6%,1.2%,0) scale(1.09)}}.login .aura{position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;z-index:0;pointer-events:none;filter:blur(70px)}.login .aura i{position:absolute;border-radius:50%;opacity:.5;will-change:transform}.login .aura .a1{width:58vw;height:58vw;left:-8%;top:-12%;background:radial-gradient(circle at 38% 38%,#b9d0e8,transparent 66%);animation:auraDrift1 80s ease-in-out infinite alternate}.login .aura .a2{width:52vw;height:52vw;right:-6%;bottom:-14%;background:radial-gradient(circle at 60% 45%,#c8c2ea,transparent 64%);animation:auraDrift2 105s ease-in-out infinite alternate}.login .aura .a3{width:40vw;height:40vw;right:14%;top:4%;background:radial-gradient(circle at 50% 55%,#f3d8c6,transparent 62%);opacity:.38;animation:auraDrift3 68s ease-in-out infinite alternate}.login .aura .a4{width:34vw;height:34vw;left:24%;bottom:0%;background:radial-gradient(circle at 50% 45%,#ffffff,transparent 72%);opacity:.45;animation:auraDrift4 92s ease-in-out infinite alternate}@keyframes auraDrift1{to{transform:translate3d(14vw,10vh,0) scale(1.18)}}@keyframes auraDrift2{to{transform:translate3d(-12vw,-9vh,0) scale(1.12)}}@keyframes auraDrift3{to{transform:translate3d(-9vw,12vh,0) scale(.9)}}@keyframes auraDrift4{to{transform:translate3d(10vw,-7vh,0) scale(1.22)}}.login-bigflower{position:absolute;right:-8%;top:-16%;width:min(54vw,700px);opacity:.07;z-index:0;animation:flowerSlowSpin 240s linear infinite;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes flowerSlowSpin{to{transform:rotate(360deg)}}.login-tagline{position:absolute;left:clamp(24px,3.8vw,60px);bottom:calc(clamp(20px,3.2vw,48px) + clamp(34px,5.4vw,100px) + 26px);z-index:3;animation:loginRise 1s .15s both cubic-bezier(.76,0,.18,1)}.login-tagline .zh{font-size:1.02rem;font-weight:600;color:var(--ink-2);letter-spacing:.3em;margin-top:7px}.login-brand{position:absolute;left:clamp(24px,3.8vw,60px);bottom:clamp(20px,3.2vw,48px);z-index:3;animation:loginRise 1s .3s both cubic-bezier(.76,0,.18,1)}.login-brand img{display:block;width:clamp(290px,46vw,860px);height:auto;filter:drop-shadow(0 10px 26px rgba(30,38,58,.18));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.login-enter{position:absolute;right:clamp(24px,3.8vw,60px);bottom:clamp(20px,3.2vw,48px);z-index:4;background:none;border:none;cursor:pointer;padding:0;line-height:0;animation:loginRise 1s .5s both cubic-bezier(.76,0,.18,1);transition:transform .4s cubic-bezier(.32,1.4,.36,1)}.login-enter img{display:block;width:clamp(46px,4.4vw,72px);height:auto;filter:drop-shadow(0 8px 18px rgba(30,38,58,.32));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.1)}.login-enter:active{transform:scale(.92)}.login-enter.go{animation:loginShoot .8s forwards cubic-bezier(.22,.8,.24,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;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.inapp-notice{position:absolute;left:50%;top:clamp(16px,4vh,40px);transform:translate(-50%);z-index:120;width:min(92vw,460px);text-align:center;background:#ffffffe6;border:1px solid var(--glass-line,rgba(255,255,255,.6));border-radius:16px;padding:16px 18px 14px;color:var(--ink,#202124);box-shadow:var(--shadow,0 18px 44px -16px rgba(20,20,28,.4));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:loginRise .5s both cubic-bezier(.76,0,.18,1)}.inapp-title{font-weight:700;font-size:1rem;margin:0 0 6px;color:var(--flame-deep,#c8442a)}.inapp-body{font-size:.82rem;line-height:1.5;color:var(--ink-2,#5f6368);margin:0 0 12px}.inapp-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.inapp-btn{flex:1 1 auto;min-width:120px;padding:9px 14px;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;background:#ffffffb3;border:1px solid var(--hair,#dadce0);color:var(--ink,#3c4043);transition:.2s}.inapp-btn:hover{background:#fff}.inapp-btn.primary{background:var(--flame,#e8552f);border-color:transparent;color:#fff}.inapp-btn.primary:hover{filter:brightness(1.06)}.inapp-hint{font-size:.72rem;color:var(--ink-3,#80868b);margin:10px 0 0;line-height:1.45}.gmodal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14vh;opacity:0;pointer-events:none;transition:opacity .35s ease}.gmodal.show{opacity:1;pointer-events:auto}.gcard{width:min(384px,90vw);border-radius:22px;text-align:center;transform:translateY(40px) scale(.96);transition:transform .55s cubic-bezier(.32,1.4,.36,1)}.gmodal.show .gcard{transform:none}.gpad{padding:28px 26px 6px}.gcard h2{font-family:inherit;font-size:1.1rem;font-weight:700;color:var(--ink);letter-spacing:.02em}.gsub.micro{display:block;margin:3px 0 20px}.gproviders{display:flex;flex-direction:column;gap:10px}.gbtn{position:relative;display:flex;align-items:center;gap:11px;width:100%;padding:12px 16px;border-radius:14px;cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:600;color:#1a1d26;background:#ffffffeb;border:1px solid var(--hair);box-shadow:0 10px 26px -16px #28304480;transition:transform .25s cubic-bezier(.22,.8,.24,1),box-shadow .25s}.gbtn:hover{transform:translateY(-1px);box-shadow:0 16px 34px -16px #2830448c}.gbtn-icon{width:19px;height:19px;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 rgba(40,48,68,.2);border-top-color:var(--flame);opacity:0;animation:gspin .8s linear infinite}.gbtn.loading{pointer-events:none}.gbtn.loading .spin{opacity:1}.gfoot{padding:14px 26px 22px;font-size:.62rem;color:var(--ink-3);line-height:1.6;text-align:center}.gor{display:flex;align-items:center;gap:12px;margin:16px 0 8px;font-family:var(--sc-mono);font-size:.68rem;color:var(--ink-3)}.gor:before,.gor:after{content:"";flex:1;height:1px;background:var(--hair-soft)}.gguest{width:100%;padding:10px 16px;border:1px solid transparent;background:transparent;cursor:pointer;border-radius:12px;font-family:inherit;font-size:.88rem;font-weight:500;color:var(--ink-2);transition:background .2s,color .2s}.gguest:hover{background:#ffffff8c;color:var(--ink)}.gguest:disabled{opacity:.5;cursor:not-allowed}.gguest-verify{display:flex;flex-direction:column;align-items:center;gap:8px}.gguest-hint{font-family:var(--sc-mono);font-size:.7rem;color:var(--ink-3)}.turnstile-box{min-height:65px;display:flex;justify-content:center;width:100%}[data-theme=dark] .login:before{background:linear-gradient(#07090ed6,#07090ed6),url(/05c0ad8ee3d4fc405d4d8434b7fad381.jpg) center/cover no-repeat}[data-theme=dark] .login .aura i{mix-blend-mode:screen}[data-theme=dark] .login .aura .a1{background:radial-gradient(circle at 38% 38%,#1d3a5e,transparent 66%)}[data-theme=dark] .login .aura .a2{background:radial-gradient(circle at 60% 45%,#2c2456,transparent 64%)}[data-theme=dark] .login .aura .a3{background:radial-gradient(circle at 50% 55%,#4a241a,transparent 62%)}[data-theme=dark] .login .aura .a4{background:radial-gradient(circle at 50% 45%,#1d2533,transparent 72%);opacity:.3}[data-theme=dark] .login-brand img,[data-theme=dark] .login-bigflower,[data-theme=dark] .login-enter img{filter:brightness(0) invert(.92)}[data-theme=dark] .login-error{background:#1c1f26e0}[data-theme=dark] .gguest:hover{background:#ffffff14}@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:before,.login .aura i,.login-bigflower,.login-brand,.login-tagline,.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}.onboard-guest-note{margin-top:16px;padding:12px 14px;border-radius:12px;background:#e8552f12;border:1px solid rgba(232,85,47,.18)}.ogn-title{font-size:.84rem;font-weight:700;color:var(--flame-deep);margin-bottom:6px}.ogn-list{margin:0;padding-left:18px}.ogn-list li{font-size:.8rem;line-height:1.55;color:var(--ink-2)}.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:34px 14px 30px;font-family:var(--sc-ui)}.empty-state.is-block:before{content:"";width:26px;height:1px;margin-bottom:6px;background:linear-gradient(90deg,transparent,var(--ink-3),transparent);opacity:.55}.es-icon{font-size:26px;line-height:1;opacity:.5}.es-primary{margin:0;font-size:.88rem;font-weight:500;letter-spacing:.05em;color:var(--ink-2)}.es-hint{margin:0;max-width:30ch;font-size:.78rem;color:var(--ink-3);line-height:1.7;letter-spacing:.02em}.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;font-family:var(--sc-ui)}.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(--gold);box-shadow:0 0 9px var(--gold-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:7px;color:var(--ink)}.g-label .badge{font-family:var(--sc-micro);font-size:.5rem;letter-spacing:.14em;padding:2.5px 6px;border-radius:5px;text-transform:uppercase;background:#58647221;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:.7rem;color:var(--ink-2);margin-top:1px;font-weight:500}.g-owner.me{color:var(--gold-ink);font-weight:700}.g-owner .unpub{color:var(--gold-deep);font-weight:600;margin-left:6px}.sm{display:flex;gap:4px;flex:none}.sm button{width:23px;height:23px;border-radius:7px;border:1px solid var(--hair);background:#fff9;color:var(--ink-2);font-size:.62rem;font-weight:700;cursor:pointer;font-family:inherit;transition:.18s}.sm button:hover{color:var(--ink);transform:translateY(-1px)}.sm button.on{color:#3a2600;background:linear-gradient(180deg,var(--gold-top),var(--gold-deep));border-color:transparent;box-shadow:0 4px 12px -4px var(--gold-glow)}.sm button.ov-m.on{color:#fff;background:var(--steel);box-shadow:none}.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:13px;height:13px;color:var(--ink-3);flex:none}.g-vol .vval{font-family:var(--sc-mono);font-size:.6rem;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(--sc-mono);font-size:.6rem;color:var(--ink-3);width:34px;flex:none}.g-ctrls input[type=range]:disabled{opacity:.5;cursor:default}.g-ctrls input[type=range].rg::-webkit-slider-thumb{background:linear-gradient(160deg,#fff,#dfe5ee)}.g-ctrls input[type=range].rg::-moz-range-thumb{background:linear-gradient(160deg,#fff,#dfe5ee)}.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-edgemode{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:9px;border:1px solid var(--hair);background:#ffffff80}.mt-edgemode button{font-family:inherit;cursor:pointer;border:none;background:none;display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:600;padding:4px 10px;border-radius:7px;color:var(--ink-2);transition:.16s;white-space:nowrap}.mt-edgemode button svg{width:13px;height:13px}.mt-edgemode button:not(.on):hover{color:var(--ink);background:#ffffffb3}.mt-edgemode button.on{background:linear-gradient(135deg,var(--flame),var(--flame-deep));color:#fff;box-shadow:0 6px 14px -8px var(--flame-glow)}.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:156px}.g-ctrls{display:none}}.mt-rotate-hint{display:none}@media (max-width:480px) and (orientation:portrait){.mt-rotate-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 10px;padding:7px 12px;border-radius:9px;font-size:.74rem;color:var(--ink-2);background:#ffffff80;border:1px solid var(--hair)}.mt-rotate-hint svg{width:15px;height:15px;flex:none}}@media (max-width:480px){.mt{gap:8px}.mt-gutter{width:120px}.g-lane{padding:0 6px 0 8px;gap:4px}.g-head{gap:6px}.dot{width:9px;height:9px}.g-label,.g-label .lbl-input{font-size:.76rem}.g-label .lbl-input{padding:1px 4px}.g-owner{font-size:.6rem}.g-label .badge{font-size:.5rem;padding:1px 4px}.sm{gap:3px}.sm button{width:20px;height:20px;font-size:.58rem;border-radius:5px}.mix-toggle{width:20px;height:20px}.mix-toggle svg{width:14px;height:14px}}.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:15px 18px;border-bottom:1px solid var(--hair-soft);font-family:var(--sc-ui)}.card .head h3{font-family:inherit;font-size:.97rem;font-weight:700;letter-spacing:.02em}.card .body{padding:18px;font-family:var(--sc-ui)}.legend{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:13px 18px;border-top:1px solid var(--hair-soft);font-size:.78rem;color:var(--ink-2);font-family:var(--sc-ui)}.legend span{display:inline-flex;align-items:center;gap:7px}.legend .legend-tag{margin-right:4px}.legend .sw{width:24px;height:12px;border-radius:4px;flex:none;box-shadow:inset 0 1px #fff6}.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:13px;margin-top:16px;font-family:var(--sc-ui)}details.collapse{border-radius:15px;overflow:hidden}details.collapse>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 17px;font-weight:600;font-size:.92rem;transition:background .2s}details.collapse>summary:hover{background:#ffffff4d}details.collapse>summary::-webkit-details-marker{display:none}details.collapse>summary .chev{width:16px;height:16px;flex:none;color:var(--ink-3);transition:transform .3s cubic-bezier(.32,1.4,.36,1)}details.collapse[open]>summary .chev{transform:rotate(90deg)}details.collapse>summary .sm-hint{margin-left:auto;font-size:.74rem;color:var(--ink-3);font-weight:500;font-family:var(--sc-mono)}details.collapse .inner{padding:6px 17px 17px;border-top:1px solid var(--hair-soft)}.prog .row{display:flex;align-items:baseline;gap:34px;margin:10px 0 4px}.prog .big{font-size:1.7rem;font-weight:500;font-family:var(--sc-mono)}.prog .big small{font-size:.76rem;color:var(--ink-3);font-weight:500;margin-left:5px;font-family:var(--sc-ui)}.insts{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 4px}.pill{font-size:.74rem;padding:4px 11px;border-radius:999px;background:#ffffff80;border:1px solid var(--hair);color:var(--ink-2)}.pill.mine{color:var(--gold-ink);border-color:#f7aa0080;background:#fcb51c21;font-weight:600}.mrow{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:.88rem}.mrow .me-tag{color:var(--gold-ink);font-weight:600;font-size:.7rem;font-family:var(--sc-mono)}.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:12px;padding:12px 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,#cdd5df,#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:.66rem;color:var(--ink-3);font-family:var(--sc-mono);margin-top:2px;display:flex;align-items:center;gap:8px}.ver .vt .curr{font-family:var(--sc-micro);font-size:.5rem;letter-spacing:.14em;color:var(--flame);border:1px solid rgba(255,90,44,.4);background:#ff5a2c12;padding:2px 6px;border-radius:5px}.ver .vacts{display:flex;gap:6px;margin-top:8px}.cmt-list{list-style:none;padding:0;margin:0}.cmt{display:flex;gap:11px;padding:11px 0}.cmt+.cmt{border-top:1px solid var(--hair-soft)}.cmt-ava{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:.68rem;font-weight:700;margin-top:1px}.cmt-ava.me{background:linear-gradient(135deg,var(--flame-2),var(--flame-deep));color:#fff}.cmt-ava.other{background:linear-gradient(135deg,#cdd5df,#94a0ad);color:#2a2f36}.cmt-main{flex:1;min-width:0}.cmt-hd{display:flex;align-items:baseline;gap:8px}.cmt-hd .au{font-size:.84rem;font-weight:700;color:var(--ink)}.cmt-time{font-family:var(--sc-mono);font-size:.64rem;color:var(--ink-3)}.cmt-at{font-family:var(--sc-mono);font-size:.68rem;color:var(--gold-ink);border:1px solid rgba(247,170,0,.45);border-radius:7px;background:#fcb51c26;padding:1px 8px;cursor:pointer;transition:.2s}.cmt-at:hover{background:#fcb51c47}.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-2);margin-top:3px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.cmt-compose{margin-top:13px;padding-top:13px;border-top:1px solid var(--hair-soft);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:.86rem;color:var(--ink);background:#ffffff8c;border:1px solid var(--hair);border-radius:11px;padding:10px 13px;outline:none;transition:border-color .2s,background .2s}.cmt-ta:focus{border-color:#ff5a2c66;background:#ffffffd9}.cmt-actions{display:flex;align-items:center;gap:9px}.cmt-actions .btn{margin-left:auto}.cmt-actions .tinybtn{display:inline-flex;align-items:center;gap:6px}.pin-ico{width:12px;height:12px;flex:none}.cmt-pin{font-family:var(--sc-mono);font-size:.72rem;color:var(--gold-ink);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)}[data-theme=dark] .cmt{background:none}[data-theme=dark] details.collapse>summary:hover{background:#ffffff0a}.topbar .pf-title .wm{height:20px}.pf-wrap{max-width:560px;margin:0 auto;padding:34px clamp(16px,3vw,40px) 80px;font-family:var(--sc-ui)}.pf-card{border-radius:24px;padding:34px 34px 30px}.pf-id{display:flex;align-items:center;gap:20px;margin-bottom:24px}.pf-avaring{position:relative;flex:none;width:84px;height:84px;border-radius:50%;display:grid;place-items:center}.pf-avaring:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:conic-gradient(from 210deg,#fff,#c3cddc,#fff,#aab6c8,#fff);animation:pfRingSpin 14s linear infinite}@keyframes pfRingSpin{to{transform:rotate(360deg)}}.pf-ava{position:relative;width:84px;height:84px;border-radius:50%;flex:none;object-fit:cover}.pf-ava.ph{display:grid;place-items:center;font-size:1.9rem;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.25rem;color:var(--ink)}.pf-email{font-family:var(--sc-mono);font-size:.72rem;color:var(--ink-3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-google{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:18px;border:1px solid var(--hair-soft);border-radius:13px;background:#ffffff52;font-size:.82rem;color:var(--ink-2)}.pf-google svg{width:16px;height:16px;flex:none}.pf-google .ok{margin-left:auto;font-family:var(--sc-micro);font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:#3f9c5e;border:1px solid rgba(63,156,94,.4);background:#3f9c5e14;padding:3px 8px;border-radius:6px}.pf-field{margin-bottom:18px}.pf-field label{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600;color:var(--ink-2);margin-bottom:7px}.pf-field label svg{width:13px;height:13px;color:var(--ink-3);flex:none}.pf-field label .ro{font-weight:400;color:var(--ink-3)}.pf-input{width:100%;font-family:inherit;font-size:.92rem;color:var(--ink);background:#ffffff8c;border:1px solid var(--hair);border-radius:12px;padding:11px 14px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.pf-input:focus{border-color:#ff5a2c73;background:#ffffffe0;box-shadow:0 0 0 4px #ff5a2c14}.pf-input:disabled{color:var(--ink-3);background:#ffffff4d;cursor:not-allowed;-webkit-text-fill-color:var(--ink-3);font-family:var(--sc-mono);font-size:.8rem}.pf-hint{font-size:.72rem;color:var(--ink-3);margin-top:6px}.pf-actions{display:flex;align-items:center;gap:14px;margin-top:24px}.pf-notice{font-size:.8rem;font-weight:600}.pf-notice.ok{color:#2a8a5a}.pf-notice.err{color:var(--flame-deep)}.pf-link{margin-bottom:20px;padding:16px;border-radius:13px;background:#e8552f0f;border:1px dashed rgba(232,85,47,.32)}.pf-link-title{font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:4px}.pf-link-sub{font-size:.78rem;line-height:1.5;color:var(--ink-2);margin-bottom:12px}.pf-link-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;border:1px solid var(--hair);background:#ffffffeb;cursor:pointer;border-radius:13px;font-family:inherit;font-size:.9rem;font-weight:600;color:#1a1d26;box-shadow:0 10px 26px -16px #28304480;transition:transform .25s cubic-bezier(.22,.8,.24,1),box-shadow .25s}.pf-link-btn:hover{transform:translateY(-1px);box-shadow:0 16px 34px -16px #2830448c}.pf-link-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pf-link-btn .gico{width:18px;height:18px;flex:none}.pf-link-err{margin-top:10px;font-size:.78rem;color:var(--flame-deep);line-height:1.45}.pf-link-note{margin-top:12px;font-size:.7rem;line-height:1.55;color:var(--ink-3)}[data-theme=dark] .pf-avaring:before{background:conic-gradient(from 210deg,#4b5b78,#232c3e,#5a6c8c,#283246,#4b5b78)}[data-theme=dark] .pf-google{background:#ffffff0a}[data-theme=dark] .pf-link-btn{background:#fffffff0}.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)}