:root{color-scheme:light dark;font-family:system-ui,-apple-system,sans-serif}body{margin:0;background:#0b0d12;color:#f5f5f7}main{max-width:780px;margin:0 auto;padding:4rem 1.5rem}header h1{margin:0 0 .5rem;font-size:2.25rem}header p{color:#a0a3ad;margin:0 0 3rem}.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{display:block;padding:1.5rem;border-radius:12px;border:1px solid #2a2d36;background:#14161c;text-decoration:none;color:inherit;transition:border-color .15s ease}.card:hover{border-color:#4a4f5c}.card--disabled{opacity:.6}.card h2{margin:0 0 .5rem;font-size:1.1rem}.card p{margin:0 0 1rem;color:#a0a3ad;font-size:.9rem}.status{font-size:.85rem;font-weight:600}.card--talk{width:100%;text-align:left;font:inherit;cursor:pointer}.card--talk .status{color:#4ade80}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000}.modal{position:relative;width:100%;max-width:420px;padding:2rem;border-radius:16px;border:1px solid #2a2d36;background:#14161c;text-align:center}.modal-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border:none;background:transparent;color:#a0a3ad;font-size:1.5rem;cursor:pointer;line-height:1}.modal h2{margin:0 0 1.5rem;font-size:1.25rem}.modal-status{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 0 1.5rem;color:#a0a3ad;font-size:.9rem}.status-dot{width:.6rem;height:.6rem;border-radius:50%;background:#4a4f5c}.status-dot--connecting{background:#facc15}.status-dot--active,.status-dot--speaking{background:#4ade80}.status-dot--ended{background:#4a4f5c}.status-dot--error{background:#f87171}.modal-end-call{padding:.65rem 1.5rem;border-radius:8px;border:none;background:#f87171;color:#0b0d12;font-weight:600;cursor:pointer}