:root{color:#242925;font-synthesis:none;--surface:#fffef9;--muted:#656b63;--line:#dcded3;--accent:#a84020;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;background:#f6f5ef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6}button,input{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}button{border:1px solid var(--line);background:var(--surface);color:inherit;cursor:pointer;border-radius:5px;min-height:44px;padding:9px 14px;font-weight:550;line-height:1.4}button:hover:not(:disabled){border-color:#777d70}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input[type=range]{accent-color:var(--accent);cursor:pointer;min-width:0;min-height:28px}h1,h2,p{margin:0}h1{letter-spacing:-.055em;font-size:clamp(32px,4.5vw,52px);font-weight:650;line-height:1.12}h2{letter-spacing:-.025em;font-size:22px;font-weight:600;line-height:1.25}code,pre,output{font-family:var(--mono)}code{font-size:.9em}pre{margin:0;font-size:14px;line-height:1.7;overflow:auto}.muted{color:var(--muted)}.small{font-size:14px}.kicker{color:var(--accent);margin-bottom:10px;font-size:14px;font-weight:600}.page-container{width:min(1040px,100%);margin:auto;padding:0 32px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:84px;display:flex}.wordmark{font-family:var(--mono);letter-spacing:-.07em;font-size:21px;font-weight:700;text-decoration:none}.wordmark span{color:var(--accent)}.site-header nav{gap:24px;font-size:14px;display:flex}.site-header nav a{padding:12px 0;text-decoration:none}.intro{padding:44px 0 26px}.intro>p:last-child{color:var(--muted);max-width:58ch;margin-top:15px}.playground{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px}.sound-bar{justify-content:space-between;align-items:center;gap:24px;display:flex}.sound-toggle{justify-content:center;align-items:center;gap:9px;min-width:230px;display:flex}.sound-dot{opacity:.65;background:currentColor;border-radius:50%;width:7px;height:7px}.sound-dot.is-on{color:var(--accent);opacity:1}.volume-control{align-items:center;gap:10px;font-size:14px;display:flex}.volume-control input{width:110px}.volume-control output{text-align:right;min-width:4ch}.sound-status{color:var(--muted);margin-top:12px}.examples{grid-template-columns:1.05fr 1fr 1.25fr;margin-top:26px;display:grid}.example{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;padding:0 22px;display:flex}.example:first-child{padding-left:0}.example:last-child{padding-right:0}.example+.example{border-left:1px solid var(--line)}.example-label{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.example-label h2{font-size:17px}.example-label>code{color:var(--muted);font-size:12px}.counter-value,.boolean-value,.list-value{align-items:center;height:74px;display:flex}.counter-value{letter-spacing:-.075em;font-size:56px;line-height:1}.boolean-value{gap:12px;font-size:24px}.boolean-light{border:1px solid #9a9f93;border-radius:50%;width:14px;height:14px}.boolean-light.active{background:var(--accent);border-color:var(--accent)}.list-value{font-size:26px}.list-buttons{flex-wrap:wrap;gap:6px;display:flex}.example p{line-height:1.5}.inspection-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;margin-top:24px;padding-top:12px;display:flex}.inspection-bar details{flex:1;min-width:0}summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px;font-weight:550}.state-display{padding:12px 0}.quiet-button{color:var(--muted);background:0 0;border-color:#0000}.changes{border-top:1px solid var(--line);margin-top:12px;padding-top:20px}.section-title{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.section-title h2{font-size:17px}.section-title>span{color:var(--muted);font-size:12px}.change-list{margin:0;padding:0;list-style:none}.log-entry{border-bottom:1px solid #eceee6;grid-template-columns:70px minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:9px 0;font-size:14px;display:grid}.change-path{color:var(--accent)}.change-values{overflow-wrap:anywhere;min-width:0}.badge{color:var(--muted);font-size:12px}.changes>p:last-child{margin-top:14px}.burst-section{grid-template-columns:1fr 1fr;gap:36px;padding:36px 0;display:grid}.burst-section h2{max-width:21ch}.burst-section p.muted{margin-top:12px}.segmented{gap:6px;display:flex}.segmented button{text-align:left;flex:1}.segmented code{color:var(--muted);font-size:12px;font-weight:400;display:block}button[aria-pressed=true]:not(.sound-toggle){border-color:var(--accent);background:#f7eae2}.burst-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.burst-actions output{color:var(--muted);font-size:14px}.tuning{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 0}.tuning summary span{color:var(--muted);margin-left:10px;font-weight:400}.tuning>p{max-width:75ch;margin:8px 0 16px;font-size:14px}.preset-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tone-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:20px 0;display:grid}.tone-controls label{grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:14px;display:grid}.tone-controls label>span{grid-column:1/-1;font-size:12px}.tone-controls input{grid-column:1;width:100%}.tone-controls output{font-size:12px}.usage{padding:38px 0 18px}.usage>.muted{max-width:75ch;margin:16px 0}.install-line{border-left:3px solid var(--accent);background:#eaece2;margin-top:20px;padding:12px 16px;font-size:15px}.code-block{color:#f0f2e7;background:#232923;border-radius:6px;margin-top:20px;overflow:hidden}.code-toolbar{font-family:var(--mono);border-bottom:1px solid #41483d;justify-content:space-between;align-items:center;gap:16px;padding:8px 18px;font-size:12px;display:flex}.code-toolbar button{color:#f0f2e7;background:0 0;border-color:#626b5a;font-family:inherit;font-size:12px}.code-block pre{padding:20px}.code-block pre code{font-size:inherit}.copy-status{padding:0 20px 12px;font-size:14px;display:block}.copy-status:empty{display:none}.sound-help{border-top:1px solid var(--line);margin-bottom:28px}.sound-help>p{color:var(--muted);max-width:75ch;padding:4px 0 12px;font-size:14px}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:20px 0 32px;font-size:14px;display:flex}.site-footer nav{gap:18px;display:flex}.skip-link{background:var(--surface);z-index:1;padding:10px;position:absolute;top:-80px;left:16px}.skip-link:focus{top:8px}@media (width<=820px){.examples{grid-template-columns:1fr 1fr;gap:22px 0}.list-example{border-top:1px solid var(--line);grid-column:1/-1;padding:18px 0 0;border-left:0!important}.list-value{height:auto}.burst-section{grid-template-columns:1fr;gap:22px}.burst-section h2{max-width:none}.volume-control{flex-wrap:wrap}.tone-controls{grid-template-columns:1fr;gap:20px;max-width:420px}}@media (width<=560px){body{font-size:15px}.page-container{padding:0 16px}.site-header{gap:8px;min-height:66px}.wordmark{font-size:19px}.site-header nav{gap:14px;font-size:13px}.intro{padding:26px 0 22px}.intro h1{max-width:12ch}.playground{padding:16px}.sound-bar{flex-direction:column;align-items:stretch;gap:14px}.sound-toggle{min-width:0}.volume-control{flex-wrap:nowrap}.volume-control input{flex:1;width:auto}.examples{gap:20px 0;margin-top:24px}.example{gap:12px;padding:0 12px}.example-label{flex-direction:column;gap:3px}.counter-value{font-size:48px}.boolean-value{gap:8px;font-size:20px}.list-example{padding:16px 0 0}.list-example .example-label{flex-direction:row;gap:10px}.log-entry{grid-template-columns:52px minmax(0,1fr);gap:8px}.badge{display:none}.burst-section{padding:28px 0}.usage{padding-top:30px}.site-footer{flex-direction:column;align-items:flex-start;gap:10px}.code-block pre{padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}