.btn{--btn-bg:var(--color-primary);--btn-color:var(--color-text-on-peach);--btn-border:transparent;--btn-hover:var(--color-primary-hover);--btn-hover-color:var(--color-text-on-peach);justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--btn-border);border-radius:var(--radius-md);background:var(--btn-bg);min-height:44px;color:var(--btn-color);font-size:var(--text-small);letter-spacing:.01em;cursor:pointer;transition:background var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);white-space:nowrap;padding:.7rem 1.15rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--btn-hover);color:var(--btn-hover-color);box-shadow:var(--shadow-sm);text-decoration:none}.btn:active{transform:scale(calc(1 - .02 * var(--motion-ok,1)));box-shadow:none}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn:disabled{cursor:not-allowed;box-shadow:none;background:var(--color-cream);color:var(--color-text-muted);border-color:var(--color-cream);transform:none}.btn--primary,.btn--accent{--btn-bg:var(--color-primary);--btn-hover:var(--color-primary-hover);--btn-color:var(--color-text-on-peach);--btn-hover-color:var(--color-text-on-peach);--btn-border:var(--color-primary)}.btn--secondary{--btn-bg:var(--color-white);--btn-hover:var(--color-cream);--btn-color:var(--color-navy);--btn-hover-color:var(--color-navy);--btn-border:var(--color-primary)}.btn--dark{--btn-bg:var(--color-navy);--btn-hover:var(--color-dark-hover);--btn-color:var(--color-text-inverse);--btn-hover-color:var(--color-text-inverse);--btn-border:var(--color-navy)}.btn--ghost{--btn-bg:var(--color-white);--btn-hover:var(--color-cream);--btn-color:var(--color-navy);--btn-hover-color:var(--color-navy);--btn-border:var(--color-border)}.btn--danger{--btn-bg:var(--color-white);--btn-hover:var(--color-white);--btn-color:var(--color-critical);--btn-hover-color:var(--color-critical);--btn-border:var(--color-critical)}.btn--on-dark{--btn-bg:var(--color-white);--btn-hover:var(--color-white);--btn-color:var(--color-text);--btn-hover-color:var(--color-text);--btn-border:var(--color-text)}.btn--on-dark-ghost{--btn-bg:var(--color-white);--btn-hover:var(--color-white);--btn-color:var(--color-text);--btn-hover-color:var(--color-text);--btn-border:var(--color-primary)}.btn--sm{min-height:40px;font-size:var(--text-small);padding:.45rem .85rem}.btn--lg{min-height:52px;font-size:var(--text-body);border-radius:var(--radius-lg);padding:.9rem 1.4rem}.btn--icon{width:44px;padding:0}.btn--block{width:100%}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text)}.card--interactive{transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);color:inherit;text-decoration:none;display:block}.card--interactive:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);background:var(--color-white);transform:translateY(calc(-1px * var(--motion-ok,1)));color:inherit;text-decoration:none}.card--interactive:focus-visible{box-shadow:var(--shadow-focus);outline:none}.card__body{padding:var(--space-5)}.card__body--lg{padding:var(--space-6)}.badge{border-radius:var(--radius-full);font-size:var(--text-caption);letter-spacing:.02em;background:var(--color-cream);color:var(--color-text);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:.28rem .65rem;font-weight:600;display:inline-flex}.badge--neutral{background:var(--color-cream);color:var(--color-text-secondary)}.badge--success{background:var(--color-cream);color:var(--color-success);border-color:var(--color-cream)}.badge--warning{background:var(--color-white);color:var(--color-warning);border-color:var(--color-warning)}.badge--outline{background:var(--color-white);border-color:var(--color-border-strong);color:var(--color-text-secondary)}.badge--on-dark{background:var(--color-white);color:var(--color-text)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--text-small);color:var(--color-text);font-weight:600}.field__hint{font-size:var(--text-caption);color:var(--color-text-secondary);text-transform:none;letter-spacing:0;font-weight:400}.input,.select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);width:100%;min-height:44px;color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);padding:.65rem .9rem}.input:focus,.select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.input:hover,.select:hover{border-color:var(--color-primary)}.input--search{padding-left:2.5rem}.search-field{position:relative}.search-field__icon{color:var(--color-icon-primary);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.toggle{justify-content:space-between;align-items:flex-start;gap:var(--space-4);width:100%;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);display:flex}.toggle:hover{border-color:var(--color-primary)}.toggle[aria-checked=true]{border-color:var(--color-primary);background:var(--color-primary)}.toggle__text{flex-direction:column;gap:4px;min-width:0;display:flex}.toggle__title{font-size:var(--text-small);color:var(--color-text);font-weight:600}.toggle__desc{font-size:var(--text-caption);color:var(--color-text-secondary);text-transform:none;letter-spacing:0;font-weight:400;line-height:1.45}.toggle__switch{border-radius:var(--radius-full);background:var(--color-cream);width:44px;height:26px;transition:background var(--duration-base) var(--ease-out);flex-shrink:0;margin-top:2px;position:relative}.toggle[aria-checked=true] .toggle__switch{background:var(--color-primary)}.toggle__knob{background:var(--color-white);width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.toggle[aria-checked=true] .toggle__knob{transform:translate(18px)}.choice{gap:var(--space-2);width:100%;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);text-align:left;cursor:pointer;transition:border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);flex-direction:column;display:flex}.choice:hover{border-color:var(--color-primary)}.choice[aria-pressed=true],.choice[aria-checked=true]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-on-peach);box-shadow:none}.choice__title{font-weight:600;font-size:var(--text-small)}.choice__desc{color:var(--color-text-secondary);font-size:var(--text-caption);text-transform:none;letter-spacing:0;font-weight:400}.empty-state{padding:var(--space-8);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-secondary);background:var(--color-cream)}@media (width<=720px){.btn--sm{min-height:44px}.card__body--lg{padding:var(--space-5)}}.btn.is-just-saved svg{animation:save-pop calc(.28s * var(--motion-ok,1)) var(--ease-out)}@keyframes save-pop{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}html.a11y-reduced-motion .btn.is-just-saved svg{animation:none}.loading-state{gap:var(--space-4);display:grid}.skeleton{border-radius:var(--radius-md);background:var(--color-cream)}html.a11y-reduced-motion .skeleton{background:var(--color-cream);animation:none}