.motion-hidden{display:none!important}.demo-phone{border-radius:44px;border:0;box-shadow:0 22px 45px -25px #17201e55,0 0 0 1px #daded8}.phone-head .avatar{object-fit:contain}.motion-status{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:var(--muted)}.phone-head{position:relative}.motion-dots{display:flex;align-items:center;gap:4px;background:#e9e9eb;border-radius:18px;width:47px;padding:12px;margin:8px 0}.motion-dots i{width:6px;height:6px;border-radius:50%;background:#999;animation:continuityDots 1s infinite}.motion-dots i:nth-child(2){animation-delay:.13s}.motion-dots i:nth-child(3){animation-delay:.26s}@keyframes continuityDots{0%,60%,100%{opacity:.45;transform:none}30%{opacity:1;transform:translateY(-3px)}}.motion-enter .screen{animation:continuityEnter .3s cubic-bezier(.22,.8,.3,1)}@keyframes continuityEnter{from{opacity:.2;filter:blur(6px);transform:scale(.95)}to{opacity:1;filter:none;transform:none}}.composer.is-typing{color:var(--ink)}.composer.is-typing span:nth-child(2){font-size:12px;line-height:1.3;overflow:hidden}.composer.is-typing .send{background:#007aff;color:white}.screen .bubble{background:#e9e9eb;border-radius:18px 18px 18px 5px}.screen .bubble.me{background:#007aff;color:#fff;border-radius:18px 18px 5px 18px;position:relative;margin-top:22px}.motion-tapback{position:absolute;left:8px;top:-21px;border:2px solid white;border-radius:14px;background:#e9e9eb;padding:4px 8px;color:#7d8185}.motion-tapback svg{width:17px;height:17px;fill:currentColor}.motion-paused *{animation-play-state:paused!important}.state-dot{background:#28c840!important}.screen .source-card{animation:continuityAttach .4s ease-out}@keyframes continuityAttach{from{opacity:.3;transform:translateY(12px) scale(.95)}to{opacity:1;transform:none}}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--ground:#121816;--paper:#1a2220;--ink:#e6ebe8;--muted:#b3bdb9;--line:#354139;--green:#a9c496;--soft:#26301f}:root:not([data-theme="light"]) body{color-scheme:dark}:root:not([data-theme="light"]) .preview-bar,:root:not([data-theme="light"]) .top,:root:not([data-theme="light"]) .full-demo,:root:not([data-theme="light"]) .evidence-dialog{background:#1a2220!important;color:#e6ebe8}:root:not([data-theme="light"]) .demo-phone,:root:not([data-theme="light"]) .phone-head,:root:not([data-theme="light"]) .screen,:root:not([data-theme="light"]) .composer{background:#1a2220;color:#e6ebe8}:root:not([data-theme="light"]) .screen .bubble,:root:not([data-theme="light"]) .motion-dots,:root:not([data-theme="light"]) .motion-tapback{background:#303434;color:#e6ebe8}:root:not([data-theme="light"]) .screen .bubble.me{background:#007aff}:root:not([data-theme="light"]) .screen .source-card,:root:not([data-theme="light"]) .screen .board,:root:not([data-theme="light"]) .screen .metric,:root:not([data-theme="light"]) .screen .flow,:root:not([data-theme="light"]) .screen .quote,:root:not([data-theme="light"]) .screen .memory-block,:root:not([data-theme="light"]) .screen .board-summary{background:#222c25;color:#e6ebe8;border-color:#354139}:root:not([data-theme="light"]) .composer{border-color:#354139}:root:not([data-theme="light"]) .motion-tapback{border-color:#1a2220}:root:not([data-theme="light"]) .btn{background:#e6ebe8;color:#17201e}:root:not([data-theme="light"]) .context-playback{color:#b3bdb9}:root:not([data-theme="light"]) .context-playback button{color:#a9c496;border-color:#60745c}:root:not([data-theme="light"]) .refined-context p,:root:not([data-theme="light"]) .hybrid-example{color:#b3bdb9}}
@media(prefers-reduced-motion:reduce){.motion-enter .screen,.motion-dots i,.screen .source-card{animation:none!important}html{scroll-behavior:auto}}

@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .experience-item[aria-selected="true"]{background:linear-gradient(90deg,#26301f,transparent)!important}:root:not([data-theme="light"]) .experience-pain{color:#b3bdb9!important}}

.motion-paused .screen,.motion-paused .source-card,.motion-reduced *{animation:none!important}