/* Shared tokens and motion. Every new effect uses the same theme palette. */
:root{--x-bg:#0b0d0c;--x-panel:#121613;--x-raised:#191f1b;--x-line:#2b342e;--x-ink:#edf1ed;--x-muted:#a1aca5;--x-accent:#43dfa0;--x-secondary:#c3d2c8;--x-detail:#9d94ff;--x-onaccent:#08160f;--x-rgb:67,223,160;--x-ease:cubic-bezier(.22,1,.36,1);color-scheme:dark}
html[data-aa-theme="crimson"]{--x-bg:#100607;--x-panel:#210b0f;--x-raised:#311118;--x-line:#55333c;--x-accent:#e23845;--x-secondary:#fff;--x-detail:#f28ab2;--x-ink:#fff4f5;--x-muted:#c9b2b8;--x-onaccent:#fff;--x-rgb:226,56,69}
html[data-aa-theme="world"]{--x-bg:#100e03;--x-panel:#211d08;--x-raised:#302a0e;--x-line:#4d4620;--x-accent:#f3cf31;--x-secondary:#4fcf72;--x-detail:#8dde72;--x-ink:#faf5dc;--x-muted:#beb995;--x-onaccent:#111006;--x-rgb:243,207,49}
html[data-aa-theme="ocean"]{--x-bg:#050c13;--x-panel:#0b1b28;--x-raised:#112b3c;--x-line:#294452;--x-accent:#54c8ff;--x-secondary:#7be7df;--x-detail:#7d8dff;--x-muted:#a2b9c9;--x-rgb:84,200,255}
html[data-aa-theme="purple"]{--x-bg:#0d0713;--x-panel:#1a0e24;--x-raised:#281638;--x-line:#493254;--x-accent:#bc72f0;--x-secondary:#f18bd5;--x-detail:#91b8ff;--x-muted:#baa6c9;--x-rgb:188,114,240}
html[data-aa-theme="mono"]{--x-bg:#090a0b;--x-panel:#17191b;--x-raised:#23272a;--x-line:#41494f;--x-accent:#e7ecef;--x-secondary:#aab2b9;--x-detail:#c7d0d6;--x-muted:#aeb8bf;--x-rgb:231,236,239}
html{scroll-behavior:smooth;scroll-padding-top:85px}body{accent-color:var(--x-accent)}[hidden]{display:none!important}.skip-link{position:fixed;left:18px;top:-80px;background:var(--x-accent);color:var(--x-onaccent);padding:12px 20px;z-index:20000}.skip-link:focus{top:12px}
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--x-accent)!important;outline-offset:4px!important}
@view-transition{navigation:auto}::view-transition-old(root){animation:aaExit .16s ease both}::view-transition-new(root){animation:aaEnter .35s var(--x-ease) both}@keyframes aaEnter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes aaExit{to{opacity:0}}
button,a,input,select,textarea,summary{transition:color .2s,background-color .25s,border-color .25s,box-shadow .25s}button:active:not(:disabled){filter:brightness(.92)}button:disabled{cursor:wait}body.x-experience :is(dialog[open],.account-pane.active,.verification-panel:not([hidden]),.message:not([hidden]),.tool-launch-status:not([hidden])){animation:aaEnter .28s var(--x-ease) both}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}summary{cursor:pointer}
html[data-aa-theme="crimson"] body{background-image:repeating-linear-gradient(46deg,transparent 0 122px,#ffffff08 122px 133px,transparent 133px 250px),repeating-linear-gradient(-46deg,transparent 0 122px,#ffffff08 122px 133px,transparent 133px 250px)!important;background-attachment:fixed!important}
html[data-page-hidden="true"] *,html[data-page-hidden="true"] *:before,html[data-page-hidden="true"] *:after{animation-play-state:paused!important}
html[data-motion="paused"] *,html[data-motion="paused"] *:before,html[data-motion="paused"] *:after{animation:none!important;transition-duration:.01ms!important}
html[data-motion="paused"]{scroll-behavior:auto}html[data-motion="paused"]::view-transition-old(root),html[data-motion="paused"]::view-transition-new(root){animation:none!important}
.aa-reveal-ready{opacity:0;filter:blur(7px);transform:translateY(34px);transition:opacity .78s var(--x-ease),transform .78s var(--x-ease),filter .78s var(--x-ease)}.aa-reveal-ready[data-motion-variant="1"]{transform:translateX(-34px)}.aa-reveal-ready[data-motion-variant="2"]{transform:translateY(28px) scale(.975);transition-duration:.9s}.aa-reveal-ready.aa-in-view{opacity:1;filter:blur(0);transform:none}
.x-footer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 5%;border-top:1px solid var(--x-line);font:10px/1.5 ui-monospace,monospace;color:var(--x-muted)}.x-footer a{color:var(--x-accent)}.x-footer button{font:inherit;background:transparent;border:1px solid var(--x-line);padding:8px 12px;color:var(--x-muted)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}::view-transition-group(*),::view-transition-old(root),::view-transition-new(root){animation:none!important}}