:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#8d8d96;--white:#f3f3f5;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--white);overscroll-behavior:none;background:#101113;margin:0;font-family:Segoe UI,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:16px;overflow:hidden}#root{min-height:var(--app-vh,100dvh)}button,a,input{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;transition:background .2s,color .2s,transform .2s}button:focus-visible,a:focus-visible,input:focus-visible,main:focus-visible{outline-offset:5px;outline:2px solid #fff}button:hover{color:#fff}svg{stroke:currentColor;stroke-width:1.5px;fill:none;width:24px;height:24px}.svgdefs{width:0;height:0;position:absolute}header{height:calc(100px + var(--safe-top));padding:var(--safe-top) 3.3vw 0;z-index:100;background:linear-gradient(#101113 10%,#10111300);justify-content:space-between;align-items:center;display:flex;position:relative}.brand{letter-spacing:3px;color:#fff;align-items:center;gap:10px;font-size:27px;font-weight:700;text-decoration:none;display:flex}.brand svg{stroke-width:1.5px;width:40px;height:40px}.brand-note{color:#929299;letter-spacing:2px;border-left:1px solid #47474a;margin-left:9px;padding-left:18px;font-size:12px;font-weight:400}.header-right{align-items:center;gap:14px;min-width:0;margin-left:auto;display:flex}.playlist-switch{min-width:0;position:relative}.playlist-toggle{color:#c7c7ce;border-radius:999px;align-items:center;gap:9px;max-width:250px;padding:9px 13px;font-size:12px;display:flex}.playlist-toggle:hover{background:#ffffff18}.playlist-toggle-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.playlist-toggle-count{color:#88878f;flex:none;font-size:10px}.playlist-chev{flex:0 0 14px;width:14px;height:14px;transition:transform .2s}.playlist-chev.open{transform:rotate(180deg)}.playlist-menu{z-index:210;scrollbar-width:thin;scrollbar-color:#ffffff28 transparent;border-radius:15px;width:min(300px,78vw);max-height:min(380px,56vh);padding:6px;position:absolute;top:calc(100% + 9px);right:0;overflow:auto}.playlist-option{text-align:left;border-radius:10px;align-items:center;gap:9px;width:100%;padding:10px 11px;display:flex}.playlist-option:hover{background:#ffffff0d}.playlist-option-main{flex-direction:column;gap:3px;min-width:0;display:flex}.playlist-option strong{color:#dcdce2;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.playlist-option small{color:#85868f;font-size:9px}.playlist-option b{color:#fff;background:#ffffff12;border:1px solid #ffffff30;border-radius:9px;flex:none;margin-left:auto;padding:6px 8px;font-size:9px;font-weight:500}.playlist-option.active{background:#ffffff10}.glass{-webkit-backdrop-filter:blur(28px)saturate(1.25);background:linear-gradient(120deg,#ffffff15,#ffffff06 45%,#ffffff10);border:1px solid #ffffff16;box-shadow:inset 0 1px 1px #ffffff30,inset 0 -1px 1px #ffffff08,0 16px 40px #0004}.liquid-art{isolation:isolate;background:#1d1e21;border:1px solid #ffffff26;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff52,inset 0 -1px #0007,0 12px 32px #0005}.liquid-art .art-blur{z-index:0;object-fit:cover;filter:blur(20px)saturate(1.18)brightness(.58);pointer-events:none;width:128%;height:128%;position:absolute;inset:-14%;transform:scale(1.08)}.liquid-art .art-image{z-index:1;object-fit:contain;filter:drop-shadow(0 12px 22px #0008);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.liquid-art:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(135deg,#ffffff38 0,#ffffff0b 18%,#0000 42%,#ffffff12 76%,#ffffff28 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff12}nav{border-radius:50px;gap:4px;padding:5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}nav button{color:#a0a0a8;white-space:nowrap;border-radius:30px;padding:10px 22px;font-size:14px}nav .active{color:#fff;background:linear-gradient(#ffffff25,#ffffff10);box-shadow:inset 0 1px #ffffff38,0 3px 8px #0004}nav span{color:#888;margin-left:6px;font-size:11px}.edition{color:#b0b0b7;letter-spacing:1.5px;align-items:center;gap:12px;font-size:12px;display:flex}.edition>span:not(.live-dot){color:#555}.live-dot{background:#dedee2;border-radius:100%;width:5px;height:5px;box-shadow:0 0 10px #fff6}.bridge-launch{color:#c7c7ce;letter-spacing:1.2px;background:linear-gradient(120deg,#ffffff12,#ffffff05);border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font-size:10px;display:flex;box-shadow:inset 0 1px #ffffff26}.bridge-launch:hover{background:#ffffff18}.bridge-launch .live-dot{flex:0 0 5px}main{height:calc(var(--app-vh,100dvh) - 100px - var(--safe-top));touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}main.dragging{cursor:grabbing}main img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}#soundfield{pointer-events:none;opacity:.9;width:100%;height:100%;position:absolute;inset:0}#gpufield{pointer-events:none;opacity:.72;contain:strict;width:100%;height:100%;display:none;position:absolute;inset:0;transform:translateZ(0)}.ambient{pointer-events:none;background:radial-gradient(at 55% 45%,#6e707219,#0000 60%);position:absolute;inset:0}.intro{z-index:75;pointer-events:none;text-shadow:0 2px 25px #101113;transform-origin:0;width:min(820px,56vw);transform:scale(calc(1 + var(--beat,0)*.022));transition:opacity .35s;position:absolute;top:5%;left:5%}.eyebrow{letter-spacing:3px;color:#9898a1;font-size:10px;font-weight:500}.lyrics-head{flex-direction:column;justify-content:flex-end;padding-bottom:8px;display:flex;overflow:visible}.lyrics-title{letter-spacing:.6px;color:#f6f6f8;text-shadow:0 0 calc(8px + var(--beat,0)*15px) #fff3,0 2px 18px #101113;overflow-wrap:anywhere;margin:0;font-size:clamp(22px,2.3vw,33px);font-weight:500;line-height:1.22}.lyrics-viewport{height:168px;margin-top:4px;padding-left:16px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 4% 80%,#0000);mask-image:linear-gradient(#0000,#000 4% 80%,#0000)}.lyrics-track{will-change:transform;transition:transform .42s cubic-bezier(.22,.8,.24,1)}.lyric-row{letter-spacing:.3px;color:#aaaab3;opacity:.18;overflow-wrap:anywhere;transform-origin:0;max-width:100%;padding:10px 0;font-size:14px;line-height:1.34;transition:opacity .4s cubic-bezier(.22,.8,.24,1),font-size .34s cubic-bezier(.22,.8,.24,1),color .4s;position:relative}.lyric-row.active{color:#f3f3f5;opacity:1;transform:scale(calc(1 + var(--beat,0)*.024));text-shadow:0 0 calc(16px + var(--beat,0)*21px) #fff4,0 2px 16px #101113;font-size:clamp(26px,2.6vw,38px);font-weight:500}.lyric-row.active:before{content:"";width:3px;height:calc(34% + var(--beat,0)*42%);opacity:calc(.28 + var(--beat,0)*.48);box-shadow:0 0 calc(4px + var(--beat,0)*9px) #fffc;background:linear-gradient(#fff,#fff5);border-radius:3px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.lyric-row.near{opacity:.5;transform:scale(.98)}.lyric-row.meta{letter-spacing:1.1px;color:#9c9ca6;font-size:11.5px}.lyric-row.meta.near{opacity:.36}.lyric-row.meta.active{color:#d3d3da;font-size:clamp(15px,1.5vw,21px);font-weight:400}.lyrics-note{letter-spacing:2.2px;color:#696972;margin-top:0;font-size:9px;display:block}.intro.is-playing .eyebrow{color:#d6d6dc}.empty-universe{z-index:76;pointer-events:auto;width:min(760px,55vw);position:absolute;top:13%;left:7%}.empty-universe h1{letter-spacing:-1.5px;margin:18px 0 14px;font-size:clamp(38px,4.1vw,68px);font-weight:450;line-height:1.12}.empty-universe p{color:#8c8d96;max-width:520px;margin:0;font-size:13px;line-height:1.8}.empty-import{color:#e1e1e6;background:linear-gradient(120deg,#ffffff18,#ffffff08);border:1px solid #fff2;border-radius:999px;margin-top:26px;padding:12px 17px;font-size:12px;box-shadow:inset 0 1px #ffffff34,0 16px 35px #0005}.empty-import:hover{background:#ffffff20}.empty-import span{color:#92939c;margin-left:14px}.orbit-line{pointer-events:none;border:1px solid #ffffff05;border-radius:50%;width:90%;height:48%;position:absolute;top:15%;left:5%;transform:rotate(-19deg)}.orbit-line.two{width:72%;height:65%;top:5%;left:14%;transform:rotate(20deg)}#sphere{perspective:1200px;contain:layout paint;position:absolute;inset:0;transform:translateZ(0)}.card{aspect-ratio:.833;text-align:left;transform-origin:50%;will-change:transform,opacity;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#252629;border:1px solid #ffffff25;border-radius:12px;width:clamp(194px,12vw,230px);height:auto;padding:0;transition:opacity .42s cubic-bezier(.22,.8,.24,1),filter .25s,border-color .25s,box-shadow .25s;position:absolute;top:42%;left:50%;overflow:hidden;box-shadow:0 12px 35px #0008,inset 0 1px 1px #ffffff20}main.dragging .card{transition:none;filter:none!important;box-shadow:0 8px 18px #0006!important}main.dragging .card.active{box-shadow:0 8px 18px #0006,0 0 0 1px #fff5!important}.card-art{border-radius:inherit;box-shadow:none;border:0;position:absolute;inset:0}.card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#0000 42%,#050608e8);position:absolute;inset:0}.card .caption{z-index:1;position:absolute;bottom:13px;left:14px;right:12px}.card .caption strong{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:500;line-height:1.5;display:block;overflow:hidden}.card .caption small{letter-spacing:1.5px;color:#eee9;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.artist-ticker{width:max-content;max-width:100%;display:block}.artist-ticker>span{display:inline-block}.card .caption small.is-scrolling .artist-ticker{gap:22px;max-width:none;display:flex}.card .caption small.is-scrolling .artist-ticker>span{flex:none}.card.active .caption small.is-scrolling .artist-ticker,.card:hover .caption small.is-scrolling .artist-ticker,.card:focus-visible .caption small.is-scrolling .artist-ticker{animation:8s linear infinite artist-marquee}main.dragging .artist-ticker{animation:none!important;transform:translate(0)!important}@keyframes artist-marquee{0%,12%{transform:translate(0)}88%,to{transform:translate(calc(-50% - 11px))}}.card .number{letter-spacing:1px;z-index:2;color:#ffffffe0;text-shadow:0 1px 4px #000;font-size:10px;position:absolute;top:12px;left:13px}.card .card-play{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#fff2;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:12px;right:12px}.card:hover .card-play,.card:focus-visible .card-play{opacity:1}.card .card-play svg{width:15px;height:15px}.card:hover{filter:brightness(1.18)!important}.card.active{border-color:#fff8;box-shadow:0 12px 35px #0008,0 0 0 2px #ffffff3d,inset 0 1px 1px #ffffff35}.side-label{writing-mode:vertical-rl;letter-spacing:2.5px;color:#64646b;pointer-events:none;font-size:9px;position:absolute;top:35%;right:2.5%}.coordinates{color:#62626c;letter-spacing:1px;font-size:10px;line-height:1.7;position:absolute;bottom:190px;left:3.5%}.universe-footer{z-index:90;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:147px;left:0;right:0}.drag-hint{letter-spacing:1.5px;color:#9d9da6;background:#10111350;border-radius:30px;align-items:center;gap:12px;padding:7px 17px;font-size:12px;display:flex}.drag-hint>span{color:#c9c9d0;font-size:23px}.drag-hint i{background:#62626b;border-radius:50%;width:3px;height:3px}.view-controls{pointer-events:auto;border-radius:30px;padding:4px;display:flex;position:absolute;right:3.5%}.view-controls button{color:#c4c4ca;width:34px;height:31px;font-size:19px}.view-controls span{background:#ffffff20;width:1px;height:16px;margin:8px 4px}.player{bottom:calc(24px + var(--safe-bottom));z-index:110;background:linear-gradient(115deg,#47474b6b,#222227c0 45%,#4040476b);border-radius:24px;grid-template-columns:1fr 1.1fr 1fr;align-items:center;width:93.6%;height:106px;padding:14px 23px;display:grid;position:fixed;left:3.2%;box-shadow:inset 0 1px 1px #ffffff45,0 10px 45px #0007}.player-hide{color:#aaaab3;background:#26272bd9;border:1px solid #ffffff20;border-radius:999px;width:34px;height:24px;font-size:17px;line-height:18px;position:absolute;top:-12px;right:17px;box-shadow:inset 0 1px #ffffff1d,0 8px 20px #0006}.player-hide:hover{color:#fff;background:#34353ae8}.player-reveal{left:50%;bottom:calc(15px + var(--safe-bottom));z-index:112;color:#b9bac2;background:#25262bc7;border:1px solid #ffffff20;border-radius:999px;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:inset 0 1px #ffffff2d,0 10px 28px #0008}.player-reveal:hover{color:#fff;background:#303136df}.player-reveal>span{font-size:14px}.player-reveal>small{letter-spacing:1.5px;font-size:8px}.player-reveal:after{content:"";background:#ddd;border-radius:50%;width:4px;height:4px;box-shadow:0 0 9px #fff8}body.player-collapsed .universe-footer{bottom:32px}body.player-collapsed .coordinates{bottom:60px}body.player-collapsed #toast{bottom:calc(62px + var(--safe-bottom))}.now{align-items:center;gap:14px;min-width:0;display:flex}.now-art{border-radius:11px;flex:0 0 60px;width:60px;height:60px}.now-art .art-image{padding:3px}.now-copy{min-width:0}.now-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:15px;overflow:hidden}.now-sub{letter-spacing:.5px;color:#9d9da7;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.now-sub.is-preparing{color:#e4e4ea}.play:disabled{cursor:progress}.icon{color:#c9c9ce;flex-shrink:0;place-items:center;width:34px;height:34px;padding:0;display:grid}.icon svg{width:19px;height:19px}.favorite{color:#92929b;margin-left:9px}.favorite.liked svg{fill:#f0f0f5;stroke:#f0f0f5}.transport{justify-content:center;align-items:center;gap:18px;display:flex}.play{color:#f5f5f7;width:39px;height:39px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.play:before{display:none}.play:after{content:"";width:39px;height:39px;opacity:calc(var(--beat,0)*.34);transform:scale(calc(1 + var(--beat,0)*.22));pointer-events:none;border:1px solid #fff;border-radius:50%;margin:-19.5px 0 0 -19.5px;position:absolute;top:50%;left:50%}.play:hover{color:#fff;box-shadow:none;background:0 0;transform:scale(1.1)}.play:active{transform:scale(.92)}.play svg{width:23px;height:23px;transform:scale(calc(1 + var(--beat,0)*.1));filter:drop-shadow(0 0 calc(6px + var(--beat,0)*8px) #ffffff8f);position:relative}.play.preparing{cursor:progress;transform:none}.play.preparing:after{opacity:.12;transform:scale(1.06)}.play-loader{filter:drop-shadow(0 0 8px #ffffff50);width:24px;height:24px;display:block;position:relative}.play-loader-orbit{border:1.5px solid #f7f7fa;border-color:#f7f7fa #ffffffa3 #ffffff24 #ffffff24;border-radius:50%;animation:.82s cubic-bezier(.48,.12,.5,.9) infinite play-loader-spin;position:absolute;inset:1px;box-shadow:inset 0 0 7px #ffffff19}.play .play-loader-icon{color:#fff;filter:drop-shadow(0 0 5px #fff8);width:13px;height:13px;margin:-6.5px;animation:.62s linear infinite reverse play-loader-icon-spin;position:absolute;top:50%;left:50%;transform:none}@keyframes play-loader-spin{to{transform:rotate(360deg)}}@keyframes play-loader-icon-spin{to{transform:rotate(360deg)}}.flip{transform:rotate(180deg)}.secondary{color:#80808c;font-size:23px}.secondary[aria-pressed=true]{color:#fff}.timeline{align-items:center;gap:11px;margin-top:9px;display:flex}.timeline time{color:#a6a6ad;font-variant-numeric:tabular-nums;font-size:10px}.timeline input{flex:1;min-width:20px}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(to right,#dadade 0%,#dadade var(--fill,0%),#ffffff20 var(--fill,0%)) center/100% 3px no-repeat;border-radius:5px;height:22px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#e9e9ee;border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px #0009}input[type=range]::-moz-range-thumb{background:#e9e9ee;border:0;border-radius:50%;width:10px;height:10px}input[type=range]:disabled{opacity:.35;cursor:default}.player-right{justify-content:flex-end;align-items:center;gap:9px;display:flex}.player-right>span{color:#909099;letter-spacing:1.5px;margin-right:13px;font-size:9px}.player-right input{--fill:65%;width:67px}.note-icon{border-left:1px solid #ffffff20;width:40px;margin-left:12px;padding-left:12px;font-size:23px}.output-wrap{align-items:center;display:flex;position:relative}.output-btn svg{width:19px;height:19px}.output-btn.on{color:#fff;opacity:1}.output-menu{z-index:140;border-radius:16px;flex-direction:column;gap:2px;width:262px;max-height:60dvh;padding:12px;animation:.18s cubic-bezier(.22,.8,.24,1) menu-in;display:flex;position:absolute;bottom:calc(100% + 14px);right:0;overflow:auto}@keyframes menu-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.output-head{letter-spacing:2.2px;color:#7d7d87;padding:2px 8px 8px;font-size:8px}.output-sep{letter-spacing:2.2px;color:#7d7d87;border-top:1px solid #ffffff14;margin-top:6px;padding:10px 8px 4px;font-size:8px}.output-item{text-align:left;color:#b6b6bf;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 10px;transition:background .2s,color .2s;display:flex}.output-item:hover{color:#eee;background:#ffffff12}.output-item.on{color:#fff;background:#ffffff1c}.output-item strong{font-size:12px;font-weight:500;line-height:1.3}.output-item small{color:#8a8a94;letter-spacing:.2px;font-size:9px;line-height:1.45}.output-item.on small{color:#b9b9c2}.output-empty{color:#83838d;padding:9px 10px;font-size:9.5px;line-height:1.6}.beat-sync{align-items:center;gap:10px;padding:4px 8px;display:flex}.beat-sync button{color:#c9c9ce;background:#ffffff10;border-radius:9px;flex:0 0 30px;width:30px;height:30px;font-size:17px}.beat-sync button:hover{color:#fff;background:#ffffff1e}.beat-sync strong{text-align:center;color:#e6e6ea;font-variant-numeric:tabular-nums;flex:1;font-size:12px;font-weight:500}#journal-view{height:calc(var(--app-vh,100dvh) - 100px - var(--safe-top));padding:25px 6% 160px;overflow:auto}.journal-heading h1{margin:18px 0;font-size:42px;font-weight:500;line-height:1.4}.journal-heading p{color:#999;font-size:14px}.journal-heading{margin-bottom:45px}#journal-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.journal-card{text-align:left;padding:0}.journal-art{aspect-ratio:1.2;border-radius:14px;width:100%}.journal-card>span:not(.journal-art){color:#888;letter-spacing:2px;margin-top:18px;font-size:10px;display:block}.journal-card h2{margin:8px 0;font-size:20px;font-weight:500}.journal-card p{color:#999;margin:0;font-size:13px;line-height:1.8}.journal-card:hover .journal-art{border-color:#ffffff54;box-shadow:inset 0 1px #ffffff70,0 18px 45px #0008}dialog{color:#eee;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#232327eb;border:1px solid #ffffff30;border-radius:24px;width:min(760px,90vw);padding:0;overflow:hidden;box-shadow:0 30px 100px #000b}dialog[open]{grid-template-columns:43% 57%;display:grid}dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050509aa}.detail-art{border:0;border-radius:0;width:100%;height:100%;min-height:410px}.detail-art .art-image{padding:18px}.detail-copy{padding:52px 34px 35px}.detail-copy h2{letter-spacing:1px;margin:18px 0;font-size:33px}.detail-copy p{color:#b0b0b9;font-size:14px;line-height:2}.detail-meta{color:#81818b;margin:23px 0;font-size:11px}.detail-meta>span+span{margin:0 10px}.detail-meta a{color:#c9c9d0;text-decoration:none}.detail-meta a:hover{color:#fff}.close{color:#aaa;z-index:4;font-size:27px;position:absolute;top:10px;right:14px}.listen{color:#17171a;background:#f0f0f3;border-radius:30px;align-items:center;gap:20px;padding:12px 18px;font-size:13px;display:flex}.listen:hover{color:#000;background:#fff}.listen svg{width:18px;height:18px}.detail-copy small{color:#797982;margin-top:15px;font-size:10px;display:block}#toast{color:#242429;z-index:300;opacity:0;pointer-events:none;background:#e9e9ed;border-radius:30px;padding:10px 20px;font-size:13px;transition:all .2s;position:fixed;bottom:145px;left:50%;transform:translate(-50%)translateY(15px)}#toast.show{opacity:1;transform:translate(-50%)}[hidden]{display:none!important}.bridge-backdrop{z-index:400;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050608b8;place-items:center;padding:30px;animation:.22s ease-out bridge-fade;display:grid;position:fixed;inset:0}.qq-bridge{background:linear-gradient(145deg,#2d2e33d9,#111216ed 56%,#24252ad9);border-radius:28px;flex-direction:column;width:min(1160px,94vw);height:min(800px,90dvh);padding:0;animation:.34s cubic-bezier(.2,.8,.2,1) bridge-rise;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 35px 120px #000d}.qq-bridge .bridge-head{z-index:1;background:0 0;flex:none;justify-content:space-between;align-items:flex-start;height:auto;padding:25px 30px 15px;display:flex;position:relative}.bridge-head h2{letter-spacing:.2px;margin:10px 0 0;font-size:clamp(24px,2.5vw,38px);font-weight:500;line-height:1.25}.bridge-close{color:#a7a7af;background:#ffffff08;border:1px solid #ffffff18;border-radius:50%;width:38px;height:38px;font-size:25px;line-height:1}.bridge-close:hover{background:#ffffff15}.bridge-status{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex:none;align-items:center;gap:13px;min-height:60px;margin:0 30px 14px;padding:10px 13px 10px 16px;display:flex}.bridge-status>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.bridge-status strong{font-size:13px;font-weight:500}.bridge-status small{color:#8e8e98;letter-spacing:.3px;font-size:9px}.bridge-status>button,.bridge-input-row button{color:#18191d;white-space:nowrap;background:#ececef;border-radius:12px;padding:10px 15px;font-size:11px;font-weight:600}.bridge-status>button:hover,.bridge-input-row button:hover{color:#000;background:#fff}.bridge-status button:disabled,.bridge-input-row button:disabled{opacity:.45;cursor:wait}.bridge-pulse{background:#62636b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #ffffff06}.bridge-pulse.online{background:#f1f1f3;box-shadow:0 0 13px #fff,0 0 0 6px #ffffff0c}.bridge-check{background:#ffffff05;border:1px solid #ffffff12;border-radius:15px;flex:none;margin:0 30px 14px;overflow:hidden}.bridge-check-toggle{text-align:left;width:100%;color:inherit;align-items:center;gap:11px;padding:9px 12px;display:flex}.bridge-check-toggle:hover{background:#ffffff06}.bridge-check-toggle>span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.bridge-check-toggle strong{font-size:11px;font-weight:500}.bridge-check-toggle small{color:#777882;letter-spacing:.2px;font-size:8.5px}.bridge-check-toggle>b{color:#888993;white-space:nowrap;font-size:8.5px;font-weight:500}.bridge-check-toggle>i{color:#72737c;font-size:13px;font-style:normal;transition:transform .2s;transform:rotate(0)}.bridge-check.open .bridge-check-toggle>i{transform:rotate(180deg)}.bridge-check-body{border-top:1px solid #ffffff0c;padding:0 13px 12px;position:relative}.bridge-check-run{color:#18191d;white-space:nowrap;background:#ececef;border-radius:10px;padding:7px 12px;font-size:10px;font-weight:600;position:absolute;top:10px;right:13px}.bridge-check-run:disabled{opacity:.45;cursor:wait}.bridge-check-summary{color:#b9bac2;letter-spacing:.15px;margin:0;padding:12px 90px 0 0;font-size:10px;line-height:1.6}.bridge-check-list{flex-direction:column;gap:5px;margin:11px 0 0;padding:0;list-style:none;display:flex}.bridge-check-list li{background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:7px 10px;font-size:11px;display:flex}.bridge-check-list strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:400;overflow:hidden}.bridge-check-list span{color:#8e8e98;flex:none;font-size:9px}.bridge-check-list b{flex:none;font-size:9px;font-weight:500}.bridge-check-list li.ok b{color:#7fd08a}.bridge-check-list li.trial b{color:#e3b341}.bridge-check-list li.denied b,.bridge-check-list li.failed b{color:#ef8b8b}.bridge-grid{flex:1;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:16px;min-height:0;padding:0 30px;display:grid}.bridge-pane{background:#090a0d5e;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;min-width:0;min-height:0;padding:18px;display:flex}.bridge-label{letter-spacing:2.2px;color:#9898a1;margin-bottom:12px;font-size:9px}.bridge-pane-title{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.bridge-pane-title .bridge-label{margin:0}.bridge-pane-title>small{color:#666771;white-space:nowrap;font-size:8.5px}.bridge-input-row{gap:8px;display:flex}.bridge-input-row input{color:#eee;min-width:0;height:42px;font:inherit;background:#ffffff0a;border:1px solid #ffffff18;border-radius:12px;outline:none;flex:1;padding:0 13px;font-size:12px}.bridge-input-row input:focus{background:#ffffff0e;border-color:#ffffff45}.bridge-input-row input::placeholder{color:#6f7079}.bridge-link-import{border-bottom:1px solid #ffffff0d;padding-bottom:13px}.bridge-library-tabs{background:#06070a80;border:1px solid #ffffff0c;border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;margin-top:12px;padding:4px;display:grid}.bridge-library-tabs button{color:#777882;border-radius:9px;height:34px;font-size:10.5px}.bridge-library-tabs button:hover{color:#c5c6cc;background:#ffffff06}.bridge-library-tabs button.active{color:#f0f0f2;background:#fff1;box-shadow:inset 0 1px #ffffff12}.bridge-library-tabs span{color:#8d8e96;background:#ffffff0c;border-radius:999px;place-items:center;min-width:19px;height:18px;margin-left:6px;padding:0 5px;font-size:8px;display:inline-grid}.bridge-library-tabs button.active span{color:#d0d0d5;background:#ffffff15}.bridge-results,.bridge-playlists{scrollbar-width:thin;scrollbar-color:#ffffff28 transparent;flex:1;min-height:0;margin-top:13px;padding-right:3px;overflow:auto}.bridge-song{border-radius:13px;grid-template-columns:44px 1fr 31px;align-items:center;gap:11px;padding:8px;display:grid}.bridge-song:hover{background:#ffffff09}.bridge-song img,.bridge-song .bridge-art-fallback,.bridge-playlist img,.bridge-playlist .bridge-art-fallback{object-fit:cover;color:#8b8c95;background:#202126;border-radius:9px;place-items:center;width:44px;height:44px;display:grid}.bridge-song>div,.bridge-playlist>span{text-align:left;flex-direction:column;gap:4px;min-width:0;display:flex}.bridge-song strong,.bridge-playlist strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.bridge-song small,.bridge-playlist small{color:#85868f;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.bridge-song>button{color:#d5d5dc;background:#ffffff0d;border-radius:50%;width:31px;height:31px;font-size:18px}.bridge-song>button:hover{background:#ffffff20}.bridge-song>button:disabled{opacity:.25;cursor:not-allowed}.bridge-playlist{border-radius:13px;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;width:100%;padding:8px;display:grid}.bridge-playlist:hover{background:#ffffff09}.bridge-playlist:disabled{opacity:.42;cursor:not-allowed}.bridge-playlist b{color:#bcbcc4;border:1px solid #ffffff16;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:500}.bridge-playlist-row{align-items:stretch;gap:5px;display:flex}.bridge-playlist-row .bridge-playlist{min-width:0}.bridge-playlist-row.active .bridge-playlist{background:#ffffff12}.bridge-playlist-row.active .bridge-playlist b{color:#fff;background:#ffffff12;border-color:#ffffff38}.bridge-playlist-drop{color:#8f9099;background:#ffffff09;border-radius:9px;flex:0 0 28px;width:28px;font-size:15px;line-height:1}.bridge-playlist-drop:hover{color:#fff;background:#ffffff1c}.bridge-empty{color:#73747d;text-align:center;padding:30px 12px;font-size:10px;line-height:1.8}.bridge-playlist-stack{flex-direction:column;gap:3px;display:flex}.bridge-diag{color:#5f6068;letter-spacing:.3px;text-align:left;word-break:break-all;margin-top:8px;font-size:9px;line-height:1.7;display:block}.bridge-preview{flex-direction:column;min-height:0;margin-top:13px;display:flex}.bridge-preview-head{align-items:center;gap:10px;display:flex}.bridge-preview-head>span{flex-direction:column;gap:4px;min-width:0;display:flex}.bridge-preview-head strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.bridge-preview-head small{color:#85868f;font-size:9px}.bridge-preview-back{color:#b6b6be;background:#ffffff08;border:1px solid #ffffff18;border-radius:50%;flex:none;width:30px;height:30px;font-size:13px}.bridge-preview-back:hover{color:#fff;background:#ffffff16}.bridge-preview-actions{color:#85868f;letter-spacing:.3px;align-items:center;gap:8px;margin:11px 0 8px;font-size:9px;display:flex}.bridge-preview-actions>span{flex:1;min-width:0}.bridge-preview-actions button{color:#c3c3cb;white-space:nowrap;border:1px solid #ffffff16;border-radius:999px;padding:6px 10px;font-size:9px}.bridge-preview-actions button:hover:not(:disabled){color:#fff;background:#ffffff12}.bridge-preview-actions button:disabled{opacity:.35;cursor:not-allowed}.bridge-preview-list{scrollbar-width:thin;scrollbar-color:#ffffff28 transparent;flex:1;min-height:0;padding-right:3px;overflow:auto}.bridge-preview-row{cursor:pointer;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:8px 6px;display:grid}.bridge-preview-row:hover{background:#ffffff09}.bridge-preview-row.checked{background:#ffffff12}.bridge-preview-row input{accent-color:#e8e8ec;cursor:pointer;width:14px;height:14px}.bridge-preview-row input:disabled{cursor:not-allowed}.bridge-preview-row>b{color:#dcdce3;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;overflow:hidden}.bridge-preview-row>small{color:#7f8089;white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-size:9px;overflow:hidden}.bridge-preview-row:has(input:disabled:not(:checked)){opacity:.45}.bridge-preview-import{color:#18191d;background:#ececef;border-radius:13px;margin-top:10px;padding:12px 16px;font-size:11px;font-weight:600}.bridge-preview-import:hover:not(:disabled){background:#fff}.bridge-preview-import:disabled{opacity:.4;cursor:not-allowed}.bridge-playlist-group+.bridge-playlist-group{margin-top:16px}.bridge-playlist-group h3{color:#8c8d96;letter-spacing:1.3px;text-transform:uppercase;margin:3px 8px 7px;font-size:9px;font-weight:500}.bridge-playlist-group h3 span{color:#5e5f67;margin-left:7px}.bridge-foot{color:#6f7079;letter-spacing:.5px;background:0 0;justify-content:space-between;align-items:center;gap:14px;height:auto;padding:16px 31px 18px;font-size:9px;display:flex}.bridge-clear{color:#9a9ba4;white-space:nowrap;border:1px solid #ffffff16;border-radius:999px;margin-left:auto;padding:6px 10px;font-size:9px}.bridge-clear:hover{color:#eee;background:#ffffff0c}.bridge-clear:disabled{opacity:.35;cursor:not-allowed}.bridge-clear.armed{color:#1a1b1e;background:#f0f0f2;border-color:#ffffff52}.bridge-error{color:#1a1b1e;white-space:nowrap;text-overflow:ellipsis;background:#f1f1f3;border-radius:999px;max-width:80%;padding:9px 14px;font-size:10px;position:absolute;bottom:53px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 25px #0008}@keyframes bridge-fade{0%{opacity:0}to{opacity:1}}@keyframes bridge-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@media (width>=1700px){.card{width:246px;height:295px}}@media (width<=1000px){.brand-note,.edition>span:not(.bridge-launch),.player-right>span{display:none}.edition{margin-left:auto}.bridge-launch{padding:8px 11px}.brand{font-size:23px}nav{left:50%;right:auto;transform:translate(-50%)}header{height:calc(85px + var(--safe-top))}main{height:calc(var(--app-vh,100dvh) - 85px - var(--safe-top))}.player{grid-template-columns:1fr 1fr}.player-right{align-items:center;gap:4px;display:flex;position:absolute;top:9px;right:14px}.player-right>span,.player-right input,.player-right .note-icon{display:none}.output-menu{width:min(272px,86vw);bottom:calc(100% + 12px);right:-2px}.favorite{margin-left:0}.intro{top:3%}.intro h1{font-size:22px}.lyrics-title{font-size:21px}#journal-grid{grid-template-columns:repeat(3,1fr)}.playlist-toggle{max-width:170px}}@media (width<=600px){header{height:calc(78px + var(--safe-top));padding:var(--safe-top) 20px 0}.brand{letter-spacing:2px;gap:5px;font-size:21px}.brand svg{width:32px;height:32px}nav{padding:4px;left:auto;right:18px;transform:none}nav button{padding:8px 12px;font-size:12px}nav span,.edition{display:none}.intro{width:min(320px,82vw);max-width:none;top:2%;left:7%}.eyebrow{letter-spacing:1.8px;font-size:7px}.lyrics-title{font-size:17px}.lyrics-head{padding-bottom:3px}.lyrics-viewport{height:104px;margin-top:2px}.lyric-row{padding:8px 0;font-size:9.5px;line-height:1.42;transition:opacity .2s cubic-bezier(.22,.8,.24,1),font-size .18s cubic-bezier(.22,.8,.24,1),color .2s}.lyrics-track{transition:transform .26s cubic-bezier(.22,.8,.24,1)}.lyric-row.meta{font-size:8px}.lyric-row.active{font-size:19px}.lyric-row.meta.active{font-size:12.5px}.lyric-row.active:before{width:2.5px;left:-11px}.lyrics-note{letter-spacing:1.4px;font-size:6.5px}.intro{transform:scale(calc(1 + var(--beat,0)*.05))}.lyrics-title{text-shadow:0 0 calc(10px + var(--beat,0)*30px) #ffffff4d,0 2px 18px #101113}.lyric-row.active{transform:scale(calc(1 + var(--beat,0)*.055));text-shadow:0 0 calc(16px + var(--beat,0)*34px) #fff6,0 2px 16px #101113}.lyric-row.active:before{height:calc(34% + var(--beat,0)*60%);opacity:calc(.3 + var(--beat,0)*.7);box-shadow:0 0 calc(4px + var(--beat,0)*16px) #fffc}.play:after{opacity:calc(var(--beat,0)*.62);transform:scale(calc(1 + var(--beat,0)*.42))}.play svg{transform:scale(calc(1 + var(--beat,0)*.22));filter:drop-shadow(0 0 calc(6px + var(--beat,0)*14px) #ffffff9c)}.glass,.view-controls,.output-menu{-webkit-backdrop-filter:blur(12px)saturate(1.15)}.bridge-backdrop{padding:12px}.qq-bridge{border-radius:22px;width:100%;height:min(760px,92dvh)}.qq-bridge .bridge-head{padding:21px 19px 14px}.bridge-head h2{font-size:22px}.bridge-status,.bridge-check{margin:0 19px 13px}.bridge-grid{grid-template-columns:1fr;padding:0 19px}.bridge-library{display:none}.bridge-foot{padding:13px 20px 15px}.bridge-foot span:last-child{display:none}.playlist-switch{margin-right:126px}.playlist-toggle{max-width:130px;padding:8px 10px;font-size:11px}.playlist-menu{width:min(250px,80vw)}#toast{bottom:calc(145px + var(--safe-bottom))}.card{width:139px;height:169px}.side-label,.coordinates{display:none}main{height:calc(var(--app-vh,100dvh) - 78px - var(--safe-top))}.player{width:92%;left:4%;bottom:calc(16px + var(--safe-bottom));border-radius:20px;grid-template-columns:1.1fr 1fr;gap:8px;height:118px;padding:12px 14px 22px}.now{gap:9px}.now-art{border-radius:8px;flex-basis:43px;width:43px;height:43px}.now-title{margin-bottom:4px;font-size:12px}.now-sub{letter-spacing:0;white-space:normal;max-width:130px;font-size:7.5px;line-height:1.5}.favorite{display:none}.transport{gap:8px}.transport .secondary{display:none}.play{width:35px;height:35px}.timeline{position:absolute;bottom:10px;left:16px;right:16px}.timeline time{font-size:8px}.universe-footer{justify-content:flex-start;padding-left:7%;bottom:139px}.drag-hint{gap:8px;padding:0;font-size:10px}.view-controls{right:5%}.view-controls button{width:29px}.view-controls span{margin-left:0;margin-right:0}#journal-view{height:calc(var(--app-vh,100dvh) - 78px - var(--safe-top));padding:25px 7% 160px}.journal-heading h1{font-size:30px}#journal-grid{grid-template-columns:1fr 1fr;gap:20px}.journal-card h2{font-size:16px}.journal-card p{font-size:11px}.journal-card>span:not(.journal-art){font-size:8px}dialog[open]{max-height:85dvh;display:block;overflow:auto}.detail-art{height:210px;min-height:0}.detail-art .art-image{padding:12px}.detail-copy{padding:24px}.detail-copy h2{margin:12px 0;font-size:27px}.detail-copy p{font-size:13px}.close{color:#fff;background:#0006;border-radius:50%;width:32px;line-height:32px}#toast{white-space:nowrap;font-size:11px}}@media (prefers-reduced-transparency:reduce){.glass{-webkit-backdrop-filter:none;background:#29292e}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}