.rule-card.svelte-1m9oo60{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;border:1px solid var(--border-light);border-radius:.875rem;background-color:color-mix(in oklch,var(--bg-card) 82%,var(--bg-body));box-shadow:inset 0 -6px 12px #00000002,inset 0 1px #ffffff0d,var(--shadow-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-normal) var(--ease-out-1),background-color var(--duration-normal) var(--ease-out-1),transform var(--duration-normal) var(--ease-out-1),box-shadow .34s var(--ease-out-1)}.rule-card.has-myrules.svelte-1m9oo60{grid-template-columns:1fr auto auto auto auto}.rule-card.svelte-1m9oo60:active{transform:scale(.98);transition-duration:60ms}.rule-card.svelte-1m9oo60:hover{border-color:color-mix(in oklch,var(--domain-accent, var(--brand-accent)) 22%,var(--border-light));background-color:color-mix(in oklch,var(--domain-accent, var(--brand-accent)) 3%,var(--bg-card));transform:translateY(-1px);box-shadow:inset 0 -6px 12px #00000002,inset 0 1px #ffffff0f,0 4px 8px #00000012,0 8px 20px #0000000d}.rule-card.svelte-1m9oo60:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.rule-card__content.svelte-1m9oo60{min-width:0}.rule-card__title.svelte-1m9oo60{margin:0;font:600 1.1875rem/1.3 var(--font-display-stack);letter-spacing:-.002em;color:var(--text-primary)}.rule-card__preview.svelte-1m9oo60{margin:.5rem 0 0;padding-left:.875rem;padding-right:.875rem;border-left:1px solid var(--border-light);font:400 .875rem/1.6 var(--font-body-stack);font-style:italic;color:var(--text-secondary)}.rule-card__meta.svelte-1m9oo60{display:flex;align-items:center;gap:1rem;margin-top:.875rem;font:400 .75rem/1 var(--font-sans-stack);color:var(--text-muted)}.rule-card__meta-item.svelte-1m9oo60{display:inline-flex;align-items:center;gap:.375rem}.rule-card__icon.svelte-1m9oo60{width:.8125rem;height:.8125rem;opacity:.7}.rule-card__practice{flex-shrink:0;min-height:2.5rem;position:relative;min-width:6.25rem;gap:0;padding:.625rem 1.625rem .625rem 1.125rem;border:1px solid color-mix(in oklch,var(--brand-accent) 88%,var(--border-light));border-radius:.625rem;background-color:var(--brand-accent);box-shadow:inset 0 1px #ffffff3d,inset 0 -2px #00000021,0 2px 4px #0000001f,0 7px 14px #00000014!important;font-family:var(--font-sans-stack);font-weight:700;letter-spacing:.01em;-webkit-font-smoothing:antialiased;backface-visibility:hidden;transform-style:preserve-3d;transition:filter var(--duration-fast) var(--ease-out-1),transform var(--duration-fast) var(--ease-out-1),box-shadow var(--duration-fast) var(--ease-out-1)}.rule-card__practice:hover{filter:brightness(1.08);box-shadow:inset 0 1px #ffffff47,inset 0 -2px #00000021,0 3px 6px #00000024,0 9px 18px #0000001a!important}.rule-card__practice:active{transform:scale(.97)}.rule-card__practice-arrow.svelte-1m9oo60{position:absolute;right:.5rem;top:50%;width:.9375rem;height:.9375rem;opacity:.72;transform:translateY(-50%);transition:transform .2s var(--ease-out-1),opacity .2s var(--ease-out-1)}.rule-card__practice:hover .rule-card__practice-arrow.svelte-1m9oo60{opacity:1;transform:translate(2px,-50%)}.rule-card__queue{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--border-light);border-radius:.5rem;background:transparent;color:var(--text-muted);cursor:pointer;align-self:center;transition:color var(--duration-fast) var(--ease-out-1),background-color var(--duration-fast) var(--ease-out-1),border-color var(--duration-fast) var(--ease-out-1)}.rule-card__queue svg.svelte-1m9oo60{width:1rem;height:1rem}.rule-card__queue:hover{color:var(--brand-accent);border-color:color-mix(in oklch,var(--brand-accent) 40%,var(--border-light));background:color-mix(in oklch,var(--brand-accent) 8%,transparent)}.rule-card__queue--queued{color:var(--brand-accent);border-color:color-mix(in oklch,var(--brand-accent) 40%,var(--border-light));background:color-mix(in oklch,var(--brand-accent) 10%,transparent)}.rule-card__queue--error{color:var(--status-error);border-color:color-mix(in oklch,var(--status-error) 40%,var(--border-light));animation:queue-error-flash var(--duration-normal) var(--ease-out-1)}.rule-card__queue--pending{opacity:.5;cursor:wait}.rule-card__edit{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--border-light);border-radius:.5rem;background:transparent;color:var(--text-muted);cursor:pointer;align-self:center;transition:color var(--duration-fast) var(--ease-out-1),background-color var(--duration-fast) var(--ease-out-1),border-color var(--duration-fast) var(--ease-out-1)}.rule-card__edit svg.svelte-1m9oo60{width:.875rem;height:.875rem}.rule-card__edit:hover{color:var(--brand-accent);border-color:color-mix(in oklch,var(--brand-accent) 40%,var(--border-light));background:color-mix(in oklch,var(--brand-accent) 8%,transparent)}.rule-card__edit--has-note{color:var(--brand-accent);border-color:color-mix(in oklch,var(--brand-accent) 30%,var(--border-light));background:color-mix(in oklch,var(--brand-accent) 6%,transparent)}.rule-card__myrules.svelte-1m9oo60{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 .75rem;border:1px solid var(--border-light);border-radius:.5rem;background:transparent;color:var(--text-muted);font:600 .75rem/1 var(--font-sans-stack);white-space:nowrap;cursor:pointer;align-self:center;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-out-1),background-color var(--duration-fast) var(--ease-out-1),border-color var(--duration-fast) var(--ease-out-1)}.rule-card__myrules.svelte-1m9oo60:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.rule-card__myrules--added.svelte-1m9oo60{color:var(--brand-accent);border-color:color-mix(in oklch,var(--brand-accent) 40%,var(--border-light));background:color-mix(in oklch,var(--brand-accent) 10%,transparent)}@media (hover: hover) and (pointer: fine){.rule-card__myrules.svelte-1m9oo60:hover{color:var(--brand-accent);border-color:color-mix(in oklch,var(--brand-accent) 40%,var(--border-light));background:color-mix(in oklch,var(--brand-accent) 8%,transparent)}}@keyframes queue-error-flash{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width: 640px){.rule-card.svelte-1m9oo60{grid-template-columns:1fr;align-items:stretch;gap:1rem;padding:1rem}.rule-card__preview.svelte-1m9oo60{padding-right:0}.rule-card__meta.svelte-1m9oo60{flex-wrap:wrap}.rule-card__practice,.rule-card__queue,.rule-card__myrules.svelte-1m9oo60{width:100%}}@media (prefers-reduced-motion: reduce){.rule-card.svelte-1m9oo60,.rule-card__practice,.rule-card__queue,.rule-card__myrules.svelte-1m9oo60{transition:none}.rule-card.svelte-1m9oo60:hover,.rule-card.svelte-1m9oo60:active,.rule-card__practice:active{transform:none}.rule-card__practice-arrow.svelte-1m9oo60{transition:none}.rule-card__queue--error{animation:none}}.dark .rule-card.svelte-1m9oo60{box-shadow:inset 0 -6px 12px #00000004,inset 0 1px #ffffff12,0 2px 4px #0000002e,0 10px 24px #00000024}.dark .rule-card.svelte-1m9oo60:hover{box-shadow:inset 0 -6px 12px #00000003,inset 0 1px #ffffff14,0 4px 8px #0000003d,0 16px 34px #0000002e}