.button{align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-5);background:var(--card-bg);border:1px solid var(--field-line);border-radius:var(--radius-control);font-size:var(--text-body);color:inherit;text-wrap:balance;max-width:100%;transition:background var(--t-hover) ease, transform var(--t-press) ease-out;font-weight:700;text-decoration:none;display:inline-flex}.button:active{transition:none;transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.button:active{transform:none}}.button-go{background:var(--ink);border-color:var(--ink);color:var(--bg)}.button:disabled{cursor:not-allowed;border-color:var(--hairline);color:var(--muted)}.button-go:disabled{background:var(--muted);border-color:var(--muted);color:var(--bg)}.button-quiet{color:var(--muted);text-underline-offset:3px;background:0 0;border-color:#0000;padding-inline:0;font-weight:400;text-decoration:underline;text-decoration-thickness:1px}.button-quiet:hover:not(:disabled){color:var(--ink);background:0 0}.button-finger{width:100%;min-height:52px;padding:var(--sp-3) var(--sp-4);justify-content:center;font-weight:500;display:flex}.shortcut{opacity:.7;font-size:.875rem}@media (hover:none) and (pointer:coarse){.shortcut{display:none}}.waiting{padding:var(--sp-7) var(--sp-5);color:var(--muted)}.nothing{margin:var(--sp-3) 0;color:var(--muted)}.problem{font-size:var(--text-small);margin:0;font-weight:600}.empty{max-width:34rem;padding:12vh 0}.empty h1{margin-bottom:var(--sp-3)}.empty p{color:var(--muted);margin:0 0 var(--sp-5)}
