:root{color-scheme:dark;--bg:#0c141f;--panel:#151d29;--line:#2a393e;--text:#eff2f5;--muted:#a2b3b0;--accent:#e7be68;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.55}main{max-width:740px;min-height:100dvh;margin:auto;padding:calc(22px + env(safe-area-inset-top)) 22px calc(20px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:12px;padding-bottom:28px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;color:var(--text);font-size:17px;font-weight:750;letter-spacing:.16em;text-decoration:none}.mark{display:grid;place-items:center;background:var(--accent);color:#0e1624;width:35px;height:35px;border-radius:10px;letter-spacing:0}.connection{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:12px;color:var(--muted)}#connection-dot{width:7px;height:7px;background:var(--muted);border-radius:50%}.connected #connection-dot{background:var(--accent)}h1{font-size:clamp(28px,6vw,38px);line-height:1.15;letter-spacing:-.04em;margin:9px 0 14px;font-weight:650}h2{font-size:17px;letter-spacing:-.02em;margin:0}p{color:var(--muted);margin:8px 0 16px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;color:var(--accent);margin-bottom:12px}.intro,#login{padding:34px 0 20px}.voice-panel{padding:26px 24px 22px;background:var(--panel);border:1px solid var(--line);border-radius:22px}.voice-symbol{height:52px;display:flex;align-items:center;gap:6px;margin-bottom:20px}.voice-symbol span{width:7px;border-radius:8px;background:var(--accent);height:18px}.voice-symbol span:nth-child(2),.voice-symbol span:nth-child(4){height:32px}.voice-symbol span:nth-child(3){height:46px}.live .voice-symbol span{animation:pulse .8s ease-in-out infinite alternate}.live .voice-symbol span:nth-child(even){animation-delay:.4s}@keyframes pulse{to{transform:scaleY(.4)}}button,input,textarea{font:inherit}button{min-height:46px;border:1px solid var(--line);border-radius:12px;padding:10px 15px;background:#1b292e;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;touch-action:manipulation}button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#0e1624}button.stop:not(:disabled){border-color:#cfa195;color:#ffd8cc;background:#372723}button.subtle{background:transparent;border:0;font-size:12px;color:var(--muted);padding:8px}.voice-actions,.camera-actions{display:flex;gap:10px}.voice-actions button{flex:1}.fine{font-size:12px;line-height:1.6}.voice-panel .fine{margin:16px 0 0}.camera-panel,.conversation{padding:26px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-heading p{font-size:12px;margin:4px 0 0}#camera-preview{position:relative;margin-top:16px}video{display:block;width:100%;max-height:380px;object-fit:contain;background:#11191c;border-radius:16px}.preview-label{display:block;color:var(--muted);font-size:11px;margin:8px 0}.camera-actions button{flex:1}.conversation .section-heading{margin-bottom:14px}#messages{max-height:440px;overflow:auto;overflow-wrap:anywhere}.message{margin:0 0 12px;padding:12px 14px;border-left:2px solid var(--line);background:#111a1e;border-radius:0 10px 10px 0}.message.assistant{border-color:var(--accent)}.message strong{display:block;color:var(--muted);font-size:11px;font-weight:650;margin-bottom:4px}.message p{color:var(--text);margin:0;font-size:14px;white-space:pre-wrap}label{display:block;font-size:12px;font-weight:650;margin:15px 0 7px}input,textarea{width:100%;border:1px solid #43585e;border-radius:12px;background:#10191d;color:var(--text);padding:12px;font-size:16px;resize:vertical}textarea{min-height:70px;max-height:190px}.composer{display:flex;gap:8px;align-items:stretch}.composer button{align-self:stretch}#login-form{max-width:430px}#login-form button{margin-top:14px;width:100%}#notice{margin-top:20px;padding:14px;border:1px solid #ae8d6e;background:#302920;border-radius:12px;color:#ffe1be;font-size:14px}details{padding:20px 0;font-size:12px;color:var(--muted)}summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0}details p{font-size:12px}footer{margin-top:24px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;letter-spacing:.06em}footer span{letter-spacing:0}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}@media(max-width:390px){main{padding-left:16px;padding-right:16px}.voice-panel{padding:21px 18px}.connection{font-size:11px}header{gap:6px}.wordmark{font-size:14px}button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

select{min-width:0;flex:1;font:inherit;font-size:16px;border:1px solid #43585e;border-radius:12px;background:#10191d;color:var(--text);padding:12px}#notes-panel{padding:24px 0;border-bottom:1px solid var(--line)}#note-results{margin-top:16px}#note-results article button,.message button{margin:8px 8px 0 0}#notes-form input{min-width:0}

.wordmark{letter-spacing:.08em}.wordmark small{display:block;font-size:7px;letter-spacing:.12em;font-weight:500;margin-top:4px}.mark{border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:3px;width:40px;height:40px;flex-shrink:0}#pages-panel,#presenter-panel{padding:24px 0;border-bottom:1px solid var(--line)}#screen-image{display:block;width:100%;max-height:420px;object-fit:contain;border:1px solid var(--line);border-radius:12px}#screen-preview{margin-top:14px}footer a,#page-result a{color:var(--accent)}#page-result a{display:inline-block;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:8px}header{flex-wrap:wrap}.connection{max-width:150px}@media(max-width:520px){header .wordmark{flex:1}header .connection{width:100%;max-width:none;order:3;margin-left:0}.wordmark small{font-size:6px}}