:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111722;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #111722;--muted: #68707f;--line: #dfe3ea;--soft-line: #edf0f4;--accent: #342ce7;--quiet: #57aa61;--orientation: #d98b00;--high: #e84552;--night: #f4f6ff}*{box-sizing:border-box}html{background:#fff}body{margin:0;min-width:320px;min-height:100vh;background:#fff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:3px}.app-shell{width:min(100%,1180px);margin:0 auto;padding:0 20px 28px}.app-header{min-height:84px;display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid var(--line)}.brand{color:var(--ink);display:inline-flex;align-items:center;gap:10px;font-size:27px;font-weight:650;letter-spacing:-.035em;text-decoration:none}.brand-mark{width:40px;height:32px}.brand-mark path{stroke:var(--accent);stroke-width:2.5;stroke-linecap:round}.icon-button{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:12px;color:var(--accent);background:transparent;cursor:pointer}.icon-button:hover{background:#f5f5ff}.icon-button svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.share-toast{position:absolute;right:0;top:66px;z-index:5;padding:8px 11px;border-radius:8px;color:#fff;background:var(--ink);font-size:13px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.share-toast.is-visible{opacity:1;transform:translateY(0)}.level-hero{position:relative;min-height:390px;display:grid;place-items:center;padding:34px 0 24px;overflow:hidden}.level-gauge{position:absolute;left:50%;top:30px;width:290px;height:250px;transform:translate(-54%);pointer-events:none}.level-gauge svg{width:100%;height:100%;overflow:visible}.level-gauge path{fill:none;stroke-linecap:round;stroke-width:8}.gauge-track{stroke:#edf0f2}.gauge-value{stroke:var(--state-color)}.level-content{position:relative;z-index:1;width:100%;text-align:center}.level-reading{display:flex;align-items:baseline;justify-content:center;gap:11px;font-variant-numeric:tabular-nums}.level-reading strong{font-size:clamp(90px,29vw,142px);line-height:.88;letter-spacing:-.075em;font-weight:590}.level-reading span{font-size:clamp(31px,9vw,44px);letter-spacing:-.04em}.level-caption{margin:20px 0 0;color:var(--muted);font-size:18px;letter-spacing:-.015em}.level-meaning{margin:29px 0 0;color:var(--state-color);font-size:20px;font-weight:650;letter-spacing:-.025em}.freshness{margin:20px 0 0;display:inline-flex;align-items:center;gap:10px;color:#4f5663;font-size:16px}.freshness-dot{width:10px;height:10px;border-radius:50%;background:var(--state-color)}.state-quiet{--state-color: var(--quiet)}.state-orientation{--state-color: var(--orientation)}.state-high{--state-color: var(--high)}.range-selector{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid var(--accent);border-radius:12px;overflow:hidden}.range-selector button{min-height:50px;border:0;border-right:1px solid var(--accent);color:var(--accent);background:#fff;font-size:15px;font-weight:590;cursor:pointer}.range-selector button:last-child{border-right:0}.range-selector button:hover:not(.is-selected){background:#f7f7ff}.range-selector button.is-selected{color:#fff;background:var(--accent)}.chart-section{padding-top:34px;transition:opacity .14s ease}.chart-section.is-loading{opacity:.7}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.section-heading h2{margin:0;font-size:31px;font-weight:580;letter-spacing:-.045em}.section-heading span{color:var(--muted);font-size:13px}.chart-shell{margin:17px -8px 0}.sound-chart{display:block;width:100%;height:auto;overflow:visible;touch-action:none}.night-band{fill:var(--night)}.orientation-band{fill:#fff7dc}.grid-line{stroke:#e8ebf0;stroke-width:1;stroke-dasharray:3 5}.threshold-line{stroke:#e8a017;stroke-width:1.2;stroke-dasharray:5 5}.axis-label{fill:#697181;font-size:12px;font-variant-numeric:tabular-nums}.threshold-label{fill:var(--orientation)}.unit-label{font-weight:600}.x-label{font-size:11px}.data-segment{stroke-width:2.4;stroke-linecap:round}.data-segment.state-quiet{stroke:var(--quiet)}.data-segment.state-orientation{stroke:var(--orientation)}.data-segment.state-high{stroke:var(--high)}.chart-selection>line{stroke:var(--accent);stroke-width:1.5}.chart-selection>circle{fill:#fff;stroke:var(--accent);stroke-width:3}.chart-selection g rect{fill:#fff;stroke:#ccd1da}.chart-selection text{fill:var(--ink);font-size:11px}.chart-selection .tooltip-value{font-size:13px;font-weight:700}.chart-hint{margin:-7px 0 0;color:var(--muted);text-align:center;font-size:12px}.chart-empty{min-height:260px;display:grid;place-items:center;color:var(--muted)}.chart-building{min-height:260px;display:flex;align-items:center;justify-content:center;gap:18px;color:var(--ink);text-align:left}.chart-building-mark{position:relative;width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #dfe3ec;border-radius:50%;background:#fafbff}.chart-building-mark:before,.chart-building-mark:after{content:"";position:absolute;width:8px;border-radius:999px;background:#c9c6ff}.chart-building-mark:before{height:18px;transform:translate(-10px)}.chart-building-mark:after{height:28px;transform:translate(10px)}.chart-building-mark i{width:8px;height:38px;border-radius:999px;background:var(--accent)}.chart-building p{margin:0;display:grid;gap:4px}.chart-building strong{font-size:16px;font-weight:650;letter-spacing:-.015em}.chart-building p span{color:var(--muted);font-size:13px}.stat-rail{margin-top:30px;padding:27px 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat-rail>div{min-width:0;padding:0 18px}.stat-rail>div:first-child{padding-left:0;border-right:1px solid var(--line)}.stat-rail>div:last-child{padding-right:0}.stat-rail h3{min-height:36px;margin:0;font-size:14px;line-height:1.3;font-weight:590}.stat-rail p{margin:11px 0 3px;font-size:14px;white-space:nowrap}.stat-rail p strong{font-size:34px;font-weight:540;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.stat-rail span{color:var(--muted);font-size:12px}.stat-rail .stat-missing{white-space:normal;color:var(--muted);font-size:14px}.context-list{border-bottom:1px solid var(--line)}.context-row{min-height:78px;display:grid;grid-template-columns:36px 1fr 26px;gap:13px;align-items:center;border-bottom:1px solid var(--soft-line)}.context-row div{display:grid;gap:3px}.context-row strong{font-size:15px;font-weight:560}.context-row span{color:var(--muted);font-size:12px;line-height:1.35}.context-icon,.info-icon{fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.context-icon{width:27px;height:27px}.context-icon.calibration{color:var(--orientation);stroke:currentColor}.context-icon.profile{color:var(--accent);stroke:currentColor}.info-icon{width:22px;height:22px;color:#7c8492;stroke:currentColor}.explanation{width:100%;min-height:80px;padding:18px 0;display:grid;grid-template-columns:36px 1fr 26px;gap:13px;align-items:start;border:0;color:var(--ink);background:#fff;text-align:left;cursor:pointer}.question-mark{width:27px;height:27px;display:grid;place-items:center;border:1.6px solid var(--accent);border-radius:50%;color:var(--accent);font-weight:700}.explanation-copy{display:grid;gap:11px}.explanation-copy>strong{padding-top:3px;font-size:16px;font-weight:620}.color-key{display:flex;flex-wrap:wrap;gap:5px 13px;font-size:13px}.color-key em{font-style:normal}.quiet-text{color:#378946}.orientation-text{color:#b57000}.high-text{color:#c93542}.chevron{width:24px;height:24px;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.chevron.is-open{transform:rotate(180deg)}footer{padding:25px 0 4px;color:var(--muted);text-align:center;font-size:12px}@media(min-width:760px){.app-shell{padding-inline:34px}.app-header{min-height:80px}main{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(480px,1.3fr);grid-template-rows:auto auto;column-gap:58px}.level-hero{grid-column:1;grid-row:1 / span 2;min-height:360px;align-self:start;position:sticky;top:0}.level-gauge{top:45px;width:330px;height:280px}.level-reading strong{font-size:clamp(100px,11vw,148px)}.range-selector{grid-column:2;grid-row:1;align-self:start;margin-top:30px}.chart-section{grid-column:2;grid-row:2;padding-top:28px}.stat-rail,.context-list{grid-column:2}footer{margin-left:calc(35% + 29px)}}@media(min-width:1080px){.app-shell{padding-inline:42px}main{grid-template-columns:360px minmax(620px,1fr);column-gap:72px}.range-selector{max-width:460px;justify-self:end;width:100%}.section-heading h2{font-size:36px}.stat-rail h3{min-height:auto;font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}