:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:light dark}body{margin:0;min-height:100vh}main{max-width:720px;margin:0 auto;padding:2rem 1.25rem}header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.5rem}header h1{margin:0}header small{opacity:.7}section{margin-block:2rem}.error{background:#fee;color:#900;padding:.5rem .75rem;border-radius:4px;border:1px solid #f99}@media (prefers-color-scheme: dark){.error{background:#4a1f1f;color:#ffb3b3;border-color:#7a3434}}.stack{display:flex;flex-direction:column;gap:.75rem;max-width:28rem}.stack label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.stack input,.stack select,.stack textarea{font:inherit;padding:.4rem .55rem;border:1px solid #ccc;border-radius:4px;background:transparent;color:inherit}button{font:inherit;padding:.5rem .85rem;border-radius:4px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;align-self:flex-start}button:disabled{opacity:.5;cursor:progress}ul.sessions{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}ul.sessions li{border:1px solid #444;border-radius:6px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.35rem}label.upload{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}label.upload input[type=file]{font-size:.8rem}.row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.muted{opacity:.7}.small{font-size:.85rem}.status{font-size:.75rem;padding:.1rem .45rem;border-radius:999px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.04em}.status-recorded{color:#4caf50}.status-transcribed,.status-summarized{color:#2196f3}.status-accepted{color:#8bc34a}.status-failed{color:#e57373}.recording{display:flex;flex-direction:column;gap:.15rem;padding:.4rem .6rem;border:1px dashed #555;border-radius:4px;font-size:.9rem}.recording span:first-child{color:#4caf50}.transcript{display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem}.transcript button{align-self:flex-start;font-size:.85rem;padding:.25rem .6rem}.transcript-text{white-space:pre-wrap;word-break:break-word;margin:.25rem 0 0;padding:.6rem .75rem;background:#7f7f7f14;border:1px solid rgba(127,127,127,.25);border-radius:4px;font-size:.85rem;max-height:24rem;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}