.experience-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:0;border-radius:12px;background:#f7f8fa;color:#344156;box-shadow:0 2px 8px #26344712,0 1px 2px #26344708;font:inherit;font-size:14px;line-height:24px;text-decoration:none;cursor:pointer;transition:background .2s,box-shadow .2s}
.experience-action:hover{background:#eef0f3;box-shadow:0 3px 12px #26344716,0 1px 2px #26344708}
.experience-action:focus-visible{outline:2px solid #8793a0;outline-offset:4px}
.experience-action:disabled{opacity:.5;cursor:wait}
@keyframes experience-entry-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.experience-action{transition:none}}
/* One quiet glint, then a long rest. No movement for reduced-motion visitors. */
.experience-action{position:relative;isolation:isolate;overflow:hidden}
:is(.create-entry .experience-action,#web-start)::after{content:"";position:absolute;inset:-40% auto -40% -60%;width:35%;background:linear-gradient(100deg,transparent,#ffffffb3,transparent);transform:skewX(-18deg);pointer-events:none;animation:experience-glint 9s 2s ease-in-out infinite}
@keyframes experience-glint{0%,78%{left:-60%;opacity:0}80%{opacity:.65}94%,100%{left:140%;opacity:0}}
@media(prefers-reduced-motion:reduce){:is(.create-entry .experience-action,#web-start)::after{display:none}}