:root{--md-primary: #8FD3FF;--md-on-primary: #00344C;--md-primary-container: #004C6D;--md-on-primary-container: #C8E9FF;--md-secondary: #C0BFFF;--md-secondary-container: #383275;--md-on-secondary-container: #E3DFFF;--md-surface: #101418;--md-surface-container: #1A1E23;--md-surface-container-high: #242A30;--md-on-surface: #E1E3E6;--md-on-surface-variant: #A5ADB6;--md-outline-variant: #333A40;--md-error: #FFB4AB;--md-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--md-shape-lg: 20px;--md-shape-md: 14px;--md-shape-full: 999px}*{box-sizing:border-box}body{margin:0;background:var(--md-surface);color:var(--md-on-surface);font-family:var(--md-font);font-size:15px;height:100dvh;overflow:hidden}kenya-app{display:grid;grid-template-columns:280px 1fr;height:100dvh}side-column{display:block;overflow-y:auto;padding:12px;background:var(--md-surface-container);border-right:1px solid var(--md-outline-variant)}session-list{display:block}session-list>button[data-action=new]{width:100%;padding:12px 16px;margin-bottom:12px;border:none;border-radius:var(--md-shape-full);background:var(--md-primary-container);color:var(--md-on-primary-container);font-family:var(--md-font);font-size:14px;text-align:left;cursor:pointer}session-row{display:flex;align-items:center;gap:4px;border-radius:var(--md-shape-md);margin-bottom:2px}session-row[data-active=yes]{background:var(--md-secondary-container)}session-row>button[data-action=open]{flex:1;min-width:0;padding:10px 12px;border:none;background:transparent;color:var(--md-on-surface);font-family:var(--md-font);font-size:14px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}session-row[data-active=yes]>button[data-action=open]{color:var(--md-on-secondary-container)}session-row>button[data-action=remove]{flex-shrink:0;width:32px;height:32px;border:none;border-radius:var(--md-shape-full);background:transparent;color:var(--md-on-surface-variant);font-size:18px;cursor:pointer;opacity:0}session-row:hover>button[data-action=remove],session-row[data-active=yes]>button[data-action=remove]{opacity:1}main-column{display:grid;grid-template-rows:auto auto 1fr auto;min-height:0}main-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--md-outline-variant);font-size:17px}main-header>button[data-action=settings]{width:40px;height:40px;border:none;border-radius:var(--md-shape-full);background:transparent;color:var(--md-on-surface-variant);font-size:18px;cursor:pointer}settings-panel{display:block;padding:12px 20px;background:var(--md-surface-container);border-bottom:1px solid var(--md-outline-variant)}settings-panel[hidden]{display:none}settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 0;font-size:14px;color:var(--md-on-surface-variant)}settings-row>select,settings-row>button{min-width:180px;padding:8px 12px;border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-md);background:var(--md-surface-container-high);color:var(--md-on-surface);font-family:var(--md-font);font-size:14px;cursor:pointer}settings-row>button[data-on=yes]{background:var(--md-primary-container);color:var(--md-on-primary-container);border-color:transparent}chat-log{display:flex;flex-direction:column;gap:12px;padding:20px;overflow-y:auto;min-height:0}chat-message{display:block;max-width:74%;padding:12px 16px;border-radius:var(--md-shape-lg);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}chat-message[data-role=user]{align-self:flex-end;background:var(--md-primary-container);color:var(--md-on-primary-container);border-bottom-right-radius:6px}chat-message[data-role=assistant]{align-self:flex-start;background:var(--md-surface-container-high);border-bottom-left-radius:6px}chat-message[data-writing=yes]:after{content:"\258d";color:var(--md-primary)}chat-notice{display:block;align-self:center;font-size:13px;color:var(--md-on-surface-variant)}composer-bar{display:block;padding:12px 20px 18px;border-top:1px solid var(--md-outline-variant)}camera-preview{display:block;padding-bottom:10px}camera-preview[hidden]{display:none}camera-preview>video{width:180px;border-radius:var(--md-shape-md);display:block}composer-row{display:flex;align-items:flex-end;gap:8px}composer-row>textarea{flex:1;max-height:140px;padding:12px 16px;border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-lg);background:var(--md-surface-container);color:var(--md-on-surface);font-family:var(--md-font);font-size:15px;resize:none}composer-row>button{flex-shrink:0;width:46px;height:46px;border:none;border-radius:var(--md-shape-full);background:var(--md-surface-container-high);color:var(--md-on-surface);font-size:19px;cursor:pointer}composer-row>button[data-action=mic]{touch-action:none;user-select:none}composer-row>button[data-action=send]{background:var(--md-primary);color:var(--md-on-primary)}composer-row>button[data-active=yes]{background:var(--md-secondary-container)}composer-bar[data-state=recording]>composer-row>button[data-action=mic]{background:var(--md-error);color:var(--md-surface)}composer-bar[data-state=speaking]>composer-row>button[data-action=mic]{background:var(--md-primary-container);color:var(--md-on-primary-container)}composer-status{display:block;padding-top:8px;font-size:12px;color:var(--md-on-surface-variant)}composer-bar[data-state=error]>composer-status{color:var(--md-error)}@media(prefers-reduced-motion:no-preference){composer-row>button{transition:background .15s ease,transform .15s ease}composer-bar[data-state=recording]>composer-row>button[data-action=mic]{transform:scale(1.06)}}@media(max-width:760px){kenya-app{grid-template-columns:1fr}side-column{position:fixed;inset:0 auto 0 0;width:82vw;max-width:320px;z-index:2;transform:translate(-100%);transition:transform .2s ease}kenya-app[data-drawer=open]>side-column{transform:none}chat-message{max-width:88%}}header-heading{display:flex;align-items:center;gap:10px}header-heading>button[data-action=drawer]{display:none;width:40px;height:40px;border:none;border-radius:var(--md-shape-full);background:transparent;color:var(--md-on-surface-variant);font-size:18px;cursor:pointer}@media(max-width:760px){header-heading>button[data-action=drawer]{display:block}}drawer-backdrop{display:none}composer-row>button[data-action=handsfree][data-active=yes]{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}composer-bar[data-state=listening]>composer-row>button[data-action=handsfree]{background:var(--md-primary);color:var(--md-on-primary)}@media(max-width:760px){kenya-app[data-drawer=open]>drawer-backdrop{display:block;position:fixed;inset:0;z-index:1;background:#0000008c}}@media(prefers-reduced-motion:no-preference){composer-bar[data-state=listening]>composer-row>button[data-action=handsfree]{animation:handsfree-pulse 1.6s ease-in-out infinite}}@keyframes handsfree-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}composer-row>button[data-action=look]{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}partial-transcript{display:block;padding:8px 4px 0;font-size:14px;font-style:italic;color:var(--md-on-surface-variant);line-height:1.4}partial-transcript[hidden]{display:none}