:root{color:#f7fbff;font-synthesis:none;background:#020b24;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(70% 58% at 78% -8%,#1866e6 0%,#0f52cf80 24%,#0000 58%),radial-gradient(58% 48% at 5% 102%,#0d347e 0%,#0000 63%),linear-gradient(130deg,#020817 0%,#061537 46%,#061a4c 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";z-index:-1;opacity:.3;pointer-events:none;background-image:linear-gradient(120deg,#0000 0 42%,#7dbfff21 42.1%,#0000 42.25%);background-size:19rem 19rem;position:fixed;inset:0}button{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(135deg,#4eb9ff,#2776f0);border:1px solid #b0daff38;border-radius:999px;padding:.74rem 1.1rem;font-weight:750;transition:transform .18s,filter .18s,box-shadow .18s;box-shadow:0 .35rem 1.2rem #004ad552,inset 0 1px #ffffff47}.button{font:inherit;color:#fff;border:1px solid #b0daff38;border-radius:999px;justify-content:center;align-items:center;padding:.74rem 1.1rem;font-weight:750;text-decoration:none;display:inline-flex}button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 .55rem 1.5rem #004ad57a,inset 0 1px #ffffff52}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #bde7ff}button:disabled{opacity:.45;cursor:wait;box-shadow:none}.secondary{color:#e7f3ff;background:#102d629e;box-shadow:inset 0 1px #ffffff24}.shell{max-width:82rem;margin:auto;padding:clamp(1.25rem,4vw,4.7rem)}header{max-width:43rem;padding:clamp(1rem,4vw,3.2rem) 0 3.1rem}.app-header{justify-content:space-between;align-items:end;gap:1rem;max-width:none;display:flex}.header-actions{flex:none;justify-content:center;align-items:center;display:flex}.header-actions button{white-space:nowrap;min-width:12.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#9ed8ff;margin:0;font-size:.7rem;font-weight:700}h1{letter-spacing:-.09em;text-shadow:0 .35rem 2.7rem #0669ff80;margin:.45rem 0 1.15rem;font-size:clamp(3.7rem,11vw,7.4rem);line-height:.82}.device-title{white-space:nowrap;font-size:clamp(2.75rem,7vw,5.8rem)}.diagnostic-header h1{white-space:nowrap;font-size:clamp(2.75rem,5.2vw,5.4rem)}.device-title span{animation:.5s cubic-bezier(.22,.8,.2,1) title-arrive;display:inline-block}@keyframes title-arrive{0%{opacity:0;filter:blur(.08em);transform:translateY(.3em)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}h2{color:#fff;margin:.35rem 0;font-size:1.22rem}.status,.note{color:#b9d1ed;line-height:1.55}.detail{color:#8bdbff;margin:.5rem 0 0;font-size:.84rem;font-weight:700}.grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.grid>*{min-width:0}.grid>.card:not(.equalizer){text-align:center;justify-content:flex-start;align-items:center;gap:1rem}.grid>.card:not(.equalizer) .status,.grid>.card:not(.equalizer) .note{text-align:center}.grid>.card:not(.equalizer) .noise-modes{width:100%}.grid>.card:not(.equalizer) .mode{text-align:center;justify-content:center}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#143e82c7,#071943db);border:1px solid #a5d5ff47;border-radius:1.35rem;flex-direction:column;justify-content:space-between;min-height:17rem;padding:1.45rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1.2rem 3.6rem #00072654,inset 0 1px #ffffff1f}.card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#77ddff1c,#0000 34%);position:absolute;inset:0}.card>*{position:relative}.connection{background:linear-gradient(145deg,#1658b1db,#071d4ee6)}.battery{background:linear-gradient(145deg,#114c92e6,#051d4de0)}.equalizer{grid-column:span 3;justify-content:flex-start;gap:.7rem;min-height:0}.eq-values{grid-template-columns:repeat(6,minmax(2.6rem,1fr));align-items:end;gap:.55rem;margin-top:1rem;display:grid}.eq-clear,.eq-band{color:#bcd6f1;text-align:center;justify-items:center;gap:.35rem;font-size:.68rem;display:grid}.eq-clear{background:#0f489661;border:1px solid #a3d7ff40;border-radius:.75rem;align-self:stretch;padding:.6rem .25rem}.eq-band i{background:linear-gradient(to top, #5acbff var(--level), #9cd3ff29 var(--level));border-radius:999px;width:.56rem;height:4rem;display:block;box-shadow:inset 0 0 0 1px #d1f0ff2e}.eq-values strong{color:#8bdbff;font-size:.82rem}.eq-toolbar{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.eq-primary{justify-items:start;gap:.45rem;display:grid}.eq-primary .eyebrow{font-size:.78rem}.eq-primary .eyebrow span{color:#bcd6f1;letter-spacing:0;text-transform:none;font-size:.98rem;font-weight:500}.eq-actions{flex-wrap:wrap;gap:.58rem;margin:0;display:flex}.eq-editor{gap:.55rem;margin:.15rem 0 0;display:grid}.eq-preset{align-items:end;gap:.65rem;margin:0;display:flex}.eq-preset label{color:#c9e6ff;gap:.3rem;font-size:.78rem;display:grid}.eq-preset select{color:#f7fbff;min-width:10rem;min-height:2.65rem;font:inherit;background:#0a3477;border:1px solid #b0daff47;border-radius:999px;padding:.5rem 1rem}.eq-editor label{color:#c9e6ff;grid-template-columns:5.5rem 1fr 2.2rem;align-items:center;gap:.65rem;font-size:.78rem;display:grid}.eq-editor input{accent-color:#5dc9ff}.eq-editor output{color:#8bdbff;text-align:right;font-weight:750}.battery-value{letter-spacing:-.08em;color:#0000;background:linear-gradient(150deg,#fff,#84dbff);-webkit-background-clip:text;background-clip:text;margin:.8rem 0 .25rem;font-size:4.4rem;font-weight:800;line-height:.9}.battery-value span{letter-spacing:-.04em;margin-left:.14rem;font-size:1.5rem}.volume-editor{grid-template-columns:1fr auto;align-items:center;gap:.7rem;margin-top:1rem;display:grid}.volume-editor input{accent-color:#5dc9ff}.volume-editor output{color:#8bdbff;font-size:.82rem;font-weight:750}.volume>button{margin-top:auto}.battery:not(.volume)>.status{margin-top:auto;margin-bottom:0}.actions{flex-wrap:wrap;gap:.58rem;display:flex}.diagnostic-download{margin-top:.35rem}.mode{cursor:pointer;border-top:1px solid #aad7ff3d;gap:.8rem;padding:.76rem 0;transition:padding-left .15s;display:flex}.noise-modes{border:0;min-inline-size:0;margin:.35rem 0 0;padding:0}.mode:hover{filter:brightness(1.08)}.noise-heading{width:100%}.mode strong,.mode small{white-space:nowrap;font-size:.78rem;display:inline}.mode small{color:#bcd6f1;margin:0}.mode{background:0 0;border:1px solid #0000;border-radius:.65rem;justify-content:center;align-items:center;gap:.45rem;min-height:3.65rem;margin-top:0;padding:.75rem .65rem;display:flex;position:relative}.mode:before{content:"";background:#e1f4ff42;height:1px;position:absolute;inset:-1px 0 auto}.mode input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.mode:has(input:checked){background:linear-gradient(100deg,#2379d142,#1445911f);border-color:#6bd8ff;box-shadow:inset 0 0 0 1px #dbf7ff29,0 0 1.15rem #249dff29}.mode:has(input:checked):before{opacity:0}.mode:has(input:focus-visible){outline-offset:3px;outline:3px solid #bde7ff}.mode-separator{color:#a4d9fb}.mode:has(input:checked) strong{color:#8bdbff}.intensity{border-top:1px solid #aad7ff3d;justify-items:center;gap:.75rem;margin-top:.85rem;padding-top:.85rem;display:grid}.intensity-title{color:#eaf7ff;align-self:stretch;font-weight:750}.intensity-control{color:#bcd6f1;letter-spacing:.08em;text-transform:uppercase;grid-template-rows:auto 9rem auto;grid-template-columns:4.3rem 2.8rem 4.3rem;place-items:center;column-gap:.55rem;font-size:.72rem;font-weight:700;display:grid}.intensity-preset{box-shadow:none;color:#c9e6ff;letter-spacing:.01em;background:#1c60b680;grid-column:1/4;padding:.38rem .72rem;font-size:.72rem}.intensity-preset:first-child{grid-row:1}.intensity-preset:last-child{grid-row:3}.intensity-control input{accent-color:#5dc9ff;cursor:pointer;grid-area:2/2;width:8rem;height:.9rem;margin:0;transform:rotate(-90deg)}.intensity-middle{box-shadow:none;color:#c9e6ff;letter-spacing:.01em;background:#1c60b680;grid-area:2/3;padding:.38rem .72rem;font-size:.72rem}.intensity>.secondary{align-self:stretch}.note{margin:1rem 0 0;font-size:.88rem}.diagnostic-page{color:#b9d1ed;background:#020e305c;border:1px solid #97caff2e;border-radius:1rem;max-width:52rem;padding:clamp(1.2rem,3vw,2rem);line-height:1.55}.diagnostic-page>h2{margin-top:.35rem}.diagnostic-page>p{max-width:44rem}.diagnostic-page a{color:#8bdbff}body[data-page=diagnostics]{background:radial-gradient(70% 58% at 78% -8%,#d95c12 0%,#b143098a 24%,#0000 58%),radial-gradient(58% 48% at 5% 102%,#75300b 0%,#0000 63%),linear-gradient(130deg,#1c0a02 0%,#3b1405 46%,#5a2108 100%)}body[data-page=diagnostics]:before{background-image:linear-gradient(120deg,#0000 0 42%,#ffd19321 42.1%,#0000 42.25%)}.diagnostic-shell .eyebrow,.diagnostic-shell .diagnostic-page a{color:#ffc27d}.diagnostic-shell .diagnostic-page{background:#3d160580;border-color:#ffc37b47}.diagnostic-shell .secondary{color:#fff1e1;background:#77300ba3;border-color:#ffc98b59}.diagnostic-shell button:not(.secondary){background:linear-gradient(135deg,#ffbd62,#d65a13);box-shadow:0 .35rem 1.2rem #bb450752,inset 0 1px #ffffff47}.error{color:#ffb4bd}.diagnostics{overflow-wrap:anywhere;max-height:20rem;padding-left:1.5rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.76rem;line-height:1.55;overflow:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battery{min-height:12rem}.equalizer{grid-column:span 2}}@media (width<=640px){.shell{padding:1rem}.app-header{flex-direction:column;align-items:start}.header-actions{width:100%;padding:0}.header-actions>*{width:100%}.header-actions button{min-width:0}.device-title{font-size:clamp(2.7rem,15vw,4.5rem)}.diagnostic-header h1{white-space:normal;font-size:clamp(2.7rem,14vw,4.25rem)}.grid{grid-template-columns:1fr}.card{min-height:0}.equalizer{grid-column:auto}.eq-values{grid-template-columns:repeat(3,minmax(3.5rem,1fr))}header{padding-bottom:2rem}h1{font-size:clamp(3.5rem,19vw,4.8rem)}.card{border-radius:1.1rem;padding:1.2rem}.actions>button{flex:9.5rem}.eq-preset{flex-direction:column;align-items:stretch}.eq-preset select{width:100%;min-width:0}.eq-toolbar{flex-direction:column;align-items:stretch}.eq-toolbar .eq-actions{justify-content:stretch}.eq-toolbar .eq-actions button{flex:1}.mode{flex-wrap:wrap}.mode small{white-space:normal}.diagnostics{max-height:15rem;font-size:.7rem}}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important}}