:root{--air:#eef0f3;--air-2:#e6e9ee;--ink:#0b0d12;--ink-2:#2b2f38;--mute:#6b7280;--mute-2:#9aa1ad;--line:#0b0d1214;--line-2:#0b0d1221;--glass:#ffffffb8;--glass-2:#ffffffe0;--edge:#ffffffd9;--coral:#ff5b3a;--coral-ink:#e0401c;--coral-soft:#ff5b3a1f;--violet:#6e5bff;--violet-ink:#5340f0;--violet-soft:#6e5bff1f;--night:#0b0d12;--night-2:#151824;--frost:#e9ebf2;--shadow:0 1px 2px #0b0d120a, 0 10px 30px -14px #0b0d1229, 0 34px 80px -46px #0b0d1238;--shadow-lg:0 2px 4px #0b0d120a, 0 22px 50px -22px #0b0d123d, 0 60px 120px -60px #0b0d124d;--r:24px;--ease:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.34, 1.4, .5, 1);--pad:16px;--bg:var(--air);--fg:var(--ink);--accent:var(--coral);--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", Arial}body.tacet{background:var(--air);letter-spacing:-.005em;min-height:100vh;min-height:100dvh;font-size:15px;font-weight:400;line-height:1.5}.tacet ::selection{background:var(--coral-soft)}.num,.tab-num{font-variant-numeric:tabular-nums}.skip{z-index:100;background:var(--ink);color:#fff;border-radius:999px;padding:10px 18px;font-weight:500;position:fixed;top:-60px;left:16px}.skip:focus{top:16px}button,input{font-family:inherit}:focus-visible{outline-color:var(--coral)}.stage{min-height:100vh;min-height:100dvh;position:relative}.side{display:none}.phone{max-width:560px;min-height:100vh;min-height:100dvh;margin:0 auto;position:relative}.phone__frame,.statusbar,.phone__home{display:none}.screen{position:relative}.appbar{z-index:20;height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 20px 0;align-items:center;gap:12px;display:flex;position:sticky;top:0}.appbar:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(22px)saturate(1.6);backdrop-filter:blur(22px)saturate(1.6);box-shadow:0 1px 0 var(--line);opacity:0;background:#eef0f3cc;transition:opacity .3s;position:absolute;inset:0}.appbar.is-scrolled:before{opacity:1}.appbar__brand{letter-spacing:-.03em;align-items:center;gap:8px;font-size:18px;font-weight:600;display:inline-flex}.appbar__brand img{width:26px;height:26px}.appbar__title{left:50%;top:calc(50% + env(safe-area-inset-top) / 2);letter-spacing:-.02em;opacity:0;transition:opacity .25s, transform .35s var(--ease);pointer-events:none;white-space:nowrap;font-size:15px;font-weight:600;position:absolute;transform:translate(-50%,-30%)}.appbar.is-scrolled .appbar__title{opacity:1;transform:translate(-50%,-50%)}.conn{background:var(--glass);height:32px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:0 12px 0 10px;font-size:13px;font-weight:500;transition:opacity .3s;display:inline-flex}.conn__dot{background:var(--coral);border-radius:50%;width:8px;height:8px;position:relative}.conn__dot:after{content:"";border:1.5px solid var(--coral);opacity:0;animation:breathe 2.8s var(--ease) infinite;border-radius:50%;position:absolute;inset:-4px}.conn.is-off .conn__dot{background:var(--mute-2)}.conn.is-off .conn__dot:after{display:none}.conn.is-home{opacity:0;pointer-events:none}.appbar.is-scrolled .conn.is-home{opacity:1;pointer-events:auto}@keyframes breathe{0%{opacity:.7;transform:scale(.6)}70%,to{opacity:0;transform:scale(1.6)}}.main{padding:4px var(--pad) calc(118px + env(safe-area-inset-bottom));outline:none}.view{animation:viewIn .5s var(--ease) both}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}}.tabbar{z-index:30;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px)saturate(1.7);backdrop-filter:blur(24px)saturate(1.7);width:min(100% - 24px,520px);height:64px;transition:transform .4s var(--ease), opacity .3s;background:#ffffffbd;border-radius:999px;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 1px #0b0d120d,0 18px 40px -16px #0b0d1247}.tabbar.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,140%)}.tab{color:var(--mute);letter-spacing:0;transition:color .2s, background .3s var(--ease);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;display:flex;position:relative}.tab svg{width:22px;height:22px}.tab.is-on{color:var(--ink);background:#0b0d120f}.tab.is-on svg{stroke-width:2.1px}.tab__badge{background:var(--coral);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;left:calc(50% + 8px);box-shadow:0 0 0 2px #fff}.h1{letter-spacing:-.045em;margin:0;font-size:34px;font-weight:600;line-height:1.04}.h2{letter-spacing:-.025em;margin:0;font-size:19px;font-weight:600;line-height:1.2}.h3{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:600;line-height:1.25}.lead{color:var(--mute);margin:6px 0 0;font-size:15px}.muted{color:var(--mute)}.small{font-size:13px}.page-head{padding:10px 4px 18px}.card{border-radius:var(--r);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);box-shadow:inset 0 0 0 1px var(--edge), var(--shadow);padding:20px;position:relative}.card+.card,.card+.stack,.stack+.card{margin-top:14px}.card--flush{padding:0;overflow:hidden}.card__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card__head .h2,.card__head .h3{min-width:0}.card--night{color:var(--frost);background:radial-gradient(120% 80% at 50% -10%, #1d2034 0%, #11131c 48%, var(--night) 100%);box-shadow:inset 0 0 0 1px #ffffff12,0 30px 60px -28px #0b0d128c,0 12px 24px -16px #0b0d1259}.card--night .muted{color:#8d93a3}.rows{margin:-6px 0}.row{align-items:center;gap:14px;min-height:58px;padding:10px 0;display:flex}.rows>.row+.row,.rows>*+.row{border-top:1px solid var(--line)}.row__icon{width:36px;height:36px;color:var(--ink-2);background:#0b0d120d;border-radius:11px;flex:none;place-items:center;display:grid}.row__icon svg{width:20px;height:20px}.row__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.row__label{letter-spacing:-.01em;font-size:15px;font-weight:500}.row__note{color:var(--mute);font-size:13px;line-height:1.4}.row__value{color:var(--mute);text-align:right;font-size:14px}.row--toggle{cursor:pointer}.row.is-disabled{opacity:.45;cursor:default}.switch{appearance:none;cursor:pointer;width:50px;height:30px;transition:background .3s var(--ease);background:#0b0d1221;border-radius:999px;flex:none;margin:0;position:relative}.switch:before{content:"";width:26px;height:26px;transition:transform .4s var(--spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0b0d122e,0 0 0 .5px #0b0d120f}.switch:checked{background:var(--coral)}.switch:checked:before{transform:translate(20px)}.switch:disabled{cursor:default}.switch:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.btn{letter-spacing:-.01em;white-space:nowrap;height:48px;transition:transform .25s var(--ease), background .25s, box-shadow .25s, opacity .25s;--ring:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:15px;font-weight:500;display:inline-flex;position:relative}.btn svg{width:19px;height:19px}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{background:var(--coral);color:#fff;--ring:var(--coral);box-shadow:0 10px 22px -10px #ff5b3abf,inset 0 1px #ffffff38}.btn--primary:hover{background:#ff6a4b}.btn--glass{color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px var(--line-2), 0 4px 14px -8px #0b0d122e;background:#ffffffb3}.btn--glass:hover{background:#fff}.btn--night{color:#fff;--ring:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff24}.btn--quiet{color:var(--coral-ink);box-shadow:inset 0 0 0 1px var(--line-2);--ring:var(--coral);background:0 0}.btn--sm{height:40px;padding:0 16px;font-size:14px}.btn--block{width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:default;box-shadow:inset 0 0 0 1px var(--line-2)}.btn--primary:disabled{background:var(--mute-2);color:#fff}.btn-row{gap:10px;display:flex}.btn-row>.btn{flex:1}.ripple{border-radius:inherit;pointer-events:none;outline:1.5px solid var(--ring,var(--coral));outline-offset:0;animation:.75s cubic-bezier(.2,.7,.3,1) forwards ripple;position:absolute;inset:0}@keyframes ripple{0%{outline-offset:0;opacity:.55}to{outline-offset:12px;opacity:0}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{height:40px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2);transition:background .25s, color .25s, box-shadow .25s, transform .25s var(--ease);--ring:var(--ink);background:#ffffffa8;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.chip:active{transform:scale(.96)}.chip[aria-pressed=true],.chip[aria-checked=true]{background:var(--ink);color:#fff;box-shadow:none}.chip--sm{height:34px;padding:0 13px;font-size:13px}.chip__dot{background:var(--coral);border-radius:50%;width:6px;height:6px}.seg{grid-template-columns:repeat(var(--n,3), 1fr);height:56px;box-shadow:inset 0 0 0 1px var(--line);background:#0b0d120f;border-radius:999px;padding:4px;display:grid;position:relative}.seg--sm{height:44px}.seg__thumb{width:calc((100% - 8px) / var(--n,3));transform:translateX(calc(100% * var(--i,0)));transition:transform .55s var(--spring), background .4s;background:#fff;border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 6px 16px -6px #0b0d1240,0 0 0 .5px #0b0d120f}.seg__opt{z-index:1;color:var(--mute);--ring:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:7px;font-size:15px;font-weight:500;transition:color .3s;display:flex;position:relative}.seg__opt svg{width:19px;height:19px}.seg__opt[aria-checked=true]{color:var(--ink)}.seg--night{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff14}.seg--night .seg__opt{color:#9ba1b1;--ring:#fff}.seg--night .seg__opt[aria-checked=true]{color:#fff}.seg--night .seg__thumb{background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff1f}.seg--night[data-mode=off] .seg__opt[aria-checked=true]{color:var(--ink)}.seg--night[data-mode=off] .seg__thumb{background:#e9ebf2}.seg--night[data-mode=aware] .seg__thumb{background:var(--coral);box-shadow:0 8px 24px -8px #ff5b3acc}.seg--night[data-mode=quiet] .seg__thumb{background:var(--violet);box-shadow:0 8px 24px -8px #6e5bffd9}.seg--night[data-mode=aware] .seg__opt[aria-checked=true]{--ring:var(--coral)}.seg--night[data-mode=quiet] .seg__opt[aria-checked=true]{--ring:var(--violet)}.hero{text-align:center;padding:2px 0 0;position:relative}.hero__status{background:var(--glass);max-width:100%;height:34px;box-shadow:inset 0 0 0 1px var(--edge), 0 6px 18px -10px #0b0d1233;color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:13px;font-weight:500;display:inline-flex}.hero__status>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero__art{width:min(100%,360px);margin:6px auto 0;position:relative}.hero__art:before{content:"";z-index:-1;background:radial-gradient(closest-side,#fffffff2,#fff0);border-radius:50%;position:absolute;inset:8% 6% 12%}.art{width:100%;height:auto;display:block;overflow:visible}.art__float{animation:6.5s ease-in-out infinite alternate float}.art__float--r{animation-delay:-3.2s}.art__shadow{transform-box:fill-box;transform-origin:50%;animation:6.5s ease-in-out infinite alternate shadow}.art__shadow--r{animation-delay:-3.2s}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes shadow{0%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(.88)}}.art__ledglow{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite led}@keyframes led{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.battery{grid-template-columns:repeat(3,1fr);margin-top:4px;padding:16px 8px 14px;display:grid}.batt{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.batt+.batt:before{content:"";background:var(--line);width:1px;position:absolute;top:12px;bottom:12px;left:0}.batt__ring{width:58px;height:58px;position:relative}.batt__ring>svg{width:100%;height:100%;transform:rotate(-90deg)}.batt__track{fill:none;stroke:#0b0d1214;stroke-width:5px}.batt__fill{fill:none;stroke:var(--ink);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease), stroke .3s}.batt.is-low .batt__fill{stroke:var(--coral)}.batt.is-charging .batt__fill{stroke:var(--ink)}.batt__glyph{letter-spacing:-.02em;color:var(--ink-2);place-items:center;font-size:15px;font-weight:600;display:grid;position:absolute;inset:0}.batt__glyph svg{width:24px;height:18px}.batt__pct{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:21px;font-weight:600;line-height:1}.batt__pct small{letter-spacing:0;color:var(--mute);margin-left:1px;font-size:13px;font-weight:500}.batt__label{color:var(--mute);align-items:center;gap:3px;font-size:13px;display:inline-flex}.batt__label svg{width:13px;height:13px;color:var(--ink)}.batt.is-charging .batt__label{color:var(--ink-2)}.noise{margin-top:14px;padding:22px 20px 20px;overflow:hidden}.noise__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.noise__k{color:#9ba1b1;font-size:14px;font-weight:500}.noise__mode{letter-spacing:-.05em;color:#fff;margin:6px 0 0;font-size:36px;font-weight:600;line-height:1}.noise__line{color:#a8aebd;margin:8px 0 0;font-size:14px}.noise__db{text-align:right;flex:none}.noise__db b{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#fff;font-size:30px;font-weight:600;line-height:1;display:block}.noise__db b small{letter-spacing:0;color:#9ba1b1;margin-left:2px;font-size:14px;font-weight:500}.noise__db span{color:#8d93a3;margin-top:6px;font-size:12px;display:block}.wave{height:216px;margin:14px -20px 18px;position:relative}.wave__tag{color:#8d93a3;pointer-events:none;align-items:center;gap:7px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;left:20px}.wave__tag i{border-radius:2px;width:12px;height:3px}.wave__tag.l-noise i{background:var(--coral)}.wave__tag.l-anti i{background:var(--violet)}.wave__tag.l-out i{background:#fff}.wave canvas{width:100%;height:100%;display:block}.noise__stats{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px;display:grid}.stat{background:#ffffff0d;border-radius:16px;padding:12px 14px;box-shadow:inset 0 0 0 1px #ffffff0f}.stat span{color:#8d93a3;font-size:12.5px;display:block}.stat b{letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;margin-top:4px;font-size:22px;font-weight:600;display:block}.stat b small{letter-spacing:0;color:#8d93a3;margin-left:2px;font-size:13px;font-weight:500}.tiles{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.tile{background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);min-height:132px;box-shadow:inset 0 0 0 1px var(--edge), var(--shadow);transition:transform .35s var(--ease), box-shadow .35s;--ring:var(--ink);border-radius:22px;flex-direction:column;padding:16px;display:flex;position:relative}.tile:hover{transform:translateY(-2px)}.tile:active{transform:scale(.98)}.tile__icon{background:#0b0d120d;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.tile__icon svg{width:21px;height:21px}.tile__chev{width:18px;height:18px;color:var(--mute-2);position:absolute;top:18px;right:14px}.tile__title{letter-spacing:-.02em;margin-top:auto;padding-top:14px;font-size:16px;font-weight:600}.tile__note{min-height:2.7em;color:var(--mute);margin-top:2px;font-size:13px;line-height:1.35}.tile__spark{width:64px;height:26px;position:absolute;top:20px;right:14px}.tile__dot{background:var(--coral);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.demo-note{color:var(--mute-2);text-align:center;margin:28px 8px 0;font-size:12.5px;line-height:1.5}.eq-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:6px;display:flex}.eq-head__name{letter-spacing:-.04em;font-size:24px;font-weight:600;line-height:1.1}.eq-head__note{color:var(--mute);margin-top:3px;font-size:13px}.eq{-webkit-user-select:none;user-select:none;margin:10px -6px 0;position:relative}.eq svg{touch-action:none;cursor:ns-resize;width:100%;height:auto;display:block;overflow:visible}.eq__grid line{stroke:#0b0d1212;stroke-width:1px}.eq__grid line.zero{stroke:#0b0d1229;stroke-dasharray:3 4}.eq__axis{fill:var(--mute-2);font-variant-numeric:tabular-nums;font-family:inherit;font-size:10.5px}.eq__curve{fill:none;stroke:var(--coral);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.eq__col{fill:#0000}.eq__stem{stroke:#ff5b3a38;stroke-width:1.5px;stroke-dasharray:2 3}.eq__knob{cursor:grab;outline:none}.eq__knob .halo{fill:var(--coral);opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .25s, transform .35s var(--spring);transform:scale(.6)}.eq__knob .dot{fill:#fff;stroke:var(--coral);stroke-width:3px;transition:r .25s var(--spring);filter:drop-shadow(0 3px 5px #0b0d1229)}.eq__knob.is-active .halo,.eq__knob:focus-visible .halo{opacity:.16;transform:scale(1)}.eq__knob.is-active{cursor:grabbing}.eq__tip{pointer-events:none;opacity:0;transition:opacity .2s}.eq__tip.is-on{opacity:1}.eq__tip rect{fill:var(--ink)}.eq__tip text{fill:#fff;font-variant-numeric:tabular-nums;font-family:inherit;font-size:12px;font-weight:600}.eq-bands{height:40px;margin:2px -6px 0;position:relative}.eq-bands span{color:var(--mute);white-space:nowrap;flex-direction:column;align-items:center;font-size:12px;display:flex;position:absolute;top:0;transform:translate(-50%)}.eq-bands b{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.eq-bands span.is-active b{color:var(--coral-ink)}.eq-presets{border-top:1px solid var(--line);margin-top:14px;padding-top:16px}.spatial{align-items:center;gap:16px;margin-bottom:8px;display:flex}.spatial__art{background:#0b0d120a;border-radius:24px;flex:none;place-items:center;width:104px;height:104px;display:grid}.spatial__art svg{width:92px;height:92px;overflow:visible}.sp-src{fill:var(--coral);transition:transform .8s var(--ease), opacity .5s}.sp-ring{fill:none;stroke:#ff5b3a40;stroke-width:1px;stroke-dasharray:2 3;transition:opacity .5s}.sp-head{transform-origin:46px 46px;transition:transform .8s var(--ease)}.sp-field{transform-origin:46px 46px}.spatial.is-on .sp-head,.spatial.is-on:not(.is-tracking) .sp-field{animation:5s ease-in-out infinite look}.spatial:not(.is-on) .sp-ring{opacity:0}@keyframes look{0%,to{transform:rotate(-22deg)}50%{transform:rotate(22deg)}}.bud-pick{grid-template-columns:1fr 1.25fr;align-items:center;gap:12px;display:grid}.bud-pick__art{place-items:center;height:200px;display:grid;position:relative}.bud-pick__art .art{width:auto;height:100%}.bud-pick__touch{width:22px;height:22px;animation:press 2.4s var(--ease) infinite;background:#ff5b3a38;border-radius:50%;position:absolute;box-shadow:0 0 0 1.5px #ff5b3ab3}@keyframes press{0%,to{opacity:.4;transform:scale(.7)}30%{opacity:1;transform:scale(1.1)}60%{opacity:.8;transform:scale(.85)}}.bud-pick__side .seg{margin-top:12px}.gesture+.gesture{margin-top:14px}.gesture__head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.gesture__glyph{background:var(--coral-soft);width:36px;height:36px;color:var(--coral-ink);border-radius:11px;flex:none;place-items:center;display:grid}.gesture__glyph svg{width:22px;height:22px}.opt{text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:54px;padding:8px 0;display:flex}.opts>.opt+.opt{border-top:1px solid var(--line);border-radius:0}.opt__text{flex-direction:column;flex:1;min-width:0;display:flex}.opt__name{font-size:15px;font-weight:500}.opt__note{color:var(--mute);font-size:13px}.opt__check{width:24px;height:24px;box-shadow:inset 0 0 0 1.5px var(--line-2);color:#fff;transition:background .25s, box-shadow .25s, transform .35s var(--spring);border-radius:50%;flex:none;place-items:center;display:grid}.opt__check svg{stroke-width:2.6px;opacity:0;width:15px;height:15px;transition:opacity .2s, transform .35s var(--spring);transform:scale(.5)}.opt[aria-checked=true] .opt__check{background:var(--coral);box-shadow:none}.opt[aria-checked=true] .opt__check svg{opacity:1;transform:none}.fit__stage{grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 16px;display:grid;position:relative}.fit__bud{background:#0b0d1209;border-radius:20px;flex-direction:column;align-items:center;padding:14px 10px;display:flex;position:relative;overflow:hidden}.fit__art{width:74px;height:120px;position:relative}.fit__art .art{width:100%;height:100%}.fit__waves{pointer-events:none;width:140px;height:140px;position:absolute;top:18%;left:50%;transform:translate(-50%,-50%)}.fit__waves i{border:1.5px solid var(--coral);opacity:0;border-radius:50%;position:absolute;inset:0}.fit.is-running .fit__waves i{animation:sonar 1.6s var(--ease) infinite}.fit.is-running .fit__waves i:nth-child(2){animation-delay:.53s}.fit.is-running .fit__waves i:nth-child(3){animation-delay:1.06s}@keyframes sonar{0%{opacity:.8;transform:scale(.25)}to{opacity:0;transform:scale(1)}}.fit__label{color:var(--mute);margin-top:8px;font-size:13px}.fit__result{letter-spacing:-.02em;text-align:center;min-height:22px;margin-top:2px;font-size:15px;font-weight:600}.fit__result.is-good{color:var(--ink)}.fit__result.is-loose{color:var(--coral-ink)}.fit__meter{background:#0b0d1214;border-radius:999px;width:100%;height:6px;margin-top:10px;overflow:hidden}.fit__meter i{border-radius:inherit;background:var(--ink);width:0;height:100%;transition:width 1.2s var(--ease);display:block}.fit__meter i.is-loose{background:var(--coral)}.fit__progress{background:#0b0d1214;border-radius:999px;height:4px;margin-bottom:14px;overflow:hidden}.fit__progress i{background:var(--coral);border-radius:inherit;width:0;height:100%;display:block}.tips{gap:10px;margin:4px 0 16px;display:grid}.tips__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tips__row>span{font-size:14px;font-weight:500}.map{border-radius:var(--r);background:#e3e7ec;height:300px;position:relative;overflow:hidden}.map svg{width:100%;height:100%;display:block}.map__land{fill:#e4e8ed}.map__block{fill:#d9dee5}.map__park{fill:#dde6de}.map__water{fill:#d3dde9}.map__road{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round}.map__label{fill:#8a919e;letter-spacing:.01em;font-family:inherit;font-size:9px;font-weight:500}.map__label--park{fill:#7c9282}.map__label--water{fill:#7f93ad}.map__route{fill:none;stroke:var(--coral);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1 7;opacity:0;transition:opacity .4s}.map__route.is-on{opacity:1;animation:1s linear infinite march}@keyframes march{to{stroke-dashoffset:-8px}}.map__you-halo{fill:#0b0d121a;transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite halo}@keyframes halo{0%,to{transform:scale(.8)}50%{transform:scale(1.15)}}.map__pin{cursor:pointer}.map__pin .pin-bg{fill:#fff;filter:drop-shadow(0 4px 8px #0b0d1238);transition:transform .4s var(--spring);transform-box:fill-box;transform-origin:50% 100%}.map__pin.is-on .pin-bg{fill:var(--ink)}.map__pin.is-on .pin-text{fill:#fff}.map__pin .pin-text{fill:var(--ink);font-family:inherit;font-size:10px;font-weight:600}.map__chime circle{fill:none;stroke:var(--coral);stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%}.map__chime.is-on circle{animation:1.8s cubic-bezier(.2,.7,.3,1) infinite chime}.map__chime.is-on circle:nth-child(2){animation-delay:.6s}.map__chime.is-on circle:nth-child(3){animation-delay:1.2s}@keyframes chime{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1)}}.map__badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 14px -6px #0b0d1233}.map__zoom{gap:6px;display:grid;position:absolute;top:12px;right:12px}.map__zoom button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:36px;height:36px;color:var(--ink-2);background:#ffffffdb;border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 14px -6px #0b0d1233}.map__zoom svg{width:18px;height:18px}.find-list{margin-top:14px;padding:6px 8px}.find-row{text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;min-height:70px;padding:10px;transition:background .25s;display:flex}.find-row+.find-row{margin-top:2px}.find-row[aria-pressed=true]{background:#0b0d120d}.find-row__art{width:46px;height:46px;box-shadow:inset 0 0 0 1px var(--line);background:#ffffffe6;border-radius:14px;flex:none;place-items:center;display:grid}.find-row__art .art{width:34px;height:34px}.find-row__art .art--bud{width:auto;height:38px}.find-row__text{flex-direction:column;flex:1;min-width:0;display:flex}.find-row__name{align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.find-row__where{color:var(--mute);font-size:13px;line-height:1.4}.find-row__dist{text-align:right;letter-spacing:-.02em;font-variant-numeric:tabular-nums;flex:none;font-size:15px;font-weight:600}.find-row__dist small{letter-spacing:0;color:var(--mute);font-size:12px;font-weight:400;display:block}.bars{align-items:center;gap:2px;height:14px;display:inline-flex}.bars i{background:var(--coral);border-radius:2px;width:2.5px;height:4px}.bars.is-on i{animation:.9s ease-in-out infinite bar}.bars.is-on i:nth-child(2){animation-delay:-.3s}.bars.is-on i:nth-child(3){animation-delay:-.6s}.bars.is-on i:nth-child(4){animation-delay:-.15s}@keyframes bar{0%,to{height:4px}50%{height:14px}}.find-actions{margin-top:14px;scroll-margin-bottom:104px}.find-status{background:var(--coral-soft);color:var(--ink);border-radius:18px;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;font-size:14px;line-height:1.4;display:flex}.find-status .bars{flex:none}.find-status--info{color:var(--ink-2);background:#0b0d120b}.find-status__icon{width:20px;height:20px;color:var(--mute);flex:none}.find-status__icon svg{width:20px;height:20px}.find-status b{font-weight:600}.find-note{color:var(--mute);margin:12px 4px 0;font-size:13px;line-height:1.45}.dev-hero{text-align:center;padding:22px 20px 20px}.dev-hero__art{width:min(100%,300px);margin:0 auto}.name-field{justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex;position:relative}.name-field input{text-align:center;width:100%;max-width:280px;height:44px;color:var(--ink);letter-spacing:-.04em;background:0 0;border:0;border-radius:999px;outline:none;padding:0 40px;font-size:24px;font-weight:600;transition:background .25s,box-shadow .25s}.name-field input:hover{background:#0b0d120a}.name-field input:focus{box-shadow:inset 0 0 0 1.5px var(--coral);background:#fff}.name-field svg{width:16px;height:16px;color:var(--mute-2);pointer-events:none;position:absolute;right:calc(50% - 132px)}.name-field input:focus+svg{opacity:0}.dev-hero__meta{color:var(--mute);margin-top:2px;font-size:13px}.swatches{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.swatch{box-shadow:inset 0 0 0 1px var(--line);--ring:var(--ink);background:#ffffff80;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:14px 6px 12px;font-size:14px;font-weight:500;transition:box-shadow .25s,background .25s;display:flex;position:relative}.swatch[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--ink);background:#fff}.swatch__dot{border-radius:50%;width:40px;height:40px;box-shadow:inset 0 -6px 12px #0000001f,inset 0 4px 8px #fff9,0 0 0 1px #0b0d1214}.fw__top{align-items:center;gap:14px;display:flex}.fw__badge{background:var(--coral-soft);width:44px;height:44px;color:var(--coral-ink);border-radius:14px;flex:none;place-items:center;display:grid}.fw__badge.is-done{color:var(--ink);background:#0b0d120d}.fw__badge svg{width:22px;height:22px}.fw__notes{gap:8px;margin:14px 0 16px;padding:0;list-style:none;display:grid}.fw__notes li{color:var(--ink-2);padding-left:18px;font-size:14px;line-height:1.45;position:relative}.fw__notes li:before{content:"";background:var(--coral);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:2px}.progress{margin:16px 0 6px}.progress__bar{background:#0b0d1214;border-radius:999px;height:8px;overflow:hidden}.progress__bar i{border-radius:inherit;background:var(--coral);width:0;height:100%;transition:width .25s linear;display:block}.progress__meta{color:var(--mute);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:13px;display:flex}.progress__meta b{color:var(--ink);font-weight:600}.steps{gap:6px;margin-top:12px;display:flex}.steps span{color:var(--mute-2);border-top:2px solid #0b0d1214;flex:1;padding-top:8px;font-size:12px;transition:color .3s,border-color .3s}.steps span.is-on{color:var(--ink);border-color:var(--coral)}.steps span.is-done{color:var(--mute);border-color:var(--ink)}.health{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;display:grid}.health__item{background:#0b0d1209;border-radius:16px;padding:14px 12px}.health__item span{color:var(--mute);font-size:12.5px;display:block}.health__item b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:3px;font-size:22px;font-weight:600;display:block}.health__item b small{letter-spacing:0;color:var(--mute);font-size:13px;font-weight:500}.spec{justify-content:space-between;gap:16px;padding:13px 0;font-size:14px;display:flex}.spec+.spec{border-top:1px solid var(--line)}.spec dt{color:var(--mute);flex:none}.spec dd{text-align:right;margin:0;font-weight:500}.specs{margin:-6px 0}.forget{margin-top:20px}.pair{text-align:center;padding:20px 8px 0}.pair__art{width:230px;margin:10px auto 0;position:relative}.pair__radar{pointer-events:none;width:320px;height:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pair__radar i{border:1.5px solid var(--violet);opacity:0;border-radius:50%;position:absolute;inset:0}.pair.is-searching .pair__radar i{animation:sonar 2.4s var(--ease) infinite}.pair.is-searching .pair__radar i:nth-child(2){animation-delay:.8s}.pair.is-searching .pair__radar i:nth-child(3){animation-delay:1.6s}.pair .h1{margin-top:18px}.pair .lead{max-width:320px;margin-left:auto;margin-right:auto}.pair__found{text-align:left;align-items:center;gap:14px;max-width:360px;margin:22px auto 0;display:flex}.pair__found .art{flex:none;width:64px}.pair__cta{gap:10px;max-width:360px;margin-top:24px;margin-left:auto;margin-right:auto;display:grid}.toasts{z-index:60;left:50%;top:calc(env(safe-area-inset-top) + 66px);pointer-events:none;gap:8px;width:min(100% - 32px,380px);display:grid;position:fixed;transform:translate(-50%)}.toast{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transition:opacity .35s var(--ease), transform .45s var(--ease);background:#0b0d12e0;border-radius:18px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;display:flex;transform:translateY(-10px)scale(.97);box-shadow:0 18px 40px -16px #0b0d1280}.toast.is-in{opacity:1;transform:none}.toast.is-out{opacity:0;transform:translateY(-6px)}.toast__icon{background:var(--coral);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.toast__icon svg{stroke-width:2.6px;width:14px;height:14px}.sheet{z-index:70;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet__scrim{opacity:0;background:#0b0d1252;transition:opacity .35s;position:absolute;inset:0}.sheet__panel{width:min(100%,560px);padding:10px 20px calc(22px + env(safe-area-inset-bottom));background:var(--glass-2);-webkit-backdrop-filter:blur(30px)saturate(1.6);backdrop-filter:blur(30px)saturate(1.6);transition:transform .45s var(--ease);text-align:center;border-radius:30px 30px 0 0;position:relative;transform:translateY(100%);box-shadow:inset 0 1px #fff,0 -20px 60px -20px #0b0d124d}.sheet.is-open .sheet__scrim{opacity:1}.sheet.is-open .sheet__panel{transform:none}.sheet__grab{background:#0b0d1229;border-radius:999px;width:40px;height:5px;margin:0 auto 18px}.sheet__art{width:150px;margin:0 auto 6px}.sheet .h2{letter-spacing:-.035em;font-size:22px}.sheet .lead{max-width:320px;margin:8px auto 20px;font-size:14px}.sheet .btn-row{flex-direction:column}.sheet .btn-row>.btn{flex:none;width:100%}@media (min-width:960px){body.tacet{background:radial-gradient(60% 50% at 50% 46%, #fffffff2, #fff0 70%), radial-gradient(40% 40% at 12% 100%, #6e5bff12, transparent 70%), radial-gradient(40% 40% at 90% 0%, #ff5b3a0f, transparent 70%), var(--air);overflow-x:clip}.stage{grid-template-columns:minmax(0,300px) auto minmax(0,290px);justify-content:center;align-items:center;gap:clamp(28px,4.2vw,76px);min-height:100vh;padding:24px 32px;display:grid}.side{align-self:center;min-width:0;display:block}.phone{--frame:12px;width:calc(390px + var(--frame) * 2);max-width:none;height:clamp(600px,100vh - 48px,868px);min-height:0;padding:var(--frame);background:linear-gradient(145deg,#3b3f48,#15171c 30%,#0d0f13 70%,#2c3038);border-radius:64px;margin:0;box-shadow:inset 0 0 0 1.5px #4a4f59,inset 0 0 0 4px #121418,0 60px 120px -40px #0b0d126b,0 30px 60px -30px #0b0d124d,0 0 0 1px #0b0d121a}.phone__frame{pointer-events:none;display:block;position:absolute;inset:0}.phone__btn{background:linear-gradient(90deg,#2a2d34,#4a4e57);border-radius:2px;width:4px;position:absolute}.phone__btn--action{height:30px;top:128px;left:-3px}.phone__btn--up{height:58px;top:182px;left:-3px}.phone__btn--down{height:58px;top:254px;left:-3px}.phone__btn--power{background:linear-gradient(270deg,#2a2d34,#4a4e57);height:92px;top:210px;right:-3px}.screen{isolation:isolate;background:var(--air);border-radius:52px;height:100%;overflow:hidden;box-shadow:0 0 0 1px #0009}.statusbar{z-index:25;letter-spacing:-.02em;pointer-events:none;justify-content:space-between;align-items:center;height:54px;padding:6px 30px 0 46px;font-size:16px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.statusbar__time{font-variant-numeric:tabular-nums;text-align:center;width:54px}.statusbar__island{background:#000;border-radius:999px;width:124px;height:36px;margin-left:-62px;position:absolute;top:11px;left:50%}.statusbar__icons{align-items:center;gap:6px;display:inline-flex}.appbar{height:56px;padding:0 20px;position:absolute;top:54px;left:0;right:0}.appbar:before{top:-54px}.appbar__title{top:50%}.main{overscroll-behavior:contain;padding:114px var(--pad) 128px;scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}.main::-webkit-scrollbar{display:none}.tabbar{width:auto;position:absolute;bottom:30px;left:12px;right:12px;transform:none}.tabbar.is-hidden{transform:translateY(140%)}.phone__home{z-index:40;background:var(--ink);opacity:.85;pointer-events:none;border-radius:999px;width:136px;height:5px;margin-left:-68px;display:block;position:absolute;bottom:8px;left:50%}.toasts{position:absolute;top:112px}.sheet{position:absolute}.sheet__panel{border-radius:34px 34px 0 0;padding-bottom:36px}.demo-note--app{display:none}.side__brand{letter-spacing:-.035em;align-items:center;gap:10px;margin-bottom:40px;font-size:20px;font-weight:600;display:inline-flex}.side__brand img{width:30px;height:30px}.side__h{letter-spacing:-.045em;margin:0 0 16px;font-size:26px;font-weight:600;line-height:1.1}.devices{gap:10px;margin:0;padding:0;list-style:none;display:grid}.dev{background:#ffffff80;border-radius:22px;grid-template-columns:48px 1fr;align-items:center;gap:4px 14px;padding:14px 16px;display:grid;box-shadow:inset 0 0 0 1px #ffffffb3}.dev.is-active{background:var(--glass-2);box-shadow:inset 0 0 0 1px #fff, var(--shadow)}.dev__art{width:48px;height:48px;color:var(--ink-2);background:#0b0d120a;border-radius:15px;place-items:center;display:grid}.dev.is-active .dev__art{background:var(--air)}.dev__art .art{width:44px}.dev__art svg:not(.art){width:24px;height:24px}.dev__name{letter-spacing:-.02em;font-size:15px;font-weight:600;line-height:1.25;display:block}.dev__note{color:var(--mute);align-items:center;gap:6px;font-size:13px;display:flex}.dev__note .bars{height:10px}.dev__note .bars i{width:2px}.dev__batt{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px;padding-top:12px;display:grid}.mini span{color:var(--mute);justify-content:space-between;font-size:12px;display:flex}.mini b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.mini i{background:#0b0d1214;border-radius:999px;height:4px;margin-top:6px;display:block;overflow:hidden}.mini i:before{content:"";height:100%;width:var(--v);background:var(--ink);border-radius:inherit;transition:width 1s var(--ease);display:block}.mini.is-low i:before{background:var(--coral)}.side__card{color:var(--ink-2);background:#ffffff6b;border-radius:20px;margin-top:18px;padding:16px 18px;font-size:13.5px;line-height:1.5;box-shadow:inset 0 0 0 1px #ffffffb3}.side__card b{font-weight:600}.side__card a{color:var(--coral-ink);font-weight:500}.help{gap:4px;display:grid}.help__title{color:var(--mute);margin:-6px 0 14px;font-size:15px}.help__tip{padding:14px 0}.help__tip+.help__tip{border-top:1px solid var(--line-2)}.help__tip b{letter-spacing:-.02em;margin-bottom:4px;font-size:15px;font-weight:600;display:block}.help__tip p{color:var(--mute);margin:0;font-size:14px;line-height:1.55}.side--help .demo-note{text-align:left;background:#fff6;border-radius:16px;margin:22px 0 0;padding:12px 14px}.help,.devices{animation:viewIn .5s var(--ease) both}}@media (min-width:960px) and (max-height:640px){.stage{align-items:start}}@media (max-width:380px){:root{--pad:12px}.h1{font-size:30px}.noise__mode{font-size:32px}.noise__db b{font-size:26px}.tab{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.art__float,.art__shadow,.art__ledglow,.conn__dot:after,.map__you-halo,.bud-pick__touch,.spatial .sp-head,.spatial .sp-field{animation:none!important}.map__chime.is-on circle{opacity:.5;animation:none!important}.map__chime.is-on circle:first-child{transform:scale(.45)}.map__chime.is-on circle:nth-child(2){opacity:.32;transform:scale(.7)}.map__chime.is-on circle:nth-child(3){opacity:.18;transform:scale(.95)}.bars.is-on i{height:10px;animation:none!important}.fit.is-running .fit__waves i{opacity:.4;animation:none!important}.pair.is-searching .pair__radar i{opacity:.25;animation:none!important}}
