:root{--oqno-color-canvas:var(--bg,#f6f5fa);--oqno-color-surface:var(--surface,#ffffff);--oqno-color-surface-muted:var(--surface-soft,#efedf4);--oqno-color-border:var(--line,#e4e1ea);--oqno-color-border-strong:var(--line-strong,#d5d1dc);--oqno-color-text:var(--text,#17151f);--oqno-color-text-muted:var(--muted,#706d7c);--oqno-color-brand:var(--brand,#6757e8);--oqno-color-brand-strong:var(--brand-dark,#5546d5);--oqno-color-brand-soft:var(--brand-soft,#edeafe);--oqno-color-danger:var(--red,#b74a4a);--oqno-color-danger-soft:var(--red-soft,#fae9e9);--oqno-color-success:var(--green,#248768);--oqno-color-success-soft:var(--green-soft,#e6f5ef);--oqno-radius-control:14px;--oqno-radius-card:24px;--oqno-shadow-card:0 24px 80px rgb(37 28 71/10%);--oqno-shadow-control:0 10px 28px rgb(23 21 31/16%);--oqno-focus-ring:0 0 0 3px rgb(103 87 232/30%);--oqno-duration-fast:140ms;--oqno-duration-state:800ms;--oqno-ease-standard:cubic-bezier(0.2,0,0,1)}@media (prefers-reduced-motion:reduce){:root{--oqno-duration-fast:0ms;--oqno-duration-state:0ms}}