.btn:not(:disabled):active { transform: scale(0.97); }
.ibtn:not(:disabled):active { transform: scale(0.95); }
.rv-iconbtn:not(:disabled):active { transform: scale(0.94); }
.bl-co-x:not(:disabled):active { transform: scale(0.94); }
.nav a:active,
.set-nav button:active { transform: scale(0.98); }
.nav-sm:active { transform: scale(0.98); }
.ctl:not(.on):not(:disabled):active { transform: scale(0.97); }
.bl-back:not(:disabled):active { transform: scale(0.96); }
.pl-type:active { transform: scale(0.99); }
.seg button,
.sel-trigger,
.dp-trigger,
.ws-trigger,
.fn-ai-x,
.nav-sm { transition: transform .12s var(--ease-out); }
.nav a,
.nav a .ic { transition-duration: .07s; transition-timing-function: var(--ease-out); }
.seg button:not(.on):not(:disabled):active { transform: scale(0.96); }
.sel-trigger:not(:disabled):active,
.dp-trigger:not(:disabled):active,
.ws-trigger:active { transform: scale(0.98); }
.fn-ai-x:not(:disabled):active { transform: scale(0.94); }
.co-mode { transition: border-color .14s var(--ease), background .14s var(--ease), box-shadow .14s var(--ease), transform .14s var(--ease-out); }
.ai-mode { transition: border-color .14s var(--ease), box-shadow .18s var(--ease), background .14s var(--ease), transform .14s var(--ease-out); }
.co-mode:active,
.ai-mode:active { transform: scale(0.99); }
@media (hover: none), (pointer: coarse) {
  .af-region:hover,
  .fnt-card:hover,
  .intg-card:hover,
  .ox-fab:hover,
  .rv-play:hover,
  .rv-hud-play:hover { transform: none; }
  .ox-link:hover .ic,
  .ox-story2-all:hover .ic,
  .ox-sig:hover .ox-sig-ic,
  .fn-add:hover .ring,
  .fn2-add:hover .ring,
  .fn-hbar-row:hover .fn-hbar-count { transform: none; }
}
.askp {
  bottom: 66px;
  box-shadow:
    0 2px 8px rgb(17 17 20 / .06),
    0 18px 44px -18px rgb(17 17 20 / .16);
  transition: width .26s var(--ease-out), height .26s var(--ease-out);
}
.askp.max { height: min(92vh, calc(100vh - 92px)); }
@media (prefers-reduced-motion: reduce) {
  .askp { transition: none; }
}
.askp-dismiss {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 95;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 30px;
  padding: 0 11px;
  border: none;
  border-radius: 8px;
  background: var(--line-2);
  color: var(--t2);
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: -.01em;
  white-space: nowrap;
  cursor: pointer;
}
.askp-dismiss svg { color: var(--accent); }
.askp-morph-l { display: inline-flex; align-items: center; gap: 7px; }
.askp-fab .askp-morph-l { gap: 8px; }
:root {
  --stagger-dur: 800ms;
  --stagger-distance: 12px;
  --stagger-stagger: 80ms;
  --stagger-blur: 3px;
  --stagger-ease: cubic-bezier(0.33, 1, 0.68, 1);
}
.t-stagger-line {
  display: block;
  opacity: 0;
  transform: translateY(var(--stagger-distance));
  filter: blur(var(--stagger-blur));
  transition:
    opacity   var(--stagger-dur) var(--stagger-ease),
    transform var(--stagger-dur) var(--stagger-ease),
    filter    var(--stagger-dur) var(--stagger-ease);
  will-change: transform, opacity, filter;
}
.t-stagger-line--2 { transition-delay: var(--stagger-stagger); }
.t-stagger-line--3 { transition-delay: calc(var(--stagger-stagger) * 2); }
.t-stagger-line--4 { transition-delay: calc(var(--stagger-stagger) * 3); }
.t-stagger.is-shown .t-stagger-line {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
.t-stagger.is-hiding .t-stagger-line {
  opacity: 0;
  transform: translateY(0);
  filter: blur(0);
  transition:
    opacity 200ms ease,
    transform 0s linear,
    filter 0s linear;
  transition-delay: 0s;
}
.askp-orb.t-stagger-line { display: grid; }
.askp-quick.t-stagger-line { display: flex; }
.palette,
.drawer { animation-timing-function: var(--ease-out); }
.menu-pop,
.menu-pop:has(.sel-menu) { animation: menuPopIn .16s var(--ease-out); transform-origin: top left; }
.menu-pop[data-side="br"] { transform-origin: top right; }
.menu-pop[data-side="tl"] { transform-origin: bottom left; }
.menu-pop[data-side="tr"] { transform-origin: bottom right; }
@keyframes menuPopIn { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: none; } }
.menu-pop:not(:has(.dp-pop)) button:hover:not(:disabled) { background: var(--line-2); }
.menu-pop:not(:has(.dp-pop)) button.danger:hover:not(:disabled) { background: var(--red-weak); }
.fnx-more { border: 1px solid transparent; }
.pop-tw.open .ibtn,
.fnx-more:hover,
.pop-tw.open .fnx-more {
  background: var(--surface);
  border-color: var(--line);
  color: var(--text);
}
.fnx-actions:has(.pop-tw.open) { opacity: 1; }
.wsx-hl,
.ask-sug-hl { display: none; }
.wsx-row:hover,
.ask-sug-row:hover { background: var(--line-2); }
.ox-dd-hl,
.fn-ac-hl { transition: none; }
.fn-hbar-count,
.fn-hbar-view,
.ox-askbar .ask-cmd-box { transition-timing-function: var(--ease-out); }
.ox-tip,
.rv-tiptip { transform-origin: bottom center; } 
.fn-ac-pop { transform-origin: top center; }      
.rv-sd { transition-duration: .24s; }
.rv-sd-head, .rv-sd-sec, .rv-sd-card, .rv-sd-foot { transition-duration: .2s; }
.rv-sd-root.sd-in .rv-sd-head { transition-delay: .03s; }
.rv-sd-root.sd-in .rv-sd-sec  { transition-delay: calc(.07s + var(--i) * .035s); }
.rv-sd-root.sd-in .rv-sd-card { transition-delay: calc(.12s + var(--c) * .03s); }
.rv-sd-root.sd-in .rv-sd-foot { transition-delay: .17s; }
.rv-sd-root.in .rv-sd-head,
.rv-sd-root.in .rv-sd-foot { transition-duration: .2s; }
.rv-sd-root.in .rv-sd-head { transition-delay: .04s; }
.rv-sd-root.in .rv-sd-foot { transition-delay: .13s; }
.toast { animation-duration: .2s; }
.rv-sd-root.v3dr .rv-sd { transition: none; }
.fn-gap .d { transform: scale(.9); }
.fn2-ins { transform: scale(.9); }
.rv-scrub-head { transform: translate(-50%, -50%) scale(.85); }
.rv-panel { animation: rvPanelIn .16s var(--ease-out); }
@keyframes rvPanelIn {
  from { opacity: 0; filter: blur(2px); }
  to   { opacity: 1; filter: blur(0); }
}
.ks-x, .bl-co-x, .fn-ai-x {
  width: 32px;
  height: 32px;
}
.ks-x, .bl-co-x, .fn-ai-x, .rv-sd-x, .sigw-x {
  border-radius: 999px;
  background: var(--line-2);
  color: var(--t2);
  cursor: default;
}
.ks-x:hover, .bl-co-x:hover, .fn-ai-x:hover, .rv-sd-x:hover, .sigw-x:hover {
  background: var(--line-strong);
  color: var(--text);
}
.ks-x:active, .bl-co-x:active, .fn-ai-x:active, .rv-sd-x:active, .sigw-x:active {
  transform: scale(0.94);
}
.sigw .sigw-x { border-radius: 999px; }
.sigw .sigw-x:hover { background: var(--line-strong); color: var(--text); }
@media (prefers-reduced-motion: reduce) {
  .btn:not(:disabled):active { transform: none; }
  .ibtn:active,
  .rv-iconbtn:active,
  .bl-co-x:active,
  .nav a:active,
  .set-nav button:active,
  .nav-sm:active,
  .ctl:active,
  .bl-back:active,
  .pl-type:active,
  .seg button:active,
  .sel-trigger:active,
  .dp-trigger:active,
  .ws-trigger:active,
  .fn-ai-x:active,
  .co-mode:active,
  .ai-mode:active { transform: none; }
  .askp-dismiss:active { transform: none; }
  .t-stagger-line { transition: none !important; }
  .rv-sd { transition-duration: .15s; }
  .rv-panel { animation: none; }
  .ks-x:active, .bl-co-x:active, .fn-ai-x:active,
  .rv-sd-x:active, .sigw-x:active { transform: none; }
}