:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--ink:#f3f4ed;--muted:#969b8e;--muted-strong:#c6c9bd;--line:#ffffff1a;--panel:#121411e0;--panel-strong:#151713;--accent:#c8ff45;--accent-soft:#c8ff4524;--danger:#ff7c8d;font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#090a08;min-width:320px;min-height:100%}body{overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 50% -15%,#91b1601f,#0000 38%),linear-gradient(160deg,#0e100d 0%,#080907 58%,#0b0b09 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.page-glow{position:fixed;z-index:0;pointer-events:none;filter:blur(120px);opacity:.12;border-radius:50%;width:36rem;height:36rem}.page-glow-one{background:#b9ff54;top:-22rem;left:-8rem}.page-glow-two{background:#8364ff;bottom:-25rem;right:-20rem}.site-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items: center;width:min(1120px,100% - 48px);height:92px;margin:0 auto}.brand{display:inline-flex;color:var(--ink);letter-spacing:.2em;text-decoration:none;align-items: center;gap:11px;font-size:.82rem;font-weight:800}.brand-symbol{display:flex;background:#c8ff450d;border:1px solid #c8ff4561;border-radius:50%;justify-content:center;align-items: center;gap:2px;width:31px;height:31px}.brand-symbol i{display:block;background:var(--accent);border-radius:99px;width:2px}.brand-symbol i:first-child{height:7px}.brand-symbol i:nth-child(2){height:13px}.brand-symbol i:nth-child(3){height:10px}.brand-symbol i:nth-child(4){height:5px}.privacy-note{display:inline-flex;color:#858a7e;letter-spacing:.04em;align-items: center;gap:8px;font-size:.76rem}.privacy-note i{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #c8ff4599}.header-actions{display:inline-flex;align-items: center;gap:12px}.session-button,.language-button{color:#8d9286;cursor:pointer;background:#ffffff06;border:1px solid #ffffff17;border-radius:999px;padding:7px 11px;font-size:.68rem}.language-button{color:var(--muted-strong);letter-spacing:.06em;min-width:48px}.session-button:hover,.language-button:hover{color:var(--ink);border-color:#c8ff4542}.app-shell{position:relative;z-index:1;display:grid;place-content: center;min-height:calc(100vh - 92px);padding:24px 24px 72px}.player-card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(140deg,#ffffff09,transparent 45%),var(--panel);backdrop-filter:blur(28px);border-radius:32px;width:min(1030px,100vw - 48px);min-height:570px;box-shadow:0 42px 110px #00000073,inset 0 1px #ffffff09}.player-toolbar{display:flex;border-bottom:1px solid #fff1;justify-content:space-between;align-items: center;min-height:76px;padding:0 34px}.library-count{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:8px 0;transition:color .16s;font-size:.76rem;font-weight:650}.library-count:hover:not(:disabled){color:var(--accent)}.library-count:disabled{cursor:default}.upload-button{display:inline-flex;color:var(--muted-strong);cursor:pointer;background:#ffffff09;border:1px solid #ffffff1f;border-radius:999px;align-items: center;gap:8px;padding:10px 16px;transition:all .16s}.upload-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:16px}.upload-button:hover:not(:disabled){color:var(--ink);background:var(--accent-soft);border-color:#c8ff4566;transform:translateY(-1px)}.upload-button:disabled{opacity:.45;cursor:wait}.player-content{display:grid;grid-template-columns:minmax(280px,.84fr)minmax(390px,1.16fr);align-items: center;gap:clamp(38px,6vw,76px);padding:52px 58px 42px}.cover{--cover-a:#c8ff45;--cover-b:#5d7452;position:relative;display:grid;aspect-ratio:1;overflow:hidden;background:radial-gradient(circle at 32% 24%,color-mix(in srgb,var(--cover-a)88%,white 12%),transparent 25%),radial-gradient(circle at 76% 70%,var(--cover-b),transparent 48%),linear-gradient(145deg,#20241c,#11130f 70%);cursor:default;isolation:isolate;border:0;border-radius:24px;place-items: center;width:100%;max-width:355px;padding:0;box-shadow:0 28px 55px #00000059,inset 0 0 0 1px #ffffff14}body[data-mode=empty] .cover{cursor:pointer;background:linear-gradient(145deg,#1a1d17,#10120f);border:1px dashed #ffffff2e}.cover:before{position:absolute;z-index:-1;content:"";background:linear-gradient(122deg,#ffffff2e,#0000 28%,#00000024 70%);inset:0}.cover-shine{position:absolute;opacity:.28;background:linear-gradient(90deg,#0000 30%,#fff3 50%,#0000 70%);transition:transform .9s;inset:-40% -10%;transform:rotate(28deg)translate(-70%)}body:not([data-mode=empty]) .cover:hover .cover-shine{transform:rotate(28deg)translate(70%)}.cover-orbit{position:absolute;border:1px solid #ffffff2b;border-radius:50%}.orbit-one{animation:orbit 24s linear infinite;width:76%;height:76%}.orbit-two{opacity:.62;animation:orbit 17s linear reverse infinite;border-style:dashed;width:48%;height:48%}.cover-mark{display:flex;z-index:1;align-items: center;gap:7px;height:84px}.cover-mark i{height:var(--height,28px);box-shadow:0 0 20px color-mix(in srgb,var(--cover-a)65%,transparent);animation:cover-wave 1.8s ease-in-out infinite alternate;background:#f6f8efdb;border-radius:99px;width:5px}.cover-mark i:first-child{--height:24px;animation-delay:-.9s}.cover-mark i:nth-child(2){--height:43px;animation-delay:-1.3s}.cover-mark i:nth-child(3){--height:64px;animation-delay:-.4s}.cover-mark i:nth-child(4){--height:82px;animation-delay:-1.6s}.cover-mark i:nth-child(5){--height:54px;animation-delay:-.2s}.cover-mark i:nth-child(6){--height:35px;animation-delay:-1.1s}.cover-mark i:nth-child(7){--height:20px;animation-delay:-.6s}body:not(.is-playing) .cover-mark i{animation-play-state:paused}.cover-badge{position:absolute;color:#ffffffa6;letter-spacing:.16em;backdrop-filter:blur(8px);background:#0708063b;border:1px solid #ffffff29;border-radius:999px;padding:6px 9px;font-size:.59rem;font-weight:750;bottom:17px;right:18px}.empty-cover-copy{display:none;z-index:2;color:var(--muted-strong);text-align:center;flex-direction:column;align-items: center}.empty-cover-copy svg{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35;width:34px;margin-bottom:16px}.empty-cover-copy strong{color:var(--ink);margin-bottom:7px;font-size:1rem}.empty-cover-copy small{color:var(--muted);max-width:180px;font-size:.73rem;line-height:1.6}body[data-mode=empty] .empty-cover-copy{display:flex}body[data-mode=empty] .cover-mark,body[data-mode=empty] .cover-orbit,body[data-mode=empty] .cover-shine,body[data-mode=empty] .cover-badge{display:none}.player-main{min-width:0}.mix-heading p{margin:0}#mix-eyebrow{color:var(--accent);letter-spacing:.2em;margin-bottom:13px;font-size:.65rem;font-weight:800}.mix-heading h1{display:-webkit-box;overflow:hidden;color:var(--ink);letter-spacing:-.055em;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:510px;margin:0 0 13px;font-size:clamp(2.15rem,4vw,3.65rem);font-weight:620;line-height:1.02}.mix-heading h1.long-title{letter-spacing:-.045em;font-size:clamp(2rem,3.25vw,3rem)}#mix-subtitle{color:var(--muted);min-height:43px;font-size:.83rem;line-height:1.65}.waveform-area{margin-top:35px}.spectrogram{position:relative;overflow:hidden;background:#0a0d0b;border-radius:9px;height:66px;box-shadow:inset 0 0 0 1px #ffffff09}.spectrogram canvas{display:block;opacity:.92;width:100%;height:100%;transition:opacity .18s}.spectrogram.loading canvas,body[data-mode=empty] .spectrogram canvas{opacity:.34}.spectrogram.loading:after{position:absolute;content:"";animation:spectrogram-loading 1.35s ease-in-out infinite;background:linear-gradient(100deg,#0000 25%,#c8ff4514 47%,#0000 70%);inset:0;transform:translate(-100%)}@keyframes spectrogram-loading{to{transform:translate(100%)}}.spectrogram-playhead{position:absolute;z-index:2;pointer-events:none;background:#ecffc0e6;width:1px;inset:0 auto 0 0;transform:translate(-1px);box-shadow:0 0 8px #c8ff45b8}.spectrogram-badge{position:absolute;z-index:3;color:#e1ff9b94;font:600 .46rem/1.1 var(--mono,ui-monospace,monospace);letter-spacing:.12em;background:#070a0885;border:1px solid #e1ff9b2e;border-radius:4px;padding:2px 4px;top:6px;right:7px}.progress-track{position:relative;cursor:pointer;background:linear-gradient(#0000 6px,#ffffff1a 6px 8px,#0000 8px);border-radius:99px;height:14px;margin-top:4px}.progress-track i{position:absolute;border-radius:inherit;background:var(--accent);width:0;height:2px;transition:width .1s linear;top:6px;left:0;box-shadow:0 0 14px #c8ff458c}.progress-track input{position:absolute;cursor:pointer;opacity:0;width:100%;height:14px;margin:0;inset:0}.progress-track:focus-within{outline:1px solid #c8ff4594;outline-offset:3px}.progress-track:has(input:disabled){cursor:default}.progress-track input:disabled{cursor:default}.time-row{display:flex;color:#70766a;font-variant-numeric:tabular-nums;justify-content:space-between;align-items: center;min-height:22px;margin-top:2px;font-size:.64rem}.time-row>span{min-width:34px}.time-row>span:last-child{text-align:right}.controls{display:grid;grid-template-columns:1fr 76px 1fr 1fr;align-items: center;gap:11px;margin-top:28px}.control-button,.play-button{cursor:pointer;border:0;transition:all .16s}.control-button{display:inline-flex;color:var(--muted-strong);background:#ffffff07;border:1px solid #ffffff18;border-radius:14px;justify-content:center;align-items: center;gap:8px;min-width:0;height:44px;padding:0 13px;font-size:.76rem;font-weight:650}.control-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65;flex:none;width:18px}.control-button:hover:not(:disabled){color:var(--ink);background:#fff1;border-color:#fff3;transform:translateY(-2px)}.control-button[aria-pressed=true]{color:#ff8091;background:#ff7c8d1a;border-color:#ff7c8d66}.control-button[aria-pressed=true] svg{fill:currentColor}.control-button:disabled,.play-button:disabled{opacity:.27;cursor:default;transform:none}.play-button{display:grid;color:#10120d;background:var(--accent);border-radius:50%;place-items: center;width:66px;height:66px;box-shadow:0 13px 34px #9fcf2a2e}.play-button:hover:not(:disabled){transform:scale(1.045);box-shadow:0 17px 40px #9fcf2a4a}.play-button svg{fill:currentColor;stroke:none;width:25px}.play-button .stop-symbol{display:none;width:22px}body.is-playing .play-button .play-symbol{display:none}body.is-playing .play-button .stop-symbol{display:block}.evolution-panel{display:grid;background:radial-gradient(circle at 16% 0%,#c8ff4514,#0000 45%),#080b089e;border:1px solid #c8ff4524;border-radius:16px;gap:11px;margin-top:18px;padding:13px 14px}.evolution-panel[hidden]{display:none}.evolution-heading,.evolution-footer,.evolution-actions{display:flex;align-items: center;gap:10px}.evolution-heading{justify-content:space-between}.evolution-heading span{color:var(--accent);letter-spacing:.15em;font:700 .55rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.evolution-heading strong{color:#afb5a7;font-size:.67rem;font-weight:600}.evolution-branches{display:grid;grid-template-columns:1fr 1fr;gap:8px}.evolution-branch{position:relative;display:grid;grid-template-columns:28px 1fr;color:#8f9587;cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;align-items: center;gap:8px;min-width:0;height:42px;padding:0 11px;transition:all .16s}.evolution-branch b{display:grid;color:#c7ccbf;background:#ffffff0f;border-radius:8px;place-items: center;width:25px;height:25px;font-size:.72rem}.evolution-branch span{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:600}.evolution-branch:hover:not(:disabled){color:var(--ink);border-color:#c8ff454d;transform:translateY(-1px)}.evolution-branch[aria-pressed=true]{color:var(--ink);background:#c8ff4517;border-color:#c8ff457a;box-shadow:inset 0 0 0 1px #c8ff450f}.evolution-branch[aria-pressed=true] b{color:#10120d;background:var(--accent)}.evolution-branch.winner:after{position:absolute;color:var(--accent);content:"✓";font-size:.72rem;top:7px;right:8px}.evolution-branch:disabled{cursor:wait;opacity:.58}.evolution-footer{justify-content:space-between}#evolution-status{color:#767d6f;font-size:.62rem;line-height:1.4}.evolution-actions{flex:none}.evolution-actions button{color:#dfffa0;cursor:pointer;background:#c8ff4514;border:1px solid #c8ff453d;border-radius:9px;min-height:31px;padding:0 11px;font-size:.62rem;font-weight:700}.evolution-actions button:hover:not(:disabled){background:#c8ff4524;border-color:#c8ff457a}.evolution-actions button:disabled{cursor:default;opacity:.35}.mix-status{display:flex;color:#777d70;align-items: center;gap:9px;min-height:19px;margin-top:21px;font-size:.7rem;line-height:1.45}.status-pulse{background:#687061;border-radius:50%;flex:none;width:6px;height:6px}.mix-status.busy .status-pulse{background:var(--accent);animation:pulse 1s ease-in-out infinite;box-shadow:0 0 10px #c8ff458c}.mix-status.error{color:var(--danger)}.mix-status.error .status-pulse{background:var(--danger)}.shuffle-progress{overflow:hidden;background:#ffffff13;border-radius:999px;height:4px;margin-top:11px;box-shadow:inset 0 1px 2px #00000038}.shuffle-progress i{display:block;border-radius:inherit;background:linear-gradient(90deg,#91c631,var(--accent),#e8ff9c);width:0;height:100%;transition:width .26s;box-shadow:0 0 16px #c8ff4566}body.is-shuffling #shuffle-button{color:var(--accent);background:#c8ff4512;border-color:#c8ff4547}body.is-shuffling #shuffle-button svg{animation:shuffle-turn 1.15s ease-in-out infinite}.source-rail{overflow-x:auto;scrollbar-width:none;border-top:1px solid #ffffff0e;align-items: center;gap:8px;min-height:64px;padding:12px 34px 18px}.source-rail:not([hidden]){display:flex}.source-rail::-webkit-scrollbar{display:none}.source-entry{display:inline-flex;transform-origin:var(--bubble-puncture-x,50%)center;flex:none;align-items: center;gap:5px}.source-chip{display:inline-flex;color:#9ba093;cursor:pointer;background:#ffffff06;border:1px solid #ffffff13;border-radius:999px;flex:none;align-items: center;gap:8px;max-width:210px;padding:8px 11px 8px 8px;transition:color .16s,border-color .16s,background .16s,transform .16s;font-family:inherit;font-size:.68rem}.source-chip i{background:linear-gradient(135deg,var(--chip-a),var(--chip-b));border-radius:50%;flex:none;width:20px;height:20px}.source-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-chip.active{color:#dfe2d7;background:#c8ff450e;border-color:#c8ff453b}.source-chip:hover:not(:disabled){color:#eef1e8;border-color:#c8ff4552;transform:translateY(-1px)}.source-chip:focus-visible{color:#eef1e8;border-color:#c8ff4552;transform:translateY(-1px)}.source-delete{display:inline-grid;color:#777d72;cursor:pointer;background:#ffffff06;border:1px solid #ffffff13;border-radius:50%;flex:none;place-items: center;width:28px;height:28px;padding:0;transition:color .16s,border-color .16s,background .16s,transform .16s,box-shadow .16s;font-family:inherit;font-size:.83rem;font-weight:500;line-height:1}.source-delete:hover:not(:disabled){color:#ffaaa1;background:#ff5c5c11;border-color:#ff7a7a4d;transform:scale(1.08);box-shadow:inset 0 0 0 4px #ff707009,0 0 18px #ff646414}.source-delete:focus-visible{color:#ffaaa1;background:#ff5c5c11;border-color:#ff7a7a4d;transform:scale(1.08);box-shadow:inset 0 0 0 4px #ff707009,0 0 18px #ff646414}[data-track-entry].is-delete-pending{pointer-events:none}[data-track-entry].is-delete-pending [data-delete-track]{color:#ffd0c9;animation:bubble-puncture-wait .68s ease-in-out infinite alternate;background:#ff6f6317;border-color:#ff9c9147;box-shadow:0 0 0 4px #ff6f6309}[data-track-entry].is-popping{pointer-events:none;transform-origin:var(--bubble-puncture-x,50%)center;will-change:transform,opacity,filter;animation:track-bubble-pop .56s cubic-bezier(.2,.78,.2,1)forwards}.bubble-pop{position:fixed;z-index:2147480000;pointer-events:none;contain:layout style;width:0;height:0}.bubble-pop>i{position:absolute;display:block;pointer-events:none}.bubble-pop__membrane{border:1px solid color-mix(in srgb,var(--bubble-a)72%,white);background:radial-gradient(circle at 28% 24%,#ffffffb8 0 4%,transparent 12%),radial-gradient(circle at 56% 62%,color-mix(in srgb,var(--bubble-a)25%,transparent),color-mix(in srgb,var(--bubble-b)68%,transparent)64%,transparent 72%);box-shadow:inset -7px -9px 18px color-mix(in srgb,var(--bubble-b)44%,transparent),inset 6px 5px 12px #ffffff26,0 0 22px color-mix(in srgb,var(--bubble-a)28%,transparent);animation:bubble-membrane-pop .43s cubic-bezier(.2,.9,.25,1)forwards;border-radius:50%;width:46px;height:46px;top:-23px;left:-23px}.bubble-pop__ring{border:1.5px solid color-mix(in srgb,var(--bubble-a)72%,white);box-shadow:0 0 14px color-mix(in srgb,var(--bubble-a)42%,transparent);animation:bubble-ring-pop .52s cubic-bezier(.12,.72,.2,1)forwards;border-radius:50%;width:36px;height:36px;top:-18px;left:-18px}.bubble-pop__pin{transform-origin:left center;animation:bubble-pin-prick .26s cubic-bezier(.2,.9,.25,1)forwards;background:linear-gradient(90deg,#fff0,#fff 72%,#ffb8ab);border-radius:999px;width:24px;height:1.5px;top:-16px;left:7px;transform:rotate(132deg)translate(13px);box-shadow:0 0 7px #ffffff94}.bubble-pop__droplet{width:var(--drop-size);height:var(--drop-size);background:linear-gradient(135deg,color-mix(in srgb,var(--bubble-a)78%,white),var(--bubble-b));box-shadow:0 0 7px color-mix(in srgb,var(--bubble-a)44%,transparent);opacity:0;animation:bubble-droplet-pop .48s cubic-bezier(.1,.72,.18,1)var(--drop-delay)forwards;border-radius:60% 40% 62% 38%;top:0;left:0}.source-chip:disabled,.source-delete:disabled{cursor:wait;opacity:.52}.source-more{color:#73786d;flex:none;font-size:.68rem}.product-note{color:#5f645a;letter-spacing:.08em;text-align:center;margin:21px 0 0;font-size:.68rem}.legal-footer{display:flex;color:#555a51;flex-wrap:wrap;justify-content:center;gap:7px 12px;margin-top:11px;font-size:.64rem;line-height:1.5}.legal-footer a{color:#777d70;text-decoration:none}.legal-footer a:hover{color:var(--accent)}.drop-overlay{position:absolute;z-index:10;display:grid;visibility:hidden;opacity:0;backdrop-filter:blur(18px);background:#0e110bf0;border:1px dashed #c8ff4594;border-radius:24px;place-items: center;transition:opacity .14s,visibility .14s;inset:12px}.player-card.dragging .drop-overlay{visibility:visible;opacity:1}.drop-overlay div{display:flex;flex-direction:column;align-items: center}.drop-overlay strong{color:var(--accent);margin-bottom:8px;font-size:1.15rem}.drop-overlay span{color:var(--muted);font-size:.78rem}.toast{position:fixed;z-index:50;visibility:hidden;opacity:0;color:#e5e8dd;backdrop-filter:blur(18px);background:#161814f0;border:1px solid #ffffff1f;border-radius:13px;max-width:min(370px,100vw - 48px);padding:13px 17px;transition:all .18s;font-size:.76rem;line-height:1.5;bottom:24px;right:24px;transform:translateY(8px);box-shadow:0 18px 50px #00000052}.toast.visible{visibility:visible;opacity:1;transform:translateY(0)}.auth-dialog{color:var(--ink);background:#171915;border:1px solid #ffffff21;border-radius:26px;width:min(430px,100vw - 32px);padding:38px;box-shadow:0 36px 110px #000000b3}.auth-dialog::backdrop{backdrop-filter:blur(14px);background:#030403d6}.auth-dialog h2{letter-spacing:-.04em;margin:0 0 10px;font-size:1.75rem;font-weight:620}.auth-dialog>p:not(.dialog-kicker){color:var(--muted);margin:0;font-size:.78rem;line-height:1.65}.auth-dialog form{display:grid;gap:10px;margin-top:25px}.auth-dialog label{color:#aeb2a6;font-size:.7rem;font-weight:650}.auth-dialog input{color:var(--ink);background:#ffffff09;border:1px solid #ffffff1f;border-radius:12px;width:100%;height:48px;padding:0 14px}.registration-honeypot{position:fixed!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;left:-10000px!important}.registration-consent{display:grid;gap:9px;padding:4px 0 2px}.registration-consent[hidden]{display:none}.auth-dialog .registration-consent label{display:grid;grid-template-columns:17px 1fr;color:#898f83;align-items: start;gap:8px;font-size:.66rem;font-weight:500;line-height:1.55}.auth-dialog .registration-consent input{accent-color:var(--accent);width:16px;height:16px;margin:2px 0 0;padding:0}.registration-consent a{color:#bbc2af;text-underline-offset:2px}.auth-dialog button{color:#10120d;background:var(--accent);cursor:pointer;border:0;border-radius:12px;height:48px;margin-top:4px;font-size:.78rem;font-weight:760}.auth-dialog button:disabled{opacity:.45;cursor:wait}#auth-status{color:var(--danger);min-height:18px;font-size:.7rem;line-height:1.45}.rights-dialog{color:var(--ink);background:#181a16;border:1px solid #ffffff21;border-radius:24px;width:min(470px,100vw - 32px);padding:34px;box-shadow:0 36px 110px #0000009e}.storage-dialog{overflow-y:auto;color:var(--ink);background:#181a16;border:1px solid #ffffff21;border-radius:24px;width:min(520px,100vw - 32px);max-height:min(720px,100vh - 32px);padding:34px;box-shadow:0 36px 110px #0000009e}.storage-dialog::backdrop{backdrop-filter:blur(10px);background:#030403c2}.storage-dialog h2{letter-spacing:-.035em;margin:0 0 10px;font-size:1.65rem;font-weight:610}#storage-summary{color:var(--muted);margin:0;font-size:.76rem;line-height:1.6}.storage-meter{overflow:hidden;background:#ffffff12;border-radius:99px;height:4px;margin:17px 0 21px}.storage-meter i{display:block;border-radius:inherit;background:var(--accent);width:0;height:100%;transition:width .24s}.storage-track-list{display:grid;overflow-y:auto;gap:7px;max-height:220px}.storage-section-title{display:flex;justify-content:space-between;align-items: center;margin:18px 1px 9px}.storage-section-title h3{color:#d8dccf;margin:0;font-size:.7rem;font-weight:680}.storage-section-title span{color:#697163;font-size:.62rem}.recent-work-list{display:grid;overflow-y:auto;gap:7px;max-height:205px}.recent-work-row{display:grid;grid-template-columns:minmax(0,1fr)auto;background:#ffffff06;border:1px solid #ffffff12;border-radius:11px;align-items: center;gap:4px 14px;padding:10px 11px}.recent-work-row strong{overflow:hidden;color:#cdd1c5;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:570}.recent-work-row small{color:#697163;font-size:.61rem}.recent-work-actions{display:flex;grid-row:1/span 2;grid-column:2;align-items: center;gap:10px}.recent-work-actions a,.recent-work-actions button{color:#969d90;text-decoration:none;cursor:pointer;background:0 0;border:0;padding:0;font-size:.66rem}.recent-work-actions a:hover,.recent-work-actions button:hover{color:var(--accent)}.storage-track-row{display:flex;transform-origin:var(--bubble-puncture-x,100%)center;background:#ffffff06;border:1px solid #ffffff12;border-radius:11px;justify-content:space-between;align-items: center;gap:14px;padding:10px 11px}.storage-track-row span{overflow:hidden;color:#c8cbbf;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.74rem}.storage-track-row span small{display:inline-block;color:#78806f;letter-spacing:.07em;margin-left:8px;font-size:.56rem;font-weight:700}.storage-track-row button,.storage-actions button{color:#9da293;cursor:pointer;background:0 0;border:0;font-size:.7rem}.storage-track-row button:hover,.storage-actions button:hover{color:var(--ink)}.storage-actions{display:flex;justify-content:space-between;margin-top:20px}.storage-actions .danger:hover{color:var(--danger)}.storage-status{display:block;color:var(--muted);min-height:18px;margin-top:10px;font-size:.68rem}.rights-dialog::backdrop{backdrop-filter:blur(10px);background:#030403c2}.dialog-close{position:absolute;color:#8e9387;cursor:pointer;background:#ffffff0a;border:0;border-radius:50%;width:34px;height:34px;font-size:1.2rem;top:15px;right:16px}.dialog-kicker{color:var(--accent);letter-spacing:.2em;margin:0 0 12px;font-size:.61rem;font-weight:800}.rights-dialog h2{letter-spacing:-.035em;margin:0 0 10px;font-size:1.65rem;font-weight:610}#rights-summary{color:var(--muted);margin:0;font-size:.78rem;line-height:1.65}.file-summary{display:grid;overflow-y:auto;gap:7px;max-height:150px;margin:21px 0}.file-summary-row{display:flex;color:#c8cbbf;background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;justify-content:space-between;gap:16px;padding:9px 11px;font-size:.72rem}.file-summary-row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-summary-row span:last-child{color:#747a6d;flex:none}.rights-confirm{display:flex;color:#b8bcaf;cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;align-items: flex-start;gap:11px;padding:13px;font-size:.76rem;line-height:1.5}.rights-confirm input{accent-color:var(--accent);width:16px;height:16px;margin:2px 0 0}.confirm-upload{color:#10120d;background:var(--accent);cursor:pointer;border:0;border-radius:13px;width:100%;height:48px;margin-top:15px;font-size:.8rem;font-weight:750}.confirm-upload:disabled{opacity:.3;cursor:default}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes cover-wave{0%{transform:scaleY(.62)}to{transform:scaleY(1.05)}}@keyframes pulse{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}@keyframes shuffle-turn{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}@keyframes bubble-puncture-wait{0%{transform:scale(.92);filter:brightness(.92)}to{transform:scale(1.06);filter:brightness(1.18)}}@keyframes track-bubble-pop{0%{opacity:1;transform:scale(1);filter:blur(0)brightness(1)}15%{opacity:1;transform:scale(.96,1.08);filter:blur(0)brightness(1.14)}31%{opacity:1;transform:scale(1.07,.88);filter:blur(0)brightness(1.28)}44%{opacity:.92;transform:scale(.86,1.02);filter:blur(.3px)brightness(1.2)}72%{opacity:.18;transform:scale(.16);filter:blur(2.8px)brightness(1.4)}to{opacity:0;transform:scale(0);filter:blur(5px)brightness(1.6)}}@keyframes bubble-membrane-pop{0%{opacity:0;transform:scale(.48)}18%{opacity:.96;transform:scale(1.04,.92)}34%{opacity:.9;transform:scale(.9,1.08)}48%{opacity:.72;transform:scale(1.18,.78);filter:brightness(1.35)}62%,to{opacity:0;transform:scale(1.48);filter:brightness(1.6)blur(2px)}}@keyframes bubble-ring-pop{0%{opacity:0;transform:scale(.28)}22%{opacity:.86}to{opacity:0;transform:scale(2.15)}}@keyframes bubble-pin-prick{0%{opacity:0;transform:rotate(132deg)translate(21px)}34%{opacity:1}72%{opacity:1;transform:rotate(132deg)translate(1px)}to{opacity:0;transform:rotate(132deg)translate(-5px)}}@keyframes bubble-droplet-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}14%{opacity:1}72%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + var(--drop-x)),calc(-50% + var(--drop-y)))scale(.45)}}@media (max-width:820px){.site-header{width:min(680px,100% - 32px);height:76px}.app-shell{min-height:calc(100vh - 76px);padding:12px 16px 46px}.player-card{border-radius:26px;width:min(680px,100vw - 32px)}.player-content{grid-template-columns:1fr;gap:34px;padding:34px}.cover{justify-self:center;width:min(320px,82vw)}.mix-heading{text-align:center}.mix-heading h1{max-width:none}#mix-subtitle{min-height:0}.mix-status{text-align:center;justify-content:center}.evolution-panel{max-width:520px;margin-inline-start:auto;margin-inline-end:auto}}@media (max-width:520px){.site-header{height:68px}.privacy-note{font-size:0}.header-actions{gap:8px}.privacy-note i{width:7px;height:7px}.app-shell{padding-inline-start:10px;padding-inline-end:10px}.player-card{border-radius:22px;width:calc(100vw - 20px)}.player-toolbar{min-height:64px;padding:0 20px}.player-content{gap:27px;padding:24px 20px 28px}.cover{border-radius:20px;width:min(286px,78vw)}.mix-heading h1{font-size:clamp(1.85rem,10vw,2.6rem)}.waveform-area{margin-top:25px}.spectrogram{height:56px}.controls{grid-template-columns:1fr 68px 1fr 1fr;gap:7px}.control-button{height:42px;padding:0}.control-button span{display:none}.control-button svg{width:20px}.play-button{width:60px;height:60px}.evolution-heading,.evolution-footer{flex-direction:column;align-items: flex-start}.evolution-actions{width:100%}.evolution-actions button{flex:1}.source-rail{min-height:58px;padding-inline-start:20px;padding-inline-end:20px}.rights-dialog{padding:30px 22px 22px}.auth-dialog{padding:32px 24px 24px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.bubble-pop{display:none}[data-track-entry].is-popping{opacity:0}}