:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#081222;--background-soft:#0d1b31;--card:#12223bc7;--card-solid:#12223b;--card-light:#172a47;--line:#bedeff1f;--text:#f2f7ff;--muted:#9cabc1;--muted-strong:#c4d0e1;--blue:#8ed4ff;--blue-strong:#5ebeff;--green:#8de3bf;--danger:#ffaaa6}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{background:var(--background);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #8ed4ff7a}.app-shell{background:radial-gradient(circle at 50% -10%,#5caae030,#0000 34rem),linear-gradient(#0b172b 0%,#081222 52%,#07101e 100%);min-height:100vh;position:relative;overflow:hidden}.ambient{z-index:0;filter:blur(70px);opacity:.16;pointer-events:none;border-radius:999px;width:18rem;height:18rem;position:absolute}.ambient-one{background:#559cff;top:35rem;left:-11rem}.ambient-two{background:#a77bff;top:66rem;right:-12rem}.app-content{z-index:1;width:min(100% - 32px,760px);margin:0 auto;padding:24px 0 36px;position:relative}.topbar,.brand-lockup,.cast-button,.player-topline,.now-playing,.player-actions,.section-heading,.sound-select,.upload-card,.footer-note{align-items:center;display:flex}.topbar{justify-content:space-between;gap:16px}.brand-lockup{gap:11px}.brand-mark{width:46px;height:46px;color:var(--blue);background:linear-gradient(145deg,#64b3e845,#44579c33);border:1px solid #a1d8ff33;border-radius:15px;place-items:center;display:grid;box-shadow:0 10px 35px #297ecc24}.eyebrow,.kicker,.small-label{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.71rem;font-weight:700;line-height:1.3}.brand-lockup h1{letter-spacing:-.02em;margin:2px 0 0;font-size:1.04rem;font-weight:700}.cast-button,.cast-action,.primary-action,.upload-button{cursor:pointer;border:0;transition:transform .18s,background .18s,border-color .18s,opacity .18s}.cast-button:hover,.cast-action:hover,.primary-action:hover,.upload-button:hover,.sound-select:hover,.sound-tools button:hover,.rename-form button:hover{transform:translateY(-1px)}.cast-button{min-height:41px;color:var(--blue);background:#162d4ca6;border:1px solid #8ed4ff3b;border-radius:13px;justify-content:center;gap:8px;padding:0 14px;font-size:.83rem;font-weight:700}.cast-button.connected{color:var(--green);background:#1e554e5c;border-color:#8de3bf59}.hero-copy{padding:60px 0 28px}.hero-copy h2,.section-heading h2{color:var(--text);letter-spacing:-.05em;margin:9px 0 0;font-weight:700}.hero-copy h2{max-width:590px;font-size:clamp(2.12rem,9vw,4rem);line-height:.98}.hero-copy>p:last-child{max-width:540px;color:var(--muted-strong);margin:18px 0 0;font-size:1rem;line-height:1.65}.player-card{background:linear-gradient(145deg,#254369e6,#11223deb);border:1px solid #addcff2e;border-radius:27px;padding:21px;position:relative;overflow:hidden;box-shadow:0 28px 75px #01081461,inset 0 1px #ffffff0f}.player-glow{filter:blur(45px);pointer-events:none;background:#73caff29;border-radius:999px;width:250px;height:250px;position:absolute;top:-120px;right:-40px}.player-topline{color:var(--muted-strong);gap:8px;font-size:.82rem;position:relative}.live-dot{background:var(--blue);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #8ed4ff1f,0 0 18px #8ed4ffbf}.autonomous-pill{color:var(--green);background:#4eab8f24;border:1px solid #8de3bf38;border-radius:999px;margin-left:auto;padding:5px 8px;font-size:.7rem;font-weight:700}.now-playing{gap:15px;padding:30px 0 25px;position:relative}.now-playing-art{color:#d4f0ff;background:linear-gradient(135deg,#83d5ff45,#6378e833);border:1px solid #bae1ff33;border-radius:21px;flex:none;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 14px 32px #257cc02b}.now-playing-info{min-width:0}.now-playing-info strong{color:var(--text);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 3px;font-size:clamp(1.22rem,5vw,1.58rem);display:block;overflow:hidden}.now-playing-info>span:last-child{color:var(--muted);font-size:.82rem}.player-actions{gap:10px;position:relative}.primary-action,.cast-action{border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 15px;font-size:.87rem;font-weight:700;display:inline-flex}.primary-action{background:var(--blue);color:#092039;flex:1;box-shadow:0 9px 25px #47aef138}.cast-action{color:var(--text);background:#ffffff12;border:1px solid #bde3ff2e;flex:1.2}.primary-action:disabled,.cast-action:disabled{cursor:not-allowed;opacity:.45;transform:none}.message{border-radius:13px;margin-top:13px;padding:12px 14px;font-size:.86rem;line-height:1.45}.error-message{color:var(--danger);background:#7f2e393d;border:1px solid #ffaaa633}.notice-message{color:var(--green);background:#2f77632e;border:1px solid #8de3bf2e}.library-section{padding:52px 0 24px}.section-heading{justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{font-size:1.35rem}.sound-count{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.76rem}.sound-list{gap:10px;display:grid}.sound-card{border:1px solid var(--line);background:#12223b94;border-radius:18px;align-items:center;gap:10px;min-width:0;padding:6px 8px 6px 7px;transition:border-color .18s,background .18s,transform .18s;display:flex}.sound-card.active{background:#1e3e62b8;border-color:#8ed4ff6e;box-shadow:0 12px 28px #01091629}.sound-select{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;gap:11px;min-width:0;padding:8px 5px}.sound-icon{width:39px;height:39px;color:var(--blue);background:#8ed4ff1a;border-radius:13px;flex:none;place-items:center;display:grid}.sound-copy{gap:4px;min-width:0;display:grid}.sound-copy strong{color:var(--text);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.93rem;font-weight:700;overflow:hidden}.sound-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;overflow:hidden}.sound-play{width:34px;height:34px;color:var(--blue);border:1px solid #8ed4ff29;border-radius:11px;flex:none;place-items:center;display:grid}.sound-tools{gap:2px;display:flex}.sound-tools button,.rename-form button{width:33px;height:33px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;transition:color .18s,background .18s,transform .18s;display:grid}.sound-tools button:hover{color:var(--blue);background:#8ed4ff1a}.sound-tools button:last-child:hover{color:var(--danger);background:#ffaaa61a}.rename-form{align-items:center;gap:2px;padding-left:4px;display:flex}.rename-form input{width:min(170px,31vw);min-height:34px;color:var(--text);background:#0d1b30;border:1px solid #8ed4ff47;border-radius:9px;outline:0;padding:0 9px;font-size:.78rem}.rename-form button:first-of-type{color:var(--green)}.rename-form button:last-of-type{color:var(--danger)}.empty-state{min-height:80px;color:var(--muted);border:1px dashed #bedeff33;border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:18px;font-size:.87rem;display:flex}.upload-card{background:#12223b78;border:1px solid #bedeff21;border-radius:20px;gap:13px;padding:16px}.upload-icon{width:42px;height:42px;color:var(--green);background:#8de3bf1a;border-radius:13px;flex:none;place-items:center;display:grid}.upload-copy{gap:4px;min-width:0;display:grid}.upload-copy strong{font-size:.88rem}.upload-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.upload-button{min-height:40px;color:var(--green);background:#8de3bf1f;border:1px solid #8de3bf42;border-radius:12px;flex:none;gap:7px;padding:0 12px;font-size:.8rem;font-weight:700;position:relative}.upload-button input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.footer-note{color:#71829b;text-align:center;flex-wrap:wrap;justify-content:center;gap:8px;padding:25px 0 0;font-size:.72rem}.footer-separator{color:#44536b}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:640px){.app-content{padding-top:32px}.hero-copy{padding-top:86px}.player-card{padding:26px}.now-playing{padding:38px 0 30px}.upload-card{padding:18px 20px}}@media (max-width:480px){.app-content{width:min(100% - 24px,760px);padding-top:18px}.cast-button{width:42px;padding:0}.cast-button span{display:none}.hero-copy{padding:52px 0 23px}.player-card{border-radius:23px;padding:17px}.player-actions{flex-direction:column;align-items:stretch}.primary-action,.cast-action{flex:initial;width:100%}.upload-card{flex-wrap:wrap;align-items:flex-start}.upload-copy{flex:1}.upload-button{justify-content:center;width:100%}}