.agate{flex-direction:column;gap:12px;display:flex}.agate__lead{background:var(--color-primary-light);color:var(--color-text);border-radius:12px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:.84rem;line-height:1.5;display:flex}.agate__lead>svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.agate__modes{background:var(--color-bg);border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.agate__mode{border:1.5px solid var(--color-border);background:var(--color-surface);min-height:40px;font:inherit;color:var(--color-text-secondary);cursor:pointer;border-radius:9px;font-size:.85rem;font-weight:700;transition:border-color .15s,color .15s}.agate__mode:hover,.agate__mode--on{border-color:var(--color-primary);color:var(--color-primary)}.agate__mode:focus-visible,.agate__submit:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.agate__error{color:var(--color-danger);align-items:flex-start;gap:6px;margin:0;font-size:.82rem;font-weight:600;display:flex}.agate__error>svg{flex-shrink:0;margin-top:2px}.agate__submit{border:1.5px solid var(--color-primary);background:var(--color-primary);color:#fff;width:100%;min-height:50px;font:inherit;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:700;transition:background-color .15s,border-color .15s;display:inline-flex}.agate__submit:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.agate__submit:disabled{opacity:.6;cursor:wait}