.action-button:is(button,a){--action-fill:var(--card);--action-hover:var(--surface-accent);--action-ink:var(--accent-text);--action-edge:var(--line-strong);--action-badge:var(--surface-accent);--action-badge-ink:var(--accent-text);--action-depth:2px;border:2px solid var(--action-edge);background:var(--action-fill);max-width:100%;min-height:52px;color:var(--action-ink);box-shadow:0 var(--action-depth) 0 var(--action-edge);font:inherit;text-align:center;cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:15px;font-weight:750;line-height:1.25;text-decoration:none;transition:background-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.action-button.action-button--primary{--action-fill:var(--action-primary-fill);--action-hover:var(--action-primary-hover);--action-ink:var(--on-accent);--action-edge:var(--action-primary-edge);--action-badge:var(--lime);--action-badge-ink:var(--action-primary-ink);--action-depth:4px;font-weight:800}.action-button.action-button--secondary{--action-fill:var(--lime);--action-hover:color-mix(in srgb, var(--lime) 82%, var(--on-accent));--action-ink:var(--action-blue);--action-edge:var(--action-blue);--action-badge:var(--action-blue);--action-badge-ink:var(--lime);--action-depth:3px}.action-button.action-button--tertiary{font-weight:650}.cat-start.action-button--primary{--action-fill:var(--action-blue);--action-hover:var(--action-blue-deep);--action-ink:var(--on-accent);--action-edge:var(--action-blue-deep)}.action-button.ai-evaluate-action{--action-fill:#e8efff;--action-hover:#dce7ff;--action-ink:#0057df;--action-edge:#b2c9fb;--action-badge:#d3e1ff;--action-badge-ink:#0057df;--action-depth:4px}.action-button-icon{background:var(--action-badge);width:28px;height:28px;color:var(--action-badge-ink);border-radius:50%;flex:0 0 28px;place-items:center;display:grid}.action-button-icon svg{width:17px;height:17px;display:block}.action-button.action-button--compact,.action-button.ai-evaluate-shortcut{gap:8px;min-height:44px;padding:8px 14px;font-size:14px}.action-button--compact .action-button-icon,.ai-evaluate-shortcut .action-button-icon{flex-basis:24px;width:24px;height:24px}.action-button--compact .action-button-icon svg,.ai-evaluate-shortcut .action-button-icon svg{width:15px;height:15px}.action-button:is(button,a):focus-visible{outline:3px solid var(--soft-teal);outline-offset:5px}@media (hover:hover){.action-button:is(button,a):not(:disabled):hover{background:var(--action-hover);box-shadow:0 calc(var(--action-depth) + 1px) 0 var(--action-edge);transform:translateY(-1px)}}.action-button:is(button,a):not(:disabled):active{box-shadow:0 1px 0 var(--action-edge);transform:translateY(2px)}.action-button:is(button,a):disabled{background:var(--surface-sunken);color:var(--muted);border-color:var(--line);box-shadow:none;cursor:not-allowed;transform:none}.action-button:disabled .action-button-icon{background:var(--line);color:var(--muted)}.ai-evaluate-action.ai-evaluate-attention:not(:disabled){position:relative}.ai-evaluate-action.ai-evaluate-attention:not(:disabled):after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--action-edge) 16%, transparent), 0 0 24px 5px color-mix(in srgb, var(--action-edge) 24%, transparent);animation:2.4s ease-in-out infinite ai-evaluation-glow;position:absolute;inset:-2px}@keyframes ai-evaluation-glow{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.action-button:is(button,a),.action-button:is(button,a):not(:disabled):hover,.action-button:is(button,a):not(:disabled):active{transition:none;transform:none}.ai-evaluate-action.ai-evaluate-attention:not(:disabled):after{opacity:.8;animation:none}}