.btn{min-height:var(--tap-min);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:1.1rem;font-weight:700;transition:background-color .15s,opacity .15s;display:inline-flex}.btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover)}.btn--secondary{background:var(--color-secondary-bg);color:var(--color-secondary-text);border-color:#d0d5dd}.btn--secondary:hover{background:#e5e8eb}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{background:#b91c1c}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(90vw,440px);padding:24px;box-shadow:0 10px 30px #0003}.modal__title{margin:0 0 12px;font-size:1.25rem;font-weight:700}.modal__body{color:#444;margin:0 0 24px;line-height:1.6}.modal__actions{justify-content:flex-end;gap:12px;display:flex}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-secondary-bg:#f1f3f5;--color-secondary-text:#333;--color-danger:#dc2626;--radius:12px;--tap-min:64px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,sans-serif}.card-button{transition:box-shadow .15s,transform .15s}.card-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.card-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}