@layer theme, base, components, utilities;@layer components{.focus-ring:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.focus-ring-inset:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.focus-ring-within:has(:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.field-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;font-size:.9rem}.field-label{font-size:.85rem;font-weight:600}.popup-surface{border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface-2);box-shadow:0 8px 24px rgb(0 0 0/40%)}.modal-backdrop{background:rgb(0 0 0/60%)}.modal-popup{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:0 16px 48px rgb(0 0 0/50%)}.modal-title{font-size:1.1rem}.modal-description{color:var(--muted)}}.field-box:focus-visible,.select-trigger[data-popup-open]{outline:none;border-color:var(--accent)}@layer theme, base, components, utilities;@layer components{.button{border:1px solid transparent;border-radius:var(--radius);font:inherit;font-size:.9rem;font-weight:600;white-space:nowrap;cursor:pointer;user-select:none;--button-shadow-color:rgb(0 0 0/45%);box-shadow:0 3px 0 var(--button-shadow-color),0 4px 10px rgb(0 0 0/30%)}.button:active:not([data-disabled]){transform:translateY(2px);box-shadow:0 1px 0 var(--button-shadow-color),0 1px 3px rgb(0 0 0/30%)}.button[data-variant=primary]{--button-shadow-color:var(--accent-shadow);background:var(--accent);color:var(--accent-text)}.button[data-variant=primary]:hover:not([data-disabled]){background:var(--accent-hover)}.button[data-variant=secondary]{--button-shadow-color:var(--secondary-shadow);background:var(--secondary);color:var(--text)}.button[data-variant=secondary]:hover:not([data-disabled]){background:var(--secondary-hover)}.button[data-variant=danger]{--button-shadow-color:var(--danger-shadow);background:var(--danger-bg);color:var(--danger-text)}.button[data-variant=danger]:hover:not([data-disabled]){background:var(--danger-hover)}.button[data-variant=ghost],.button[data-variant=ghost]:active:not([data-disabled]){box-shadow:none;transform:none}.button[data-variant=ghost]{background:transparent;color:var(--muted)}.button[data-variant=ghost]:hover:not([data-disabled]){border-color:var(--accent);color:var(--text)}.button[data-variant=ghost]:active:not([data-disabled]){background:color-mix(in srgb,var(--accent) 18%,transparent)}.button[data-disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}}