:root{font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6;font-weight:400;color:#e2e8f0;background-color:#0b1120;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(59,130,246,.2),transparent 55%),radial-gradient(circle at right,rgba(99,102,241,.18),transparent 50%),#0b1120}h1,h2,h3{margin:0 0 .75rem;line-height:1.2}p{margin:0}button{border-radius:999px;border:1px solid rgba(148,163,184,.3);padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;font-family:inherit;background-color:#1e293bcc;color:#e2e8f0;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}button:hover{border-color:#94a3b899;box-shadow:0 10px 20px #0f172a59;transform:translateY(-1px)}button:focus-visible{outline:2px solid rgba(148,163,184,.6);outline-offset:2px}img{max-width:100%;display:block}.app{display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem 1.5rem 3.5rem;max-width:1100px;margin:0 auto;min-height:100vh}.app-header{display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:#7f8ea3;margin-bottom:.5rem}.subhead{color:#a8b4c5;max-width:640px}.status-badge{align-self:flex-start;padding:.4rem .9rem;border-radius:999px;font-size:.85rem;font-weight:600;letter-spacing:.02em;background:#38bdf829;color:#38bdf8}.status-loading{background:#f8fafc1a;color:#e2e8f0}.status-listening{background:#22c55e29;color:#22c55e}.status-error{background:#ef444429;color:#f87171}.panel{background:#0f172ab8;border:1px solid rgba(148,163,184,.18);border-radius:1rem;padding:1.5rem;box-shadow:0 24px 60px #0f172a59;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.controls{display:flex;flex-direction:column;gap:1rem}.button-row{display:flex;flex-wrap:wrap;gap:.75rem}.button-row button{flex:0 0 auto}.button-row .primary{background:linear-gradient(120deg,#38bdf8,#6366f1);color:#0f172a;font-weight:700;border:none}.button-row button:disabled{opacity:.5;cursor:not-allowed}.meta{display:flex;flex-wrap:wrap;gap:1rem;color:#94a3b8;font-size:.9rem}.error{border-color:#ef444466;color:#fecaca}.layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.transcript .text{font-size:1.1rem;line-height:1.6;color:#e2e8f0}.placeholder{color:#94a3b8}.card-display{display:flex;flex-direction:column;gap:1rem}.history ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;max-height:320px;overflow-y:auto}.history-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.history-header h2{margin:0}.history-button{width:100%;text-align:left;border-radius:.75rem;padding:.6rem .9rem;background:#1e293b99;border:1px solid rgba(148,163,184,.2);color:#e2e8f0}.history-button:hover{border-color:#94a3b880;box-shadow:none;transform:none}.card-image{display:grid;gap:.75rem;justify-items:center}.card-image img{width:min(320px,100%);border-radius:.75rem;box-shadow:0 16px 30px #0f172a80;border:1px solid rgba(148,163,184,.25)}.card-name{font-weight:600;color:#f8fafc}.footer{display:grid;gap:.35rem;font-size:.8rem;color:#b9c3d6;margin-top:auto;padding:.85rem 1.1rem}.credits{color:#8a97ad;font-size:.78rem}.debug-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:#94a3b8}.debug-toggle input{accent-color:#38bdf8}.debug-panel{display:grid;gap:.75rem}.debug-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.debug-header h2{margin:0}.debug-stream{max-height:240px;overflow-y:auto;display:grid;gap:.35rem;font-size:.8rem;color:#cbd5f5}.debug-row{display:grid;grid-template-columns:80px 1fr;gap:.75rem}.debug-time{color:#7f8ea3;font-variant-numeric:tabular-nums}@media (min-width: 900px){.app-header{flex-direction:row;align-items:center}}