.sd-demo{--sd-ink:#1b1b1b;--sd-ink-2:#555;--sd-ink-3:gray;--sd-line:#e1e1e1;--sd-surface:#fff;--sd-sunk:#f0f0ef;--sd-accent:#0a84ff;--sd-accent-soft:#e2f0ff;--sd-ok:#298646;--sd-ok-soft:#dcf7e1;--sd-warn:#b17000;--sd-warn-soft:#fff0d1;--sd-no:#c13c3b;--sd-no-soft:#ffe8e6;--sd-ease:cubic-bezier(.23, 1, .32, 1);color:var(--sd-ink);grid-template-columns:minmax(0,1fr);gap:16px;padding:18px;font-size:14px;line-height:1.45;display:grid}@supports (color:lab(0% 0 0)){.sd-demo{--sd-ink:lab(9.52% -.00000745058 0);--sd-ink-2:lab(36.2% 0 .00000596046);--sd-ink-3:lab(53.6% 0 0);--sd-line:lab(89.56% -.0000298023 0);--sd-sunk:lab(94.7905% -.00649691 .761867);--sd-accent-soft:lab(94.1652% -3.08996 -10.6153);--sd-ok:lab(49.4309% -39.316 25.9959);--sd-ok-soft:lab(94.7335% -11.8404 7.56122);--sd-warn:lab(53.3058% 21.3801 59.9501);--sd-warn-soft:lab(95.5261% 2.02972 19.535);--sd-no:lab(46.0946% 53.6611 32.391);--sd-no-soft:lab(93.9229% 9.19664 4.96061)}}.sd-demo{container:sd/inline-size}.sd-demo[data-watch]{width:100%;padding:0}.sd-demo[data-watch] .sd-watch-hide{display:none}.sd-num{font-variant-numeric:tabular-nums}.sd-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sd-head__title{font-size:14.5px;font-weight:600}.sd-head__hint{color:var(--sd-ink-2);text-wrap:pretty;font-size:13px}.sd-head__text{flex:220px;min-width:0}.sd-switch{background:var(--sd-surface);min-height:44px;box-shadow:0 0 0 1px var(--sd-line), 0 1px 2px #0000000a;color:var(--sd-ink-2);font:inherit;cursor:pointer;transition:color .16s var(--sd-ease), box-shadow .16s var(--sd-ease);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 8px 0 12px;font-size:13px;font-weight:500;display:inline-flex}@supports (color:lab(0% 0 0)){.sd-switch{box-shadow:0 0 0 1px var(--sd-line), 0 1px 2px lab(0% 0 0/.04)}}.sd-switch[aria-pressed=true]{color:var(--sd-ink)}.sd-switch:focus-visible,.sd-btn:focus-visible,.sd-chip:focus-visible,.sd-decide__item:focus-visible,.sd-seg>:focus-visible,.sd-lic__chip:focus-visible,.sd-press:focus-visible,.sd-app__field:focus-visible{outline:2px solid var(--sd-accent);outline-offset:2px}.sd-switch__icon{display:inline-flex}.sd-switch__track{width:32px;height:20px;transition:background-color .2s var(--sd-ease);background:#d7d7d7;background:lab(86.08% -.0000298023 0);border-radius:999px;position:relative}.sd-switch__thumb{width:16px;height:16px;transition:transform .2s var(--sd-ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003;box-shadow:0 1px 2px lab(0% 0 0/.2)}.sd-switch[aria-pressed=true] .sd-switch__track{background:var(--sd-accent)}.sd-switch[aria-pressed=true] .sd-switch__thumb{transform:translate(12px)}.sd-btn{background:var(--sd-surface);min-height:44px;box-shadow:0 0 0 1px var(--sd-line), 0 1px 2px #0000000a;font:inherit;color:var(--sd-ink);cursor:pointer;transition:transform .12s var(--sd-ease);border:0;border-radius:10px;justify-self:start;padding:0 16px;font-weight:500}@supports (color:lab(0% 0 0)){.sd-btn{box-shadow:0 0 0 1px var(--sd-line), 0 1px 2px lab(0% 0 0/.04)}}.sd-btn:active{transform:scale(.97)}.sd-btn--primary{background:var(--sd-accent);color:#fff;box-shadow:none}.sd-click{justify-items:center;gap:18px;padding:18px 0 6px;display:grid}.sd-press{background:var(--sd-ink);color:#fff;min-height:48px;font:inherit;cursor:pointer;transition:transform 90ms var(--sd-ease);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:12px;padding:0 26px;font-size:15px;font-weight:600}.sd-press:active{transform:scale(.96)}.sd-env{width:min(280px,100%)}.sd-env svg{width:100%;height:60px;display:block;overflow:visible}.sd-env__base{stroke:var(--sd-line);stroke-width:1px}.sd-env__curve{fill:none;stroke:var(--sd-accent);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sd-env[data-run] .sd-env__curve{animation:sd-flash .6s var(--sd-ease)}.sd-env__labels{height:18px;color:var(--sd-ink-3);margin-top:4px;font-size:12px;position:relative}.sd-env__labels span{white-space:nowrap;position:absolute;left:0}.sd-env__labels .sd-env__end{left:auto;right:16.7%;transform:translate(50%)}.sd-env__tick{stroke:var(--sd-ink-3);stroke-width:1px;vector-effect:non-scaling-stroke}@keyframes sd-flash{0%{opacity:.25}to{opacity:1}}.sd-decide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}@container sd (max-width:600px){.sd-decide{grid-template-columns:1fr}.sd-decide .sd-decide__list{flex-wrap:wrap;gap:6px;display:flex}.sd-decide .sd-decide__item{min-height:44px;box-shadow:0 0 0 1px var(--sd-line);background:var(--sd-surface);border-radius:999px;gap:8px;padding:0 12px}.sd-decide .sd-decide__item[aria-checked=true]{box-shadow:0 0 0 2px var(--sd-ink)}}.sd-decide__list{align-content:start;gap:4px;display:grid}.sd-decide__item{min-height:44px;font:inherit;color:var(--sd-ink-2);text-align:left;cursor:pointer;transition:background-color .16s var(--sd-ease), color .16s var(--sd-ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 12px;display:flex}.sd-decide__item[aria-checked=true]{background:var(--sd-surface);color:var(--sd-ink);box-shadow:0 0 0 1px var(--sd-line)}.sd-dot{background:var(--sd-no);border-radius:50%;flex:none;width:8px;height:8px}.sd-dot[data-v=maybe]{background:var(--sd-warn)}.sd-dot[data-v=yes]{background:var(--sd-ok)}.sd-decide__panel{background:var(--sd-surface);box-shadow:0 0 0 1px var(--sd-line);border-radius:12px;align-content:start;align-self:start;gap:8px;padding:16px;display:grid}.sd-verdict{background:var(--sd-no-soft);color:var(--sd-no);border-radius:999px;justify-self:start;padding:3px 10px;font-size:13px;font-weight:600}.sd-verdict[data-v=maybe]{background:var(--sd-warn-soft);color:#835100;color:lab(39.4143% 18.3637 52.998)}.sd-verdict[data-v=yes]{background:var(--sd-ok-soft);color:var(--sd-ok)}.sd-decide__often{color:var(--sd-ink-3);font-size:12.5px}.sd-decide__why{text-wrap:pretty;margin:0}.sd-decide__silent{color:var(--sd-ink-3);align-items:center;min-height:44px;font-size:13px;display:flex}.sd-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}@container sd (max-width:820px){.sd-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-chip:last-child{grid-column:span 2}}@container sd (max-width:480px){.sd-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-chip:last-child{grid-column:1/-1}}.sd-chip{text-align:left;background:var(--sd-surface);box-shadow:0 0 0 1px var(--sd-line);font:inherit;color:var(--sd-ink);cursor:pointer;min-height:44px;transition:transform .12s var(--sd-ease);border:0;border-radius:12px;gap:6px;padding:12px;display:grid;position:relative}.sd-chip:active{transform:scale(.98)}.sd-chip__name{font-weight:600}.sd-chip__meta{color:var(--sd-ink-3);gap:1px;font-size:12px;display:grid}.sd-chip__meta .sd-num{color:var(--sd-ink-2);font-weight:500}.sd-chip__ring{border-radius:inherit;box-shadow:0 0 0 2px var(--sd-accent);opacity:0;pointer-events:none;position:absolute;inset:0}.sd-chip__ring[data-on]{animation:sd-ring .7s var(--sd-ease)}@keyframes sd-ring{0%{opacity:1}to{opacity:0}}.sd-contour{width:100%;max-width:220px;height:44px;display:block}.sd-contour__base{stroke:var(--sd-line)}.sd-contour__len{fill:#398ad68c;fill:lab(55.2981% -5.43976 -47.1965/.55)}.sd-contour__note{fill:var(--sd-accent)}.sd-fm{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:18px;display:grid}@container sd (max-width:600px){.sd-fm{grid-template-columns:1fr}.sd-fm__stage{height:160px}}.sd-fm__stage{background:var(--sd-surface);height:200px;box-shadow:0 0 0 1px var(--sd-line);border-radius:12px;place-items:end center;padding-bottom:20px;display:grid;position:relative;overflow:hidden}.sd-fm__floor{background:#c4c4c4;background:lab(79.12% -.0000298023 -.0000119209);height:1px;position:absolute;bottom:20px;left:16px;right:16px}.sd-fm__tile{background:var(--sd-accent);transition:width .2s var(--sd-ease), height .2s var(--sd-ease);border-radius:10px;position:relative;box-shadow:0 6px 16px #0f74c540;box-shadow:0 6px 16px lab(47.0007% -3.24479 -50.2754/.25)}.sd-fm__tile[data-run]{animation-name:sd-land;animation-timing-function:var(--sd-ease)}@keyframes sd-land{0%{opacity:0;transform:translateY(-110px)}30%{opacity:1}to{transform:none}}.sd-fm__contact{opacity:0;background:#0f74c540;background:lab(47.0007% -3.24479 -50.2754/.25);border-radius:50%;height:12px;position:absolute;bottom:14px}.sd-fm__contact[data-on]{animation:sd-ring .5s var(--sd-ease)}.sd-fm__side{gap:14px;display:grid}.sd-range{color:var(--sd-ink-2);gap:6px;font-size:13px;display:grid}.sd-range span{justify-content:space-between;display:flex}.sd-range b{color:var(--sd-ink);font-weight:600}.sd-range input{width:100%;height:44px;accent-color:var(--sd-accent)}.sd-readout{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.sd-readout div{background:var(--sd-surface);box-shadow:0 0 0 1px var(--sd-line);border-radius:10px;padding:8px 10px}.sd-readout dt{color:var(--sd-ink-3);font-size:11.5px}.sd-readout dd{margin:0;font-weight:600}.sd-sync{gap:14px;display:grid}.sd-sync__stage{background:var(--sd-surface);height:150px;box-shadow:0 0 0 1px var(--sd-line);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.sd-sync__card{background:var(--sd-sunk);width:180px;box-shadow:0 0 0 1px var(--sd-line), 0 8px 20px #0000000f;border-radius:12px;gap:8px;padding:16px;display:grid}@supports (color:lab(0% 0 0)){.sd-sync__card{box-shadow:0 0 0 1px var(--sd-line), 0 8px 20px lab(0% 0 0/.06)}}.sd-sync__card[data-run]{animation-name:sd-land;animation-timing-function:var(--sd-ease)}.sd-sync__line{background:#cacaca;background:lab(81.44% -.0000298023 0);border-radius:4px;height:8px}.sd-sync__line--short{background:#dbdbdb;background:lab(87.24% -.0000298023 0);width:60%}.sd-sync__flash{background:var(--sd-accent);color:#fff;opacity:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:12px;right:12px}.sd-sync__flash[data-on]{animation:sd-ring .6s var(--sd-ease)}.sd-timeline{height:78px;position:relative}.sd-timeline__motion{background:var(--sd-sunk);height:22px;box-shadow:inset 0 0 0 1px var(--sd-line);color:var(--sd-ink-3);border-radius:6px;padding:3px 8px;font-size:11.5px;position:absolute;top:8px}.sd-timeline__contact{border-left:1px dashed var(--sd-ink-3);width:0;height:40px;position:absolute;top:0}.sd-timeline__contact span{text-align:center;width:48px;color:var(--sd-ink-3);font-size:11px;position:absolute;top:40px;left:-24px}.sd-timeline__sound{background:var(--sd-ok);width:14px;height:14px;transition:left .3s var(--sd-ease), background-color .2s var(--sd-ease);border-radius:50%;margin-left:-7px;position:absolute;top:12px;box-shadow:0 0 0 3px #fff}.sd-timeline__sound[data-mode=early]{background:var(--sd-no)}.sd-timeline__sound[data-mode=late]{background:var(--sd-warn)}.sd-timeline__axis{color:var(--sd-ink-3);border-top:1px solid var(--sd-line);justify-content:space-between;padding-top:2px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.sd-sync__controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sd-sync__verdict{color:var(--sd-ink-2);text-wrap:pretty;margin:0}.sd-sync__verdict b{color:var(--sd-ink)}.sd-seg{background:var(--sd-sunk);box-shadow:inset 0 0 0 1px var(--sd-line);border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:3px;display:inline-grid}.sd-seg>*{min-height:40px;font:inherit;color:var(--sd-ink-2);cursor:pointer;transition:background-color .16s var(--sd-ease), color .16s var(--sd-ease);background:0 0;border:0;border-radius:9px;padding:0 12px;font-size:13px;line-height:1.2}@container sd (max-width:400px){.sd-seg>*{padding:0 8px}}.sd-seg>[aria-checked=true]{background:var(--sd-surface);color:var(--sd-ink);box-shadow:0 1px 2px #00000014, 0 0 0 1px var(--sd-line)}@supports (color:lab(0% 0 0)){.sd-seg>[aria-checked=true]{box-shadow:0 1px 2px lab(0% 0 0/.08), 0 0 0 1px var(--sd-line)}}.sd-seg--five{display:grid}@container sd (max-width:480px){.sd-seg--five>*{padding:0 4px;font-size:12px}.sd-seg--five>* .sd-num{display:none}}.sd-app{gap:12px}.sd-app__settings,.sd-app__chat{background:var(--sd-surface);box-shadow:0 0 0 1px var(--sd-line);border-radius:12px}.sd-app__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex}.sd-app__label{font-weight:600}.sd-app__sub{color:var(--sd-ink-2);font-size:13px}.sd-app__chat{display:grid}.sd-app__thread{justify-content:flex-end;align-items:flex-end;min-height:92px;padding:16px;display:flex}.sd-app__bubble{background:var(--sd-accent);color:#fff;max-width:80%;animation:sd-rise .32s var(--sd-ease);border-radius:16px 16px 4px;justify-items:end;gap:4px;padding:8px 12px;display:grid}.sd-app__status{color:#ffffffd9;color:lab(100% 0 0/.85);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}@keyframes sd-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sd-app__composer{border-top:1px solid var(--sd-line);gap:8px;padding:10px;display:flex}.sd-app__field{width:0;min-width:0;min-height:44px;box-shadow:inset 0 0 0 1px var(--sd-line);font:inherit;background:var(--sd-sunk);color:var(--sd-ink);border:0;border-radius:10px;flex:1 1 0;padding:0 12px;font-size:16px}.sd-reg{background:var(--sd-surface);box-shadow:0 0 0 1px var(--sd-line);border-radius:12px;gap:8px;padding:10px 12px;display:grid}.sd-reg__scenes{gap:2px;display:flex}.sd-reg__scene{background:var(--sd-sunk);min-width:0;box-shadow:inset 0 0 0 1px var(--sd-line);color:var(--sd-ink-2);border-radius:6px;flex-basis:0;padding:6px 8px;font-size:12px}.sd-reg__scene .sd-reg__n{display:none}.sd-reg__legend{color:var(--sd-ink-2);margin:0;font-size:12px;display:none}@container sd (max-width:560px){.sd-reg__scene{text-align:center;padding:4px 0}.sd-reg__scene .sd-reg__full{display:none}.sd-reg__scene .sd-reg__n{display:inline}.sd-reg__legend{display:block}}.sd-reg__plot{position:relative}.sd-reg__plot svg{width:100%;height:110px;display:block}.sd-reg__name-tag{color:var(--sd-accent);margin-left:5px;font-size:12px;font-weight:600;position:absolute;top:0}.sd-reg__axis{color:var(--sd-ink-3);border-top:1px solid var(--sd-line);justify-content:space-between;padding-top:2px;font-size:11px;display:flex}.sd-reg__reveal{stroke:var(--sd-accent);stroke-width:1.5px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.sd-reg__hit{fill:var(--sd-ink)}.sd-reg__bed{fill:#bbd0e8;fill:lab(82.5439% -3.93513 -14.0704)}.sd-reg__voice{fill:#c8e8cd;fill:lab(89.064% -14.8171 9.47895);stroke:#8abd93;stroke:lab(72.045% -23.8194 15.3513);vector-effect:non-scaling-stroke}.sd-reg__silence{stroke:#bebebe;stroke:lab(76.8% -.0000298023 0);stroke-dasharray:2 4;vector-effect:non-scaling-stroke}.sd-reg__lane{animation:sd-flash .4s var(--sd-ease)}.sd-reg__copy{gap:4px;display:grid}.sd-reg__copy p{text-wrap:pretty;margin:0}.sd-reg__name{font-weight:600}.sd-reg__use{color:var(--sd-ink-2);font-size:13px}.sd-lic{flex-wrap:wrap;gap:6px;display:flex}.sd-lic__chip{background:var(--sd-surface);min-height:44px;box-shadow:0 0 0 1px var(--sd-line);font:inherit;color:var(--sd-ink-2);cursor:pointer;transition:box-shadow .16s var(--sd-ease), color .16s var(--sd-ease);border:0;border-radius:999px;padding:0 14px;font-size:13px}.sd-lic__chip[aria-checked=true]{color:var(--sd-ink);box-shadow:0 0 0 2px var(--sd-ink)}.sd-lic__panel{background:var(--sd-surface);box-shadow:0 0 0 1px var(--sd-line);border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.sd-lic__panel p{text-wrap:pretty;margin:0}@media (prefers-reduced-motion:reduce){.sd-demo *,.sd-demo :before,.sd-demo :after{transition-duration:1ms!important;animation-duration:1ms!important}.sd-fm__contact[data-on],.sd-chip__ring[data-on],.sd-sync__flash[data-on]{animation-name:sd-ring;animation-duration:.6s!important}}.sd-press[data-pressed]{transform:scale(.96)}.sd-chip[data-lit]{box-shadow:0 0 0 2px var(--sd-accent)}.sd-switch__track[data-on]{background:var(--sd-accent)}.sd-switch__track[data-on] .sd-switch__thumb{transform:translate(12px)}.sd-demo[data-watch] .sd-decide__item{min-height:36px}.sd-demo[data-watch] .sd-decide__list{gap:4px}.sd-btn,.sd-press,.sd-lic__chip,.sd-seg>*{justify-content:center;align-items:center;gap:4px;display:inline-flex}.sd-app__field{align-items:center;display:flex}.sd-range__static{background:#dedede;background:lab(88.4% 0 .0000119209);border-radius:3px;height:6px;margin:19px 0;display:block;overflow:hidden}.sd-range__static span{background:var(--sd-accent);transform-origin:0;height:100%;transition:transform .5s var(--sd-ease);display:block}