:root{--color-brand-primary: #009FDF;--color-brand-secondary: #2EA9CF;--color-surface: #000000;--color-surface-raised: #202020;--color-surface-overlay: #2A2A2A;--color-surface-pink: #FF69B4;--color-neutral-600: #525252;--color-on-surface: #FFFFFF;--color-on-surface-muted: #808080;--color-on-surface-dim: #505050;--color-on-surface-silver:#C0C0C0;--color-focus: #FFDD00;--color-error: #FF4C4C;--color-success: #2ECC71;--color-live: #FF2B2B;--color-white-80: rgba(255,255,255,.8);--color-white-20: rgba(255,255,255,.2);--color-white-15: rgba(255,255,255,.15);--color-white-10: rgba(255,255,255,.1);--color-black-40: rgba(0,0,0,.4);--color-black-50: rgba(0,0,0,.5);--color-progress-fill: rgba(255,255,255,.3);--color-progress-bar: #FFFFFF;--font-family-base: "Nunito Sans", system-ui, sans-serif;--font-family-mono: "JetBrains Mono", monospace;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: .9375rem;--font-size-lg: 1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-display-s: 2.25rem;--font-size-4xl: 2.5rem;--font-size-display-l: 3.5625rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-loose: 1.75;--tracking-wide: .14em;--tracking-label: .02em;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-pill: 2.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-badge: 0 0 8px rgba(0,0,0,.5);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--easing-standard: cubic-bezier(.4, 0, .2, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--max-width-content: 1280px;--app-width-mobile: 414px;--nav-bottom-height: 82px;--tv-safe-h: 5vw;--tv-safe-v: 5vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-on-surface);background-color:var(--color-surface-pink);-webkit-font-smoothing:antialiased;overflow:hidden}[hidden]{display:none}button,input{font:inherit;color:inherit}button{cursor:pointer}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:var(--space-4)}.login-screen[hidden]{display:none}.login-card{width:100%;max-width:calc(var(--space-24) * 4);display:grid;gap:var(--space-2);padding:var(--space-8) var(--space-6);background-color:var(--color-surface-raised);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.login-card h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.login-intro{margin-bottom:var(--space-4);color:var(--color-on-surface-muted)}.login-card label{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.login-card input{min-height:44px;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-surface-overlay);border:1px solid var(--color-white-15);border-radius:var(--radius-md)}.login-card input:focus{border-color:var(--color-brand-primary)}.login-error{color:var(--color-error);font-size:var(--font-size-sm)}.login-error[hidden]{display:none}.login-card .send-btn{margin-top:var(--space-4)}#app[hidden]{display:none}#app{height:100dvh;max-width:var(--max-width-content);margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background-color:var(--color-surface-pink)}.app-header{display:grid;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-white-15)}.header-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2)}.header-top h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.account-label{font-size:var(--font-size-sm);color:var(--color-on-surface-silver)}.session-label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-on-surface-muted)}.ghost-btn{min-height:44px;padding:0 var(--space-3);font-size:var(--font-size-sm);background:none;border:1px solid var(--color-white-20);border-radius:var(--radius-sm);color:var(--color-on-surface-silver);transition:background-color var(--duration-fast) var(--easing-standard)}.ghost-btn:hover,.ghost-btn:active,.ghost-btn[aria-pressed=true]{background-color:var(--color-surface-raised);color:var(--color-on-surface)}#clear-btn:hover,#clear-btn:active{color:var(--color-error);border-color:var(--color-error)}.settings{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2) var(--space-3);align-items:center}.settings label{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.settings input,.settings select,.input-area input{min-height:44px;padding:var(--space-2) var(--space-3);background-color:var(--color-surface-raised);border:1px solid var(--color-white-15);border-radius:var(--radius-md)}.settings input{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.settings input:focus,.settings select:focus,.input-area input:focus{border-color:var(--color-brand-primary)}.settings input[type=range]{flex:1 1 auto;max-width:20rem;padding:0;background:none;border:0;accent-color:var(--color-brand-primary)}.settings select{font-size:var(--font-size-sm);color:inherit}.voice-style{display:flex;align-items:center;gap:var(--space-3);min-width:0}.voice-style select{flex:0 1 auto}.voice-style-status{font-size:var(--font-size-sm);color:var(--color-on-surface-muted)}.chat-area,.grpcurl-panel{overflow-y:auto;padding:var(--space-4)}.chat-area{display:flex;flex-direction:column;gap:var(--space-3)}.msg{max-width:85%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);white-space:pre-wrap;word-wrap:break-word}.msg-user{align-self:flex-end;background-color:var(--color-brand-primary);border-bottom-right-radius:var(--radius-sm)}.msg-agent{align-self:flex-start;background-color:var(--color-surface-raised);border-bottom-left-radius:var(--radius-sm)}.msg-typing{align-self:flex-start;color:var(--color-on-surface-muted);font-style:italic}.msg-error{align-self:flex-start;color:var(--color-error);border:1px solid var(--color-error)}.rail{display:grid;gap:var(--space-2)}.rail-heading{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.rail-source{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-label);color:var(--color-on-surface-muted)}.rail-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:calc(var(--space-24) * 1.75);gap:var(--space-3);overflow-x:auto;padding:var(--space-1);scroll-snap-type:x mandatory}.tile{display:grid;align-content:start;gap:var(--space-1);text-align:left;background:none;border:none;scroll-snap-align:start}.tile-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-md);background-color:var(--color-neutral-600);transition:transform var(--duration-base) var(--easing-standard)}.tile:hover .tile-thumb,.tile:focus-visible .tile-thumb{transform:scale(1.04)}.tile-thumb img{width:100%;height:100%;object-fit:cover}.tile-number{position:absolute;top:var(--space-1);left:var(--space-1);min-width:var(--space-6);padding:0 var(--space-1);text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background-color:var(--color-surface-overlay);border-radius:var(--radius-sm)}.tile-synopsis{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--space-2);overflow:hidden;font-size:var(--font-size-xs);line-height:var(--line-height-tight);background-color:var(--color-surface-overlay);opacity:0;transition:opacity var(--duration-base) var(--easing-standard)}.tile:hover .tile-synopsis,.tile:focus-visible .tile-synopsis{opacity:.92}.tile-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.tile-subtitle{font-size:var(--font-size-xs);color:var(--color-on-surface-muted)}.media-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.media-table th,.media-table td{padding:var(--space-2);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-white-15)}.media-table th{color:var(--color-on-surface-muted);font-weight:var(--font-weight-semibold)}.media-num,.media-id,.media-synopsis{color:var(--color-on-surface-muted)}.media-id{font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.media-play{min-height:44px;text-align:left;font-weight:var(--font-weight-semibold);background:none;border:none;color:var(--color-brand-primary)}.grpcurl-panel{display:grid;align-content:start;gap:var(--space-3);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.chat-area[hidden],.grpcurl-panel[hidden]{display:none}.log-entry{padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-brand-primary);background-color:var(--color-surface-raised);border-radius:var(--radius-sm)}.log-in{border-left-color:var(--color-success)}.log-entry-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--color-on-surface-muted)}.log-body{white-space:pre-wrap;word-break:break-all}.log-copy-btn{min-width:44px;min-height:44px;background:none;border:none;color:var(--color-on-surface-silver)}.offscreen{position:fixed;top:-100vh;left:-100vw}.input-area{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-white-15)}.input-area input{flex:1;min-width:0}.send-btn{min-height:44px;padding:0 var(--space-5);font-weight:var(--font-weight-semibold);background-color:var(--color-brand-primary);border:none;border-radius:var(--radius-pill);transition:opacity var(--duration-fast) var(--easing-standard)}.send-btn:disabled{opacity:.5;cursor:default}.mic-btn{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;color:inherit;background-color:var(--color-white-15);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard)}.mic-btn[hidden]{display:none}.mic-btn.listening{background-color:var(--color-error);animation:mic-pulse 1.2s ease-in-out infinite}.mic-btn.speaking{background-color:var(--color-brand-primary);animation:mic-pulse 1.2s ease-in-out infinite}@keyframes mic-pulse{50%{opacity:.6}}@media (prefers-reduced-motion: reduce){.mic-btn.listening,.mic-btn.speaking{animation:none}}@media (min-width: 769px) and (max-width: 1024px){html{font-size:17px}}@media (min-width: 1025px){html{font-size:20px}#app{padding:var(--tv-safe-v) var(--tv-safe-h)}.settings{grid-template-columns:auto 1fr auto 1fr}.rail-scroll{grid-auto-columns:calc(var(--space-24) * 2.5)}.chat-area,.grpcurl-panel,.rail-scroll{scrollbar-width:none}}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}