:root{--bg: #f4f6fb;--bg-elevated: #ffffff;--panel: #ffffff;--panel-alt: #eef1f9;--border: #dde3ef;--border-strong: #c3ccdf;--text: #10162b;--muted: #5b6478;--accent: #2454e0;--accent-hover: #1c40b8;--accent-soft: #e8eefd;--accent-contrast: #ffffff;--user-bubble: #e8eefd;--user-bubble-border: #c4d3f9;--danger: #c8253b;--shadow-sm: 0 1px 2px rgba(16, 24, 47, .06);--shadow-md: 0 8px 24px rgba(16, 24, 47, .1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a0e18;--bg-elevated: #10151f;--panel: #131926;--panel-alt: #1a2233;--border: #232c3f;--border-strong: #34405a;--text: #e8ecf7;--muted: #8b96ac;--accent: #5686ff;--accent-hover: #7ba0ff;--accent-soft: #182448;--accent-contrast: #ffffff;--user-bubble: #1c2748;--user-bubble-border: #33447a;--danger: #ff6b6b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45)}}:root[data-theme=dark]{--bg: #0a0e18;--bg-elevated: #10151f;--panel: #131926;--panel-alt: #1a2233;--border: #232c3f;--border-strong: #34405a;--text: #e8ecf7;--muted: #8b96ac;--accent: #5686ff;--accent-hover: #7ba0ff;--accent-soft: #182448;--accent-contrast: #ffffff;--user-bubble: #1c2748;--user-bubble-border: #33447a;--danger: #ff6b6b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;font-family:-apple-system,Segoe UI,system-ui,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.center{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:1rem;background:var(--bg)}.card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.75rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:var(--shadow-md)}.card h1{margin:0;font-size:1.4rem;letter-spacing:-.01em}input,select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.6rem .7rem;font-size:.95rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}button{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:8px;padding:.6rem .95rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}button.link{background:none;color:var(--muted);padding:.2rem;font-size:.85rem;font-weight:400}button.link:hover:not(:disabled){background:none;color:var(--text)}button.link.active{color:var(--accent);font-weight:600}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border-strong)}button.secondary:hover:not(:disabled){background:var(--panel-alt)}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.85rem;margin:0}.app{max-width:900px;margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg)}header{background:var(--bg-elevated);border-bottom:1px solid var(--border)}.header-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.25rem}.brand{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:var(--accent);color:var(--accent-contrast);font-size:.85rem;font-weight:700}.header-actions{display:flex;align-items:center;gap:.6rem}.header-nav-row{padding:0 .75rem .5rem}.row{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.transcript{flex:1;overflow-y:auto;margin:1rem 1.25rem;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.msg{display:flex}.msg.user{justify-content:flex-end}.bubble{max-width:84%;padding:.7rem 1rem;border-radius:14px;line-height:1.55;background:var(--panel-alt);border:1px solid var(--border)}.msg.user .bubble{background:var(--user-bubble);border-color:var(--user-bubble-border);white-space:pre-wrap}.speaker{font-size:.8rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.cursor{display:inline-block;width:.5em;height:1em;margin-left:2px;background:var(--muted);vertical-align:text-bottom;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.thinking{color:var(--muted);font-style:italic;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.md{line-height:1.6}.md>*:first-child{margin-top:0}.md>*:last-child{margin-bottom:0}.md p{margin:0 0 .7em}.md ul,.md ol{margin:0 0 .7em;padding-left:1.3em}.md li{margin:.25em 0}.md li>p{margin:0}.md h1,.md h2,.md h3{margin:.9em 0 .4em;line-height:1.3;font-weight:600}.md h1{font-size:1.15rem}.md h2{font-size:1.08rem}.md h3{font-size:1.02rem}.md strong{color:var(--text);font-weight:700}.md a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.md code{background:var(--panel-alt);padding:.1em .35em;border-radius:5px;font-size:.88em;font-family:SF Mono,Menlo,Consolas,monospace}.md pre{background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;padding:.75em .9em;overflow-x:auto;margin:.5em 0 .8em}.md pre code{background:none;padding:0;font-size:.85em}.md blockquote{margin:.5em 0 .8em;padding:.1em 0 .1em .8em;border-left:3px solid var(--accent);color:var(--muted);font-style:italic}.md hr{border:none;border-top:1px solid var(--border);margin:.9em 0}.md table{display:block;overflow-x:auto;border-collapse:collapse;margin:.5em 0 .8em;font-size:.9em}.md th,.md td{border:1px solid var(--border);padding:.4em .6em;text-align:left}.md th{background:var(--panel-alt)}.composer{display:flex;gap:.6rem;padding:.85rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-elevated)}.composer input{flex:1}.checkbox-label{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.export-menu{position:relative;display:inline-block}.export-menu-options{position:absolute;top:100%;left:0;z-index:5;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.3rem;gap:.15rem;width:max-content;max-width:min(180px,calc(100vw - 2rem));box-shadow:var(--shadow-md)}.export-menu-options button{text-align:left;padding:.3rem .6rem}.search-input{min-width:180px}.tabs{display:flex;flex-wrap:wrap;gap:.15rem}.tab{background:none;color:var(--muted);padding:.5rem .8rem;border-radius:0;border-bottom:2px solid transparent;font-size:.9rem;font-weight:500}.tab:hover:not(.active){color:var(--text);background:var(--panel-alt)}.tab.active{background:none;color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.menu-toggle{display:none;background:none;border:1px solid var(--border);color:var(--text);padding:.35rem .6rem;border-radius:8px;font-size:1rem;line-height:1}.menu-toggle:hover{background:var(--panel-alt)}.menu-backdrop{display:none}.theme-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;padding:2px;gap:2px}.theme-btn{background:none;color:var(--muted);padding:.3rem .5rem;border-radius:6px;font-size:.85rem;line-height:1}.theme-btn:hover:not(.active){background:var(--panel-alt);color:var(--text)}.theme-btn.active{background:var(--accent-soft);color:var(--accent)}.popover-backdrop{position:fixed;inset:0;z-index:40;background:transparent}.avatar-wrap{position:relative}.avatar-btn{width:30px;height:30px;border-radius:50%;padding:0;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border)}.avatar-btn:hover{background:var(--accent-soft);filter:brightness(.97)}.avatar-menu{position:absolute;top:calc(100% + .5rem);right:0;z-index:50;width:260px;max-width:calc(100vw - 2rem);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-md)}.avatar-menu-email{margin:0;padding-bottom:.7rem;border-bottom:1px solid var(--border);font-size:.82rem;color:var(--muted);line-height:1.5;word-break:break-all}.avatar-menu-email strong{color:var(--text);font-weight:600}.avatar-logout{align-self:flex-start;padding-top:.4rem;border-top:1px solid var(--border);width:100%;text-align:left}.subbar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.panel{flex:1;overflow-y:auto;padding:1.5rem;max-width:680px;width:100%;margin:0 auto}.panel h2{margin-top:0;letter-spacing:-.01em}.pad{padding:0 1rem}.small{font-size:.82rem}.col{display:flex;flex-direction:column;gap:.6rem}textarea{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.6rem .7rem;font-size:.95rem;font-family:inherit;resize:vertical}.list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem}.list-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.75rem .95rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm)}.addrow{gap:.6rem}.reccard{margin-top:1rem;padding:1.1rem;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-sm)}.row.spread{justify-content:space-between}.badge{margin-left:.5rem;font-size:.7rem;padding:.15rem .45rem;border-radius:6px;background:var(--accent-soft);border:1px solid var(--user-bubble-border);color:var(--accent);font-weight:600;vertical-align:middle}.createform{padding:1.1rem;margin-bottom:1rem;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm)}.list-item-col{padding:.75rem .95rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:.6rem;box-shadow:var(--shadow-sm)}.sharepanel{padding-top:.6rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.sharepanel .list-item{padding:.4rem .6rem;box-shadow:none}.clickable{cursor:pointer}@media(max-width:480px){.header-top{padding:.6rem .75rem}.header-nav-row{padding:0 .4rem .4rem}.panel{padding:.85rem}.transcript{margin:.6rem;padding:.75rem}.subbar{padding:.5rem .75rem}.composer{padding:.6rem .75rem}.bubble{max-width:92%}}@media(max-width:680px){.header-nav-row{display:contents}.menu-toggle{display:inline-flex;align-items:center}.tabs{position:fixed;top:0;bottom:0;left:0;z-index:50;width:240px;max-width:82vw;flex-wrap:nowrap;flex-direction:column;align-items:stretch;gap:.2rem;background:var(--panel);border-right:1px solid var(--border);padding:3.2rem .75rem 1rem;transform:translate(-100%);transition:transform .2s ease;overflow-y:auto;box-shadow:var(--shadow-md)}.tabs.open{transform:translate(0)}.tabs .tab{width:100%;text-align:left;padding:.65rem .75rem;border-bottom:none;border-radius:8px}.tabs .tab.active{background:var(--accent-soft)}.menu-backdrop{display:block;position:fixed;inset:0;background:#00000080;z-index:40}}