:root{color:#e5ebff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#04060f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}a{color:inherit}button,input,textarea,select{font:inherit}.app-shell{background:radial-gradient(circle at top,#564da033,#0000 28%),radial-gradient(circle at 18% 22%,#3870a029,#0000 18%),linear-gradient(#02040b 0%,#040714 44%,#020309 100%);min-height:100vh;position:relative}.particle-effect{min-height:100vh;position:relative;overflow:hidden}.particle-stage{cursor:none;width:100%;height:100vh}.particle-stage canvas{width:100%;height:100%;display:block}.top-nav{z-index:4;-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);background:#090d1a75;border:1px solid #ffffff1f;border-radius:999px;padding:12px 14px;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14,0 18px 42px #00000057}.top-nav__list{align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.top-nav__button{color:#e4eaffc2;letter-spacing:.16em;cursor:none;background:0 0;border:0;border-radius:999px;padding:10px 18px;font-size:.76rem;transition:background-color .18s,color .18s,transform .18s}.top-nav__button:hover{color:#f5f7fff5;background:#ffffff14;transform:translateY(-1px)}.top-nav__button--active{color:#f4f7ff;background:linear-gradient(#ffffff2e,#ffffff0f);box-shadow:inset 0 1px #ffffff24,0 8px 24px #00000038}.settings-dock{z-index:3;width:min(340px,100vw - 40px);position:absolute;bottom:34px;left:34px}.settings-dock button,.settings-dock input,.settings-dock label{cursor:none}.settings-panel{-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);opacity:0;transform-origin:0 100%;pointer-events:none;background:#060912ad;border:1px solid #ffffff14;border-radius:22px;width:100%;padding:18px 18px 16px;transition:opacity .22s,transform .28s cubic-bezier(.22,1,.36,1);position:absolute;bottom:74px;left:0;transform:translateY(18px)scale(.96);box-shadow:inset 0 1px #ffffff0d,0 20px 60px #0006}.settings-panel--open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.settings-panel__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-panel__header h2{color:#f4f7fff5;margin:4px 0 0;font-size:1.2rem}.settings-panel__eyebrow{color:#bdc9f1b8;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:.72rem}.settings-panel__close,.secondary-button,.upload-button,.settings-trigger{color:#e9eeffe0;letter-spacing:.12em;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;transition:background-color .18s,border-color .18s,color .18s,transform .18s,opacity .18s}.settings-panel__close,.secondary-button{padding:10px 14px;font-size:.68rem}.settings-panel__close:hover,.secondary-button:hover,.upload-button:hover,.settings-trigger:hover{color:#f8faff;background:#ffffff17;border-color:#ffffff2e;transform:translateY(-1px)}.secondary-button:disabled{opacity:.45;transform:none}.upload-row{gap:10px;margin-top:18px;display:flex}.upload-button{flex:1;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-size:.7rem;display:inline-flex}.upload-button input{display:none}.settings-panel__file{color:#b5c1e5bd;white-space:nowrap;text-overflow:ellipsis;margin:12px 0 0;font-size:.82rem;overflow:hidden}.audio-section{border-top:1px solid #ffffff14;margin-top:18px;padding-top:16px}.audio-section__header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.audio-section__header span{color:#b4c1e9b8;letter-spacing:.1em;text-transform:uppercase;font-size:.82rem}.audio-section__header strong{color:#f3f6fff0;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.82rem;font-weight:600;overflow:hidden}.audio-meters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.audio-meter{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:12px 14px}.audio-meter span{color:#b4c1e9b8;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;display:block}.audio-meter strong{color:#f8fafffa;margin-top:6px;font-size:1rem;display:block}.slider-list{gap:14px;margin-top:18px;display:grid}.slider-control{gap:8px;display:grid}.slider-control__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.slider-control__meta span{color:#b4c1e9b8;font-size:.86rem}.slider-control__meta strong{color:#f5f7fff5;font-size:.92rem;font-weight:600}.slider-control input[type=range]{accent-color:#c7dcff;background:0 0;width:100%;height:4px;margin:0}.settings-trigger{z-index:1;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);min-width:128px;min-height:46px;padding:0 18px;font-size:.72rem;position:relative;box-shadow:inset 0 1px #ffffff14,0 12px 34px #00000057}.settings-trigger--active{color:#fafbff;background:#ffffff1a}.debug-dock{z-index:3;width:min(320px,100vw - 40px);position:absolute;bottom:34px;right:34px}.debug-dock button{cursor:none}.debug-panel{-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);opacity:0;transform-origin:100% 100%;pointer-events:none;overscroll-behavior:contain;background:#070a14b8;border:1px solid #ffffff14;border-radius:22px;width:100%;max-height:min(72vh,760px);padding:18px 18px 16px;transition:opacity .22s,transform .28s cubic-bezier(.22,1,.36,1);position:absolute;bottom:74px;right:0;overflow-y:auto;transform:translateY(18px)scale(.96);box-shadow:inset 0 1px #ffffff0d,0 20px 60px #0000006b}.debug-panel::-webkit-scrollbar{width:8px}.debug-panel::-webkit-scrollbar-track{background:0 0}.debug-panel::-webkit-scrollbar-thumb{background:#c8d9ff2e;border-radius:999px}.debug-panel::-webkit-scrollbar-thumb:hover{background:#d7e4ff47}.debug-panel--open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.debug-panel__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.debug-panel__header h2{color:#f4f7fff5;margin:4px 0 0;font-size:1.12rem}.debug-panel__eyebrow{color:#bdc9f1b8;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:.72rem}.debug-panel__close,.debug-trigger{color:#e9eeffe0;letter-spacing:.12em;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;transition:background-color .18s,border-color .18s,color .18s,transform .18s,opacity .18s}.debug-panel__close{padding:10px 14px;font-size:.68rem}.debug-panel__close:hover,.debug-trigger:hover{color:#f8faff;background:#ffffff17;border-color:#ffffff2e;transform:translateY(-1px)}.debug-panel__block{border-top:1px solid #ffffff14;gap:10px;margin-top:16px;padding-top:16px;display:grid}.debug-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.debug-row span{color:#b4c1e9b8;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.debug-row strong{color:#f8fafffa;text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:156px;font-size:.86rem;font-weight:600;overflow:hidden}.debug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.debug-spectrum{background:linear-gradient(#ffffff08,#ffffff03),radial-gradient(circle at top,#6ea0ff1f,#0000 62%);border:1px solid #ffffff14;border-radius:16px;grid-template-columns:repeat(32,minmax(0,1fr));align-items:end;gap:4px;height:124px;margin-top:14px;padding:12px 10px 10px;display:grid}.debug-legend{gap:8px;margin-top:14px;display:flex}.debug-legend__item{letter-spacing:.08em;text-transform:uppercase;color:#f5f7fff5;border-radius:999px;justify-content:center;align-items:center;min-width:64px;min-height:28px;padding:0 10px;font-size:.7rem;display:inline-flex}.debug-legend__item--low{background:#ff60602e;box-shadow:inset 0 0 0 1px #ff606038}.debug-legend__item--mid{background:#58dd842e;box-shadow:inset 0 0 0 1px #58dd8438}.debug-legend__item--high{background:#5ba0ff2e;box-shadow:inset 0 0 0 1px #5ba0ff38}.debug-spectrum__bar{border-radius:999px;width:100%;min-height:8px;display:block}.debug-spectrum__bar--low{background:linear-gradient(#ffacacfa,#ff555561);box-shadow:0 0 12px #ff5a5a38}.debug-spectrum__bar--mid{background:linear-gradient(#b6ffc1fa,#3fca6c61);box-shadow:0 0 12px #58dd8433}.debug-spectrum__bar--high{background:linear-gradient(#c8dffffa,#5a97ff57);box-shadow:0 0 12px #6ca0ff33}.debug-curve{background:linear-gradient(#ffffff08,#ffffff03),radial-gradient(circle at top,#6ea0ff14,#0000 60%);border:1px solid #ffffff14;border-radius:16px;margin-top:14px;padding:12px}.debug-curve__svg{width:100%;height:160px;display:block}.debug-curve__axis{stroke:#c5d3f82e;stroke-width:1px}.debug-curve__line{fill:none;stroke:#edf2fff0;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.debug-curve__point{stroke:#ffffffe6;stroke-width:.6px}.debug-curve__point--low{fill:#ff6060f5}.debug-curve__point--mid{fill:#58dd84f5}.debug-curve__point--high{fill:#5ba0fff5}.debug-curve__point--weighted{fill:#fff49dfa}.debug-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:12px 14px}.debug-card span{color:#b4c1e9b8;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;display:block}.debug-card strong{color:#f8fafffa;margin-top:6px;font-size:1rem;display:block}.debug-trigger{z-index:1;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);min-width:118px;min-height:46px;padding:0 18px;font-size:.72rem;position:relative;box-shadow:inset 0 1px #ffffff14,0 12px 34px #00000057}.debug-trigger--active{color:#fafbff;background:#ffffff1a}.debug-params{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.debug-params__item{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:12px 14px}.debug-params__item span{color:#b4c1e9b8;letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;display:block}.debug-params__item strong{color:#f8fafffa;margin-top:6px;font-size:.96rem;display:block}.orb-cursor{z-index:5;pointer-events:none;opacity:0;will-change:transform, opacity;width:38px;height:38px;position:absolute;top:0;left:0}.orb-cursor__halo,.orb-cursor__ring{border-radius:50%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.orb-cursor__halo{filter:blur(6px);background:radial-gradient(circle,#85b7ff3d 0%,#85b7ff00 70%);width:38px;height:38px}.orb-cursor__ring{border:1px solid #dae7ffd1;width:28px;height:28px;box-shadow:0 0 24px #78aeff33,inset 0 0 14px #ffffff1f}.orb-cursor__core{z-index:6;pointer-events:none;opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#fff 0%,#9cc6fff2 100%);border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:0;box-shadow:0 0 18px #88c2ff9e}@media (width<=900px){.top-nav{width:calc(100vw - 24px);max-width:560px;top:18px}.top-nav__list{justify-content:space-between;gap:6px}.top-nav__button{letter-spacing:.12em;padding:10px 12px;font-size:.68rem}.settings-dock{width:auto;bottom:20px;left:20px;right:20px}.debug-dock{width:auto;bottom:92px;left:20px;right:20px}}@media (width<=560px){.settings-panel,.debug-panel{bottom:66px}.upload-row{flex-direction:column}.audio-meters,.debug-grid,.debug-params{grid-template-columns:1fr}}