@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f2fb;background:#080b15;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400;font-size:14px;--muted:#85869c;--line:rgba(219,224,255,.1);--panel:rgba(18,22,38,.62);--violet:#a997ff;--cyan:#8cd8e8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#080b15}button,input{font:inherit}button{color:inherit}.app{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;padding:0 max(24px,calc((100vw - 1020px)/2));background:radial-gradient(ellipse 55% 39% at 50% 2%,rgba(67,77,137,.24),transparent 73%),linear-gradient(180deg,#0b0e1a,#0b0e18 54%,#090b14)}.sky{position:absolute;z-index:-1;inset:0 0 auto;height:780px;overflow:hidden;pointer-events:none}.glow{position:absolute;border-radius:50%;filter:blur(78px);opacity:.35;transition:all 1.3s}.glow-a{width:560px;height:230px;top:0;left:calc(50% - 390px);background:#3b547b;transform:rotate(-21deg)}.glow-b{width:440px;height:260px;top:12px;left:calc(50% - 15px);background:#544170;transform:rotate(24deg)}.rain .glow-a{background:#25485c}.rain .glow-b{background:#314b70}.ai .glow-a{background:#3b6472}.ai .glow-b{background:#493b68}.stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 8% 30%,#fff9 50%,transparent 100%),radial-gradient(1.5px 1.5px at 19% 12%,#c9d8ff99 50%,transparent 100%),radial-gradient(1px 1px at 73% 18%,#fff9 50%,transparent 100%),radial-gradient(1px 1px at 92% 37%,#dbeaff99 50%,transparent 100%),radial-gradient(1px 1px at 62% 34%,#fff8 50%,transparent 100%),radial-gradient(1px 1px at 31% 8%,#fff7 50%,transparent 100%);opacity:.65}.horizon{position:absolute;left:-10%;right:-10%;top:260px;height:250px;border-radius:50%;background:linear-gradient(180deg,transparent,rgba(95,125,169,.035) 39%,transparent 82%);filter:blur(15px)}.sound-wave{position:absolute;top:249px;left:50%;height:132px;display:flex;align-items:center;gap:9px;transform:translate(-50%);opacity:.23}.sound-wave i{display:block;width:2px;height:calc(7px + (var(--h,20) * 1px));border-radius:8px;background:linear-gradient(180deg,#c9d8ff,#9ed7e7);animation:wave 2.2s ease-in-out infinite alternate}.sound-wave i:nth-child(3n){--h:46}.sound-wave i:nth-child(3n+1){--h:26}.sound-wave i:nth-child(4n){--h:66}.sound-wave i:nth-child(5n){--h:38}.sound-wave i:nth-child(2n){animation-delay:-1s}@keyframes wave{to{transform:scaleY(.35);opacity:.55}}.topbar,.brand{display:flex;align-items:center}.topbar{height:76px;justify-content:space-between;position:relative;z-index:1}.brand{gap:11px;text-decoration:none;color:#f5f4fb;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.brand-mark{width:23px;height:23px;border:1px solid rgba(194,212,255,.7);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 18px #89aeeb3d}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;border-radius:50%;border:1px solid rgba(194,212,255,.4)}.brand-mark:before{width:16px;height:16px}.brand-mark:after{width:9px;height:9px}.brand-mark span{width:3px;height:3px;background:#d8efff;border:0;box-shadow:0 0 8px #c8edff}.icon-button{width:39px;height:39px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#ffffff06;color:#a7a8bb;cursor:pointer;transition:.2s}.icon-button:hover{border-color:#aaa0ff77;color:#fff;background:#afa4ff15}.player{position:relative;z-index:1;margin:31px auto 0;width:min(420px,100%);display:flex;flex-direction:column;align-items:center}.eyebrow,.section-kicker,.track-label{font-size:9px;font-weight:700;letter-spacing:.18em;color:#9292aa}.eyebrow{display:flex;align-items:center;gap:8px;color:#b1b0c5}.live-dot,.footer-dot{width:6px;height:6px;border-radius:50%;background:#96ddcf;box-shadow:0 0 9px #8de4d2a0}.artwork{position:relative;width:216px;height:216px;margin:24px 0 17px;display:grid;place-items:center}.art-orb,.art-core,.art-ring{position:absolute;border-radius:50%}.art-orb{width:152px;height:152px;filter:blur(28px);opacity:.72}.orb-one{background:#668d9c;left:17px;top:28px}.orb-two{background:#866eae;right:10px;bottom:18px}.art-core{top:47px;right:47px;bottom:47px;left:47px;display:grid;place-items:center;color:#e6f2ff;background:radial-gradient(circle at 37% 33%,rgba(224,236,255,.28),transparent 36%),linear-gradient(135deg,#729db166,#755a9666);border:1px solid rgba(222,236,255,.28);box-shadow:inset 0 0 22px #d5e4ff1c,0 0 52px #859acf36;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.art-ring{top:26px;right:26px;bottom:26px;left:26px;border:1px solid rgba(220,230,255,.13);animation:orbit 23s linear infinite}.ring-two{top:12px;right:12px;bottom:12px;left:12px;border-style:dashed;border-color:#cddeff1a;animation-direction:reverse;animation-duration:42s}@keyframes orbit{to{transform:rotate(360deg)}}.track-info{text-align:center}.track-label{font-size:8px;color:#818399}.track-info h1{font-size:25px;letter-spacing:-.035em;font-weight:500;margin:8px 0 4px}.track-info p{margin:0;color:#a0a0b2;font-size:11px}.main-controls{height:75px;display:grid;grid-template-columns:1fr auto 1fr;place-items:center;gap:27px;margin-top:8px}.side-controls{display:flex;align-items:center;gap:18px}.play-button{width:53px;height:53px;border:0;border-radius:50%;background:#eeebfa;color:#181626;display:grid;place-items:center;padding-left:3px;cursor:pointer;box-shadow:0 6px 24px #b0a1ff24;transition:transform .2s,box-shadow .2s}.play-button:hover{transform:scale(1.06);box-shadow:0 7px 29px #c1b0ff55}.play-button:disabled{opacity:.6}.skip-button{border:0;background:none;color:#9999ae;padding:10px;cursor:pointer}.skip-button:hover{color:#eae7f8}.skip-button:disabled{color:#9999ae;opacity:.35;cursor:default}.shuffle-button{padding:9px}.timeline{width:100%;display:flex;align-items:center;gap:12px;margin-top:2px;color:#77798e;font-variant-numeric:tabular-nums;font-size:9px}.timeline>span:last-child{min-width:20px;text-align:right}.progress-track{height:2px;background:#ffffff19;border-radius:5px;flex:1;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#86bdce,#b7a8ff);border-radius:5px;transition:width 1s linear}.master-control{display:flex;width:210px;align-items:center;gap:10px;margin-top:19px;color:#9696a9}.master-control input,.layer-volume input{accent-color:#b6aaff;width:100%;height:3px}.volume-value{font-size:9px;color:#86869a;min-width:30px;text-align:right}.sound-panel{position:relative;z-index:1;width:min(600px,100%);margin:55px auto 0;padding:22px 25px 8px;border:1px solid rgba(214,222,255,.09);border-radius:17px;background:linear-gradient(135deg,#131727c9,#0f121fab);box-shadow:0 15px 55px #0002;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:17px}.section-kicker{font-size:8px;color:#888ba3}.section-heading h2,.modal-head h2{font-size:16px;font-weight:600;letter-spacing:-.025em;margin:6px 0 0}.layer-count{font-size:9px;color:#85869a;letter-spacing:.1em}.layer-count b{font-weight:400;color:#44485e;margin:0 5px}.sound-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.sound-card{height:76px;text-align:left;padding:11px 12px;display:flex;flex-direction:column;justify-content:space-between;position:relative;border:1px solid rgba(210,216,255,.085);border-radius:10px;background:#ffffff06;cursor:pointer;transition:.2s}.sound-card:hover,.sound-card.active{border-color:#b1a6ff66;background:linear-gradient(145deg,#8174be26,#7497af11)}.sound-card.active{box-shadow:inset 0 0 18px #9b8ef10b}.card-icon{color:#b6b3cb}.sound-card.active .card-icon{color:#c8bbff}.card-name{font-size:10px;color:#c8c7d3}.card-check{position:absolute;right:10px;top:11px;color:#cabdff}.background-heading{display:flex;justify-content:space-between;margin:24px 1px 10px;color:#8f90a4;font-size:8px;font-weight:700;letter-spacing:.16em}.optional{color:#636579;font-size:7px;font-weight:500}.background-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.background-option{height:53px;display:flex;align-items:center;justify-content:center;gap:7px;position:relative;border:1px solid transparent;border-radius:9px;color:#9697aa;background:#ffffff06;cursor:pointer;transition:.2s}.background-option span{font-size:9px}.background-option:hover{color:#ded9f5;background:#ffffff0e}.background-option.selected{color:#d1c7ff;border-color:#b1a6ff57;background:#a18ff01a}.background-option>i{position:absolute;width:4px;height:4px;border-radius:50%;background:#c7b9ff;top:7px;right:8px;box-shadow:0 0 8px #c7b9ff}.layer-volume{display:flex;align-items:center;gap:11px;margin:11px 2px 1px;color:#9697aa;font-size:9px}.layer-volume span:last-child{min-width:29px;text-align:right;font-variant-numeric:tabular-nums}.timer-row{width:100%;margin-top:19px;padding:14px 0 13px;border:0;border-top:1px solid var(--line);display:flex;align-items:center;gap:11px;background:none;text-align:left;cursor:pointer}.timer-icon{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:#bbb2e7;background:#a799ff0b}.timer-copy{display:flex;flex-direction:column;gap:3px;flex:1}.timer-copy b{font-size:10px;font-weight:600;color:#d8d6e1}.timer-copy small{font-size:8px;color:#85869a}.timer-value{font-size:9px;color:#b5b0ce}.timer-row>svg{color:#77798e}.footer{position:relative;z-index:1;width:min(600px,100%);margin:21px auto 0;padding:0 3px 20px;display:flex;justify-content:space-between;color:#686a7e;font-size:8px;letter-spacing:.07em}.footer>span:first-child{display:flex;align-items:center;gap:7px;letter-spacing:0}.footer-dot{width:5px;height:5px;opacity:.7}.footer i{font-style:normal;color:#a7a1bd;margin:0 3px}.toast{position:fixed;z-index:5;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(92vw,500px);padding:12px 15px;border:1px solid #ff9c9c40;border-radius:12px;background:#261b27;color:#ffdede;font-size:11px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 38px #0007}.toast button{border:0;background:none;color:inherit;display:grid;place-items:center;cursor:pointer}.modal-backdrop{position:fixed;z-index:4;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#03040ab8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.settings-modal{width:min(420px,100%);padding:23px;border:1px solid rgba(223,225,255,.13);border-radius:17px;background:linear-gradient(145deg,#171a2b,#111422);box-shadow:0 22px 90px #0008}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:19px;margin-top:7px}.modal-description{color:#999aaf;font-size:11px;line-height:1.7;margin:13px 0 18px}.timer-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.timer-options button{height:44px;border:1px solid var(--line);border-radius:9px;background:#ffffff08;color:#b6b5c5;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.timer-options button:hover,.timer-options button.chosen{border-color:#ac9eff70;background:#a899ff18;color:#e4dcff}.modal-note{border-top:1px solid var(--line);margin-top:19px;padding-top:15px;display:flex;align-items:center;gap:9px;color:#9695ab;font-size:9px}.modal-note svg{color:#c4b8ff;flex-shrink:0}audio{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;display:block;width:100vw;height:100vh;pointer-events:none}input[type=range]{cursor:pointer}@media(max-width:600px){.app{padding:0 18px}.topbar{height:64px}.player{margin-top:30px}.artwork{width:190px;height:190px;margin-top:20px}.art-core{top:41px;right:41px;bottom:41px;left:41px}.art-orb{width:135px;height:135px}.ring-one{top:22px;right:22px;bottom:22px;left:22px}.ring-two{top:9px;right:9px;bottom:9px;left:9px}.track-info h1{font-size:23px}.sound-panel{margin-top:43px;padding:19px 15px 6px}.sound-grid{gap:7px}.sound-card{height:70px;padding:9px}.card-name{font-size:9px}.background-list{gap:5px}.background-option{height:50px;flex-direction:column;gap:4px}.background-option span{font-size:8px}.background-option>i{top:5px;right:5px}.timer-row{margin-top:15px}.footer{margin-top:17px}.sky{height:690px}.sound-wave{top:235px}}@media(max-width:370px){.app{padding-left:13px;padding-right:13px}.sound-panel{padding-left:11px;padding-right:11px}.sound-grid{grid-template-columns:repeat(2,1fr)}.sound-card{height:58px}.background-list{gap:3px}.background-option{font-size:8px}.background-option span{font-size:7px}.layer-count{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.crash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:22px;background:#080b15;overflow:auto}.crash-card{width:min(460px,100%);padding:24px;border:1px solid rgba(223,225,255,.13);border-radius:17px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.crash-card h1{margin:6px 0 10px;font-size:20px;letter-spacing:-.02em}.crash-text{margin:0 0 18px;color:#e7b4b4;font-size:12px;line-height:1.5;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.crash-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.crash-actions button{padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:#ffffff08;color:#ded9f5;font-size:12px;cursor:pointer}.crash-actions .crash-primary{border-color:#ac9eff70;background:#a899ff20;color:#eee8ff}.crash-log{border-top:1px solid var(--line);margin:0;padding-top:13px;list-style:none;display:grid;gap:7px;max-height:180px;overflow:auto;color:var(--muted);font-size:10px;line-height:1.45;word-break:break-word}.build-stamp{margin-top:10px;color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.7}