.tutorial-page{--tut-ease:cubic-bezier(.22,1,.36,1);color:var(--ink-secondary);padding-bottom:6rem}.tutorial-page h2,.tutorial-page h3,.tutorial-page h4{color:var(--ink)}.tutorial-page p{line-height:1.7}.tutorial-page :is(p,.tut-steps li) a:not([class]){color:var(--accent);text-decoration:underline;text-underline-offset:.2em}.tutorial-page strong{color:var(--ink)}.tutorial-page .tut-hero{padding-top:clamp(1.5rem,4vw,2.5rem);text-align:center}.tutorial-page .tut-hero :is(h1,h2){margin:0 auto .75rem;color:var(--ink);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}.tutorial-page .tut-promise{max-width:55ch;margin-inline:auto;font-size:1.15rem}.tutorial-page .tut-intro{max-width:65ch;margin:.75rem auto 0;font-size:.95rem}.tutorial-page .tut-layout{margin-top:1.5rem}.tutorial-page .tut-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1rem;max-width:40rem;margin:0 auto 1.5rem}.tutorial-page .tut-picker label{grid-column:1/-1;color:var(--ink);font-weight:650}.tutorial-page .tut-picker select{min-width:0;min-height:48px;border:1px solid var(--ink-secondary);border-radius:10px;background:var(--surface-card);color:var(--ink);padding:.6rem;font:inherit}.tutorial-page .tut-progress{align-self:center;font-size:.9rem;font-variant-numeric:tabular-nums}.tutorial-page .tut-content{min-width:0}.tutorial-page .tut-lesson{border-bottom:1px solid var(--line)}.tutorial-page .tut-lesson>summary{display:flex;align-items:center;gap:1rem;padding:1rem .25rem;min-height:64px;cursor:pointer;list-style:none;border-radius:8px}.tutorial-page .tut-lesson>summary::-webkit-details-marker{display:none}#main-content .tutorial-page .tut-lesson>summary{scroll-margin-top:10rem}.tutorial-page .tut-lesson>summary:hover{background:var(--surface-card)}.tutorial-page .tut-lesson>summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tutorial-page .tut-lesson-title{flex:1;min-width:0}.tutorial-page .tut-lesson>summary :is(h2,h3){font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700;line-height:1.3}.tutorial-page .tut-lesson-short{display:block;margin-top:.25rem;font-size:.9rem;line-height:1.5}.tutorial-page .tut-lesson-number{display:grid;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;border-radius:10px;background:var(--surface-selected);color:var(--accent);font-weight:700}.tutorial-page .tut-lesson[open] .tut-lesson-number{background:var(--accent);color:var(--on-accent)}.tutorial-page .tut-chevron{flex-shrink:0;color:var(--ink-secondary);transition:transform .24s var(--tut-ease)}.tutorial-page .tut-lesson[open] .tut-chevron{transform:rotate(180deg)}.tutorial-page .tut-panel{padding:.25rem .25rem 1.25rem}.tutorial-page .tut-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.tutorial-page .tut-tip{max-width:75ch;margin-bottom:1.25rem;padding:.75rem 1rem;background:var(--surface-selected);color:var(--ink);border-radius:10px;font-size:.95rem}.tutorial-page .tut-chip-desktop{color:var(--ink);background:var(--surface-low);border-color:var(--line)}.tutorial-page .tut-lesson-body{display:grid;gap:1.5rem}@media (min-width:64rem){.tutorial-page .tut-lesson-body:not(.tut-lesson-wide){grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}.tutorial-page .tut-copy{max-width:65ch}.tutorial-page .tut-copy :is(h3,h4){margin-top:1.25rem;font-size:1.05rem;font-weight:700}.tutorial-page .tut-copy :is(h3,h4):first-child{margin-top:0}.tutorial-page .tut-copy>p{margin-top:.5rem}.tutorial-page .tut-steps{display:grid;gap:.65rem;margin-top:.75rem;padding-left:1.5rem;list-style:decimal}.tutorial-page .tut-steps li{padding-left:.25rem;line-height:1.65}.tutorial-page .tut-steps li::marker{color:var(--accent);font-weight:700}.tutorial-page .tut-note{margin-top:1rem;padding:.75rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-card);font-size:.95rem}.tutorial-page .tut-note summary{min-height:44px;padding-block:.5rem;color:var(--ink);cursor:pointer;font-weight:650}.tutorial-page .tut-note p{margin-top:.5rem}.tutorial-page .tut-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}.tutorial-page .tut-pagination button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem .85rem;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface-card);font-weight:650}.tutorial-page .tut-pagination button.action-primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.tutorial-page .tut-pagination button:disabled{color:var(--ink-secondary);cursor:default}.tutorial-page .tut-pagination>span{font-variant-numeric:tabular-nums;font-size:.9rem}.tutorial-page .tut-stage{min-width:0;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--line);border-radius:14px;background:var(--surface-low)}.tutorial-page .tut-stage fieldset{min-width:0}.tutorial-page .tut-stage label:not([class]),.tutorial-page .tut-stage legend{color:var(--ink);font-weight:650}.tutorial-page .tut-status{min-height:1.7em;margin-top:.75rem;color:var(--ink);font-size:.95rem}.tutorial-page .tut-hint{margin-top:.75rem;font-size:.9rem}.tutorial-page .tut-stage input:not([type]),.tutorial-page .tut-stage input[type=text]{width:100%;min-height:44px;padding:.55rem .8rem;border:1px solid var(--ink-secondary);border-radius:10px;background:var(--surface-page);color:var(--ink);font:inherit}.tutorial-page .tut-stage input::placeholder{color:var(--ink-secondary)}.tutorial-page .tut-stage :is(input[type=radio],input[type=checkbox],input[type=range]){accent-color:var(--accent)}@supports (interpolate-size:allow-keywords){.tutorial-page .tut-lesson{interpolate-size:allow-keywords}.tutorial-page .tut-lesson::details-content{block-size:0;overflow:clip;content-visibility:hidden;transition:block-size .26s var(--tut-ease),content-visibility .26s allow-discrete}.tutorial-page .tut-lesson[open]::details-content{block-size:auto;content-visibility:visible}}@media (max-width:35rem){.tutorial-page .tut-picker{grid-template-columns:minmax(0,1fr)}.tutorial-page .tut-progress{margin-top:.25rem}.tutorial-page .tut-lesson>summary{gap:.65rem}#main-content .tutorial-page .tut-lesson>summary{scroll-margin-top:6rem}}.tutorial-page :is(.tut-filter-options,.tut-choice)>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,10.5rem),1fr));gap:.5rem;margin-top:.6rem}.tutorial-page :is(.tut-filter-options,.tut-choice) label{display:flex;align-items:flex-start;gap:.6rem;min-height:44px;padding:.65rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-page);cursor:pointer;transition:border-color .2s,background-color .2s}.tutorial-page :is(.tut-filter-options,.tut-choice) label:hover{border-color:var(--ink-secondary)}.tutorial-page :is(.tut-filter-options,.tut-choice) label:has(input:checked){border-color:var(--accent);background:var(--surface-selected);box-shadow:inset 0 0 0 1px var(--accent)}.tutorial-page :is(.tut-filter-options,.tut-choice) input{flex-shrink:0;width:1.15rem;height:1.15rem;margin-top:.2rem}.tutorial-page :is(.tut-filter-options,.tut-choice) small{display:block;font-size:.82rem;line-height:1.45;color:var(--ink-secondary)}.tutorial-page :is(.tut-filter-options,.tut-choice) label:has(input:checked) small{color:var(--ink)}.tutorial-page .tut-voice-examples>div{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.6rem}.tutorial-page .tut-voice-examples button{min-height:44px;padding:.5rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-page);color:var(--ink);font-size:.92rem;transition:border-color .2s,background-color .2s,transform .2s var(--tut-ease)}.tutorial-page .tut-voice-examples button:hover{border-color:var(--accent);background:var(--surface-selected)}.tutorial-page .tut-voice-examples button:active{transform:scale(.96)}.tutorial-page .tut-voice-mic{display:flex;align-items:center;gap:.85rem;min-height:3.5rem;margin-top:1rem;padding:.6rem .9rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-page)}.tutorial-page .tut-mic-icon{position:relative;display:grid;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;color:var(--accent);background:var(--surface-selected)}.tutorial-page .tut-mic-icon:after{content:"";position:absolute;inset:-4px;border:2px solid var(--accent);border-radius:50%;opacity:0}.tutorial-page .tut-voice[data-phase=wake] .tut-mic-icon:after{animation:tut-ping .6s var(--tut-ease)}.tutorial-page .tut-wave{display:flex;flex-shrink:0;align-items:center;gap:3px;height:1.75rem}.tutorial-page .tut-wave>span{width:4px;height:100%;border-radius:2px;background:var(--accent);transform:scaleY(.18);transition:transform .3s var(--tut-ease)}.tutorial-page .tut-voice:is([data-phase=wake],[data-phase=hearing]) .tut-wave>span{animation:tut-wave .5s ease-in-out infinite alternate}.tutorial-page .tut-transcript{min-width:0;color:var(--ink);font-weight:600;overflow-wrap:anywhere}.tutorial-page .tut-voice[data-phase=idle] .tut-transcript{color:var(--ink-secondary);font-weight:400}.tutorial-page .tut-caret{display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:text-bottom;background:var(--accent)}.tutorial-page .tut-browser{margin-top:1rem;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface-page)}.tutorial-page .tut-browser-bar{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;border-bottom:1px solid var(--line);background:var(--surface-card)}.tutorial-page .tut-browser-bar>span:not(.tut-browser-url){width:.6rem;height:.6rem;border-radius:50%;background:var(--line)}.tutorial-page .tut-browser-url{flex:1;margin-left:.5rem;padding:.15rem .65rem;border-radius:999px;background:var(--surface-page);color:var(--ink-secondary);font-size:.8rem}.tutorial-page .tut-browser-viewport{position:relative;height:15rem;overflow:hidden}.tutorial-page .tut-browser-page{position:relative;padding:.9rem;transform-origin:0 0;transition:transform .7s var(--tut-ease);will-change:transform}.tutorial-page .tut-browser-page nav{display:flex;flex-wrap:wrap;gap:.4rem}.tutorial-page .tut-browser-page nav>span{padding:.3rem .7rem;border-radius:8px;background:var(--surface-card);color:var(--ink);font-size:.85rem}.tutorial-page .tut-browser-page [data-selected]{outline:3px solid #ffdc00;outline-offset:2px;box-shadow:0 0 0 7px #111}.tutorial-page .tut-browser-search{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;font-size:.85rem}.tutorial-page .tut-browser-field{flex:1;min-height:2rem;padding:.3rem .6rem;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.tutorial-page .tut-browser-title{margin-top:.9rem;color:var(--ink);font-weight:700}.tutorial-page .tut-browser-page ul{display:grid;gap:.5rem;margin-top:.5rem}.tutorial-page .tut-browser-page li{display:flex;align-items:center;gap:.7rem;padding:.55rem;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:.9rem}.tutorial-page .tut-browser-page li small{margin-left:auto;color:var(--ink-secondary)}.tutorial-page .tut-browser-thumb{width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:8px;background:linear-gradient(135deg,var(--surface-selected),var(--purple-surface))}.tutorial-page .tut-browser-foot{margin-top:1rem;padding-block:1.5rem 3rem;text-align:center;font-size:.85rem}.tutorial-page .tut-browser-toast{position:absolute;z-index:1;top:.6rem;right:.6rem;padding:.4rem .8rem;border-radius:8px;background:var(--ink);color:var(--surface-page);font-size:.85rem;font-weight:600;animation:tut-drop .45s var(--tut-ease)}.tutorial-page .tut-voice-form{margin-top:1rem}.tutorial-page .tut-voice-form label{display:block;margin-bottom:.4rem}.tutorial-page .tut-voice-form>div{display:flex;flex-wrap:wrap;gap:.5rem}.tutorial-page .tut-voice-form input{flex:1 1 14rem;width:auto}.tutorial-page .tut-voice-form button{flex:0 0 auto}.tutorial-page .tut-stage .action-primary:disabled{background:var(--surface-card);color:var(--ink-secondary);border:1px solid var(--line);cursor:not-allowed}.tutorial-page .tut-svg-defs{position:absolute;width:0;height:0}.tutorial-page .tut-filter-stage{position:relative;container-type:inline-size;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface-page)}.tutorial-page .tut-filter-after{position:absolute;inset:0;background:var(--surface-page)}.tutorial-page .tut-filter-divider{position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:var(--ink);pointer-events:none}.tutorial-page .tut-filter-stage figcaption{position:absolute;inset:auto .5rem .5rem;display:flex;justify-content:space-between;pointer-events:none}.tutorial-page .tut-filter-stage figcaption span{padding:.15rem .55rem;border-radius:6px;background:var(--ink);color:var(--surface-page);font-size:.8rem;font-weight:600}.tutorial-page .tut-sample{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem;padding:1rem 1rem 2.75rem}.tutorial-page .tut-sample>div>span{display:block;margin-bottom:.5rem;color:var(--ink);font-size:.85rem;font-weight:600}.tutorial-page .tut-sample-chart{grid-row:span 2}.tutorial-page .tut-sample-chart>div{display:flex;align-items:flex-end;gap:6%;height:9rem;padding:.5rem;border-bottom:2px solid var(--line)}.tutorial-page .tut-sample-chart i{flex:1;border-radius:4px 4px 0 0}.tutorial-page .tut-sample-chart i:first-child{background:#d62828}.tutorial-page .tut-sample-chart i:nth-child(2){background:#2a9d4b}.tutorial-page .tut-sample-chart i:nth-child(3){background:#f77f00}.tutorial-page .tut-sample-chart i:nth-child(4){background:#1d6fe0}.tutorial-page .tut-sample-chart i:nth-child(5){background:#8338ec}.tutorial-page .tut-sample-light>div{display:inline-flex;gap:.4rem;padding:.45rem;border-radius:999px;background:#1f2933}.tutorial-page .tut-sample i{display:block}.tutorial-page .tut-sample-fruit i,.tutorial-page .tut-sample-light i{width:1.6rem;height:1.6rem;border-radius:50%}.tutorial-page .tut-sample-light i:first-child{background:#e63946}.tutorial-page .tut-sample-light i:nth-child(2){background:#fcbf49}.tutorial-page .tut-sample-light i:nth-child(3){background:#38b000}.tutorial-page .tut-sample-fruit>div{display:flex;flex-wrap:wrap;gap:.35rem}.tutorial-page .tut-sample-fruit i:first-child{background:#e5383b}.tutorial-page .tut-sample-fruit i:nth-child(2){background:#80b918}.tutorial-page .tut-sample-fruit i:nth-child(3){background:#ffd60a}.tutorial-page .tut-sample-fruit i:nth-child(4){background:#3a0ca3}.tutorial-page .tut-sample-fruit i:nth-child(5){background:#b5179e}.tutorial-page .tut-filter-range{margin-top:1rem}.tutorial-page .tut-filter-range label{display:block}.tutorial-page .tut-filter-range input{width:100%;min-height:44px}.tutorial-page .tut-filter-options{margin-top:1rem}.tutorial-page .tut-talkback-stage{position:relative}.tutorial-page .tut-talkback-ui{display:grid;gap:.6rem;padding:1.1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-page)}.tutorial-page .tut-talkback-brand{display:flex;align-items:center;gap:.75rem}.tutorial-page .tut-talkback-title{color:var(--ink);font-size:1.15rem;font-weight:700}.tutorial-page .tut-talkback-ui label{font-size:.9rem}.tutorial-page .tut-talkback-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.25rem}.tutorial-page .tut-talkback-actions button{min-width:44px;min-height:44px;padding:.5rem 1rem;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface-card);font-weight:650}.tutorial-page .tut-talkback-actions button[type=submit]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.tutorial-page .tut-talkback-actions a{display:inline-flex;align-items:center;min-height:44px;padding-inline:.25rem}.tutorial-page .tut-talkback-ui :is(button,a,img,input,p):hover,.tutorial-page .tut-talkback-ui :is(button,a,input):focus-visible{outline:3px solid var(--rose-ink);outline-offset:2px}.tutorial-page .tut-bubble{margin-top:.75rem;max-width:min(15rem,100%);padding:.55rem .8rem;border-radius:4px 12px 12px 12px;background:var(--ink);color:var(--surface-page);font-weight:650;line-height:1.45;overflow-wrap:anywhere;pointer-events:none;animation:tut-pop .35s var(--tut-ease)}.tutorial-page .tut-bubble span{display:block;font-size:.75rem;font-weight:600}.tutorial-page .tut-switch{display:flex;align-items:center;gap:.65rem;min-height:44px;margin-top:.75rem;color:var(--ink);font-weight:650;cursor:pointer}.tutorial-page .tut-switch input{width:1.25rem;height:1.25rem}.tutorial-page .tut-install{display:grid;gap:1.5rem}@media (min-width:60rem){.tutorial-page .tut-install{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.tutorial-page .tut-install-choices{display:grid;gap:1.25rem}.tutorial-page .tut-choice>div{grid-template-columns:minmax(0,1fr)}.tutorial-page .tut-install-result{padding:1.25rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-page)}.tutorial-page .tut-install-result h3{font-size:1.1rem;font-weight:700}.tutorial-page .tut-install-result .tut-steps li{animation:tut-rise .45s var(--tut-ease) backwards}.tutorial-page .tut-install-result .tut-steps li:nth-child(2){animation-delay:.05s}.tutorial-page .tut-install-result .tut-steps li:nth-child(3){animation-delay:.1s}.tutorial-page .tut-install-result .tut-steps li:nth-child(4){animation-delay:.15s}.tutorial-page .tut-install-result .tut-steps li:nth-child(5){animation-delay:.2s}.tutorial-page .tut-install-result .action-primary{margin-top:1.25rem}.tutorial-page .tut-legal{margin-top:.75rem;font-size:.9rem}.tutorial-page .tut-help{margin-top:1.5rem}.tutorial-page .tut-help :is(h2,h3){display:inline;font-size:1.2rem;font-weight:700}.tutorial-page .tut-help details{border-bottom:1px solid var(--line)}.tutorial-page .tut-help summary{min-height:44px;padding:1rem 0;color:var(--ink);font-weight:650;cursor:pointer}.tutorial-page .tut-help details p{max-width:65ch;padding-bottom:1rem}.tutorial-page .tut-cta{margin-top:1.5rem;padding:1.25rem;border:1px solid var(--line);border-radius:20px;background:var(--surface-card);text-align:center}.tutorial-page .tut-cta h2{font-size:1.3rem;font-weight:700}.tutorial-page .tut-cta>p{max-width:55ch;margin:.75rem auto 0}.tutorial-page .tut-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.75rem}@keyframes tut-wave{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}@keyframes tut-ping{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}@keyframes tut-drop{0%{transform:translateY(-120%)}}@keyframes tut-pop{0%{opacity:0;scale:.9}}@keyframes tut-rise{0%{transform:translateY(10px)}}@media (prefers-reduced-motion:reduce),(update:slow){.tutorial-page *,.tutorial-page :after,.tutorial-page :before{animation:none!important;transition:none!important}.tutorial-page .tut-lesson::details-content{transition:none!important}.tutorial-page .tut-voice .tut-wave>span{transform:scaleY(.5)}}.motion-demos_demo__fPl0J{color:var(--ink);background:var(--surface-card);padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--line);border-radius:1rem;font-size:1rem;line-height:1.6}.motion-demos_help__f4XoO,.motion-demos_note__wSITI,.motion-demos_status__icHey{margin:0}.motion-demos_help__f4XoO,.motion-demos_note__wSITI{color:var(--ink-secondary)}.motion-demos_help__f4XoO{margin-bottom:1rem}.motion-demos_select__9IV6_{display:block;width:100%;min-width:0;min-height:44px;margin-top:.5rem;padding:.5rem;border:1px solid var(--ink-secondary);border-radius:.5rem;background:var(--surface-card);color:var(--ink);font:inherit}.motion-demos_note__wSITI{margin-top:.75rem}.motion-demos_status__icHey{margin-top:1rem;min-height:3.2em}.motion-demos_split__JFsys{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:1rem}.motion-demos_panelLabel__iVvuJ{display:block;margin-bottom:.5rem;font-weight:600}.motion-demos_camera__sZm2P,.motion-demos_plot__2fJFJ,.motion-demos_screen__wwGdq{position:relative;min-width:0;height:16rem;overflow:hidden;border:1px solid var(--line);border-radius:.75rem;background:var(--surface-card);color:var(--ink);touch-action:pan-y}.motion-demos_camera__sZm2P{background:var(--surface-page)}.motion-demos_camera__sZm2P svg,.motion-demos_plotSvg__CtU__{display:block;width:100%;height:100%}.motion-demos_face___n1Gh{fill:var(--surface-card);stroke:var(--ink);stroke-width:2}.motion-demos_faceDetail__F2D0K{fill:none;stroke:var(--ink);stroke-width:2}.motion-demos_cameraNote__P9GAG{position:absolute;bottom:.75rem;left:.75rem;right:.75rem;text-align:center;font-size:.875rem;background:var(--surface-card);color:var(--ink-secondary)}.motion-demos_cursorLayer__5swSO{position:absolute;inset:0;pointer-events:none}.motion-demos_cursor__R6Y8d{position:absolute;width:22px;height:28px;top:-2px;left:-2px;fill:var(--ink);stroke:var(--surface-card);stroke-width:2}.motion-demos_target__CydlL{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;width:34%;height:24%;min-height:44px;padding:.25rem;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:.5rem;background:var(--surface-card);color:var(--ink);text-align:center;line-height:1.25;overflow-wrap:anywhere}.motion-demos_target__CydlL[data-hit=true]{border:2px solid var(--accent);background:var(--surface-selected)}.motion-demos_target__CydlL[data-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.motion-demos_target__CydlL small{margin-top:.25rem;font-size:.8rem}.motion-demos_controls__pJ1zU{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem;margin-top:1rem}.motion-demos_controls__pJ1zU label{display:flex;flex-direction:column;gap:.25rem;min-width:0;font-weight:600}.motion-demos_controls__pJ1zU input{width:100%;min-height:44px;margin:0;accent-color:var(--accent)}.motion-demos_actions__zCc_A{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.motion-demos_actions__zCc_A button{min-height:44px;padding:.5rem .875rem;border:1px solid var(--line);border-radius:.5rem;background:var(--surface-card);color:var(--ink);font:inherit;line-height:1.4;cursor:pointer}.motion-demos_actions__zCc_A button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.motion-demos_actions__zCc_A button:disabled{cursor:default;border-style:dashed}.motion-demos_demo__fPl0J :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.motion-demos_camera__sZm2P:focus-visible,.motion-demos_plot__2fJFJ:focus-visible,.motion-demos_screen__wwGdq:focus-visible{outline-offset:-4px}.motion-demos_screen__wwGdq .motion-demos_target__CydlL:focus-visible{outline-offset:3px}button.motion-demos_target__CydlL{font:inherit;cursor:pointer}.motion-demos_ring__yhUaG{position:absolute;width:44px;height:44px;left:-22px;top:-22px}.motion-demos_ringTrack__X8iIH{fill:none;stroke:var(--line);stroke-width:3}.motion-demos_ringFill__PQhSB{fill:none;stroke:var(--accent);stroke-width:4}.motion-demos_ringCenter__LYrbb{fill:var(--ink);stroke:var(--surface-card);stroke-width:2}.motion-demos_rawPath__xQrdY,.motion-demos_stablePath__kMsAJ{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}.motion-demos_rawPath__xQrdY{stroke:var(--ink-secondary);stroke-dasharray:5 4}.motion-demos_stablePath__kMsAJ{stroke:var(--accent);stroke-width:3}.motion-demos_dot__kXaQn{fill:var(--accent);stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}.motion-demos_legend__L81Zf{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.75rem;font-size:.875rem}.motion-demos_rawKey__SfXr7:before,.motion-demos_stableKey__p7I6d:before{content:"";display:inline-block;width:1.5rem;margin-right:.5rem;vertical-align:middle;border-top:2px dashed var(--ink-secondary)}.motion-demos_stableKey__p7I6d:before{border-top:3px solid var(--accent)}@media (max-width:600px){.motion-demos_controls__pJ1zU,.motion-demos_split__JFsys{grid-template-columns:minmax(0,1fr)}.motion-demos_camera__sZm2P{height:13rem}.motion-demos_actions__zCc_A button{flex:1 1 12rem}}@media (prefers-reduced-motion:reduce){.motion-demos_demo__fPl0J *,.motion-demos_demo__fPl0J :after,.motion-demos_demo__fPl0J :before{animation:none;transition:none}}