:root{--bg:#0c0a0d;--card:#16141a;--card2:#201d25;--txt:#f4f4f6;--dim:#8a8a93;--line:hsla(0,0%,100%,.1);--accent:#8b5cf6;--song:#8b5cf6;--good:#4cae9a;--glass-bg:var(--card2);--glass-brd:var(--line);--glass-blur:none;--glass-edge:0 0 0 0 transparent;--glass-drop:0 10px 28px -16px rgba(0,0,0,.55)}.glass{position:relative;background:var(--glass-bg);border:1px solid var(--glass-brd);box-shadow:var(--glass-drop)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{font-family:var(--font-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--txt);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.screen{position:relative;display:flex;flex-direction:column;height:100dvh;max-width:440px;margin:0 auto;background:radial-gradient(125% 60% at 50% -8%,color-mix(in srgb,var(--song,#8b5cf6) 32%,transparent) 0,transparent 52%),radial-gradient(85% 50% at 88% 10%,color-mix(in srgb,var(--song,#8b5cf6) 16%,transparent) 0,transparent 46%),radial-gradient(130% 75% at 50% 116%,rgba(150,95,55,.13) 0,transparent 55%),var(--bg);overflow:hidden}.screen:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px}.view{flex:1 1;display:flex;flex-direction:column;min-height:0;animation:viewIn .42s cubic-bezier(.22,1,.36,1)}@keyframes viewIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.top{padding:calc(26px + env(safe-area-inset-top)) 22px 10px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:600;font-size:20px;letter-spacing:-.4px;color:var(--txt)}.ico{width:40px;height:40px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--dim);display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-brd);box-shadow:var(--glass-edge);transition:color .2s}.ico:active{color:var(--txt)}.body{flex:1 1;overflow-y:auto;padding:10px 22px 20px}.body::-webkit-scrollbar{display:none}.np-label{font-size:12px;color:var(--dim);letter-spacing:.3px;margin:8px 0 16px;display:flex;align-items:center;gap:8px}.np-detect{margin-left:auto;font-size:12px;color:var(--accent);font-weight:500}.pulse{width:6px;height:6px;border-radius:50%;background:var(--good);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(76,174,154,.45)}70%{box-shadow:0 0 0 7px rgba(76,174,154,0)}to{box-shadow:0 0 0 0 rgba(76,174,154,0)}}.np-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:18px;transition:transform .15s,border-color .2s}.np-card:active{transform:scale(.99);border-color:hsla(0,0%,100%,.14)}.np-card-art{position:relative;width:64px;height:64px;border-radius:14px;flex:0 0 auto}.np-card-art,.np-card-play{display:flex;align-items:center;justify-content:center}.np-card-play{width:34px;height:34px;border-radius:50%;background:hsla(0,0%,100%,.14);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid hsla(0,0%,100%,.25);box-shadow:none;color:#fff}.np-card-meta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.np-card-title{font-size:17px;font-weight:600;letter-spacing:-.3px}.np-card-artist,.np-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-card-artist{color:var(--dim);font-size:14px}.cap{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 16px;transition:border-color .2s}.cap:focus-within{border-color:var(--accent)}.cap-icon{color:var(--dim);font-size:18px;line-height:1}.cap input{flex:1 1;background:none;border:0;padding:14px 0;color:var(--txt);font-size:15px;outline:none}.cap input::placeholder{color:var(--dim)}.home-top{align-items:center;padding-bottom:4px}.home-actions{gap:10px}.home-actions,.home-id{display:flex;align-items:center}.home-id{gap:11px;transition:opacity .22s ease}.home-logo{width:40px;height:40px;border-radius:12px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#8b5cf6,#2b1b4d);box-shadow:0 6px 16px -8px rgba(139,92,246,.9),inset 0 1px 0 hsla(0,0%,100%,.28)}.home-hello{min-width:0}.home-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dim);margin-top:3px}.home-sub-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.ico-bell{position:relative;width:40px;height:40px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--txt);background:var(--card);border:1px solid var(--line);transition:transform .15s}.ico-bell:active{transform:scale(.92)}.ico-badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#8b5cf6;color:#fff;font-size:10px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.notif-empty{text-align:center;color:var(--dim);font-size:15px;padding:22px 0 8px}.notif-list{display:flex;flex-direction:column;gap:8px;max-height:64vh;overflow-y:auto}.notif-list::-webkit-scrollbar{display:none}.notif-head{font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--dim);margin:8px 2px 2px}.notif{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.notif-tap{transition:background .15s}.notif-tap:active{background:var(--bg)}.notif-av{position:relative;width:44px;height:44px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff}.notif-dot{position:absolute;top:0;right:0;width:11px;height:11px;border-radius:50%;background:#8b5cf6;border:2px solid var(--card)}.notif-meta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.notif-title{font-size:14px;color:var(--txt)}.notif-sub,.notif-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-sub{font-size:12px;color:var(--dim)}.notif-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.notif-accept{padding:8px 14px;border-radius:999px;background:#8b5cf6;color:#fff;font-size:13px;font-weight:700;transition:transform .15s}.notif-accept:active{transform:scale(.95)}.notif-decline{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dim);background:hsla(0,0%,100%,.07);font-size:13px}.notif-time{font-size:11px;color:var(--dim);flex:0 0 auto}.qp{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}.qp-head{font-size:13px;font-weight:700;letter-spacing:.2px;color:var(--dim);padding-left:2px}.qp-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.qp-row::-webkit-scrollbar{display:none}.qp-card{flex:0 0 auto;width:78px;display:flex;flex-direction:column;gap:5px;text-align:left}.qp-art{width:78px;height:78px;border-radius:13px;background-size:cover;background-position:50%;box-shadow:0 7px 16px -9px rgba(0,0,0,.8);transition:transform .15s}.qp-card:active .qp-art{transform:scale(.95)}.qp-title{font-size:12px;font-weight:600}.qp-artist,.qp-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:78px}.qp-artist{font-size:11px;color:var(--dim)}.home-top.searching .home-id{opacity:0;pointer-events:none}.dock{position:relative;flex:0 0 auto}.dock,.dock-ic{width:42px;height:42px}.dock-ic{border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--txt);animation:dockPop .25s ease}.dock-ic:active{transform:scale(.92)}@keyframes dockPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.dock-open{position:absolute;top:50%;right:0;transform:translateY(-50%);width:calc(100vw - 144px);max-width:320px;z-index:60;transform-origin:right center;animation:dockExpand .34s cubic-bezier(.2,1,.3,1)}@keyframes dockExpand{0%{opacity:0;transform:translateY(-50%) scaleX(.55)}to{opacity:1;transform:translateY(-50%) scaleX(1)}}.dock-field{display:flex;align-items:center;gap:10px;height:46px;border-radius:999px;padding:0 6px 0 16px;color:var(--txt)}.dock-field-ic{display:flex;color:var(--dim);flex:0 0 auto}.dock-field input{flex:1 1;min-width:0;background:none;border:0;outline:none;color:var(--txt);font-size:15px}.dock-field input::placeholder{color:var(--dim)}.dock-x{width:32px;height:32px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--dim);background:hsla(0,0%,100%,.1);transition:transform .15s}.dock-x:active{transform:scale(.9)}.dock-results{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:60;border-radius:18px;padding:6px;max-height:58vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px;animation:dockExpand .2s ease;transform-origin:top center}.dock-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:13px;text-align:left;transition:background .15s}.dock-row:active{background:hsla(0,0%,100%,.08)}.dock-row-art{width:44px;height:44px;border-radius:10px;background-size:cover;background-position:50%;flex-shrink:0}.dock-row-meta{display:flex;flex-direction:column;min-width:0;flex:1 1}.dock-row-title{font-size:15px;font-weight:600}.dock-row-artist,.dock-row-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-row-artist{font-size:13px;color:var(--dim)}.dock-empty{padding:14px;text-align:center;color:var(--dim);font-size:14px}.home-greet{font-size:12px;color:var(--dim);letter-spacing:.2px}.home-name{font-size:24px;font-weight:700;letter-spacing:-.5px;margin-top:2px}.home-body{display:flex;flex-direction:column;gap:16px;padding:8px 18px calc(80px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch}.home-body::-webkit-scrollbar{display:none}.home-body>.npc{flex:0 0 auto;width:100%;max-width:460px;margin:0 auto}.home-rail{display:flex;gap:18px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}.home-rail::-webkit-scrollbar{display:none}.home-rail .friend{flex:0 0 auto;width:66px}.friend-railv{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:16px;padding:2px 0 10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 20px),transparent)}.friend-railv::-webkit-scrollbar{display:none}.friend-railv .friend{flex:0 0 auto;width:100%;animation:faceIn .45s cubic-bezier(.34,1.56,.64,1) both}.friend-railv .avatar{width:54px;height:54px;font-size:18px}.friend-railv .friend-name{max-width:92px}.npc{position:relative;border-radius:26px;overflow:hidden;isolation:isolate;border:1px solid hsla(0,0%,100%,.14);box-shadow:0 26px 64px -30px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.08);transform:perspective(1100px) rotateX(var(--npc-rx,0deg)) rotateY(var(--npc-ry,0deg));transition:transform .4s cubic-bezier(.22,1,.36,1);will-change:transform}.npc-bg{inset:-25%;background-size:cover!important;background-position:50%!important;filter:blur(38px) saturate(1.4);transform:scale(1.15);opacity:.8}.npc-bg,.npc-bloom{position:absolute;z-index:0}.npc-bloom{inset:-12%;filter:blur(44px);opacity:.6;pointer-events:none}.npc-veil{position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,rgba(8,8,11,.58),rgba(8,8,11,.18) 48%,rgba(8,8,11,.62))}.npc-inner{z-index:2;flex-direction:column;gap:14px;padding:20px;height:100%}.npc-inner,.npc-stage{position:relative;display:flex;align-items:center;justify-content:center}.npc-stage{width:100%;max-width:340px;aspect-ratio:1/1;flex:0 0 auto;transform:translate3d(var(--npc-px,0),var(--npc-py,0),0);transition:transform .35s cubic-bezier(.22,1,.36,1)}.npc-art-glow{position:absolute;inset:-9%;z-index:0;border-radius:50%;pointer-events:none;animation:npcBreath 4.6s ease-in-out infinite}@keyframes npcBreath{0%,to{transform:scale(.9);opacity:.38}50%{transform:scale(1.06);opacity:.66}}.npc-art{position:relative;z-index:1;width:100%;height:100%;border-radius:18px;overflow:hidden;transition:transform .2s}.npc-art:active{transform:scale(.97)}.npc-eq{display:inline-flex;align-items:flex-end;gap:2px;height:11px}.npc-eq i{width:2.5px;height:100%;border-radius:1px;background:linear-gradient(0deg,#7c4dff,#b69cff);transform-origin:bottom;animation:eqBar .9s ease-in-out infinite}.npc-eq i:first-child{animation-delay:-.2s}.npc-eq i:nth-child(2){animation-delay:-.55s}.npc-eq i:nth-child(3){animation-delay:-.1s}.npc-eq i:nth-child(4){animation-delay:-.7s}@keyframes eqBar{0%,to{transform:scaleY(.32)}50%{transform:scaleY(1)}}.npc-wave{display:flex;align-items:center;justify-content:center;gap:2.5px;width:100%;max-width:210px;height:24px;margin-top:6px}.npc-wave span{width:2.5px;border-radius:2px;background:linear-gradient(0deg,#8b5cf6,#c4b5fd);transform-origin:center;animation-name:npcWave;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes npcWave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.npc-open{margin-top:10px;padding:9px 20px;border-radius:999px;font-size:13px;font-weight:600;color:hsla(0,0%,100%,.92);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .15s,background .2s}.npc-open:active{transform:scale(.95);background:hsla(0,0%,100%,.16)}@media (prefers-reduced-motion:reduce){.npc-art-glow,.npc-eq i,.npc-wave span{animation:none}.npc,.npc-stage{transform:none;transition:none}}.npc-gloss{position:absolute;inset:0;background:linear-gradient(150deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.05) 32%,hsla(0,0%,100%,0) 58%);pointer-events:none}.glass{-webkit-backdrop-filter:blur(16px) saturate(1.7);backdrop-filter:blur(16px) saturate(1.7);background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.28);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),inset 0 -1px 1px rgba(0,0,0,.18),0 6px 16px -8px rgba(0,0,0,.5)}.npc-play{right:8px;bottom:8px;width:38px;height:38px;display:flex;align-items:center;color:#fff}.npc-change,.npc-play{position:absolute;border-radius:50%;justify-content:center}.npc-change{top:10px;right:10px;z-index:2;width:34px;height:34px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.npc-change:active{transform:scale(.88) rotate(90deg)}.npc-meta{width:100%;min-width:0;flex-direction:column;text-align:center;gap:3px}.npc-label,.npc-meta{display:flex;align-items:center}.npc-label{justify-content:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.2px;color:hsla(0,0%,100%,.86);text-shadow:0 1px 4px rgba(0,0,0,.5)}.npc-title{font-size:20px;font-weight:700;letter-spacing:-.3px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.55)}.npc-artist,.npc-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.npc-artist{font-size:13.5px;color:hsla(0,0%,100%,.78);text-shadow:0 1px 5px rgba(0,0,0,.5)}.npc-change{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;border-radius:14px;color:#fff;font-size:12px;font-weight:600;transition:transform .15s}.npc-change:active{transform:scale(.95)}.npc-change-ic{font-size:15px}.home-search{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);transition:border-color .2s,transform .15s}.home-search:active{transform:scale(.99);border-color:var(--accent)}.home-search-ic{font-size:16px;opacity:.85}.home-search-tx{color:var(--dim);font-size:15px}.compose{display:flex;flex-direction:column;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px}.compose .cap{background:var(--bg)}.hero{position:relative;border-radius:28px;padding:16px 16px 20px;border:1px solid var(--glass-brd);box-shadow:0 24px 64px -30px rgba(0,0,0,.85);overflow:hidden;transition:transform .25s ease;transform-style:preserve-3d}.hero-head{gap:10px;margin:2px}.hero-head,.hero-label{display:flex;align-items:center}.hero-label{gap:8px;font-size:12px;font-weight:600;letter-spacing:.2px;color:hsla(0,0%,100%,.82)}.hero-source{margin-left:auto;font-size:11px;font-weight:600;color:hsla(0,0%,100%,.72);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.12);padding:3px 9px;border-radius:999px}.hero-cycle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);transition:transform .4s ease,color .2s}.hero-cycle:active{transform:rotate(180deg);color:#fff}.hero-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:20px 8px 12px}.hero-bloom{inset:-8% 0 -2%;filter:blur(36px);opacity:.92;z-index:0}.hero-bloom,.hero-gloss{position:absolute;pointer-events:none}.hero-gloss{inset:0;background:linear-gradient(150deg,hsla(0,0%,100%,.24),hsla(0,0%,100%,.05) 30%,hsla(0,0%,100%,0) 56%)}.hero-art{position:relative;z-index:1;display:block;width:74%;max-width:248px;aspect-ratio:1/1;border-radius:22px;overflow:hidden;transition:transform .2s}.hero-art:active{transform:scale(.985)}.hero-play{position:absolute;right:11px;bottom:11px;width:46px;height:46px;border-radius:50%;justify-content:center;color:#fff;background:rgba(0,0,0,.34);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid hsla(0,0%,100%,.42);box-shadow:0 6px 18px -6px rgba(0,0,0,.6)}.hero-main,.hero-play{display:flex;align-items:center}.hero-main{flex-direction:column;text-align:center;margin:8px 6px 0}.hero-title{font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1.15}.hero-artist{font-size:14.5px;color:var(--dim);margin-top:4px}.hero-find{width:100%;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:15px;background:color-mix(in srgb,var(--accent) 16%,hsla(0,0%,100%,.04));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--txt);font-size:15px;font-weight:600;transition:transform .15s,background .2s}.hero-find:active{transform:scale(.99);background:color-mix(in srgb,var(--accent) 24%,hsla(0,0%,100%,.04))}.hero-find-ic{font-size:16px}.hero-find-tx{flex:1 1;text-align:left}.hero-find-go{font-size:20px;color:var(--dim)}.friend-rail{display:flex;gap:16px;overflow-x:auto;padding:4px 0 8px}.friend-rail::-webkit-scrollbar{display:none}.friend-rail .friend{flex:0 0 auto;width:62px;animation:faceIn .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes faceIn{0%{opacity:0;transform:translateY(10px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.trend{flex:0 0 auto}.trend-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.trend-label{gap:8px;font-size:15px;font-weight:700;letter-spacing:-.2px;color:var(--txt)}.trend-flame,.trend-label{display:inline-flex;align-items:center}.trend-flame{justify-content:center;width:24px;height:24px;border-radius:8px;color:#fff;background:linear-gradient(150deg,#ff9d4d,#ff5a3d);box-shadow:0 4px 12px -4px rgba(255,90,61,.7),inset 0 1px 0 hsla(0,0%,100%,.4)}.trend-hint{font-size:11.5px;font-weight:500;color:var(--dim)}.trend-row{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 18px),transparent)}.trend-row::-webkit-scrollbar{display:none}.trend-card{flex:0 0 auto;width:88px;display:flex;flex-direction:column;gap:7px;text-align:left;animation:trendIn .5s cubic-bezier(.22,1,.36,1) both}@keyframes trendIn{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.trend-art{position:relative;width:88px;height:88px;border-radius:16px;overflow:hidden;background-size:cover!important;background-position:50%!important;box-shadow:0 12px 22px -12px rgba(0,0,0,.75),inset 0 0 0 1px hsla(0,0%,100%,.1);transition:transform .16s,box-shadow .2s}.trend-card:active .trend-art{transform:scale(.93)}.trend-gloss{position:absolute;inset:0;background:linear-gradient(145deg,hsla(0,0%,100%,.32),hsla(0,0%,100%,.05) 30%,hsla(0,0%,100%,0) 55%);pointer-events:none}.trend-rank{position:absolute;left:7px;top:7px;min-width:19px;height:19px;padding:0 5px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;background:rgba(0,0,0,.42);border:1px solid hsla(0,0%,100%,.18);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.trend-card.active .trend-art{box-shadow:0 0 0 2px var(--accent),0 12px 24px -10px color-mix(in srgb,var(--accent) 60%,transparent)}.trend-eq{position:absolute;right:7px;bottom:7px;display:inline-flex;align-items:flex-end;gap:2px;height:13px;padding:3px 4px;border-radius:6px;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.trend-eq i{width:2.5px;height:100%;border-radius:1px;background:linear-gradient(0deg,#7c4dff,#c4b5fd);transform-origin:bottom;animation:eqBar .85s ease-in-out infinite}.trend-eq i:nth-child(2){animation-delay:-.4s}.trend-eq i:nth-child(3){animation-delay:-.15s}.trend-title{font-size:12.5px;font-weight:600;color:var(--txt)}.trend-artist,.trend-title{width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-artist{font-size:11.5px;color:var(--dim)}@media (prefers-reduced-motion:reduce){.trend-card,.trend-eq i{animation:none}}.snap-to{margin-top:0}.snap-to-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.send-label{font-size:16px;font-weight:700;letter-spacing:-.2px;color:var(--txt)}.snap-to .friend .avatar{box-shadow:0 0 0 2px hsla(0,0%,100%,.07),0 8px 18px -8px rgba(0,0,0,.6)}.snap-empty{font-size:14px;color:var(--dim);margin:-2px 0 14px}.snap-count{font-size:12px;color:var(--good);font-weight:500}.friend-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px 10px;gap:18px 10px}.friend{flex-direction:column;gap:9px}.avatar,.friend{display:flex;align-items:center}.avatar{width:64px;height:64px;border-radius:50%;justify-content:center;font-weight:600;font-size:22px;color:#fff;position:relative;transition:transform .15s,box-shadow .2s}.friend:active .avatar{transform:scale(.9)}.dot{bottom:2px;right:2px;width:13px;height:13px;border-radius:50%;border:2.5px solid var(--bg)}.avatar-check,.dot{position:absolute;background:var(--good)}.avatar-check{inset:0;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s cubic-bezier(.34,1.56,.64,1)}.friend.sent .avatar{box-shadow:0 0 0 2.5px var(--good);animation:sendPop .5s cubic-bezier(.34,1.56,.64,1)}.friend.sent .avatar-check{opacity:1;transform:scale(1)}.avatar:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:0 0 0 2px var(--accent);opacity:0}.friend.sent .avatar:after{animation:sendBurst .62s cubic-bezier(.22,1,.36,1)}@keyframes sendBurst{0%{opacity:.85;transform:scale(1)}70%{opacity:.22}to{opacity:0;transform:scale(1.75)}}@keyframes sendPop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.friend-name{font-size:12.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px}.friend.sent .friend-name{color:var(--good);font-weight:500}.snap{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;transition:transform .15s,opacity .4s,border-color .2s;position:relative;overflow:hidden}.snap:active{transform:scale(.98)}.snap.played{opacity:.4}.snap.gone{opacity:0;transform:translateX(60px) scale(.9)}.snap-art{width:52px;height:52px;border-radius:12px;flex:0 0 auto}.snap-meta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.snap-from{font-size:12px;color:var(--dim);font-weight:500}.snap-title{font-size:15px;font-weight:600}.snap-artist,.snap-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snap-artist{font-size:13px;color:var(--dim)}.snap-note{font-size:12.5px;color:var(--accent);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snap-play{width:38px;height:38px;border-radius:50%;background:var(--card2);color:var(--txt);display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background .2s}.snap-play.on{background:var(--accent)}.new-dot{top:16px;right:16px;width:7px;height:7px;border-radius:50%}.new-dot,.progress{position:absolute;background:var(--accent)}.progress{left:0;bottom:0;height:2px;width:0}.progress.run{width:100%;transition:width 1.6s linear}.empty{text-align:center;color:var(--dim);margin-top:90px;font-size:14px;line-height:1.8}.inbox-count{font-size:12px;color:var(--accent);font-weight:500;margin-left:9px}.isnap{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;transition:transform .15s,opacity .3s,border-color .2s;animation:rowIn .5s cubic-bezier(.22,1,.36,1) both}@keyframes rowIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.isnap:active{transform:scale(.98)}.isnap.opened{opacity:.5}.isnap-avatar{position:relative;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:19px;color:#fff;flex:0 0 auto}.isnap-glow{position:absolute;inset:-3px;border-radius:50%}.isnap-meta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.isnap-from{font-size:16px;font-weight:600;display:flex;align-items:center}.isnap-sub{font-size:13px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.isnap.opened .isnap-sub{font-style:italic}.isnap-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto}.isnap-time{font-size:12px;color:var(--dim)}.isnap-dot{width:9px;height:9px;border-radius:50%}.snapview{position:absolute;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;padding:calc(44px + env(safe-area-inset-top)) 24px calc(36px + env(safe-area-inset-bottom));overflow-y:auto;animation:svIn .35s cubic-bezier(.22,1,.36,1)}.snapview::-webkit-scrollbar{display:none}.snapview.leaving{animation:svOut .44s ease forwards}@keyframes svIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes svOut{to{opacity:0;transform:scale(.95);filter:blur(7px)}}.sv-close{position:absolute;top:calc(18px + env(safe-area-inset-top));right:18px;width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid hsla(0,0%,100%,.18)}.sv-close,.sv-from{color:#fff;font-size:15px}.sv-from{display:flex;align-items:center;gap:10px;margin-top:6px}.sv-avatar{width:38px;height:38px;font-size:15px}.sv-from-text b{font-weight:700}.sv-note{margin-top:20px;font-size:23px;font-weight:600;text-align:center;color:#fff;letter-spacing:-.3px;max-width:18ch;line-height:1.3}.sv-disc-wrap{position:relative;width:280px;max-width:72vw;aspect-ratio:1;margin:30px auto;display:flex;align-items:center;justify-content:center}.sv-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.sv-ring-track{fill:none;stroke:hsla(0,0%,100%,.16);stroke-width:3}.sv-ring-fill{fill:none;stroke:hsla(0,0%,100%,.95);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .12s linear}.sv-disc{width:78%;height:78%;border-radius:50%;background-size:cover!important;background-position:50%!important;box-shadow:inset 0 0 0 6px rgba(0,0,0,.35),0 20px 50px rgba(0,0,0,.6);transition:filter .45s linear,transform .45s ease}.sv-listen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:600;letter-spacing:.4px;color:hsla(0,0%,100%,.85);text-shadow:0 2px 8px rgba(0,0,0,.6);pointer-events:none;animation:svPulse 1.6s ease-in-out infinite}@keyframes svPulse{0%,to{opacity:.5}50%{opacity:1}}.sv-song{transition:opacity .45s ease}.sv-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.sv-cf-back{z-index:1}.sv-cf-front{z-index:30}.sv-disc-wrap,.sv-from,.sv-note,.sv-react,.sv-song{position:relative;z-index:10}.sv-close{z-index:40}.sv-cf{position:absolute;top:-12vh;opacity:0;animation:svConfetti var(--dur) linear var(--delay) 1 both}.cf,.sv-cf{display:block}.cf{width:100%;height:100%;animation:cfFlip var(--flip,.8s) ease-in-out infinite}.cf-s0{border-radius:3px}.cf-s1{border-radius:50%}.cf-s2{-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.cf-s3{-webkit-clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.cf-s4{-webkit-clip-path:polygon(38% 0,62% 0,62% 100%,38% 100%);clip-path:polygon(38% 0,62% 0,62% 100%,38% 100%);border-radius:2px}@media (prefers-reduced-motion:reduce){.sv-confetti{display:none}.friend.sent .avatar,.friend.sent .avatar:after{animation:none}}@keyframes svConfetti{0%{transform:translate3d(0,-12vh,0) rotate(0deg);opacity:0}10%{opacity:1}85%{opacity:1}to{transform:translate3d(var(--drift),112vh,0) rotate(var(--spin));opacity:0}}@keyframes cfFlip{0%,to{transform:scaleX(1)}50%{transform:scaleX(-.35)}}.sv-song{text-align:center;color:#fff}.sv-title{font-size:24px;font-weight:700;letter-spacing:-.4px}.sv-artist{font-size:15px;color:hsla(0,0%,100%,.7);margin-top:3px}.sv-save{margin-top:14px;font-size:13.5px;font-weight:600;color:#fff;padding:9px 18px;border-radius:9999px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.22);-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .15s,background .2s,color .2s}.sv-save:active{transform:scale(.96)}.sv-save.on{background:rgba(76,174,154,.26);border-color:rgba(76,174,154,.5);color:#d6fff0}.sv-status{margin-top:auto;font-size:12.5px;color:hsla(0,0%,100%,.55);letter-spacing:.3px}.sv-react{margin-top:auto;padding-top:26px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.sv-emojis{display:flex;gap:12px}.sv-emoji{width:56px;height:56px;border-radius:50%;font-size:26px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid hsla(0,0%,100%,.18);transition:transform .15s}.sv-emoji:active{transform:scale(1.25)}.sv-back{color:#fff;font-size:15px;font-weight:600;padding:12px 26px;border-radius:9999px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2)}.nav{margin:6px 14px calc(10px + env(safe-area-inset-bottom));border-radius:26px;border:1px solid var(--glass-brd);background:var(--card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 16px 40px -16px rgba(0,0,0,.7);overflow:hidden}.nav,.nav button{position:relative;display:flex}.nav button{z-index:1;flex:1 1;color:var(--dim);padding:13px 0;font-size:11px;flex-direction:column;align-items:center;gap:5px;font-weight:500;transition:color .2s,transform .12s}.nav button:active{transform:scale(.92)}.nav button .nico{line-height:0}.nav button.on{color:var(--txt)}.badge{position:relative}.badge.has:after{content:"";position:absolute;top:-2px;right:-5px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.toast{position:absolute;left:50%;bottom:92px;transform:translateX(-50%) translateY(16px);background:var(--card2);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--txt);padding:12px 22px;border-radius:30px;font-weight:500;font-size:14px;opacity:0;transition:.3s;z-index:60;border:1px solid var(--glass-brd);box-shadow:var(--glass-edge),0 16px 40px rgba(0,0,0,.55);pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.lib-dock{position:relative;display:flex;gap:4px;padding:4px;border-radius:9999px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-brd);box-shadow:var(--glass-edge),var(--glass-drop)}.lib-dock:before{content:"";position:absolute;inset:0;border-radius:inherit;background:none;pointer-events:none}.lib-pill{position:relative;z-index:1;border-radius:9999px;padding:6px 13px;font-size:12.5px;font-weight:500;color:var(--dim);transition:color .2s,background .2s}.lib-pill.on{background:var(--txt);color:var(--bg)}.lib-wall{flex:1 1;position:relative;min-height:0;perspective:1100px;touch-action:pan-y;overflow:hidden}.lib-stage{position:absolute;inset:0;transform-style:preserve-3d}.lib-card{position:absolute;left:50%;top:50%;border-radius:14px;overflow:hidden;background:var(--card);box-shadow:0 18px 44px -18px rgba(0,0,0,.75);will-change:transform,opacity;text-align:left}.lib-card-art{position:absolute;inset:0;background-size:cover!important;background-position:50%!important}.lib-card-scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent 46%)}.lib-card-info{position:absolute;left:10px;right:10px;bottom:9px;display:flex;flex-direction:column;gap:1px}.lib-card-title{font-size:13px;font-weight:600;color:#fff}.lib-card-artist,.lib-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-card-artist{font-size:11px;color:hsla(0,0%,100%,.7)}.lib-hint{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:11.5px;color:var(--dim);pointer-events:none;opacity:.75}.lib-search{display:flex;align-items:center;gap:9px;margin:2px 22px 8px;padding:0 14px;background:var(--card);border:1px solid var(--line);border-radius:14px;transition:border-color .2s}.lib-search:focus-within{border-color:var(--accent)}.lib-search-ico{color:var(--dim);font-size:18px}.lib-search input{flex:1 1;min-width:0;background:none;border:0;outline:none;padding:11px 0;color:var(--txt);font-size:15px}.lib-search input::placeholder{color:var(--dim)}.lib-search-x{color:var(--dim);font-size:13px;padding:4px}.lib-empty{position:absolute;top:38%;left:0;right:0;text-align:center;color:var(--dim);font-size:14px}.deck{flex:1 1;flex-direction:column}.deck,.deck-stack{position:relative;display:flex;align-items:center;min-height:0}.deck-stack{flex:1 1;width:100%;justify-content:center}.deck-card{position:absolute;width:76%;max-width:320px;aspect-ratio:.82;border-radius:24px;overflow:hidden;background:var(--card);box-shadow:0 30px 70px -24px rgba(0,0,0,.85),inset 0 0 0 1px var(--glass-brd);touch-action:none;will-change:transform}.deck-cover{background-size:cover!important;background-position:50%!important}.deck-cover,.deck-scrim{position:absolute;inset:0}.deck-scrim{background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 44%)}.deck-meta{position:absolute;left:18px;right:18px;bottom:18px}.deck-title{display:flex;align-items:center;font-size:22px;font-weight:700;letter-spacing:-.4px;color:#fff}.deck-artist{font-size:14px;color:hsla(0,0%,100%,.75);margin-top:2px}.deck-badge{position:absolute;top:22px;padding:5px 14px;border-radius:10px;font-size:18px;font-weight:800;letter-spacing:1px;border:3px solid;color:#fff;pointer-events:none}.deck-badge.save{right:18px;transform:rotate(12deg);color:#4cae9a}.deck-badge.pass{left:18px;transform:rotate(-12deg);color:#ff5a5f}.deck-badge.play{left:50%;top:14px;transform:translateX(-50%);color:#fff;border-color:hsla(0,0%,100%,.85)}.deck-actions{gap:26px;padding:8px 0 4px}.deck-act,.deck-actions{display:flex;align-items:center;justify-content:center}.deck-act{width:54px;height:54px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-brd);box-shadow:var(--glass-edge);color:var(--txt);transition:transform .15s}.deck-act:active{transform:scale(.9)}.deck-act.pass{color:#ff6b70;font-size:22px}.deck-act.play{width:60px;height:60px}.deck .lib-hint{position:static;margin:2px 0 calc(6px + env(safe-area-inset-bottom))}.deck-done{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:0 30px}.deck-done-title{font-size:20px;font-weight:700}.deck-done-sub{font-size:14px;color:var(--dim)}.deck-restart{margin-top:14px;padding:11px 26px;border-radius:9999px;background:var(--accent);color:#fff;font-weight:600}.fan{flex:1 1;position:relative;overflow:hidden;min-height:0;touch-action:pan-y;cursor:-webkit-grab;cursor:grab}.fan:active{cursor:-webkit-grabbing;cursor:grabbing}.fan-origin{position:absolute;left:50%}.fan-card{left:0;top:0;will-change:transform,opacity,filter}.fan-card,.fan-inner{position:absolute;border-radius:18px}.fan-inner{inset:0;overflow:hidden;background:var(--card);box-shadow:0 24px 60px -20px rgba(0,0,0,.8),inset 0 0 0 1px hsla(0,0%,100%,.12);transform-origin:50% 50%}.fan-cover{background-size:cover!important;background-position:50%!important}.fan-cover,.fan-scrim{position:absolute;inset:0}.fan-scrim{background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 46%)}.fan-meta{position:absolute;left:14px;right:14px;bottom:14px}.fan-title{display:flex;align-items:center;font-size:18px;font-weight:700;letter-spacing:-.3px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fan-artist{font-size:13px;color:hsla(0,0%,100%,.75);margin-top:2px}.fan-play,.fan-save{position:absolute;top:12px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--glass-brd);box-shadow:var(--glass-edge)}.fan-save{right:12px;isolation:isolate;background:var(--glass-bg);transition:transform .15s,color .25s,background .3s,border-color .3s,box-shadow .3s}.fan-save:before{content:"";position:absolute;inset:0;border-radius:50%;background:none;pointer-events:none}.fan-save svg{position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.fan-save-glow{position:absolute;inset:0;border-radius:50%;opacity:0;background:radial-gradient(circle at 50% 42%,rgba(255,77,109,.55),rgba(255,77,109,0) 70%);transition:opacity .3s}.fan-save:active{transform:scale(.86)}.fan-save.on{color:#ff4d6d;border-color:rgba(255,120,150,.6);background:radial-gradient(circle at 50% 36%,rgba(255,77,109,.34),rgba(255,77,109,.08));box-shadow:var(--glass-edge),0 0 20px rgba(255,77,109,.45),inset 0 0 13px rgba(255,77,109,.28);animation:heartPop .5s ease}.fan-save.on .fan-save-glow{opacity:1}.fan-save.on svg{filter:drop-shadow(0 0 7px rgba(255,77,109,.85))}.fan-play{left:12px;background:hsla(0,0%,100%,.16)}.lib-wall[data-formation=ring] .lib-card{overflow:visible;background:transparent;box-shadow:none}.lib-wall[data-formation=ring] .lib-card-art{inset:50% auto auto 50%;width:100%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 16px 38px -12px rgba(0,0,0,.75),inset 0 0 0 1px hsla(0,0%,100%,.08)}.lib-wall[data-formation=ring] .lib-card-scrim{display:none}.lib-wall[data-formation=ring] .lib-card-info{position:absolute;left:100%;right:auto;bottom:auto;top:50%;transform:translateY(-50%);margin-left:18px;width:170px;align-items:flex-start;gap:3px}.lib-wall[data-formation=ring] .lib-card-title{font-size:18px;font-weight:700;color:var(--txt)}.lib-wall[data-formation=ring] .lib-card-artist{font-size:13px}.lib-card.focus .lib-card-info{background:rgba(28,28,38,.66);border:1px solid var(--glass-brd);box-shadow:var(--glass-edge),0 16px 40px -14px rgba(0,0,0,.6);border-radius:20px;padding:13px 16px;width:184px}.lib-arc-snap{margin-top:12px}.lib-eq{display:inline-flex;align-items:flex-end;gap:2px;height:13px;margin-right:8px;vertical-align:-1px}.lib-eq i{width:3px;height:4px;background:var(--accent);border-radius:1px;animation:eqbar .8s ease-in-out infinite}.lib-eq i:nth-child(2){animation-delay:.18s}.lib-eq i:nth-child(3){animation-delay:.36s}.lib-eq i:nth-child(4){animation-delay:.1s}@keyframes eqbar{0%,to{height:4px}50%{height:13px}}.liquid-btn.sm{height:38px;padding:0 22px;font-size:13.5px}.lib-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;width:200px}.lib-center-art{width:96px;height:96px;border-radius:50%;pointer-events:auto;box-shadow:0 14px 36px -10px rgba(0,0,0,.7),inset 0 0 0 4px rgba(0,0,0,.3);transition:transform .15s}.lib-center-art:active{transform:scale(.95)}.lib-center-title{font-size:17px;font-weight:600;letter-spacing:-.3px;margin-top:14px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-center-artist{font-size:13px;color:var(--dim);margin-top:2px}.liquid-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 34px;border-radius:9999px;background:transparent;color:#fff;font-size:15px;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:transform .18s}.liquid-btn:active{transform:scale(.95)}.liquid-btn.tint{background:var(--accent);color:#07070a}.liquid-btn-refract{display:none}.liquid-btn-shell{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--accent) 60%,transparent)}.liquid-btn-label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;pointer-events:none}.lib-snap-btn{margin-top:16px;pointer-events:auto}.lib-radial{position:absolute;inset:0;z-index:40;background:rgba(8,8,11,.86);-webkit-backdrop-filter:none;backdrop-filter:none;animation:fadeIn .2s ease}.lib-radial-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.lib-radial-art{width:72px;height:72px;border-radius:50%;box-shadow:0 0 0 4px hsla(0,0%,100%,.08),0 14px 36px -10px rgba(0,0,0,.7)}.lib-radial-sub{font-size:12px;color:var(--dim)}.lib-radial-friend{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;animation:bloom .28s cubic-bezier(.34,1.56,.64,1) both}@keyframes bloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.lib-radial-friend .avatar{width:58px;height:58px;font-size:20px;box-shadow:0 10px 24px -8px rgba(0,0,0,.6)}.streak{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);background:#1b1b22;border:1px solid var(--line);font-size:10px;padding:1px 6px;border-radius:9999px;white-space:nowrap}.snap-streak,.streak{color:#ffb13c;font-weight:700}.snap-streak{margin-left:7px}.streak-pin{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);z-index:3}.streak-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px 2px 5px;border-radius:999px;font-size:11px;font-weight:800;line-height:1;color:#fff;white-space:nowrap;border:1px solid hsla(0,0%,100%,.34);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4)}.streak-chip.s-md{font-size:14px;gap:6px;padding:4px 11px 4px 8px}.streak-n{letter-spacing:-.2px}.streak-eq{display:inline-flex;align-items:flex-end;gap:1.5px;height:9px}.s-md .streak-eq{height:12px;gap:2px}.streak-eq i{width:2px;height:100%;border-radius:1px;background:#fff;transform-origin:bottom;animation:streakEq .9s ease-in-out infinite}.s-md .streak-eq i{width:2.5px}.streak-eq i:first-child{animation-delay:0s}.streak-eq i:nth-child(2){animation-delay:.18s}.streak-eq i:nth-child(3){animation-delay:.36s}@keyframes streakEq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.streak-chip[data-tier="1"]{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 0 10px -2px rgba(139,92,246,.8)}.streak-chip[data-tier="2"]{background:linear-gradient(135deg,#c08cff,#b06dff);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 0 12px -2px rgba(176,109,255,.8)}.streak-chip[data-tier="3"]{background:linear-gradient(135deg,#ff8cc4,#ff6db0);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 0 13px -2px rgba(255,109,176,.85)}.streak-chip[data-tier="4"]{background:linear-gradient(135deg,#ffb37a,#ff9d5c);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 0 14px -2px rgba(255,157,92,.9)}.streak-chip[data-tier="5"]{background:linear-gradient(120deg,#7c8cff,#ff6db0,#ffd24c,#7c8cff);background-size:280% 280%;animation:streakShimmer 3.2s linear infinite;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),0 0 18px -2px rgba(255,180,90,.95)}@keyframes streakShimmer{0%{background-position:0 50%}to{background-position:280% 50%}}.snap-to .friend .avatar[data-tier]{box-shadow:0 0 0 2px var(--streak-glow),0 0 18px -3px var(--streak-glow),0 8px 18px -8px rgba(0,0,0,.6)}.sheet-wrap{position:absolute;inset:0;z-index:70;display:flex;align-items:flex-end;background:rgba(0,0,0,.5);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{position:relative;width:100%;background:var(--card2);-webkit-backdrop-filter:none;backdrop-filter:none;border-top-left-radius:24px;border-top-right-radius:24px;border-top:1px solid var(--glass-brd);padding:10px 22px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.5);animation:sheetUp .32s cubic-bezier(.22,1,.36,1)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-grip{width:38px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 18px}.sheet-song{display:flex;align-items:center;gap:14px;margin-bottom:22px}.sheet-art{width:56px;height:56px;border-radius:13px;flex:0 0 auto}.sheet-song-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.sheet-song-title{font-size:17px;font-weight:600;letter-spacing:-.3px}.sheet-song-artist{font-size:14px;color:var(--dim)}.sheet-label{margin-bottom:16px}.sheet-done,.sheet-label{font-size:15px;font-weight:600}.sheet-done{width:100%;margin-top:20px;padding:14px;border-radius:14px;background:var(--card2);color:var(--txt)}.player{position:absolute;inset:0;z-index:80;display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 50% 30%,#16161f 0,#08080b 70%);overflow-y:auto;animation:slideUp .32s cubic-bezier(.22,1,.36,1)}.player::-webkit-scrollbar{display:none}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pl-top{justify-content:space-between}.pl-iconbtn,.pl-top{display:flex;align-items:center}.pl-iconbtn{width:40px;height:40px;justify-content:center;color:var(--dim);border-radius:50%;transition:color .2s}.pl-iconbtn:active{color:var(--txt)}.pl-iconbtn.liked{color:var(--accent)}.pl-love{position:relative;isolation:isolate;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.88);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-brd);box-shadow:var(--glass-edge),0 10px 22px -10px rgba(0,0,0,.7);transition:transform .18s,color .25s,box-shadow .3s,border-color .3s,background .3s}.pl-love:before{content:"";position:absolute;inset:0;border-radius:50%;background:none;pointer-events:none}.pl-love:active{transform:scale(.9)}.pl-love svg{position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.pl-love-glow{position:absolute;inset:0;border-radius:50%;opacity:0;background:radial-gradient(circle at 50% 42%,rgba(255,77,109,.55),rgba(255,77,109,0) 70%);transition:opacity .3s}.pl-love.on{color:#ff4d6d;border-color:rgba(255,120,150,.6);background:radial-gradient(circle at 50% 36%,rgba(255,77,109,.34),rgba(255,77,109,.08));box-shadow:var(--glass-edge),0 0 22px rgba(255,77,109,.45),inset 0 0 14px rgba(255,77,109,.28);animation:heartPop .5s ease}.pl-love.on .pl-love-glow{opacity:1}.pl-love.on svg{filter:drop-shadow(0 0 7px rgba(255,77,109,.85))}@keyframes heartPop{0%{transform:scale(1)}35%{transform:scale(1.28)}60%{transform:scale(.9)}to{transform:scale(1)}}.pl-burst-bit{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 8px rgba(255,77,109,.85);pointer-events:none;z-index:3}@media (prefers-reduced-motion:reduce){.pl-burst-bit{display:none}}.pl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:2px 0 0}.pl-head>div{flex:1 1;min-width:0}.pl-title{font-size:28px;font-weight:600;letter-spacing:-.6px;line-height:1.12;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.pl-artist{color:var(--dim);font-size:16px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-stage{flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center}.pl-picker{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));background:rgba(8,8,11,.9);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);animation:pickerIn .34s cubic-bezier(.22,1,.36,1);transition:opacity .32s ease}.pl-picker.closing{opacity:0}@keyframes pickerIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.pl-picker-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.pl-picker-kicker{font-size:13px;font-weight:600;letter-spacing:.2px;text-transform:uppercase;color:hsla(0,0%,100%,.5);padding-left:4px}.pl-picker-now{position:absolute;left:26px;top:50%;transform:translateY(-50%);max-width:42%;z-index:0;pointer-events:none}.pl-picker-now-title{font-size:27px;font-weight:600;letter-spacing:-.6px;color:#fff;line-height:1.1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.pl-picker-now-artist{margin-top:6px;font-size:15px;color:hsla(0,0%,100%,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-pick-track{position:relative;z-index:1;flex:1 1;min-height:0;overflow:hidden;touch-action:none;cursor:-webkit-grab;cursor:grab}.pl-pick-track:active{cursor:-webkit-grabbing;cursor:grabbing}.pl-pick-disc,.pl-pick-ring{position:absolute;left:62%;top:50%;border-radius:50%}.pl-pick-disc{background-size:cover!important;background-position:50%!important;box-shadow:0 22px 50px -18px rgba(0,0,0,.8),inset 0 0 0 1px hsla(0,0%,100%,.1);will-change:transform,opacity}.pl-pick-ring{z-index:40;pointer-events:none;border:1.5px solid hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.04);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:inset 0 2px 1px hsla(0,0%,100%,.35),inset 0 -8px 18px rgba(0,0,0,.3),0 26px 60px -22px rgba(0,0,0,.7),0 0 30px -8px color-mix(in srgb,var(--accent) 45%,transparent)}.pl-pick-hint{position:relative;z-index:2}@media (prefers-reduced-motion:reduce){.pl-picker{animation:none}}.pl-disc-wrap{position:relative;width:min(280px,78vw,42vh);aspect-ratio:1;margin:0 auto;display:flex;align-items:center;justify-content:center;touch-action:none;animation:discBloom .55s cubic-bezier(.22,1,.36,1) .06s both}@keyframes discBloom{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.pl-dots,.pl-ripples{position:absolute;inset:-28%;pointer-events:none}.pl-ripples{z-index:0}.pl-dots{z-index:5}.pl-bars{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}.pl-rise{animation:plRise .7s cubic-bezier(.2,.8,.2,1) both}.pl-head.pl-rise{animation-delay:.04s}.pl-seek.pl-rise{animation-delay:.2s}.pl-controls.pl-rise{animation-delay:.28s}@keyframes plRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pl-rise{animation:none;opacity:1}}.pl-dots{opacity:calc(.5 + var(--amp, 0) * .55);transition:opacity .1s linear}.pl-dot{position:absolute;border-radius:50%;background:currentColor;transform:translate(-50%,-50%);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:normal,alternate}.pl-dot.t0{box-shadow:0 0 5px currentColor,0 0 10px currentColor}.pl-dot.t1{box-shadow:0 0 9px currentColor,0 0 20px currentColor}.pl-dot.t2{box-shadow:0 0 18px currentColor,0 0 40px currentColor}.pl-dot:after{inset:-200%;border-radius:50%;background:radial-gradient(circle,currentColor 0,transparent 64%);opacity:calc(.14 + var(--amp, 0) * .4);transform:scale(calc(.45 + var(--amp, 0) * 1.5))}.pl-dot.t0:before,.pl-dot:after{content:"";position:absolute;pointer-events:none}.pl-dot.t0:before{inset:-240%;background:linear-gradient(currentColor,currentColor) 50% /100% 1.4px no-repeat,linear-gradient(currentColor,currentColor) 50% /1.4px 100% no-repeat;opacity:.55;-webkit-mask:radial-gradient(circle,#000 0,transparent 58%);mask:radial-gradient(circle,#000 0,transparent 58%);animation:dotSparkle 7s linear infinite}@keyframes dotSparkle{to{transform:rotate(180deg)}}@keyframes dotFloat{0%,to{transform:translate(-50%,-50%) translate(0) scale(calc(.8 + var(--amp, 0) * .8))}50%{transform:translate(-50%,-50%) translate(var(--dx,0),var(--dy,0)) scale(calc(1.2 + var(--amp, 0) * 2))}}@keyframes dotTw0{0%{opacity:.45}to{opacity:1}}@keyframes dotTw1{0%{opacity:.28}to{opacity:.85}}@keyframes dotTw2{0%{opacity:.12}to{opacity:.52}}.pl-disc-wrap:not(.playing) .pl-dot,.pl-disc-wrap:not(.playing) .pl-dot:before{animation-play-state:paused}.pl-disc-wrap:not(.playing) .pl-dots{opacity:.7}@media (prefers-reduced-motion:reduce){.pl-dot{animation:none;opacity:.4}}.pl-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);z-index:1;pointer-events:none}.pl-ring-track{fill:none;stroke:hsla(0,0%,100%,.1);stroke-width:3}.pl-ring-fill{fill:none;stroke:hsla(0,0%,100%,.92);stroke-width:3;stroke-linecap:round}.pl-disc{position:relative;z-index:2;width:46%;height:46%;border-radius:50%;pointer-events:none;will-change:transform;box-shadow:inset 0 2px 4px hsla(0,0%,100%,.45),inset 0 -16px 30px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.18),0 30px 52px -12px rgba(0,0,0,.78)}.pl-disc:before{background:radial-gradient(58% 46% at 30% 24%,hsla(0,0%,100%,.5),hsla(0,0%,100%,0) 60%),radial-gradient(80% 66% at 72% 104%,rgba(0,0,0,.42),transparent 56%)}.pl-disc:after,.pl-disc:before{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:1}.pl-disc:after{background:linear-gradient(132deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.12) 14%,hsla(0,0%,100%,0) 36%)}.pl-knob{width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 38% 32%,#fff,#d6d6e0);box-shadow:0 2px 8px rgba(0,0,0,.5),inset 0 1px 1px hsla(0,0%,100%,.9),0 0 0 1px hsla(0,0%,100%,.3);pointer-events:none}.pl-knob,.pl-time{position:absolute;z-index:3}.pl-time{bottom:-2px;left:50%;transform:translateX(-50%);font-size:13px;color:var(--dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pl-seek{display:flex;align-items:center;gap:11px;width:100%;max-width:340px;margin:6px auto 16px;padding:0 4px}.pl-seek-t{font-size:11px;font-weight:600;color:hsla(0,0%,100%,.58);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:30px;text-align:center}.pl-wf{position:relative;flex:1 1;height:42px;touch-action:none;cursor:pointer;transition:transform .18s ease}.pl-wf.seeking{transform:scaleY(1.12)}.pl-wf-row{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:2px}.pl-wf-bar{flex:1 1;min-width:2px;border-radius:2px;background:hsla(0,0%,100%,.18)}.pl-wf-fill{overflow:hidden;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.pl-wf-fill .pl-wf-bar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 65%,#fff),var(--accent));box-shadow:0 0 8px -1px var(--accent),0 0 18px -5px var(--accent)}.pl-wf-head{position:absolute;top:4px;bottom:4px;left:0;width:2.5px;border-radius:3px;background:#fff;transform:translateX(-50%);box-shadow:0 0 10px 1px var(--accent),0 0 5px hsla(0,0%,100%,.9);pointer-events:none}.pl-controls{justify-content:space-between;gap:4px;max-width:328px;width:100%;margin:4px auto 0;padding:7px 12px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 24%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.22),inset 0 0 18px color-mix(in srgb,var(--accent) 18%,transparent),0 14px 34px -16px rgba(0,0,0,.7),0 0 26px -12px color-mix(in srgb,var(--accent) 60%,transparent)}.pl-controls,.pl-ctrl{display:flex;align-items:center}.pl-ctrl{width:48px;height:48px;justify-content:center;color:hsla(0,0%,100%,.72);border-radius:50%;transition:color .2s,transform .15s,text-shadow .2s}.pl-ctrl:active{transform:scale(.9)}.pl-ctrl.active{color:color-mix(in srgb,var(--accent) 75%,#fff);text-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.pl-play{width:68px;height:68px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .15s;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 62%,hsla(0,0%,100%,.55)),color-mix(in srgb,var(--accent) 48%,transparent));-webkit-backdrop-filter:blur(18px) saturate(1.8);backdrop-filter:blur(18px) saturate(1.8);border:1px solid color-mix(in srgb,var(--accent) 45%,hsla(0,0%,100%,.65));box-shadow:inset 0 2px 3px hsla(0,0%,100%,.6),inset 0 -10px 18px rgba(0,0,0,.3),0 12px 30px -10px rgba(0,0,0,.55),0 0 30px -4px color-mix(in srgb,var(--accent) 75%,transparent)}.pl-play svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.pl-play:active{transform:scale(.94)}.splash{align-items:center;justify-content:center;font-size:24px;font-weight:800;letter-spacing:-.5px;color:var(--txt);opacity:0;animation:fadeIn .5s .05s forwards}.onboard,.splash{flex:1 1;display:flex}.onboard{min-height:0;flex-direction:column;justify-content:safe center;gap:22px;padding:24px 24px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;animation:viewIn .5s cubic-bezier(.22,1,.36,1)}.ob-top{text-align:center}.ob-logo{font-size:30px;font-weight:800;letter-spacing:-.6px}.ob-tag{color:var(--dim);font-size:14px;margin-top:6px}.ob-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px 20px;flex-direction:column;gap:16px}.ob-avatar-big,.ob-card{display:flex;align-items:center}.ob-avatar-big{width:84px;height:84px;border-radius:50%;justify-content:center;font-size:34px;font-weight:700;color:#fff;box-shadow:0 16px 36px -14px rgba(0,0,0,.7)}.ob-avatars{display:flex;gap:10px}.ob-swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;transition:transform .15s,border-color .2s}.ob-swatch.on{border-color:var(--txt);transform:scale(1.12)}.ob-field{width:100%;display:flex;flex-direction:column;gap:6px}.ob-field>span{font-size:12px;color:var(--dim);padding-left:2px}.ob-field input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:13px 14px;color:var(--txt);font-size:15px;outline:none;transition:border-color .2s}.ob-field input:focus{border-color:var(--accent)}.ob-handle{display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding-left:14px;transition:border-color .2s}.ob-handle:focus-within{border-color:var(--accent)}.ob-at{color:var(--dim);font-size:15px}.ob-handle input{border:0;background:none;padding-left:2px}.ob-create{width:100%;margin-top:4px;padding:14px;border-radius:14px;background:var(--accent);color:#07070a;font-size:16px;font-weight:700;transition:transform .15s,opacity .2s}.ob-create:disabled{opacity:.4}.ob-create:active{transform:scale(.98)}.ob-fine{font-size:12px;color:var(--dim);text-align:center}.auth-card{gap:13px;width:100%}.auth-card .ob-avatar-big{width:60px;height:60px;font-size:24px}.auth-card .ob-swatch{width:26px;height:26px}.auth-tabs{display:flex;width:100%;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px}.auth-tab{flex:1 1;padding:10px;border-radius:10px;font-size:14px;font-weight:600;color:var(--dim);transition:background .2s,color .2s}.auth-tab.on{background:var(--card);color:var(--txt);box-shadow:0 2px 8px -4px rgba(0,0,0,.6)}.auth-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px;border-radius:14px;background:#fff;color:#1f1f1f;font-size:15px;font-weight:600;transition:transform .15s,opacity .2s}.auth-google:active{transform:scale(.98)}.auth-google:disabled{opacity:.5}.auth-divider{width:100%;display:flex;align-items:center;gap:12px;color:var(--dim);font-size:12px}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.auth-error{width:100%;font-size:13px;color:#ff6b6b;background:hsla(0,100%,71%,.1);border:1px solid hsla(0,100%,71%,.25);border-radius:10px;padding:10px 12px;text-align:center}.auth-title{font-size:20px;font-weight:700;margin:2px 0}.snap-link-btn{width:100%;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--txt);font-size:15px;font-weight:600;text-align:left;transition:transform .15s,border-color .2s}.snap-link-btn:active{transform:scale(.99);border-color:var(--accent)}.snap-link-ico{font-size:17px}.snap-link-hint{margin-left:auto;font-size:12px;font-weight:500;color:var(--dim)}.ls-row{display:flex;gap:8px;width:100%}.ls-input{flex:1 1;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:13px 14px;color:var(--txt);font-size:15px;outline:none;transition:border-color .2s}.ls-input:focus{border-color:var(--accent)}.ls-paste{padding:0 16px;border-radius:12px;background:var(--accent);color:#07070a;font-weight:700;font-size:14px}.ls-results{flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.ls-result,.ls-results{width:100%;display:flex}.ls-result{align-items:center;gap:12px;padding:8px;border-radius:14px;text-align:left;transition:background .15s}.ls-result:active{background:var(--bg)}.ls-art{width:46px;height:46px;border-radius:10px;background-size:cover;background-position:50%;flex-shrink:0}.ls-meta{display:flex;flex-direction:column;min-width:0;flex:1 1}.ls-title{font-size:15px;font-weight:600}.ls-artist,.ls-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-artist{font-size:13px;color:var(--dim)}.ls-add{flex-shrink:0;padding:7px 14px;border-radius:999px;background:var(--accent);color:#07070a;font-size:13px;font-weight:700}.lib-empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center}.lib-empty-emoji{font-size:40px;opacity:.9}.lib-empty-title{font-size:19px;font-weight:700;letter-spacing:-.3px}.lib-empty-sub{font-size:14px;color:var(--dim);line-height:1.5;max-width:260px;margin-bottom:6px}.lib-gridwrap{position:relative;flex:1 1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 20px calc(84px + env(safe-area-inset-bottom))}.lib-gridwrap::-webkit-scrollbar{display:none}.lib-grid2{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px 12px;gap:16px 12px}.lib-gcard{display:flex;flex-direction:column;gap:6px;text-align:left}.lib-gcard-art{width:100%;aspect-ratio:1/1;border-radius:14px;background-size:cover;background-position:50%;box-shadow:0 8px 18px -10px rgba(0,0,0,.7);transition:transform .15s}.lib-gcard:active .lib-gcard-art{transform:scale(.95)}.lib-gcard-meta{display:flex;flex-direction:column;min-width:0}.lib-gcard-title{font-size:13px;font-weight:600}.lib-gcard-artist,.lib-gcard-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-gcard-artist{font-size:11.5px;color:var(--dim)}.ico-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;color:#fff;border:1px solid var(--glass-brd);transition:transform .15s}.ico-avatar:active{transform:scale(.92)}.profile-head{gap:14px;margin-bottom:20px}.profile-avatar,.profile-head{display:flex;align-items:center}.profile-avatar{width:60px;height:60px;border-radius:50%;justify-content:center;font-size:26px;font-weight:700;color:#fff}.profile-name{font-size:20px;font-weight:700;letter-spacing:-.3px}.profile-handle{font-size:14px;color:var(--dim);margin-top:1px}.profile-stats{display:flex;gap:12px;margin-bottom:18px}.profile-stat{flex:1 1;background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:3px}.profile-stat-n{font-size:18px;font-weight:700}.profile-stat-l{font-size:12px;color:var(--dim)}.profile-signout{color:#ff6b70}.profile-edit,.profile-signout{width:100%;padding:13px;border-radius:14px;background:var(--card2);border:1px solid var(--line);font-weight:600;font-size:15px}.profile-edit{color:var(--txt);margin-bottom:10px}.profile-cancel{width:100%;padding:12px;margin-top:8px;color:var(--dim);font-size:14px}.profile-photo{width:96px;height:96px;margin:8px auto 12px;font-size:36px;font-weight:700;color:#fff;position:relative;box-shadow:0 14px 32px -14px rgba(0,0,0,.7)}.profile-photo,.profile-photo-cam{border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-photo-cam{position:absolute;bottom:-2px;right:-2px;width:32px;height:32px;background:var(--card);border:1px solid var(--line);font-size:15px}.profile-photo-hint{text-align:center;font-size:12px;color:var(--dim);margin-bottom:12px}.sheet .ob-avatars{justify-content:center;flex-wrap:wrap;margin-bottom:6px}.cropper-wrap{position:fixed;inset:0;z-index:200;justify-content:center;padding:24px;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cropper,.cropper-wrap{display:flex;align-items:center}.cropper{width:100%;max-width:360px;flex-direction:column;gap:16px;padding:18px;border-radius:24px;background:var(--card);border:1px solid var(--line)}.cropper-title{font-size:15px;font-weight:700;color:var(--txt)}.cropper-frame{position:relative;width:100%;max-width:300px;aspect-ratio:1/1;overflow:hidden;border-radius:16px;background:#000;touch-action:none;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none}.cropper-frame:active{cursor:-webkit-grabbing;cursor:grabbing}.cropper-frame img,.cropper-mask{pointer-events:none}.cropper-mask{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 9999px rgba(0,0,0,.45);border:2px solid hsla(0,0%,100%,.85)}.cropper-zoom{width:100%;height:4px;border-radius:999px;background:var(--line);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cropper-zoom::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5);cursor:pointer}.cropper-zoom::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:#fff}.cropper-actions{display:flex;gap:10px;width:100%}.cropper-cancel{border-radius:13px;background:var(--card2);border:1px solid var(--line);color:var(--txt);font-weight:600}.cropper-cancel,.cropper-done{flex:1 1;padding:12px;font-size:14px}.cropper-done{border-radius:13px;background:#8b5cf6;color:#fff;font-weight:700}.cropper-done:disabled{opacity:.6}.friend-add .avatar-add{background:color-mix(in srgb,var(--accent) 12%,var(--card2));border:1.5px dashed color-mix(in srgb,var(--accent) 45%,var(--line));color:color-mix(in srgb,var(--accent) 70%,var(--txt));font-size:26px;font-weight:300;box-shadow:none}.friend-add:active .avatar-add{transform:none}.af-search{display:flex;align-items:center;gap:6px;margin:4px 0 14px;padding:0 14px;background:var(--bg);border:1px solid var(--line);border-radius:14px;transition:border-color .2s}.af-search:focus-within{border-color:var(--accent)}.af-search-ico{color:var(--dim);font-size:18px}.af-at{color:var(--dim);font-size:15px}.af-search input{flex:1 1;min-width:0;background:none;border:0;outline:none;padding:12px 0;color:var(--txt);font-size:15px}.af-list{display:flex;flex-direction:column;max-height:46vh;overflow-y:auto}.af-list::-webkit-scrollbar{display:none}.af-row{gap:13px;width:100%;text-align:left;padding:9px 0}.af-avatar,.af-row{display:flex;align-items:center}.af-avatar{width:46px;height:46px;border-radius:50%;justify-content:center;font-weight:600;font-size:18px;color:#fff;flex:0 0 auto}.af-meta{flex:1 1;min-width:0;display:flex;flex-direction:column}.af-name{font-size:15px;font-weight:600}.af-handle{font-size:13px;color:var(--dim)}.af-add{flex:0 0 auto;padding:8px 16px;border-radius:9999px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-size:13px;font-weight:700;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.af-add:active{transform:scale(.94)}.af-added{flex:0 0 auto;font-size:13px;font-weight:600;color:var(--good)}.af-empty{text-align:center;color:var(--dim);font-size:14px;padding:24px 0}.sotd{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:11px;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.16);flex:0 0 auto}.sotd.done{background:hsla(0,0%,100%,.035);border-color:var(--line)}.sotd-ico{flex:0 0 auto;width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#b69cff;background:rgba(139,92,246,.18)}.sotd.done .sotd-ico{color:var(--good);background:color-mix(in srgb,var(--good) 22%,transparent)}.sotd-line{flex:1 1;min-width:0;font-size:13px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sotd-line strong{font-weight:600;color:var(--txt)}.sotd-dot{margin:0 6px;opacity:.45}.sotd-flame-icon{color:#b69cff;animation:sotdFlicker 1.4s ease-in-out infinite}@keyframes sotdFlicker{0%,to{transform:scale(1) rotate(-3deg);opacity:.9}50%{transform:scale(1.12) rotate(3deg);opacity:1}}.snap-head-actions{display:flex;align-items:center;gap:8px}.select-toggle{font-size:12px;font-weight:600;color:var(--accent);padding:4px 8px;border-radius:8px;background:color-mix(in srgb,var(--accent) 14%,transparent);transition:transform .12s,background .2s}.select-toggle:active{transform:scale(.92)}.group-send{width:100%;margin:4px 0 12px;padding:11px;border-radius:12px;font-size:14px;font-weight:700;color:#06281f;background:var(--good);box-shadow:0 8px 20px -8px color-mix(in srgb,var(--good) 70%,transparent);transition:transform .12s,opacity .2s}.group-send:active{transform:scale(.97)}.group-send:disabled{background:hsla(0,0%,100%,.08);color:var(--dim);box-shadow:none}.friend.selected .avatar{box-shadow:0 0 0 2.5px var(--accent),0 8px 18px -8px rgba(0,0,0,.6)!important}.avatar-sel{position:absolute;right:-2px;top:-2px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--accent);border:2px solid var(--bg);animation:selPop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes selPop{0%{transform:scale(0)}to{transform:scale(1)}}.friend-name.played{color:var(--good);font-weight:600}.cel{position:absolute;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:rgba(6,6,9,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:celIn .3s ease}@keyframes celIn{0%{opacity:0}to{opacity:1}}.cel-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 24px}.cel-flame{font-size:64px;animation:celFlame .6s cubic-bezier(.34,1.56,.64,1)}@keyframes celFlame{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.cel-count{font-size:60px;font-weight:800;letter-spacing:-2px;line-height:1;margin-top:4px;color:#fff;text-shadow:0 0 28px color-mix(in srgb,var(--accent) 70%,transparent);animation:celPop .5s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes celPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.cel-text{font-size:17px;font-weight:600;color:hsla(0,0%,100%,.92);margin-top:6px}.cel-sub{font-size:13px;color:var(--dim);margin-top:8px}.cel-bits{position:absolute;inset:0;z-index:1;pointer-events:none}.cel-bits span{position:absolute;left:50%;top:46%;width:9px;height:9px;border-radius:2px;background:var(--accent);opacity:0;animation:celBit 1.1s ease-out forwards;animation-delay:calc(var(--i) * 18ms);transform-origin:center}.cel-bits span:nth-child(3n){background:#ff7a3d}.cel-bits span:nth-child(3n+1){background:#ffd166}.cel-bits span:nth-child(4n){border-radius:50%}@keyframes celBit{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}to{opacity:0;transform:translate(calc(-50% + (cos(var(--i) * 1rad) * 180px)),calc(-50% + (sin(var(--i) * 1rad) * 180px) + 40px)) rotate(1turn) scale(.4)}}@media (prefers-reduced-motion:reduce){.cel-bits span,.cel-count,.cel-flame,.sotd-flame{animation:none}.cel-bits{display:none}}.hbanner{position:relative;overflow:hidden;gap:13px;padding:14px 16px;border-radius:18px;background:linear-gradient(118deg,#9a6bff,#7c4dff 48%,#5b21b6);box-shadow:0 16px 32px -16px rgba(124,77,255,.75),inset 0 1px 0 hsla(0,0%,100%,.28)}.hbanner,.hbanner-icon{display:flex;align-items:center;flex:0 0 auto}.hbanner-icon{width:42px;height:42px;border-radius:13px;justify-content:center;color:#fff;background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.32);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4)}.hbanner-text{flex:1 1;min-width:0}.hbanner-title{font-size:15.5px;font-weight:700;letter-spacing:-.2px;color:#fff}.hbanner-sub{font-size:12.5px;color:hsla(0,0%,100%,.82);margin-top:2px}.hbanner-shine{position:absolute;top:0;bottom:0;left:0;width:55%;pointer-events:none;background:linear-gradient(105deg,transparent,hsla(0,0%,100%,.22) 50%,transparent);transform:translateX(-130%) skewX(-18deg);animation:hbShine 5s ease-in-out infinite}@keyframes hbShine{0%{transform:translateX(-130%) skewX(-18deg)}55%,to{transform:translateX(330%) skewX(-18deg)}}@media (prefers-reduced-motion:reduce){.hbanner-shine{animation:none}}.disc-top{align-items:flex-end}.disc-title{font-size:26px;font-weight:700;letter-spacing:-.5px;color:var(--txt)}.disc-sub{font-size:13px;color:var(--dim);margin-top:2px}.disc-actions{position:absolute;left:0;right:0;bottom:28px;z-index:40;display:flex;align-items:flex-start;justify-content:center;gap:30px}.disc-act{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--dim)}.disc-act>:first-child{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.14);box-shadow:0 10px 22px -12px rgba(0,0,0,.7),inset 0 1px 0 hsla(0,0%,100%,.12);transition:transform .14s,background .25s,border-color .25s,box-shadow .3s,color .25s}.disc-act:active>:first-child{transform:scale(.9)}.disc-save.on{color:#ff5277}.disc-save.on>:first-child{color:#ff5277;background:rgba(255,77,109,.16);border-color:rgba(255,120,150,.55);box-shadow:0 0 20px -2px rgba(255,77,109,.45),inset 0 1px 0 hsla(0,0%,100%,.15)}.disc-snap{color:hsla(0,0%,100%,.92)}.disc-snap>:first-child{color:#fff;background:linear-gradient(150deg,#9a6bff,#6d3bd4);border-color:rgba(196,181,253,.5);box-shadow:0 10px 22px -10px rgba(124,77,255,.75),inset 0 1px 0 hsla(0,0%,100%,.3)}.fan-reason{display:inline-block;margin-bottom:7px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;color:#fff;background:color-mix(in srgb,var(--accent) 40%,rgba(0,0,0,.4));border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.disc-loading{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--dim);font-size:14px}.disc-spinner{width:28px;height:28px;border-radius:50%;border:2.5px solid hsla(0,0%,100%,.14);border-top:2.5px solid var(--accent);animation:discSpin .8s linear infinite}@keyframes discSpin{to{transform:rotate(1turn)}}.reply-bar{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:16px;flex:0 0 auto;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 26%,transparent),color-mix(in srgb,var(--accent) 10%,transparent));border:1px solid color-mix(in srgb,var(--accent) 36%,transparent)}.reply-ava{width:38px;height:38px;font-size:16px;flex:0 0 auto}.reply-text{flex:1 1;min-width:0;font-size:13.5px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-lead{margin-right:5px}.reply-lead,.reply-song{color:var(--dim)}.reply-send{flex:0 0 auto;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(150deg,#8b5cf6,#6d3bd4);box-shadow:0 6px 16px -8px rgba(124,77,255,.7);transition:transform .12s}.reply-send:active{transform:scale(.95)}.reply-x{flex:0 0 auto;width:26px;height:26px;border-radius:50%;color:var(--dim);font-size:13px}