*{box-sizing:border-box}html{scroll-behavior:smooth}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:10px 14px;color:#061017;background:#3fd8ff;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}body{margin:0;min-width:320px}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}::selection{background:#b9ddff;color:#111}.motion-app{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Noto Sans SC,sans-serif;color:#1d1d1f;background:#f1f1ef;min-height:100vh;--blue: #0071e3;--line: #d2d2d7;--soft: #f5f5f7}.motion-nav{height:58px;max-width:1600px;margin:auto;padding:0 24px;display:flex;align-items:center;position:sticky;top:0;z-index:20;background:#f1f1eff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #b8b8b3}.motion-nav>a{display:flex;align-items:center;gap:8px}.motion-nav>a b{font-size:19px}.motion-nav>a span{font-size:10px;background:#1d1d1f;color:#fff;border-radius:3px;padding:3px 7px}.nav-status{margin-left:25px;padding-left:25px;border-left:1px solid #c8c8c3;display:flex;align-items:baseline;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.nav-status b{font-size:13px}.nav-status span{font-size:9px;color:#6e6e73;letter-spacing:.08em}.motion-nav nav{margin-left:auto;display:flex;gap:26px}.motion-nav nav a,.motion-nav>button{border:0;background:none;font-size:12px}.motion-nav>button{margin-left:24px;display:flex;gap:5px;align-items:center}.motion-nav svg{width:15px}.motion-intro{max-width:1050px;margin:auto;padding:105px 24px 66px}.motion-intro h1{font-size:clamp(52px,6vw,86px);line-height:1.02;letter-spacing:-.045em;margin:0;max-width:980px}.motion-intro>p{font-size:21px;line-height:1.5;color:#6e6e73;max-width:780px;margin:28px 0}.term-flow{display:flex;align-items:center;gap:9px;color:#6e6e73;font-size:13px}.term-flow span{background:var(--soft);border-radius:99px;padding:7px 12px}.term-flow svg{width:14px}.coverage-strip{margin-top:22px;display:flex;align-items:center;gap:8px;color:#6e6e73;font-size:11px}.coverage-strip b{color:#1d1d1f;font-size:16px}.coverage-strip i{width:1px;height:18px;background:#d2d2d7;margin:0 7px}.scope-note{font-size:11px!important;line-height:1.5!important;color:#86868b!important;max-width:760px!important;margin:12px 0 0!important}.motion-tools{max-width:1600px;margin:auto;padding:18px 24px;display:grid;grid-template-columns:320px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid #b8b8b3}.motion-search{height:38px;background:#e5e5e1;border-radius:4px;display:flex;align-items:center;padding:0 13px;gap:8px}.motion-search svg{width:18px;color:#6e6e73}.motion-search input{border:0;background:none;outline:0;flex:1;min-width:0}.motion-search button{border:0;background:none}.motion-filters{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.motion-filters button{border:1px solid transparent;border-radius:3px;background:transparent;padding:7px 10px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.motion-filters button.active{background:#1d1d1f;color:#fff;border-color:#1d1d1f}.result-count{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#6e6e73;white-space:nowrap;align-self:center}.motion-list{max-width:1600px;margin:auto;padding:32px 24px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#b8b8b3;border:1px solid #b8b8b3}.motion-row{min-width:0;overflow:hidden;border-radius:0;background:#f7f7f5;display:flex;flex-direction:column;transition:background .18s}.motion-row:hover{transform:none;box-shadow:none;background:#fff}.motion-stage{height:220px;background:#e9e9e6;position:relative;overflow:hidden;display:grid;place-items:center}.replay{position:absolute;right:13px;bottom:13px;border:0;background:#fffffff0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:99px;padding:7px 10px;display:flex;align-items:center;gap:5px;font-size:11px;z-index:3;box-shadow:0 2px 10px #0001}.replay svg{width:13px}.motion-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.motion-title h2{font-size:18px;letter-spacing:-.035em;margin:0}.motion-title span{display:block;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#86868b;margin-top:4px}.motion-copy{padding:14px 15px 16px}.motion-copy>p{font-size:13px;line-height:1.48;color:#515154;max-width:50ch;margin:13px 0 20px;min-height:58px}.motion-meta{display:grid;grid-template-columns:1fr;gap:11px;border-top:1px solid var(--line);padding-top:15px}.motion-meta>div{display:flex;flex-wrap:wrap;gap:6px;align-content:start}.motion-meta small{width:100%;font-size:9px;color:#86868b;letter-spacing:.08em;margin-bottom:5px}.motion-meta code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;background:#fff;border-radius:5px;padding:4px 6px}.motion-meta em{font-size:10px;font-style:normal;color:#86868b;padding:4px}.inspect{border:0;background:transparent;color:var(--blue);width:34px;height:34px;border-radius:2px;display:grid;place-items:center;padding:0;flex:none}.inspect svg{width:15px}.motion-empty{grid-column:1/-1;padding:100px;text-align:center;color:#86868b}.motion-app>footer{max-width:1132px;margin:80px auto 0;border-top:1px solid var(--line);padding:25px 0 40px;display:flex;justify-content:space-between;gap:30px;font-size:11px;color:#6e6e73}.motion-app>footer p{max-width:650px;margin:0}.motion-detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--soft);overflow:auto;animation:detail-in .4s cubic-bezier(.16,1,.3,1)}.motion-detail>header{height:56px;padding:0 25px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:4;background:#f5f5f7ed;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.motion-detail>header button{border:0;background:none;color:var(--blue);display:flex;align-items:center;gap:4px}.motion-detail>header button:last-child{justify-self:end;width:32px;height:32px;border-radius:50%;background:#e5e5ea;color:#1d1d1f;display:grid;place-items:center}.motion-detail>header span{font-size:11px;color:#6e6e73}.motion-detail>header svg{width:17px}.detail-layout{min-height:calc(100vh - 56px);display:grid;grid-template-columns:minmax(480px,1.15fr) minmax(400px,.85fr)}.detail-preview{position:sticky;top:56px;height:calc(100vh - 56px);display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#fff,#e5e5ea);overflow:hidden}.detail-preview .motion-demo{transform:scale(1.4)}.detail-layout>aside{background:#fff;padding:70px clamp(38px,5vw,78px)}.detail-layout h1{font-size:48px;line-height:1;margin:0;letter-spacing:-.04em}.type-badge{display:inline-block;border-radius:99px;background:#1d1d1f;color:#fff;padding:5px 9px;font-size:9px;letter-spacing:.08em;margin-bottom:14px}.detail-terms{display:flex;flex-wrap:wrap;gap:6px}.detail-vocabulary{display:grid;gap:14px}.detail-vocabulary>div{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:start;gap:12px}.detail-vocabulary small{padding-top:6px;color:#69717a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;letter-spacing:.12em}.detail-terms code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--soft);border-radius:6px;padding:5px 7px;font-size:10px}.english-name{color:#86868b;margin:8px 0}.plain-copy{font-size:20px;line-height:1.5;margin:42px 0}.detail-layout aside section{border-top:1px solid var(--line);padding:24px 0}.detail-layout aside h3{font-size:10px;letter-spacing:.09em;color:#86868b;text-transform:uppercase;margin:0 0 10px}.detail-layout aside section>p{line-height:1.55}.prompt-copy{background:var(--soft);border-radius:12px;padding:17px}.prompt-copy p{margin:0 0 16px;line-height:1.55}.prompt-copy button,.copy-code{border:0;border-radius:99px;background:var(--blue);color:#fff;padding:8px 11px;display:flex;align-items:center;gap:6px;font-size:11px}.prompt-copy svg,.copy-code svg{width:14px}.detail-layout pre{white-space:pre-wrap;overflow:auto;background:#17171a;color:#f5f5f7;border-radius:12px;padding:18px;font-size:11px;line-height:1.55}.copy-code{background:#333}.detail-layout aside>a{display:flex;justify-content:space-between;color:var(--blue);margin-top:35px}.detail-layout aside>a svg{width:17px}@keyframes detail-in{0%{opacity:0;transform:scale(.985)}}.specimen{width:100%;height:100%;position:relative;display:grid;place-items:center;overflow:hidden;--spec-ease: cubic-bezier(.16, 1, .3, 1)}.motion-page-hidden .specimen *,.motion-row.is-paused .specimen *{animation-play-state:paused!important}.motion-row.is-visible .specimen *{animation-play-state:running}.motion-paused .specimen *,.motion-paused .specimen *:before,.motion-paused .specimen *:after{animation-play-state:paused!important}.specimen:not(.is-interactive) .completion-state{animation-delay:1.6s!important;animation-duration:1.6s!important}.spec-label{position:absolute;top:18px;font-size:10px;color:#86868b;background:#fff;border-radius:99px;padding:5px 8px;z-index:2}.spec-label-a{left:18px}.spec-label-b{right:18px}.spec-note{position:absolute;bottom:18px;left:50%;translate:-50%;font-size:10px;color:#6e6e73;white-space:nowrap;background:#fff;border-radius:7px;padding:6px 8px}.spec-scene{width:78%;height:65%;display:grid;place-items:center;position:relative}.curve-track{position:absolute;left:8%;right:8%;top:48%;height:2px;background:#d2d2d7}.curve-track-two{top:38%}.curve-track-three{top:58%}.curve-track-two .curve-dot{animation-timing-function:ease-in}.curve-track-three .curve-dot{animation-timing-function:ease-out}.curve-dot{position:absolute;left:0;top:-9px;width:20px;height:20px;border-radius:50%;background:#0071e3;animation:spec-curve 2.2s var(--spec-ease) 1 both}.curve-chart{position:absolute;width:130px;height:80px;opacity:.2}.curve-chart path{fill:none;stroke:#1d1d1f;stroke-width:2}.curve-chart circle{fill:#0071e3}.state-object{width:145px;height:90px;border-radius:16px;background:#fff;box-shadow:0 14px 32px #0002;display:grid;place-items:center;position:relative;transform-origin:center;animation:spec-state 1.4s var(--spec-ease) 1 both}.state-object span{position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:11px;background:#e9f2fb}.state-object b{z-index:1;font-size:13px}.card-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:#1d1d1f;color:#fff;display:grid;place-items:center;font-style:normal;transform:rotateY(180deg);backface-visibility:hidden}.spec-rotation-3d .state-object span,.spec-rotation-3d .state-object b{backface-visibility:hidden}.spec-rotation-3d .state-object{transform-style:preserve-3d}.state-comparison{display:flex;gap:35px}.state-comparison>div{width:100px;height:100px;border-radius:16px;background:#fff;box-shadow:0 12px 28px #0002;display:grid;place-items:center;position:relative}.state-comparison i{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:10px;background:#e4eff9;animation:spec-state 1.4s var(--spec-ease) 1 both}.state-comparison div{z-index:1}.spec-implicit .comparison-a i,.spec-explicit .comparison-a i,.spec-animatable .comparison-a i,.spec-animatable-modifier .comparison-a i{animation:none}.spec-implicit .comparison-b i{animation-name:state-width}.spec-explicit .comparison-b i{animation-name:state-color}.spec-animatable .comparison-b i{animation-name:state-progress}.spec-animatable-modifier .comparison-b i{animation-name:state-radius}.spec-scoped-animation .comparison-a i,.spec-scoped-transaction .comparison-a i{animation:none}.spec-scoped-animation .comparison-b i{animation-name:state-width}.spec-scoped-transaction .comparison-a{opacity:.55}.spec-scoped-transaction .comparison-b i{animation-name:state-color}.spec-disable-animation .comparison-b i{animation:none}.spec-transaction .comparison-a i{animation-timing-function:linear}.spec-transaction .comparison-b i{animation-timing-function:cubic-bezier(.16,1,.3,1)}.transition-source,.transition-target{position:absolute;border-radius:15px;background:#fff;box-shadow:0 12px 28px #0002;padding:10px}.transition-source{width:110px;height:90px;left:10%;animation:spec-source 1.45s var(--spec-ease) 1 both}.transition-target{width:210px;height:150px;right:7%;animation:spec-target 1.45s var(--spec-ease) 1 both}.transition-source span,.transition-target span{display:block;height:100%;border-radius:10px;background:linear-gradient(135deg,#8bb8dc,#e4edf4)}.content-window{height:68px;overflow:hidden;font-size:42px;font-weight:700;font-variant-numeric:tabular-nums}.content-window span{display:block;height:68px;animation:spec-content 1.2s var(--spec-ease) 1 both}.content-window svg{width:52px;height:52px}.sequence-track{position:absolute;left:10%;right:10%;height:2px;background:#d2d2d7;display:flex;justify-content:space-between}.sequence-track i{width:9px;height:9px;border-radius:50%;background:#86868b;translate:0 -4px}.sequence-object{width:62px;height:62px;border-radius:50%;background:#34c759;color:#fff;display:grid;place-items:center;font-size:31px;animation:spec-sequence 1.6s var(--spec-ease) 1 both}.sequence-object svg{width:28px}.spec-keyframe-tracks .sequence-object{display:flex;gap:3px;background:transparent;width:130px}.spec-keyframe-tracks .sequence-object i{height:55px;flex:1;border-radius:5px;background:#0071e3;animation:track-linear 1.6s linear 1 both}.spec-keyframe-tracks .sequence-object i:nth-child(2){animation-timing-function:ease-in}.spec-keyframe-tracks .sequence-object i:nth-child(3){animation-timing-function:cubic-bezier(.16,1,.3,1)}.spec-keyframe-tracks .sequence-object i:nth-child(4){animation-timing-function:linear;animation-name:track-spring}.completion-state{position:absolute;right:0;bottom:15%;font-size:11px;background:#fff;padding:8px 10px;border-radius:8px;opacity:0;animation:completion-reveal .01s step-end 1.6s 1 forwards}.gesture-card{width:130px;height:165px;border-radius:18px;background:#fff;box-shadow:0 15px 32px #0002;display:grid;place-items:center;animation:spec-gesture 1.5s var(--spec-ease) 1 both;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;transition:transform .38s cubic-bezier(.16,1,.3,1)}.is-interactive .gesture-card{animation:none}.is-interactive:active .gesture-card{cursor:grabbing;transition:none}.touches i{position:absolute;width:22px;height:22px;border:2px solid #0071e3;border-radius:50%;opacity:.7;animation:spec-touch 1.5s var(--spec-ease) 1 both}.touches i:first-child{translate:-32px 0}.touches i:last-child{translate:32px 0}.spec-scroll{width:100%;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:16px 24px;align-items:center}.spec-scroll i{flex:none;width:145px;min-width:145px;height:145px;border-radius:16px;background:linear-gradient(145deg,#fff,#d5e7f7);opacity:.4;transform:scale(.82);animation:spec-scroll 1.8s var(--spec-ease) 1 both;scroll-snap-align:center}.spec-scroll::-webkit-scrollbar{display:none}.spec-scroll:focus i,.spec-scroll:hover i{animation:none}.spec-scroll i:nth-child(3){opacity:1;transform:scale(1)}.spec-scroll:hover i,.spec-scroll:focus i{transition:transform .15s,opacity .15s}.kind-scroll *{animation-iteration-count:infinite!important}.symbol-object{width:100px;height:100px;position:relative;display:grid;place-items:center;color:#ff375f;animation:spec-symbol 1.3s var(--spec-ease) 1 both}.symbol-object>svg{width:62px;height:62px;fill:currentColor}.symbol-object i{position:absolute;width:16px;height:16px;border-radius:50%;background:#ff9f0a;animation:spec-layer 1.3s steps(3,end) 1 both}.symbol-object i:nth-of-type(1){top:0}.symbol-object i:nth-of-type(2){right:0;bottom:10px}.symbol-object i:nth-of-type(3){left:0;bottom:10px}.effect-surface{width:190px;height:150px;border-radius:18px;background:#111;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:14px;overflow:hidden;animation:spec-effect 2s linear 1 both}.effect-surface i{border-radius:8px;background:linear-gradient(135deg,#0071e3,#bf5af2,#ff375f);animation:spec-pixel 2s var(--spec-ease) 1 both}.projection-scene{width:240px;height:170px;position:relative;perspective:500px}.projection-grid{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;background:linear-gradient(#0000 24px,#c7c7cc 25px),linear-gradient(90deg,#0000 24px,#c7c7cc 25px);background-size:25px 25px;opacity:.45;transform:rotateX(55deg)}.projection-object{position:absolute;left:65px;top:50px;width:120px;height:72px;border-radius:13px;background:#0071e3;color:#fff;display:grid;place-items:center;font-size:9px;box-shadow:0 15px 30px #0002;animation:projection-matrix 1.6s cubic-bezier(.16,1,.3,1) 1 both}.system-compare{display:grid;grid-template-columns:120px 30px 120px;gap:8px;align-items:center;text-align:center}.system-compare>div{height:130px;border-radius:16px;background:#fff;box-shadow:0 10px 25px #0001;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.system-compare svg{width:30px}.system-compare span{font-size:11px}.system-compare>div:last-child{animation:spec-system 1.4s var(--spec-ease) 1 both}.spec-linear .curve-chart,.spec-ease .curve-chart,.spec-presets .curve-chart,.spec-physical-spring .curve-chart,.spec-spring-physics .curve-chart,.spec-timing-curve .curve-chart,.spec-custom-animation .curve-chart{display:block}.spec-repeat-delay .sequence-object{animation-delay:.45s;animation-iteration-count:2}.spec-press .state-object{animation-name:spec-press}.spec-spring .state-object,.spec-physical-spring .curve-dot,.spec-spring-physics .curve-dot{animation-timing-function:var(--spec-ease)}.spec-spring .state-object{animation-name:spec-spring;animation-timing-function:linear}.spec-shake .state-object{animation-name:spec-shake;animation-timing-function:linear}.spec-disable-animation .state-object{animation:none}.spec-transform-properties .state-object{animation-name:spec-transform}.spec-rotation-3d .state-object{animation-name:spec-3d;backface-visibility:hidden}.spec-opacity .transition-source{display:none}.spec-opacity .transition-target{left:50%;right:auto;translate:-50%;animation-name:spec-opacity}.spec-scale-transition .transition-target{left:50%;right:auto;translate:-50%;animation-name:spec-scale}.spec-blur-replace .transition-source{animation-name:spec-blur-out}.spec-blur-replace .transition-target{animation-name:spec-blur-in}.spec-asymmetric .transition-source{animation-name:spec-scale}.spec-asymmetric .transition-target{animation-name:spec-opacity}.spec-modifier-transition .transition-source{animation-name:spec-blur-out}.spec-matched .transition-source,.spec-navigation-zoom .transition-source{animation-name:spec-shared-source}.spec-matched .transition-target,.spec-navigation-zoom .transition-target{animation-name:spec-shared-target}.spec-symbol-content .content-window,.spec-content-opacity .content-window,.spec-interpolate-content .content-window{font-size:20px}.spec-symbol-variable .symbol-object{animation:none}.spec-symbol-pulse .symbol-object{animation-name:symbol-pulse;animation-timing-function:ease-in-out}.spec-symbol-variable .symbol-object i{animation-iteration-count:infinite}.spec-symbol-variable .symbol-object i:nth-of-type(1){background:#0071e3;animation-delay:0s}.spec-symbol-variable .symbol-object i:nth-of-type(2){background:#34c759;animation-delay:.2s}.spec-symbol-variable .symbol-object i:nth-of-type(3){background:#ff9f0a;animation-delay:.4s}.spec-symbol-appear .symbol-object{animation-name:spec-appear}.spec-symbol-modern .symbol-object{animation-name:spec-wiggle}.spec-content-opacity .content-window span{animation-name:spec-content-fade}.spec-content-opacity .content-window{position:relative;width:210px;text-align:center}.spec-content-opacity .content-window span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;animation:old-fade 1.2s ease 1 both}.spec-content-opacity .content-window span:last-child{animation-name:new-fade}.spec-interpolate-content .content-window span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;animation:interpolate-old 1.2s var(--spec-ease) 1 both}.spec-interpolate-content .content-window{position:relative;width:230px;text-align:center}.spec-interpolate-content .content-window span:last-child{animation-name:interpolate-new}.spec-phase .sequence-object{animation-name:phase-steps}.spec-keyframe .sequence-object{animation-name:keyframe-path}.spec-completion .sequence-object{animation-name:completion-object}.spec-magnify .gesture-card{animation-name:spec-magnify}.spec-rotate .gesture-card{animation-name:spec-rotate}.spec-combined-gesture .gesture-card{animation-name:spec-combined}.spec-drag .gesture-card{animation-name:spec-drag}.spec-color-shader .effect-surface{animation-name:spec-color}.spec-distortion-shader .effect-surface{animation-name:spec-distort}.spec-layer-shader .effect-surface{animation-name:spec-layerfx}.spec-visual-effect .effect-surface,.spec-geometry-effect .effect-surface{animation-name:spec-geometry}.spec-animatable-modifier .effect-surface{animation-name:spec-radius}.spec-timeline .sequence-object,.spec-canvas .effect-surface,.is-continuous .effect-surface,.is-continuous .symbol-object{animation-iteration-count:infinite}.spec-reduce-motion .system-compare>div:first-child{animation:spec-spatial 1.4s var(--spec-ease) 1 both}.spec-reduce-motion .system-compare>div:last-child{animation:spec-fade 1.4s ease 1 both}.spec-sensory .system-compare>div:last-child:after{content:"Apple device";font-size:9px;color:#86868b}.spec-hover .system-compare>div:last-child{animation:none;transition:transform .25s,box-shadow .25s}.spec-hover .system-compare>div:last-child:hover,.spec-hover .system-compare>div:last-child:focus{transform:scale(1.08);box-shadow:0 15px 30px #0002}.spec-glass-matched .transition-source,.spec-glass-matched .transition-target,.spec-glass-materialize .transition-target{background:#ffffff80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fff}.spec-glass-union .effect-surface{background:#d8e9f6}.spec-glass-union .effect-surface i{border-radius:50%;background:#ffffff90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation-name:glass-union}.spec-symbol-draw-on .symbol-object svg{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:100;animation:draw-on 1.6s linear infinite}.spec-symbol-draw-off .symbol-object svg{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:100;animation:draw-off 1.6s linear infinite}.spec-symbol-scale .symbol-object{animation-name:spec-scale}.spec-symbol-replace-magic .content-window span{animation-name:magic-old}.spec-symbol-replace-magic .content-window span:last-child{animation-name:magic-new}.spec-scroll-paging .spec-scroll,.spec-programmatic-scroll .spec-scroll{scroll-snap-type:x mandatory}.spec-scroll-view-aligned .spec-scroll{scroll-snap-type:x proximity}.spec-scroll-phase .spec-scroll{outline:2px solid #0071e3}.scroll-phase-indicator{position:absolute;bottom:14px;display:flex;gap:8px;font-size:8px;color:#86868b}.scroll-phase-indicator span{padding:3px 5px}.scroll-phase-indicator i{position:absolute;left:0;bottom:-3px;width:45px;height:2px;background:#0071e3;animation:phase-indicator 3s steps(3,end) infinite}.spec-gesture-state .gesture-card:after{content:"updating";font-size:9px;color:#0071e3}.spec-offset-transition .transition-target{animation-name:offset-transition}.spec-geometry-group .effect-surface{animation-name:geometry-group}.spec-animatable-macro .state-object{animation-name:state-progress}.spec-animatable-values .state-object{animation-name:spec-transform}.spec-custom-hover .system-compare>div:last-child{animation:none;transition:.25s}.spec-custom-hover .system-compare>div:last-child:hover{transform:scale(1.1) rotate(2deg);box-shadow:0 18px 35px #0002}.spec-symbol-effects-removed .system-compare>div:first-child{animation:spec-symbol 1.3s infinite}.spec-symbol-wiggle .symbol-object{animation-name:spec-wiggle}.spec-symbol-rotate .symbol-object{animation-name:symbol-rotate}.spec-symbol-breathe .symbol-object{animation-name:symbol-breathe;animation-iteration-count:infinite!important}.spec-move-transition .transition-target{animation-name:offset-transition}.spec-push-transition .transition-source{animation-name:push-old}.spec-push-transition .transition-target{animation-name:push-new}.spec-exclusive-gesture .gesture-card{animation-name:exclusive-choice}.spec-sequenced-gesture .gesture-card{animation-name:sequenced-action}.spec-binding-animation .state-object{width:190px;height:64px;border-radius:32px;animation-name:binding-toggle}.spec-binding-animation .state-object span{inset:7px auto 7px 7px;width:50px;border-radius:50%;background:#fff;animation:binding-thumb 1.8s var(--spec-ease) 1 both}.spec-binding-animation .state-object b{opacity:0}.spec-appear-loop .sequence-object{animation:appear-loop 1.8s ease-in-out infinite}.spec-animatable-font .state-object{width:220px;height:120px;animation:none;box-shadow:none;background:transparent}.spec-animatable-font .state-object span,.spec-animatable-font .card-back{display:none}.spec-animatable-font .state-object b{animation:font-size-layout 2.2s var(--spec-ease) 1 both;white-space:nowrap}.spec-iris-transition .transition-source{display:none}.spec-iris-transition .transition-target{top:18px;right:18px;bottom:18px;left:18px;width:auto;height:auto;border-radius:8px;background:linear-gradient(135deg,#3fd8ff,#5856d6);animation:iris-reveal 2.2s var(--spec-ease) 1 both}.spec-marching-ants .effect-surface{width:210px;height:130px;position:relative;background:#3fd8ff0d;animation:none}.spec-marching-ants .effect-surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#3fd8ff 50%,transparent 50%) 0 0 / 16px 2px repeat-x,linear-gradient(90deg,#3fd8ff 50%,transparent 50%) 0 100% / 16px 2px repeat-x,linear-gradient(0deg,#3fd8ff 50%,transparent 50%) 0 0 / 2px 16px repeat-y,linear-gradient(0deg,#3fd8ff 50%,transparent 50%) 100% 0 / 2px 16px repeat-y;animation:marching-ants .7s linear infinite}.spec-marching-ants .effect-surface i{display:none}.spec-tap-cadence .state-object{width:86px;height:86px;border-radius:50%;animation:tap-cadence 2.4s ease-out 1 both}.spec-tap-cadence .state-object:after{content:"2×";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;display:grid;place-items:center;border:2px solid #3fd8ff;border-radius:50%;color:#3fd8ff;font:11px ui-monospace,monospace;animation:tap-ring 2.4s ease-out 1 both}.spec-high-priority-gesture .gesture-card{width:190px;height:120px;animation:gesture-priority 2.3s var(--spec-ease) 1 both}.spec-high-priority-gesture .gesture-card:after{content:"PARENT";position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:grid;place-items:center;border:1px solid #3fd8ff;color:#3fd8ff;font:9px ui-monospace,monospace}.spec-device-shake .state-object{width:86px;height:150px;border:3px solid #89919b;border-radius:20px;background:#151a20;animation:device-shake 2.3s linear 1 both}.spec-device-shake .state-object span{top:9px;right:9px;bottom:9px;left:9px;background:#202831}.spec-scroll-view-reader .spec-scroll{overflow:hidden;scroll-snap-type:none}.spec-scroll-view-reader .spec-scroll i{animation:scroll-reader-position 2.8s var(--spec-ease) 1 both}.spec-alert-presentation .system-compare{grid-template-columns:95px 20px 170px}.spec-alert-presentation .system-compare>div:last-child{animation:modal-focus 2.4s var(--spec-ease) 1 both}.spec-confirmation-dialog .transition-source{top:24px;right:24px;bottom:24px;left:24px;opacity:.3}.spec-confirmation-dialog .transition-target{left:50%;right:auto;top:auto;bottom:-10px;translate:-50%;width:220px;height:145px;border-radius:18px 18px 8px 8px;animation:bottom-dialog 2.6s var(--spec-ease) 1 both}.spec-popover-anchor .transition-source{left:18%;top:62%;width:65px;height:38px}.spec-popover-anchor .transition-target{right:10%;top:16%;width:175px;height:105px;transform-origin:15% 100%;animation:popover-reveal 2.4s var(--spec-ease) 1 both}.spec-menu-expand .transition-source{left:15%;top:42%;width:80px;height:42px}.spec-menu-expand .transition-target{right:10%;top:18%;width:155px;height:140px;background:repeating-linear-gradient(#202831 0,#202831 28px,#303841,#303841 30px);transform-origin:0 50%;animation:menu-unfold 2.5s var(--spec-ease) 1 both}.spec-disclosure-expand .state-object{width:210px;animation:disclosure-panel 2.5s var(--spec-ease) 1 both;overflow:hidden}.spec-disclosure-expand .state-object b:before{content:"›";display:inline-block;margin-right:10px;animation:disclosure-chevron 2.5s var(--spec-ease) 1 both}.spec-search-activation .state-object{width:220px;height:52px;border-radius:12px;animation:search-field 2.5s var(--spec-ease) 1 both}.spec-search-activation .state-object span{background:linear-gradient(90deg,#59616b 0 28%,transparent 28%)}.spec-focus-ring .state-object{width:220px;height:62px;animation:focus-ring 2.4s var(--spec-ease) 1 both}.spec-toggle-switch .state-object{width:130px;height:66px;border-radius:33px;animation:toggle-track 2.2s var(--spec-ease) 1 both}.spec-toggle-switch .state-object span{inset:7px auto 7px 7px;width:52px;border-radius:50%;background:#fff;animation:toggle-thumb 2.2s var(--spec-ease) 1 both}.spec-toggle-switch .state-object b{display:none}.spec-slider-scrub .gesture-card{width:220px;height:12px;border-radius:8px;background:linear-gradient(90deg,#3fd8ff 0,#3fd8ff 18%,#303840 18%);animation:slider-fill 2.5s ease-in-out 1 both;color:transparent}.spec-slider-scrub .gesture-card:after{content:"";position:absolute;width:34px;height:34px;border-radius:50%;background:#fff;left:18%;top:50%;translate:-50% -50%;animation:slider-thumb 2.5s ease-in-out 1 both}.spec-stepper-count .content-window,.spec-badge-update .content-window{font-size:38px;font-variant-numeric:tabular-nums}.spec-stepper-count .content-window span{animation-name:number-up}.spec-badge-update .content-window{width:80px;height:80px;border-radius:40px;background:#ff375f;color:#fff;animation:badge-pop 2.2s var(--spec-ease) 1 both}.spec-badge-update .content-window span{animation-name:number-up}.spec-indeterminate-progress .sequence-track{display:none}.spec-indeterminate-progress .sequence-object{width:86px;height:86px;border-radius:50%;background:conic-gradient(transparent 0 35%,#3fd8ff 35%,#3fd8ff);mask:radial-gradient(circle,#0000 55%,#000 57%);animation:progress-spin 1s linear infinite;color:transparent}.spec-redaction-reveal .content-window{width:230px;height:130px;border-radius:14px;background:repeating-linear-gradient(#333b45 0 16px,transparent 16px 28px);animation:content-reveal 2.6s ease-in-out 1 both}.spec-redaction-reveal .content-window span{display:none}.spec-scene-phase .system-compare>div:first-child{opacity:.35;filter:grayscale(1)}.spec-scene-phase .system-compare>div:last-child{animation:scene-activate 2.5s ease-out 1 both}.spec-toolbar-morph .state-object{width:230px;height:64px;animation:toolbar-items 2.6s var(--spec-ease) 1 both}.spec-toolbar-morph .state-object span{background:repeating-linear-gradient(90deg,#3fd8ff 0 34px,transparent 34px 48px)}.spec-empty-content .transition-source{left:50%;right:auto;translate:-50%;width:120px;height:120px;border-radius:50%;animation:empty-out 2.6s ease-in-out 1 both}.spec-empty-content .transition-target{left:50%;right:auto;translate:-50%;width:220px;height:130px;background:repeating-linear-gradient(#26303a 0 25px,transparent 25px 35px);animation:content-in 2.6s var(--spec-ease) 1 both}.spec-scroll-edge-effect .effect-surface{position:relative;animation:none;background:linear-gradient(#0000,#d5e7f7)}.spec-scroll-edge-effect .effect-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#f5f5f7,transparent 35%,transparent 65%,#f5f5f7)}.spec-layout-transition .state-object{width:190px;height:120px;animation-name:layout-reflow}.spec-layout-transition .state-object span{background:linear-gradient(90deg,#d5e7f7 31%,transparent 31% 34%,#d5e7f7 34% 65%,transparent 65% 68%,#d5e7f7 68%)}.spec-text-renderer .effect-surface{display:flex;align-items:center;justify-content:center;gap:3px;background:#fff}.spec-text-renderer .effect-surface i{width:12px;height:55px;background:#1d1d1f;animation-name:glyph-wave;animation-delay:calc(var(--i, 0) * .08s)}.spec-text-renderer .effect-surface i:nth-child(2){--i: 1}.spec-text-renderer .effect-surface i:nth-child(3){--i: 2}.spec-text-renderer .effect-surface i:nth-child(4){--i: 3}.spec-text-renderer .effect-surface i:nth-child(5){--i: 4}.spec-text-renderer .effect-surface i:nth-child(6){--i: 5}.spec-text-renderer .effect-surface i:nth-child(7){--i: 6}.spec-text-renderer .effect-surface i:nth-child(8){--i: 7}.spec-text-renderer .effect-surface i:nth-child(9){--i: 8}.spec-symbol-effects-removed .system-compare>div:last-child{animation:none}.spec-dim-flashing .system-compare>div:first-child{animation:flash .5s infinite}.spec-animated-images .system-compare>div:first-child{animation:spec-wiggle 1.2s infinite}.spec-animated-images .system-compare>div:last-child{animation:none}.spec-reduce-highlighting .system-compare>div:first-child{box-shadow:0 0 40px #0071e3}.spec-logical-completion .completion-state{display:block}.spec-logical-completion .sequence-object{animation-name:track-spring}@keyframes glass-union{0%{transform:translate(-12px)}to{transform:translate(12px)}}@keyframes draw-on{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes draw-off{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}@keyframes magic-old{0%{opacity:1;filter:blur(0);transform:scale(1)}to{opacity:0;filter:blur(12px);transform:scale(.3) rotate(-35deg)}}@keyframes magic-new{0%{opacity:0;filter:blur(12px);transform:scale(.3) rotate(35deg)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes offset-transition{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes geometry-group{0%{transform:scale(.75) rotate(-8deg)}to{transform:scale(1.1) rotate(8deg)}}@keyframes flash{0%,to{background:#fff}50%{background:#fff7a0}}@keyframes symbol-rotate{to{transform:rotate(360deg)}}@keyframes symbol-breathe{0%,to{transform:scale(.92);opacity:.65}50%{transform:scale(1.1);opacity:1}}@keyframes push-old{0%{transform:none;opacity:1}to{transform:translate(-90px);opacity:.35}}@keyframes push-new{0%{transform:translate(150px)}to{transform:none}}@keyframes exclusive-choice{0%,35%{transform:scale(1)}50%,to{transform:scale(1.15);box-shadow:0 0 0 5px #0071e355}}@keyframes sequenced-action{0%,25%{transform:scale(.9)}45%{transform:scale(1.08)}to{transform:translate(70px) scale(1)}}@keyframes layout-reflow{0%,20%{width:190px;height:80px}55%,to{width:125px;height:145px;transform:rotate(0)}}@keyframes glyph-wave{0%,to{transform:translateY(10px);opacity:.35}50%{transform:translateY(-15px);opacity:1}}@keyframes phase-indicator{0%{transform:translate(0)}34%{transform:translate(53px)}68%,to{transform:translate(116px)}}@keyframes spec-curve{0%{left:0}to{left:calc(100% - 20px)}}@keyframes spec-state{0%{transform:scale(.72);opacity:.55}to{transform:scale(1.15);opacity:1}}@keyframes spec-press{0%,to{transform:scale(1)}55%{transform:scale(.94)}}@keyframes spec-spring{0%{transform:scale(.72)}55%{transform:scale(1.22)}72%{transform:scale(.94)}86%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spec-shake{0%,to{transform:translate(0)}18%{transform:translate(-9px)}34%{transform:translate(8px)}50%{transform:translate(-6px)}66%{transform:translate(4px)}82%{transform:translate(-2px)}}@keyframes spec-transform{0%{transform:translate(-35px,20px) scale(.75) rotate(-15deg);opacity:.35}to{transform:translate(35px,-10px) scale(1.12) rotate(12deg);opacity:1}}@keyframes spec-3d{0%{transform:perspective(500px) rotateY(0)}to{transform:perspective(500px) rotateY(180deg)}}@keyframes spec-source{0%{transform:none;opacity:1}to{transform:translate(145px) scale(1.7);opacity:0}}@keyframes spec-target{0%{transform:translate(-120px) scale(.5);opacity:0}to{transform:none;opacity:1}}@keyframes spec-opacity{0%{opacity:0}to{opacity:1}}@keyframes spec-scale{0%{transform:scale(.45);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes spec-blur-out{0%{filter:blur(0);opacity:1}to{filter:blur(18px);opacity:0}}@keyframes spec-blur-in{0%{filter:blur(18px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes spec-shared-source{0%{transform:none;opacity:1}to{transform:translate(150px,25px) scale(1.8);opacity:0}}@keyframes spec-shared-target{0%{transform:translate(-150px,-25px) scale(.5);opacity:0}to{transform:none;opacity:1}}@keyframes spec-content{0%{transform:translateY(0)}to{transform:translateY(-68px)}}@keyframes spec-content-fade{0%{opacity:0}to{opacity:1}}@keyframes completion-next{0%,82%{opacity:0}83%,to{opacity:1}}@keyframes completion-reveal{to{opacity:1}}@keyframes projection-matrix{0%{transform:translate(-65px,30px) rotate(-12deg) scale(.65)}55%{transform:translate(25px,-28px) rotate(9deg) scale(1.15)}to{transform:translate(45px,-12px) rotate(0) scale(1)}}@keyframes spec-appear{0%,20%{opacity:0;transform:scale(.2)}55%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.2)}}@keyframes spec-wiggle{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-14deg) scale(1.08)}40%{transform:rotate(12deg) scale(.96)}60%{transform:rotate(-8deg) scale(1.05)}80%{transform:rotate(4deg) scale(1)}}@keyframes old-fade{0%{opacity:1}to{opacity:0}}@keyframes new-fade{0%{opacity:0}to{opacity:1}}@keyframes content-interpolate{0%{transform:scale(.82);letter-spacing:-3px;opacity:.35}to{transform:scale(1);letter-spacing:0;opacity:1}}@keyframes symbol-pulse{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes track-linear{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes track-spring{0%{transform:scaleY(.25)}55%{transform:scaleY(1.25)}75%{transform:scaleY(.9)}to{transform:scaleY(1)}}@keyframes state-width{0%{transform:scaleX(.35)}to{transform:scaleX(1)}}@keyframes state-color{0%{background:#e4eff9}to{background:#34c759}}@keyframes state-progress{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes state-radius{0%{border-radius:2px}to{border-radius:50%}}@keyframes interpolate-old{0%{opacity:1;transform:scale(.84);letter-spacing:-3px}to{opacity:0;transform:scale(1);letter-spacing:0}}@keyframes interpolate-new{0%{opacity:0;transform:scale(.84);letter-spacing:-3px}to{opacity:1;transform:scale(1);letter-spacing:0}}@keyframes phase-steps{0%{transform:scale(1);background:#86868b}34%{transform:scale(1.25) translateY(-12px);background:#ff9f0a}67%{transform:scale(.92);background:#34c759}to{transform:scale(1);background:#34c759}}@keyframes keyframe-path{0%{transform:translate(-100px,20px) scale(.7)}28%{transform:translate(-25px,-45px) scale(1.2) rotate(-10deg)}55%{transform:translate(55px,20px) scale(.85) rotate(8deg)}78%{transform:translate(95px,-15px) scale(1.08)}to{transform:translate(100px) scale(1)}}@keyframes completion-object{0%{transform:translate(-90px)}to{transform:translate(65px)}}@keyframes spec-sequence{0%{transform:translate(-105px) scale(.7)}35%{transform:translate(-35px) scale(1.15)}68%{transform:translate(35px) scale(.9)}to{transform:translate(105px) scale(1)}}@keyframes spec-gesture{0%{transform:translate(-45px)}to{transform:translate(60px)}}@keyframes spec-drag{0%{transform:translate(-55px)}70%{transform:translate(72px) rotate(7deg)}to{transform:translate(55px)}}@keyframes spec-magnify{0%{transform:scale(.65)}to{transform:scale(1.25)}}@keyframes spec-rotate{0%{transform:rotate(0)}to{transform:rotate(68deg)}}@keyframes spec-combined{0%{transform:translate(-45px) scale(.7) rotate(-12deg)}to{transform:translate(45px) scale(1.18) rotate(18deg)}}@keyframes spec-touch{0%{transform:translate(0)}to{transform:translate(var(--touch-x, 20px))}}@keyframes spec-scroll{0%{translate:90px;opacity:.35;transform:scale(.8)}to{translate:-90px;opacity:1;transform:scale(1)}}@keyframes spec-symbol{0%,to{transform:scale(.85)}60%{transform:scale(1.28) rotate(7deg)}}@keyframes spec-layer{0%{opacity:.2}to{opacity:1}}@keyframes spec-effect{0%{filter:hue-rotate(0)}to{filter:hue-rotate(160deg)}}@keyframes spec-pixel{0%{transform:scale(.75)}to{transform:scale(1.18) skew(-8deg)}}@keyframes spec-color{0%{filter:hue-rotate(0)}to{filter:hue-rotate(270deg)}}@keyframes spec-distort{0%{transform:skew(0)}50%{transform:skew(-16deg) scaleX(1.08)}to{transform:skew(0)}}@keyframes spec-layerfx{0%{filter:blur(0);box-shadow:none}to{filter:blur(2px);box-shadow:0 0 35px #bf5af2}}@keyframes spec-geometry{0%{transform:perspective(400px) rotateX(18deg) translateY(18px)}to{transform:perspective(400px) rotateX(-8deg) translateY(-18px)}}@keyframes spec-radius{0%{border-radius:4px}to{border-radius:48px}}@keyframes spec-system{0%{background:#fff}to{background:#e8f6ea}}@keyframes spec-spatial{0%{transform:translate(-18px) scale(.8)}to{transform:translate(18px) scale(1.1)}}@keyframes spec-fade{0%{opacity:.25}to{opacity:1}}@keyframes spec-hover{0%{transform:none;box-shadow:0 2px 8px #0001}to{transform:scale(1.08);box-shadow:0 15px 30px #0002}}.motion-demo{width:100%;height:100%;display:grid;place-items:center;position:relative}.motion-press button{border:0;border-radius:14px;background:#0071e3;color:#fff;padding:17px 29px;font-weight:600;font-size:17px;animation:press-demo 1.7s ease-in-out infinite}.motion-spring>div{width:235px;height:78px;border-radius:16px;background:#fff;box-shadow:0 12px 30px #0002;padding:18px;overflow:hidden;animation:settle-demo 2.3s infinite}.motion-spring span{font-weight:600}.motion-spring p{color:#6e6e73;font-size:12px}.motion-insert .toast{background:#252529;color:#fff;border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:9px;box-shadow:0 15px 35px #0003;animation:insert-demo 2.4s infinite}.motion-insert svg{width:17px;color:#62d96b}.motion-matched .shared-card,.motion-matched .shared-detail{position:absolute;background:#fff;border-radius:16px;box-shadow:0 12px 30px #0002;overflow:hidden;padding:11px}.motion-matched i{display:block;background:linear-gradient(135deg,#8bb8dc,#e1eaf1);border-radius:10px}.shared-card{width:155px;height:130px;animation:matched-a 2.8s infinite}.shared-card i{height:82px}.shared-card b{font-size:11px}.shared-detail{width:285px;height:225px;animation:matched-b 2.8s infinite}.shared-detail i{height:170px}.shared-detail b{font-size:16px}.motion-phase>div{width:85px;height:85px;border-radius:50%;background:#34c759;color:#fff;display:grid;place-items:center;animation:phase-demo 2.2s infinite}.motion-phase svg{width:38px;height:38px}.key-object{font-size:52px;color:#ff9f0a;animation:keyframe-demo 2.1s infinite}.motion-symbol>div{font-size:68px;color:#ff375f;animation:symbol-demo 1.8s infinite}.motion-number>div{height:70px;overflow:hidden;font-size:53px;font-weight:700;font-variant-numeric:tabular-nums}.motion-number span{height:70px;display:block;animation:number-demo 2.4s infinite}.drag-track{width:300px;height:185px;position:relative}.drag-card{position:absolute;width:135px;height:165px;border-radius:18px;background:#fff;box-shadow:0 14px 30px #0002;display:grid;place-items:center;z-index:2;animation:drag-demo 2.5s infinite}.drag-track i{position:absolute;bottom:5px;width:8px;height:8px;border-radius:50%;background:#c7c7cc}.drag-track i:nth-of-type(1){left:80px}.drag-track i:nth-of-type(2){left:146px;background:#0071e3}.drag-track i:nth-of-type(3){right:80px}.scroll-row{width:100%;display:flex;gap:15px;justify-content:center;align-items:center;overflow:hidden}.scroll-row i{flex:none;width:135px;height:190px;border-radius:18px;background:linear-gradient(145deg,#fff,#d7e6f5);animation:scroll-demo 3.5s infinite}.scroll-row i:nth-child(3){transform:scale(1);opacity:1}.scroll-row i:not(:nth-child(3)){transform:scale(.82);opacity:.45}.motion-shake>div{display:flex;flex-direction:column;gap:7px;animation:shake-demo 2.4s infinite}.motion-shake input{width:250px;border:2px solid #ff3b30;border-radius:11px;padding:13px;background:#fff}.motion-shake small{color:#ff3b30}.family-visual{width:270px;height:190px;position:relative;display:grid;place-items:center}.family-visual b{position:absolute;bottom:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:#fff;border-radius:8px;padding:7px 10px;box-shadow:0 4px 15px #0001}.family-visual i{position:absolute;width:72px;height:72px;border-radius:18px;background:#0071e3;opacity:.9;animation:family-demo 2.4s infinite cubic-bezier(.16,1,.3,1)}.family-visual i:nth-child(1){transform:translate(-70px) scale(.72);opacity:.28}.family-visual i:nth-child(3){transform:translate(70px) scale(.72);opacity:.28}.family-transition i:nth-child(2),.family-navigation i:nth-child(2){animation-name:family-slide}.family-gesture i:nth-child(2){animation-name:family-gesture}.family-symbol i{border-radius:50%;animation-name:family-symbol}.family-effect i:nth-child(2){background:linear-gradient(135deg,#0071e3,#bf5af2,#ff375f);animation-name:family-effect}.family-accessibility i:nth-child(2){animation:none}.family-content i:nth-child(2){animation-name:family-content}@keyframes family-demo{0%,25%,to{transform:scale(.72)}55%,80%{transform:scale(1.18)}}@keyframes family-slide{0%,25%,to{transform:translate(-75px);opacity:.3}55%,80%{transform:translate(0);opacity:1}}@keyframes family-gesture{0%,25%,to{transform:translate(-55px) rotate(-6deg)}55%,80%{transform:translate(55px) rotate(6deg)}}@keyframes family-symbol{0%,30%,to{transform:scale(1);opacity:.7}52%{transform:scale(1.32);opacity:1}70%{transform:scale(.92)}}@keyframes family-effect{0%,to{filter:hue-rotate(0);transform:skew(0)}50%{filter:hue-rotate(120deg);transform:skew(-12deg)}}@keyframes family-content{0%,35%,to{clip-path:inset(0 100% 0 0)}55%,85%{clip-path:inset(0)}}@keyframes press-demo{0%,35%,to{transform:scale(1)}45%,60%{transform:scale(.96)}}@keyframes settle-demo{0%,20%,to{height:78px;transform:scale(1)}45%{height:218px;transform:scale(1.035)}65%{height:205px;transform:scale(.99)}78%{height:210px;transform:scale(1)}}@keyframes insert-demo{0%,15%,90%,to{opacity:0;transform:translateY(40px) scale(.96)}30%,72%{opacity:1;transform:none}}@keyframes matched-a{0%,35%{opacity:1;transform:scale(1)}55%,90%{opacity:0;transform:scale(1.65)}}@keyframes matched-b{0%,35%{opacity:0;transform:scale(.58)}55%,90%{opacity:1;transform:scale(1)}}@keyframes phase-demo{0%,20%,to{transform:scale(1) rotate(0);background:#34c759}42%{transform:scale(1.28) rotate(-8deg);background:#30d158}65%{transform:scale(.95) rotate(3deg)}78%{transform:scale(1)}}@keyframes keyframe-demo{0%,20%,to{transform:none}40%{transform:translateY(-38px) scale(.82) rotate(-10deg)}58%{transform:translateY(8px) scale(1.2) rotate(7deg)}78%{transform:none}}@keyframes symbol-demo{0%,30%,to{transform:scale(1)}48%{transform:scale(.75)}62%{transform:scale(1.35)}77%{transform:scale(.95)}}@keyframes number-demo{0%,35%{transform:translateY(0)}55%,90%{transform:translateY(-70px)}}@keyframes drag-demo{0%,20%,to{transform:translate(0) rotate(0)}50%{transform:translate(165px) rotate(7deg)}72%{transform:translate(135px) rotate(3deg)}}@keyframes scroll-demo{0%,20%,to{translate:0}55%,80%{translate:-150px}}@keyframes shake-demo{0%,35%,65%,to{transform:translate(0)}42%{transform:translate(-8px)}49%{transform:translate(7px)}55%{transform:translate(-5px)}60%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-detail{animation:none}.specimen *,.specimen *:before,.specimen *:after{animation:none!important;transition-duration:.01ms!important}.transition-source{display:none}.transition-target,.state-object,.sequence-object,.symbol-object,.effect-surface{opacity:1!important;transform:none!important;filter:none!important}.content-window span:first-child{display:none}.content-window span:last-child{transform:none!important}.spec-reduce-motion .system-compare>div:first-child{opacity:.45!important}.spec-reduce-motion .system-compare>div:last-child{opacity:1!important}}@media(max-width:900px){.motion-tools{grid-template-columns:1fr auto}.motion-filters{justify-content:flex-start}.motion-row{display:flex}.motion-list{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.detail-preview{position:relative;top:0;height:520px}.detail-layout>aside{padding:50px 28px}.motion-app>footer{margin-left:24px;margin-right:24px}}@media(max-width:600px){.motion-nav{padding:0 16px}.motion-nav nav{display:none}.motion-nav>button{margin-left:auto;min-height:44px}.motion-tools{padding:12px 16px;grid-template-columns:1fr}.motion-filters{flex-wrap:nowrap;overflow:auto}.motion-filters button{min-height:44px}.motion-list{margin:0 16px;padding:0;grid-template-columns:1fr;gap:1px}.motion-row{padding:0;gap:0}.motion-stage{height:230px}.motion-title{display:flex}.motion-title h2{font-size:25px}.motion-title span{display:block;margin-top:5px}.motion-app>footer{display:block}.motion-app>footer p{margin-top:8px}.motion-detail>header{padding:0 12px}.motion-detail>header>span{display:none}.detail-preview{height:430px}.detail-preview .motion-demo{transform:scale(1)}.detail-layout>aside{padding:38px 20px 60px}.detail-layout h1{font-size:40px}}.motion-app{--ink: #0b0e12;--panel: #11151a;--panel-2: #171b21;--rule: #30363d;--muted-dark: #818891;--cyan: #3fd8ff;background:var(--ink);color:#e8e9e7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Noto Sans SC,sans-serif}.motion-nav{max-width:none;height:64px;padding:0 28px;background:#0b0e12f2;border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.motion-nav>a{gap:14px}.motion-nav>a b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;letter-spacing:.16em;font-weight:500;text-transform:uppercase}.motion-nav>a span{background:transparent;color:var(--cyan);border-left:1px solid var(--rule);border-radius:0;padding:3px 0 3px 22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.nav-status{border-color:var(--rule);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.nav-status b{color:#d8d9d7}.nav-status span,.motion-nav nav a,.motion-nav>button{color:#9ba1a8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.motion-nav>button svg{color:var(--cyan)}.motion-tools{max-width:none;min-height:58px;padding:9px 28px;background:#0d1014;border-bottom:1px solid var(--rule);grid-template-columns:400px 1fr auto;gap:24px}.motion-search{height:40px;background:#0d1014;border-right:1px solid var(--rule);border-radius:0;padding:0 2px}.motion-search svg{color:#aeb4ba}.motion-search input{color:#e5e7e8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.08em}.motion-search input::placeholder{color:#777e87}.motion-filters{justify-content:flex-start;gap:8px}.motion-filters button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:#8d949c;padding:10px 11px 8px;letter-spacing:.07em;text-transform:uppercase}.motion-filters button:hover{color:#fff}.motion-filters button.active{background:transparent;color:var(--cyan);border-color:var(--cyan)}.result-count{color:#707780}.motion-workbench{display:grid;grid-template-columns:minmax(0,1fr) 270px;max-width:none;border-bottom:1px solid var(--rule)}.motion-sections{min-width:0;background:var(--ink)}.motion-section{scroll-margin-top:123px}.section-header{height:70px;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);display:grid;grid-template-columns:54px 1fr 55px;align-items:center;background:#0b0e12}.section-header>span{height:100%;display:grid;place-items:center;border-right:1px solid var(--rule);color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.section-header>div{padding:0 18px}.section-header h2{font-size:15px;letter-spacing:.04em;margin:0;color:#f1f2f0}.section-header p{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;letter-spacing:.07em;color:#717984;margin:7px 0 0;text-transform:uppercase}.section-header>b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#737b85;font-weight:400;text-align:center}.motion-list{max-width:none;margin:0;padding:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule);border:0;border-right:1px solid var(--rule)}.motion-row{background:var(--panel);border-radius:0;min-height:285px}.motion-row:hover{background:#151a20}.motion-stage{height:235px;background:#0e1217;border-bottom:1px solid var(--rule)}.motion-copy{min-height:62px;padding:11px 14px 12px;background:#11151a}.motion-title{align-items:center}.motion-title h2{color:#f0f1ef;font-size:14px;letter-spacing:0;margin:0;font-weight:600}.motion-title span{color:#757d87;font-size:9px;letter-spacing:.07em;text-transform:uppercase}.card-number{display:block;color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;letter-spacing:.08em;margin-bottom:5px}.inspect{width:28px;height:28px;color:var(--cyan);background:transparent;border:1px solid transparent}.inspect:hover{border-color:var(--cyan)}.specimen{color:#d7dadd;background:#0e1217}.spec-label{top:12px;background:#171b21;color:#9097a0;border:1px solid #333941;border-radius:2px;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;letter-spacing:.05em}.spec-label-a{left:12px}.spec-label-b{right:12px}.spec-note{bottom:10px;background:#171b21;color:#89919b;border:1px solid #333941;border-radius:2px;padding:4px 6px;font-size:8px;letter-spacing:.06em}.curve-track,.sequence-track{background:#4a515b}.curve-dot,.sequence-object{background:var(--cyan)}.curve-chart path{stroke:#adb4bd}.curve-chart circle{fill:var(--cyan)}.state-object,.transition-source,.transition-target,.state-comparison>div,.system-compare>div,.gesture-card{background:#20262d;box-shadow:none;border:1px solid #48505a;color:#e9ebec}.state-object span,.transition-source span,.transition-target span,.state-comparison i{background:linear-gradient(135deg,#253a47,#3fd8ff55)}.symbol-object{color:var(--cyan)}.effect-surface{background:#12171c;border:1px solid #343b44}.content-window{color:#f5f6f4}.spec-scroll i{background:linear-gradient(145deg,#202730,#31536a);border:1px solid #46515c}.motion-index-panel{background:#0d1014;min-height:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.motion-index-panel>header{height:45px;border-bottom:1px solid var(--rule);padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#7f8790;font-size:9px;letter-spacing:.12em}.motion-index-panel>header b{color:var(--cyan);font-weight:500}.index-item{width:100%;min-height:65px;border:0;border-bottom:1px solid var(--rule);background:transparent;color:#d7d9da;display:grid;grid-template-columns:38px 1fr;text-align:left;padding:0}.index-item:hover{background:#15191e}.index-item>span{height:100%;display:grid;place-items:center;border-right:1px solid var(--rule);font-size:10px;color:#707780}.index-item>div{padding:12px}.index-item b{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.index-item small{display:block;color:#717984;font-size:8px;letter-spacing:.08em;text-transform:uppercase;margin-top:7px}.index-item.category-feedback b,.index-item.category-symbol b{color:#f1f1ef}.index-more{padding:15px;color:#69717a;font-size:9px;letter-spacing:.1em}.motion-statusbar{height:50px;max-width:none;display:flex;align-items:center;gap:18px;padding:0 28px;border-bottom:1px solid var(--rule);background:#0b0e12;color:#737b85;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.1em}.motion-statusbar svg{width:17px;color:#727b85}.motion-statusbar svg:first-of-type{color:var(--cyan)}.status-progress{width:135px;height:2px;background:#333a42}.status-progress i{display:block;width:42%;height:100%;background:var(--cyan)}.motion-statusbar b{color:#afb5bb;font-weight:500}.nav-pause{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #30363d;background:transparent;color:#afb5bb;font:inherit;letter-spacing:inherit}.nav-pause:hover,.nav-pause:focus-visible,.nav-pause[aria-pressed=true]{color:#3fd8ff;border-color:#3fd8ff}.nav-pause svg{width:13px}.motion-nav .nav-pause{min-width:76px;margin-left:20px}.density-label{margin-left:auto}.density-meter{display:flex;align-items:end;gap:4px;height:17px}.density-meter i{width:5px;background:#474e57;height:6px}.density-meter i:nth-child(2){height:9px}.density-meter i:nth-child(3){height:12px}.density-meter i:nth-child(4){height:15px}.density-meter i:nth-child(5){height:17px}.density-meter i.active{background:var(--cyan)}.motion-app>footer{max-width:none;margin:0;border-top:0;background:#0b0e12;color:#616973;padding:22px 28px}.motion-detail{background:#0b0e12;color:#e8e9e7}.motion-detail>header{background:#0b0e12ed;border-color:var(--rule)}.detail-preview{background:#0e1217}.detail-layout>aside{background:#12161b}.detail-layout aside section{border-color:var(--rule)}.type-badge{background:var(--cyan);color:#061017}.english-name,.detail-layout aside h3{color:#818994}.detail-terms code{color:#c7cdd3;background:#1a2027;border:1px solid #343c46;border-radius:3px;padding:6px 8px;line-height:1.2}.detail-params code{color:var(--cyan);background:#102129;border-color:#23576a}.prompt-copy{background:#1a1f25}.detail-layout pre{background:#080a0d;border:1px solid var(--rule)}@media(max-width:1200px){.motion-workbench{grid-template-columns:minmax(0,1fr) 230px}.motion-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.motion-workbench{grid-template-columns:1fr}.motion-index-panel{display:none}.motion-list{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-tools{grid-template-columns:1fr auto}.motion-filters{grid-column:1/-1}.motion-statusbar{display:none}}@media(max-width:600px){.motion-nav{height:54px;padding:0 14px}.motion-nav>a b{font-size:14px}.motion-nav>button{margin-left:12px}.motion-nav .nav-pause{min-width:44px;margin-left:auto}.nav-pause span,.nav-status{display:none}.motion-tools{padding:8px 14px 6px;grid-template-columns:1fr;gap:5px}.motion-search{height:34px;border-right:0;border-bottom:1px solid var(--rule)}.motion-filters{width:calc(100vw - 28px);flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:2px}.motion-filters::-webkit-scrollbar{display:none}.motion-filters button{flex:0 0 auto;min-height:34px;padding:7px 9px 6px;scroll-snap-align:start}.result-count{display:none}.motion-list{margin:0 14px;grid-template-columns:1fr}.motion-stage{height:245px}.motion-copy{min-height:62px}.detail-vocabulary>div{grid-template-columns:1fr;gap:5px}.detail-vocabulary small{padding-top:0}.motion-app>footer{padding:20px 14px}}.spec-sheet-detent .transition-target{left:50%;right:auto;translate:-50%;width:190px;height:165px;border-radius:18px 18px 4px 4px;animation:sheet-detent 3s ease-in-out infinite}.spec-sheet-detent .transition-source{top:35px;right:35px;bottom:35px;left:35px;background:#1b2229;opacity:.5;animation:sheet-background 3s ease-in-out infinite}.spec-drag-dismiss .gesture-card,.spec-longpress-drag .gesture-card,.spec-edge-swipe-back .gesture-card,.spec-swipe-action .gesture-card,.spec-watch-crown .gesture-card{animation:none}.spec-nav-push .transition-source{animation-name:nav-source}.spec-nav-push .transition-target{animation-name:nav-target}.spec-tab-indicator .transition-source{width:80px;height:38px;left:8%;top:45%;animation:tab-thumb 2.4s ease-in-out infinite}.spec-tab-indicator .transition-target{width:80px;height:38px;right:8%;top:45%;opacity:.25;animation:none}.spec-segment-thumb .state-object{width:220px;height:52px;border-radius:12px}.spec-segment-thumb .state-object span{inset:6px auto 6px 6px;width:65px;animation:segment-thumb 2.4s ease-in-out infinite}.spec-context-lift .state-object{animation:context-lift 2.6s ease-in-out infinite}.spec-list-reorder .state-object{width:210px;height:130px;background:linear-gradient(#20262d 0 28%,transparent 28% 35%,#20262d 35% 63%,transparent 63% 70%,#20262d 70%);animation:list-reorder 3s ease-in-out infinite}.spec-skeleton-content .content-window{width:230px;height:130px;background:linear-gradient(#343b44 0 18px,transparent 18px 30px,#343b44 30px 45px,transparent 45px 58px,#343b44 58px 73px);border-radius:12px;animation:skeleton-load 2.8s ease-in-out infinite}.spec-async-button .sequence-object{width:150px;border-radius:14px;animation:async-button 3.2s ease-in-out infinite}.spec-optimistic-like .symbol-object{animation:optimistic-like 2.8s ease-in-out infinite}.spec-toast-lifecycle .transition-target{left:50%;right:auto;translate:-50%;width:220px;height:60px;animation:toast-life 3.2s ease-in-out infinite}.spec-delete-collapse .transition-source{display:none}.spec-delete-collapse .transition-target{left:50%;right:auto;translate:-50%;width:230px;height:92px;animation:delete-collapse 2.8s ease-in-out infinite}.spec-progress-complete .sequence-object{animation:progress-complete 3s ease-in-out infinite}.spec-dynamic-island .transition-source{left:50%;top:32%;translate:-50%;width:105px;height:35px;border-radius:99px;background:#050607;animation:island-source 3s ease-in-out infinite}.spec-dynamic-island .transition-target{left:50%;right:auto;top:30%;translate:-50%;width:230px;height:105px;border-radius:30px;background:#050607;animation:island-target 3s ease-in-out infinite}.spec-tvos-focus .system-compare>div:last-child{animation:tvos-focus 2.6s ease-in-out infinite}.spec-vision-gaze .system-compare>div:last-child{animation:gaze-dwell 3s ease-in-out infinite}.spec-pull-refresh .spec-scroll:before{content:"↻";position:absolute;top:2px;left:50%;color:var(--cyan);animation:pull-refresh 2.8s ease-in-out infinite}.spec-collapsing-header .spec-scroll:before{content:"MOTION";position:absolute;top:4px;left:18px;font:22px ui-monospace;animation:collapse-title 3s ease-in-out infinite}.spec-cover-flow .spec-scroll i{transform-origin:center;animation:cover-flow 3s ease-in-out infinite}@keyframes sheet-detent{0%,15%,to{transform:translateY(85px);height:80px}45%,70%{transform:translateY(15px);height:165px}}@keyframes sheet-background{0%,15%,to{transform:scale(1)}45%,70%{transform:scale(.94);filter:blur(2px)}}@keyframes nav-source{0%,15%,to{transform:none;opacity:1}50%,75%{transform:translate(-85px) scale(.92);opacity:.4}}@keyframes nav-target{0%,15%,to{transform:translate(180px);opacity:0}50%,75%{transform:none;opacity:1}}@keyframes tab-thumb{0%,20%,to{transform:translate(0)}50%,75%{transform:translate(220px)}}@keyframes segment-thumb{0%,20%,to{transform:translate(0)}50%,75%{transform:translate(137px)}}@keyframes context-lift{0%,20%,to{transform:none;box-shadow:none}45%,75%{transform:scale(1.08) translateY(-12px);box-shadow:0 20px 30px #0008}}@keyframes list-reorder{0%,20%,to{transform:none}50%,75%{transform:translateY(28px)}}@keyframes skeleton-load{0%,35%,to{opacity:.45;filter:brightness(.8)}55%,85%{opacity:1;filter:brightness(1.5)}}@keyframes async-button{0%,15%,to{width:150px;background:#0071e3}35%,55%{width:55px;background:#555}70%,85%{width:55px;background:#34c759}}@keyframes optimistic-like{0%,20%,to{transform:scale(1);color:#86868b}38%{transform:scale(1.35);color:#ff375f}60%,80%{transform:scale(1);color:#ff375f}}@keyframes toast-life{0%,12%,to{transform:translateY(-65px);opacity:0}28%,72%{transform:none;opacity:1}88%{transform:translateY(-25px);opacity:0}}@keyframes delete-collapse{0%,20%{height:92px;opacity:1;transform:scale(1)}55%{height:92px;opacity:0;transform:scale(.94)}78%,to{height:0;opacity:0;transform:scale(.94)}}@keyframes progress-complete{0%{background:conic-gradient(#3fd8ff 0,#3fd8ff 5%,#333 5%)}65%{background:conic-gradient(#3fd8ff 0,#3fd8ff 100%,#333);transform:scale(1)}80%,to{background:#34c759;transform:scale(1.15)}}@keyframes island-source{0%,20%,to{opacity:1;transform:scale(1)}45%,75%{opacity:0;transform:scale(1.6)}}@keyframes island-target{0%,20%,to{opacity:0;transform:scale(.45)}45%,75%{opacity:1;transform:scale(1)}}@keyframes tvos-focus{0%,20%,to{transform:scale(1);box-shadow:none}45%,75%{transform:scale(1.13) translateY(-8px);box-shadow:0 18px 35px #0009}}@keyframes gaze-dwell{0%,15%,to{transform:scale(1);box-shadow:none}40%{transform:scale(1.06);box-shadow:0 0 0 2px #3fd8ff}75%{transform:scale(1.1);box-shadow:0 0 0 7px #3fd8ff44}}@keyframes pull-refresh{0%,20%,to{transform:translateY(-20px) rotate(0);opacity:0}45%,75%{transform:translateY(22px) rotate(360deg);opacity:1}}@keyframes collapse-title{0%,20%,to{font-size:22px;transform:translateY(22px)}50%,75%{font-size:11px;transform:translateY(0)}}@keyframes cover-flow{0%,to{transform:scale(.8) rotateY(-25deg);opacity:.45}50%{transform:scale(1) rotateY(0);opacity:1}}@keyframes binding-toggle{0%,18%{background:#313841}48%,78%,to{background:#34c759}}@keyframes binding-thumb{0%,18%{transform:translate(0)}48%,78%,to{transform:translate(126px)}}@keyframes appear-loop{0%,to{transform:scale(.72);opacity:.45}50%{transform:scale(1.18);opacity:1}}@keyframes font-size-layout{0%,18%{font-size:17px;letter-spacing:0}55%,78%{font-size:42px;letter-spacing:-.04em}to{font-size:17px;letter-spacing:0}}@keyframes iris-reveal{0%,12%{clip-path:circle(0 at 50% 50%);opacity:1}58%,82%{clip-path:circle(75% at 50% 50%);opacity:1}to{clip-path:circle(0 at 50% 50%);opacity:1}}@keyframes marching-ants{to{background-position:16px 0,-16px 100%,0 -16px,100% 16px}}@keyframes tap-cadence{0%,18%,38%,58%,to{transform:scale(1);background:#fff}27%,47%{transform:scale(.82);background:#3fd8ff}72%{transform:scale(1.12);background:#3fd8ff}}@keyframes tap-ring{0%,48%{opacity:0;transform:scale(.7)}62%{opacity:1;transform:scale(1)}88%,to{opacity:0;transform:scale(1.45)}}@keyframes gesture-priority{0%,20%,to{box-shadow:inset 0 0 0 1px #555;transform:scale(1)}48%,76%{box-shadow:inset 0 0 0 3px #3fd8ff,0 0 28px #3fd8ff22;transform:scale(1.04)}}@keyframes device-shake{0%,20%,68%,to{transform:translate(0) rotate(0)}29%{transform:translate(-10px) rotate(-5deg)}36%{transform:translate(10px) rotate(5deg)}43%{transform:translate(-8px) rotate(-4deg)}50%{transform:translate(8px) rotate(4deg)}57%{transform:translate(-4px) rotate(-2deg)}62%{transform:translate(3px) rotate(1deg)}}@keyframes scroll-reader-position{0%,18%{transform:translate(145px) scale(.86);opacity:.45}58%,82%{transform:translate(-145px) scale(1);opacity:1}to{transform:translate(145px) scale(.86);opacity:.45}}@keyframes modal-focus{0%,15%,to{opacity:0;transform:scale(.86)}45%,78%{opacity:1;transform:scale(1)}}@keyframes bottom-dialog{0%,15%,to{transform:translateY(150px);opacity:0}48%,78%{transform:none;opacity:1}}@keyframes popover-reveal{0%,15%,to{transform:scale(.25);opacity:0}48%,78%{transform:scale(1);opacity:1}}@keyframes menu-unfold{0%,15%,to{transform:scale(.35);clip-path:inset(0 65% 65% 0);opacity:0}48%,78%{transform:scale(1);clip-path:inset(0);opacity:1}}@keyframes disclosure-panel{0%,18%,to{height:62px}50%,78%{height:145px}}@keyframes disclosure-chevron{0%,18%,to{transform:rotate(0)}50%,78%{transform:rotate(90deg)}}@keyframes search-field{0%,18%,to{width:150px;transform:translate(20px)}50%,78%{width:240px;transform:translate(-10px)}}@keyframes focus-ring{0%,18%,to{box-shadow:0 0 0 1px #48515b}48%,78%{box-shadow:0 0 0 3px #3fd8ff,0 0 22px #3fd8ff33}}@keyframes toggle-track{0%,18%,to{background:#303840}48%,78%{background:#34c759}}@keyframes toggle-thumb{0%,18%,to{transform:none}48%,78%{transform:translate(64px)}}@keyframes slider-fill{0%,18%,to{background:linear-gradient(90deg,#3fd8ff 0,#3fd8ff 18%,#303840 18%)}50%,78%{background:linear-gradient(90deg,#3fd8ff 0,#3fd8ff 82%,#303840 82%)}}@keyframes slider-thumb{0%,18%,to{left:18%}50%,78%{left:82%}}@keyframes number-up{0%,18%,to{transform:translateY(0);opacity:1}45%{transform:translateY(-100%);opacity:0}46%{transform:translateY(100%);opacity:0}70%,80%{transform:none;opacity:1}}@keyframes badge-pop{0%,15%,to{transform:scale(.4);opacity:0}40%{transform:scale(1.18);opacity:1}55%,80%{transform:scale(1);opacity:1}}@keyframes progress-spin{to{transform:rotate(360deg)}}@keyframes content-reveal{0%,30%,to{filter:brightness(.7);opacity:.55}55%,82%{filter:brightness(1.5);opacity:1;background:repeating-linear-gradient(#d6dce2 0 16px,transparent 16px 28px)}}@keyframes scene-activate{0%,20%,to{opacity:.35;filter:grayscale(1);transform:scale(.94)}50%,80%{opacity:1;filter:none;transform:none}}@keyframes toolbar-items{0%,18%,to{transform:scaleX(.72);opacity:.55}52%,80%{transform:scaleX(1);opacity:1}}@keyframes empty-out{0%,25%{opacity:1;transform:scale(1)}52%,to{opacity:0;transform:scale(.6)}}@keyframes content-in{0%,28%{opacity:0;transform:translateY(18px) scale(.9)}58%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}