@font-face{font-family:Urbanist;src:url('/fonts/urbanist.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Urbanist,system-ui,sans-serif;color:#28242e;background:#f6f5f1;color-scheme:light;--purple:#6f00ff;--viewport-height:100dvh;--viewport-top:0px}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,textarea{font:inherit}button{min-height:46px;padding:12px 18px;border:1px solid #e3dee9;border-radius:14px;background:#fdfdfa;color:#5e00d7;font-weight:650;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a36aff;outline-offset:3px}.primary{background:var(--purple);border-color:var(--purple);color:#fff}.primary:hover{background:#5e00d7}
main{max-width:580px;margin:0 auto;padding:24px}header{display:flex;justify-content:center;padding:8px 0 20px}.brand{display:flex;align-items:center;gap:5px;font-size:28px;font-weight:800;letter-spacing:-1.2px;line-height:1}.brand-square{width:22px;height:22px;background:#000}.brand-ar{color:var(--purple)}
body[data-role=guest] main{min-height:100dvh;display:flex;flex-direction:column;justify-content:center}#login{max-width:360px;width:100%;margin:0 auto}#login label{display:block;margin:18px 0;font-size:14px;font-weight:600}input{display:block;width:100%;margin-top:8px;padding:15px;border:1px solid #e3dee9;border-radius:14px;background:#fdfdfa;font-size:16px}#loginButton{width:100%;margin-top:8px}
body[data-role=user]{overflow:hidden}body[data-role=user] main{position:fixed;top:var(--viewport-top);left:0;right:0;height:var(--viewport-height);display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
#userPanel{display:flex;flex-direction:column;flex:1;min-height:0;gap:14px}.transcript-label{display:flex;min-height:0;flex:1;order:1}#transcript{display:block;width:100%;height:100%;min-height:0;resize:none;border:1px solid #e3dee9;border-radius:20px;background:#fdfdfa;padding:18px;color:#28242e;font-size:18px;line-height:1.6;overscroll-behavior:contain;scroll-padding:14px}#transcript::placeholder{color:#8d8596}
#mic{order:0;flex-shrink:0;display:grid;place-items:center;padding:0;min-width:0;min-height:0;width:clamp(104px,22dvh,184px);height:clamp(104px,22dvh,184px);margin:8px auto 14px;border-radius:50%;border:0;background:var(--purple);color:white;box-shadow:0 0 0 8px #eee5ff}#mic[aria-pressed=true]{background:#5600c6;box-shadow:0 0 0 8px #e0ccff}.controls{order:2;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;flex-shrink:0}.controls button{padding:12px 8px}#status{order:3;margin:0;min-height:18px;font-size:12px;line-height:1.4;color:#706977}#message{color:#9b3131;font-size:13px;line-height:1.4;margin:8px 0 0;flex-shrink:0;overflow-wrap:anywhere}#message:empty{display:none}
/* Fit the entire composer above the native keyboard, including the textarea. */
.keyboard-open body[data-role=user] main{padding-top:8px;padding-bottom:8px}.keyboard-open body[data-role=user] header{padding:0 0 8px}.keyboard-open .brand{font-size:21px}.keyboard-open .brand-square{width:16px;height:16px}.keyboard-open #userPanel{gap:8px}.keyboard-open .transcript-label{order:0}.keyboard-open #mic{order:1;width:44px;height:44px;margin:0 auto;box-shadow:none}.keyboard-open #mic svg{width:24px;height:24px}.keyboard-open #transcript{padding:12px;font-size:16px;border-radius:14px}.keyboard-open #status:empty{display:none}
body[data-role=admin] main{max-width:1320px;padding:36px}body[data-role=admin] header{justify-content:flex-start;margin-bottom:30px}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}h1{font-size:30px;margin:0;font-weight:700;letter-spacing:-.8px}#adminStatus{color:#706977;font-size:14px}.table-scroll{overflow-x:auto;border:1px solid #e3dee9;border-radius:18px;background:#fdfdfa}table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}th,td{padding:16px 20px;border-bottom:1px solid #eee9f3;vertical-align:top}th{font-size:12px;color:#706977;background:#efecf3}th:nth-child(-n+2),td:nth-child(-n+2){white-space:nowrap}td:nth-child(3){overflow-wrap:anywhere;min-width:170px}td:last-child{white-space:pre-wrap;overflow-wrap:anywhere;min-width:260px;width:60%;line-height:1.65}tr:last-child td{border-bottom:0}#more{display:block;margin:20px auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){body[data-role=admin] main{padding:18px}.admin-heading{align-items:flex-start}h1{font-size:25px}th,td{padding:12px}}
@media(max-height:480px){body[data-role=user] header{padding-bottom:8px}#userPanel{gap:8px}#mic{width:48px;height:48px;margin:0 auto 4px;box-shadow:none}#mic svg{width:26px;height:26px}}

#mic svg{display:block;pointer-events:none}
.export-controls{display:flex;align-items:flex-end;gap:12px}.export-controls label{display:block;font-size:12px;font-weight:650;color:#706977}.export-controls input{margin-top:6px;padding:10px 12px;min-height:46px;width:190px}.export-controls button{white-space:nowrap}@media(max-width:600px){.admin-heading{flex-direction:column}.export-controls{width:100%;flex-wrap:wrap}.export-controls label{flex:1}.export-controls input{width:100%;min-width:155px}}