.btn.svelte-13o797d{padding:var(--touch-pad);-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;display:grid}.circle.svelte-13o797d{width:var(--touch);height:var(--touch);border:3px solid var(--line);color:var(--ink);box-shadow:0 6px 0 #dfd4f4, 0 9px 18px var(--shadow);background:#fffffff0;border-radius:50%;place-items:center;transition:transform .12s,background .16s,box-shadow .12s;display:grid}.circle.svelte-13o797d svg{width:clamp(28px,4.8vh,38px);height:clamp(28px,4.8vh,38px)}.accent.svelte-13o797d .circle:where(.svelte-13o797d){background:var(--amber);color:#3a2405;box-shadow:0 6px 0 #e99a17, 0 9px 18px var(--shadow);border-color:#f4aa1f}.btn.svelte-13o797d:active .circle:where(.svelte-13o797d){box-shadow:0 2px 0 #dfd4f4, 0 4px 10px var(--shadow);background:#fff9e9;transform:translateY(4px)scale(.96)}.accent.svelte-13o797d:active .circle:where(.svelte-13o797d){background:var(--orange)}.compact.svelte-13o797d{padding:var(--touch-pad-compact)}.compact.svelte-13o797d .circle:where(.svelte-13o797d){width:var(--touch-compact);height:var(--touch-compact);box-shadow:0 4px 0 #dfd4f4, 0 6px 14px var(--shadow);border-width:2px}.compact.svelte-13o797d .circle:where(.svelte-13o797d) svg{width:clamp(18px,3.2vh,24px);height:clamp(18px,3.2vh,24px)}