:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #263348;--border: rgba(255,255,255,.12);--border-md: rgba(255,255,255,.22);--text: #f1f5f9;--text-2: #cbd5e1;--muted: #94a3b8;--accent: #818cf8;--accent-dim: #6366f1;--accent-soft: rgba(129, 140, 248, .12);--accent-ring: rgba(129, 140, 248, .3);--input-bg: #2a2a2a;--danger: #f87171;--danger-soft: rgba(248,113,113,.1);--danger-border: rgba(248,113,113,.35);--nav-h: 48px;--sidebar-w: 25vw;--font: "Inter", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:var(--font);font-size:13px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p{margin:0}.topnav{position:sticky;top:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--surface);border-bottom:1px solid var(--border)}.topnav-back{display:inline-flex;align-items:center;color:var(--muted);padding:4px;border-radius:5px;transition:color .12s,background .12s;text-decoration:none}.topnav-back:hover{color:var(--text);background:var(--surface-2)}.topnav-left{display:flex;align-items:center;gap:8px}.nav-logo{flex-shrink:0;display:block}.topnav-title{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.01em}.topnav-sep{color:var(--border-md);font-size:18px;font-weight:200;line-height:1}.topnav-status{font-size:12px;color:var(--muted)}.workbench{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:calc(100vh - var(--nav-h));overflow:hidden;background:var(--bg);transition:grid-template-columns .22s cubic-bezier(.4,0,.2,1)}.workbench.sidebar-collapsed{grid-template-columns:48px 1fr}.sidebar{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);width:var(--sidebar-w);transition:width .22s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative}.sidebar--collapsed{overflow:visible}.sidebar-toggle{flex-shrink:0;width:100%;height:36px;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:background .12s,color .12s;outline:none}.sidebar-toggle:hover{background:var(--accent-soft);color:var(--accent)}#sidebarChevron{transform:none;transition:transform .22s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sidebar--collapsed{width:48px!important}.sidebar--collapsed .sidebar-scroll{flex:0;height:0;opacity:0;pointer-events:none}.sidebar--collapsed .sidebar-footer{padding:6px;border-top:none}.sidebar--collapsed .user-menu-trigger{width:32px;height:32px;padding:0;justify-content:center;gap:0;border-radius:6px;margin:0 auto}.sidebar--collapsed .user-info,.sidebar--collapsed .user-chevron{display:none}.sidebar--collapsed .sidebar-toggle{justify-content:center;padding:0}.sidebar-icon-strip{display:none;flex-direction:column;align-items:center;gap:4px;padding:6px 0;flex:1}.sidebar--collapsed .sidebar-icon-strip{display:flex}.sidebar-icon-btn{width:40px;height:40px;border-radius:8px;background:none;border:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;transition:background .12s,color .12s}.sidebar-icon-btn svg{width:26px!important;height:26px!important;display:block;flex-shrink:0}.sidebar-icon-btn svg *{stroke-width:1.2}.sidebar-icon-btn:hover{background:var(--accent-soft);color:var(--accent)}.more-options>summary svg{flex-shrink:0;opacity:.7}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar>.sb-section{flex-shrink:0}.sidebar>*:not(.sidebar-footer){overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sb-section{padding:0 14px 12px}.sb-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.topnav-capture{display:flex;align-items:center;gap:5px}.topnav-capture button{padding:5px 10px;font-size:11px;height:28px}button{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;padding:7px 12px;border-radius:6px;border:none;font:inherit;font-size:12px;font-weight:500;cursor:pointer;background:var(--accent);color:#fff;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}button:hover{background:var(--accent-dim);filter:none}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg);border-color:var(--border-md);filter:none}.btn-stop{background:transparent;color:var(--danger);border:1px solid var(--danger-border)}.btn-stop:hover{background:var(--danger-soft);border-color:var(--danger);filter:none}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.url-fetch-row{display:flex;gap:6px}.url-fetch-row input{flex:1;min-width:0}.url-fetch-row button{flex-shrink:0;padding:0 10px;font-size:11px;white-space:nowrap}.url-fetch-row button.loading{opacity:.6;cursor:wait}.interview-mode-grid{display:flex;flex-wrap:wrap;gap:4px}.mode-btn{padding:3px 9px;font-size:11px;background:var(--input-bg, #2a2a2a);border:1px solid var(--border, #444);border-radius:4px;color:var(--text, #eee);cursor:pointer}.mode-btn:hover{border-color:var(--accent, #7c6ef7)}.mode-btn.active{background:var(--accent, #7c6ef7);border-color:var(--accent, #7c6ef7);color:#fff}.response-style-grid{display:flex;flex-wrap:wrap;gap:4px}.style-btn{padding:3px 9px;font-size:11px;background:var(--input-bg, #2a2a2a);border:1px solid var(--border, #444);border-radius:4px;color:var(--text, #eee);cursor:pointer}.style-btn:hover{border-color:var(--accent, #7c6ef7)}.style-btn.active{background:var(--accent, #7c6ef7);border-color:var(--accent, #7c6ef7);color:#fff}.more-options{margin-top:10px}.more-options>summary{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);cursor:pointer;list-style:none;display:flex;align-items:center;gap:5px;padding:2px 0 6px;-webkit-user-select:none;user-select:none;outline:none}.more-options>summary::-webkit-details-marker{display:none}.more-options>summary:before{content:"›";font-size:14px;line-height:1;display:inline-block;transition:transform .15s}.more-options[open]>summary:before{transform:rotate(90deg)}.more-options>summary:hover{color:var(--text-2)}.more-options>*:not(summary){margin-top:8px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;width:100%}.field:last-child{margin-bottom:0}.fl{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.style-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:4px}.field-mini{display:flex;flex-direction:column;gap:3px}.fl-mini{font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}input,textarea,select{width:100%;padding:6px 9px;font:inherit;font-size:12px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;outline:none;transition:border-color .12s,box-shadow .12s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical}select{cursor:pointer}.prompt-card{background:var(--surface);border:1px solid var(--border-md);border-radius:16px;padding:10px 14px 8px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 4px #0000000f}.prompt-card:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.prompt-card textarea{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;padding:0!important;border-radius:0!important;width:100%;font-size:13px;resize:none;overflow-y:auto;min-height:1.4em;max-height:25vh;line-height:1.4;font-family:inherit;color:inherit}.prompt-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:6px}.prompt-card .btn-ghost,.prompt-card #genQuestionBtn,.prompt-card #sendPrompt{padding:5px 12px;font-size:11.5px;border-radius:8px;white-space:nowrap;height:30px;box-sizing:border-box}.genq-group{display:flex;align-items:stretch}.genq-group .gen-question-type-select{border-radius:8px 0 0 8px;border:1px solid var(--border-md);border-right:none;border-color:var(--border-md);background-color:var(--bg)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2394a3b8'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:10px 6px!important;color:var(--text);font-size:11.5px!important;padding:0 24px 0 10px!important;height:30px;box-sizing:border-box;width:auto;min-width:100px;box-shadow:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.genq-group .gen-question-type-select:focus{box-shadow:none;border-color:var(--border-md);outline:none}.genq-group #genQuestionBtn{border-radius:0 8px 8px 0;border-left:1px solid rgba(255,255,255,.2)}.prompt-card #scanPageBtn{display:inline-flex;align-items:center;gap:4px}.prompt-card #scanPageBtn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-ring)}.prompt-card #scanPageBtn:disabled{opacity:.5;cursor:not-allowed}.prompt-card #forceSuggest:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-ring)}.panel{display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.panel-head{flex-shrink:0;display:grid;grid-template-columns:1fr 1.5fr;border-bottom:1px solid var(--border);background:var(--surface)}.panel-head-left,.panel-head-right{display:flex;align-items:center;gap:5px;padding:6px 12px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);min-height:28px;line-height:1.2;white-space:nowrap}.panel-head-left{border-right:1px solid var(--border)}.panel-head-left svg,.panel-head-right>svg{color:var(--accent);opacity:.7;flex-shrink:0}.panel-head-right .panel-actions{margin-left:auto}.panel-title{font-size:13px;font-weight:600;color:var(--text);letter-spacing:-.01em}.panel-actions{display:flex;gap:4px;align-items:center}.icon-btn{padding:4px 9px;font-size:11px;background:var(--surface);color:var(--text-2);border:1px solid var(--border);border-radius:5px;cursor:pointer;width:auto;font-family:var(--font)}.icon-btn:hover{background:var(--bg);border-color:var(--border-md);filter:none}.topnav-right{display:flex;align-items:center;gap:6px}.sidebar-footer{margin-top:auto;flex-shrink:0;padding:8px;border-top:1px solid var(--border);background:var(--surface);position:relative}.user-menu-trigger{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:none;border:none;cursor:pointer;color:var(--text, #f1f5f9);font-family:var(--font, inherit);transition:background .12s;position:relative}.user-menu-trigger:hover{background:#ffffff12}.user-avatar{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--accent-dim);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left}.user-name{font-size:13px;font-weight:500;line-height:1.3;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-email{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chevron{flex-shrink:0;color:var(--muted);transition:transform .15s}.user-popover{position:absolute;bottom:calc(100% + 4px);left:8px;width:240px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px #00000040;z-index:100;overflow:hidden}.sidebar--collapsed .user-popover{left:4px;bottom:calc(100% + 4px)}.user-popover-header{display:flex;align-items:center;gap:10px;padding:12px 14px}.user-popover-header>:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.user-avatar--lg{width:38px;height:38px;border-radius:10px;font-size:17px}.user-popover-name{font-size:13px;font-weight:600;color:var(--text)}.user-popover-email{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-popover-divider{height:1px;background:var(--border);margin:2px 0}.user-popover-item{display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:13px;color:var(--text-2);text-decoration:none;cursor:pointer;transition:background .12s;background:none;border:none;font-family:var(--font);width:100%;text-align:left;justify-content:flex-start;font-weight:400}.user-popover-item:hover{background:var(--surface-2);color:var(--text)}.user-popover-item svg{flex-shrink:0}.user-popover-logout{color:var(--danger)!important}.user-popover-logout:hover{background:#f8717114!important}.user-email-row{display:flex;align-items:center;gap:5px;min-width:0}.plan-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:9.5px;font-weight:700;border-radius:99px;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.plan-badge--free{background:#6464782e;color:#94a3b8;border:1px solid rgba(100,100,120,.3)}.plan-badge--pro{background:#4ade801f;color:#4ade80;border:1px solid rgba(74,222,128,.28)}#sidebarPlanBadge,#popoverPlanBadge{font-size:9px;padding:1px 5px}.user-popover-email-row{display:flex;align-items:center;gap:5px;min-width:0}#sidebarPlanBadgeCollapsed{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);display:inline-flex;font-size:9px;padding:2px 5px;opacity:0;transition:opacity .22s cubic-bezier(.4,0,.2,1);pointer-events:none;white-space:nowrap}.sidebar--collapsed #sidebarPlanBadgeCollapsed{opacity:1}.topnav-user{display:flex;align-items:center;gap:6px}.topnav-email{font-size:11.5px;color:var(--muted);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;font-family:var(--font);color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;width:auto;transition:color .12s,background .12s,border-color .12s}.topnav-pill:hover{color:var(--text);background:var(--surface);border-color:var(--border-md);filter:none}.topnav-pill.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-ring)}.suggestion-panel{display:flex;flex-direction:column}.feed-prompt{padding:10px 12px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;display:flex;flex-direction:column}.image-preview-row{display:flex;align-items:center;gap:8px;padding-bottom:6px}.image-preview-thumb{max-height:72px;max-width:160px;border-radius:6px;border:1px solid var(--border);object-fit:contain;background:var(--bg)}.image-clear-btn{padding:2px 7px;font-size:12px;line-height:1.4;flex-shrink:0}.feed-prompt.drag-over{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-top-color:var(--accent)}.bubble-image{display:block;max-width:100%;max-height:200px;border-radius:6px;border:1px solid var(--border);object-fit:contain;margin-bottom:4px}.suggestion-feed{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.suggestion-feed-wrap{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.feed-empty-hint{display:none;position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;align-items:center;justify-content:center;text-align:left;padding:32px 48px;pointer-events:none;-webkit-user-select:none;user-select:none}.feed-empty-hint p{margin:0 0 10px;font-size:13px;color:var(--text-muted);font-weight:500}.feed-empty-hint ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.feed-empty-hint li{font-size:12.5px;color:var(--text-muted);opacity:.75}#suggestionFeed:empty~.feed-empty-hint{display:flex}.scroll-to-bottom{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;border:none;border-radius:999px;padding:5px 14px;font-size:12px;cursor:pointer;box-shadow:0 2px 8px #0000004d;z-index:10;white-space:nowrap}.scroll-to-bottom:hover{opacity:.85}.chat-bubble{background:var(--surface);border:1px solid var(--border);border-radius:4px 12px 12px;padding:12px 14px;font-size:var(--feed-font-size, 13px);line-height:1.65;color:var(--text);word-break:break-word;position:relative}.chat-bubble--input{background:#94a3b81f;border-color:var(--border);border-radius:12px 4px 12px 12px;align-self:flex-end;color:var(--text-2);font-size:calc(var(--feed-font-size, 13px) - 1px);max-width:88%}.chat-bubble--input.pending{opacity:.55;font-style:italic}.bubble-partial{opacity:.5;font-style:italic}.chat-bubble.streaming{border-color:var(--accent);background:var(--accent-soft)}.chat-bubble.streaming:after{content:"▋";display:inline-block;animation:blink .9s step-end infinite;color:var(--accent);margin-left:2px}.bubble-original{word-break:break-word}.bubble-original h2,.bubble-original h3,.bubble-original h4{margin:8px 0 2px;font-weight:600;line-height:1.2}.bubble-original h2{font-size:calc(var(--feed-font-size, 13px) - 1px)}.bubble-original h3{font-size:calc(var(--feed-font-size, 13px) - 2px)}.bubble-original h4{font-size:calc(var(--feed-font-size, 13px) - 3px);text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.bubble-original p{margin:1px 0}.bubble-original ul,.bubble-original ol{margin:2px 0;padding-left:20px}.bubble-original ul{list-style:disc}.bubble-original ol{list-style:decimal}.bubble-original li{margin:1px 0;line-height:1.45}.bubble-original code{background:#ffffff14;padding:1px 4px;border-radius:3px;font-family:var(--mono);font-size:calc(var(--feed-font-size, 13px) - 1px)}.bubble-original pre{margin:1px 0;background:#0000004d;border-radius:4px;padding:5px 8px;overflow-x:auto}.bubble-original pre code{background:none;padding:0;border-radius:0;font-size:calc(var(--feed-font-size, 13px) - 2px)}.bubble-original hr{border:none;border-top:1px solid var(--border);margin:6px 0}.bubble-original strong{font-weight:700}.bubble-original em{font-style:italic}.star-gap{display:block;height:5px}.bubble-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.bubble-speaker{font-size:calc(var(--feed-font-size, 13px) - 2px);color:var(--muted);font-weight:500;opacity:.75}.bubble-time{display:block;font-size:calc(var(--feed-font-size, 13px) - 3px);color:var(--muted);opacity:.6;margin-top:6px;text-align:right}.bubble-meta .bubble-time{display:inline;margin:0}.chat-bubble:not(.chat-bubble--input) .bubble-time{margin-top:6px;margin-bottom:0}.bubble-translation{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);color:var(--muted);font-size:calc(var(--feed-font-size, 13px) - 1px);line-height:1.6;white-space:pre-wrap;word-break:break-word}.bubble-copy-btn{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:3px 10px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:11px;cursor:pointer;transition:background .15s,color .15s}.bubble-copy-btn:hover{background:var(--hover, rgba(128,128,128,.12));color:var(--text)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.resume-dropzone{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1.5px dashed var(--border-md);border-radius:6px;cursor:pointer;font-size:12px;color:var(--text-2);background:var(--bg);transition:border-color .12s,background .12s;width:100%}.resume-dropzone:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.resume-dropzone svg{flex-shrink:0;color:var(--muted)}.resume-dropzone:hover svg{color:var(--accent)}.resume-dropzone input[type=file]{display:none}.resume-status{font-size:11px;margin-top:4px}.resume-status-ok{color:#16a34a}.resume-status-err{color:var(--danger)}.resume-clear{margin-top:4px;font-size:11px;padding:4px 9px;width:100%;justify-content:center}.screen-preview-panel{flex-shrink:0;border-bottom:1px solid var(--border);overflow:hidden;resize:vertical;min-height:80px;height:36%;display:flex;flex-direction:column}.screen-preview-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.screen-preview-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.screen-preview-label svg{color:var(--accent);opacity:.7;flex-shrink:0}.screen-preview-minimize-btn{background:none;border:none;cursor:pointer;color:var(--muted);padding:2px 4px;border-radius:4px;line-height:1;display:flex;align-items:center;transition:color .12s,background .12s}.screen-preview-minimize-btn:hover{color:var(--text);background:var(--bg)}.screen-preview-minimize-btn svg{transform:rotate(180deg);transition:transform .2s}.screen-preview-panel.minimized .screen-preview-minimize-btn svg{transform:rotate(0)}.screen-preview{display:block;width:100%;flex:1;min-height:0;background:transparent;object-fit:contain}.screen-preview-panel.minimized .screen-preview{display:none}.screen-preview-panel.minimized{height:auto!important;min-height:0!important;resize:none}.tab-picker-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:500;display:flex;align-items:center;justify-content:center}.tab-picker-box{background:var(--surface);border:1px solid var(--border-md);border-radius:10px;padding:18px;width:360px;max-height:480px;display:flex;flex-direction:column}.tab-picker-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:4px;min-height:0}.tab-picker-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;background:transparent;color:var(--text);border:1px solid transparent;text-align:left;font-size:12px;font-family:var(--font);width:100%}.tab-picker-item:hover{background:var(--accent-soft);border-color:var(--accent-ring)}.tab-picker-item img{width:16px;height:16px;flex-shrink:0}.tab-picker-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-picker-divider{border:none;border-top:1px solid var(--border-md);margin:10px 0 8px}.tab-picker-screen-share{width:100%;padding:7px 10px;background:transparent;border:1px solid var(--border-md);border-radius:6px;color:var(--text-muted);font-size:12px;font-family:var(--font);cursor:pointer;text-align:center}.tab-picker-screen-share:hover{border-color:var(--accent-ring);color:var(--text)}@media(max-width:800px){body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}#appShell{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.topnav{padding:0 12px;height:44px;flex-shrink:0}.topnav-title{font-size:14px}.topnav-left{gap:4px}.nav-logo{width:28px;height:28px}.workbench{flex:1;display:flex;flex-direction:column;grid-template-columns:unset;height:unset;overflow:hidden}.suggestion-panel{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.suggestion-feed-wrap{flex:1;min-height:0}.suggestion-feed{padding:10px 12px;gap:8px}.panel-head{grid-template-columns:1fr 1fr}.panel-head-left,.panel-head-right{padding:5px 10px;gap:4px}.panel-actions{gap:3px;flex-wrap:wrap;justify-content:flex-end}.icon-btn{padding:4px 7px;font-size:10px}.feed-prompt{padding:8px 10px}.prompt-card textarea{font-size:16px}.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%!important;z-index:300;height:85dvh;max-height:85dvh;border-right:none;border-top:1px solid var(--border-md);border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,0,1);box-shadow:0 -8px 32px #0006;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}.sidebar.mobile-open{transform:translateY(0)}.sidebar:before{content:"";display:block;width:36px;height:5px;background:var(--border-md);border-radius:3px;margin:12px auto 8px;flex-shrink:0}.sidebar-scroll{flex:1;height:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,0)}.sidebar.mobile-open{width:100%!important}.sidebar.mobile-open .sidebar-scroll{flex:1!important;height:auto!important;opacity:1!important;pointer-events:auto!important}.sidebar.mobile-open .sidebar-icon-strip,.sidebar.mobile-open .sidebar-toggle{display:none!important}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:299;background:#00000080}.sidebar-backdrop.visible{display:block}.mobile-capture-bar{display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--surface);border-top:1px solid var(--border);padding:8px 10px calc(8px + env(safe-area-inset-bottom,8px));gap:6px}.mobile-capture-bar button{flex:1;padding:12px 6px;font-size:13px;border-radius:8px}.suggestion-panel{padding-bottom:62px}.topnav-capture #startScreen,.topnav-capture #startScreenMic,.topnav-capture #startMic,.topnav-capture #stop,#mobileStartScreen{display:none}.sb-section{padding:12px 14px}.field{gap:6px;margin-bottom:12px}.fl{font-size:12px!important;letter-spacing:.04em}.more-options>summary{font-size:12px!important;padding:4px 0 8px}input,textarea,select{font-size:16px!important;padding:10px 12px!important}textarea{min-height:60px}.mode-btn,.style-btn{padding:8px 12px!important;font-size:13px!important;border-radius:6px!important;min-height:38px}.interview-mode-grid,.response-style-grid{gap:6px}.field-pair{gap:10px}.url-fetch-row input{font-size:16px!important;padding:10px 12px!important}.url-fetch-row button{padding:10px 14px!important;font-size:13px!important}.resume-dropzone{padding:12px 14px!important;font-size:14px!important}.sidebar-footer{padding:8px}}@media(max-width:500px){.feed-columns{grid-template-columns:1fr}.transcript-col{border-right:none;border-bottom:1px solid var(--border);max-height:42%}.suggestions-col{flex:1}.panel-head{grid-template-columns:1fr 1fr;font-size:9px}.panel-head-left,.panel-head-right{padding:5px 8px;font-size:9px;letter-spacing:.05em}.panel-head-left svg,.panel-head-right>svg{width:10px;height:10px}}.theme-toggle{width:28px;height:28px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:opacity .15s}.theme-toggle:hover{opacity:.7}[data-theme=light]{--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--border: rgba(0,0,0,.08);--border-md: #d4d4d4;--text: #111111;--text-2: #444444;--muted: #888888;--accent: #6366f1;--accent-soft: rgba(99,102,241,.07);--accent-ring: rgba(99,102,241,.25);--input-bg: #f1f5f9;--danger: #c00;--danger-soft: #fff1f2;--danger-border: #fca5a5}.auth-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.auth-gate-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 8px #00000026,0 12px 40px #00000040;padding:32px;width:100%;max-width:380px}.auth-gate-logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:1rem;color:var(--text);margin-bottom:20px}.auth-gate-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:20px}.auth-gate-tab{flex:1;background:none;border:none;padding:10px;font-family:var(--font);font-size:.9rem;font-weight:500;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.auth-gate-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.auth-gate-error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-border);border-radius:6px;padding:9px 12px;font-size:.875rem;margin-bottom:14px}.auth-gate-success{background:#4ade8014;color:#4ade80;border:1px solid rgba(74,222,128,.25);border-radius:6px;padding:9px 12px;font-size:.875rem;margin-bottom:14px}.auth-gate-form{display:flex;flex-direction:column;gap:10px}.auth-gate-form input{width:100%;padding:10px 12px;border:1.5px solid var(--border-md);border-radius:8px;font-family:var(--font);font-size:.9375rem;background:var(--bg);color:var(--text);outline:none;transition:border-color .12s;box-sizing:border-box}.auth-gate-form input:focus{border-color:var(--accent)}.auth-gate-submit{width:100%!important;justify-content:center;font-size:.9375rem!important;padding:10px 12px!important}.auth-gate-sep{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:.8125rem}.auth-gate-sep:before,.auth-gate-sep:after{content:"";flex:1;height:1px;background:var(--border)}.auth-gate-google{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1.5px solid var(--border-md);border-radius:8px;background:var(--surface);font-family:var(--font);font-size:.9rem;font-weight:500;cursor:pointer;color:var(--text);transition:background .12s}.auth-gate-google:hover{background:var(--bg)}@keyframes bubbleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.suggestions-col .chat-bubble:not(.chat-bubble--input){animation:bubbleIn .18s ease-out both}.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--border-md);transition:background .3s,box-shadow .3s;flex-shrink:0}.status-dot--connected{background:#4ade80;box-shadow:0 0 0 2px #4ade8038}.status-dot--capturing{background:#4ade80;animation:capturePulse 1.6s ease-in-out infinite}.status-dot--connecting{background:#facc15}.status-dot--error{background:var(--danger)}.status-dot--idle{background:var(--border-md)}@keyframes capturePulse{0%,to{box-shadow:0 0 0 2px #4ade802e}50%{box-shadow:0 0 0 5px #4ade8061}}.kbd-hint{display:inline-flex;align-items:center;gap:2px;margin-right:2px}kbd{font-family:var(--mono);font-size:10px;background:var(--surface);border:1px solid var(--border-md);border-bottom-width:2px;border-radius:4px;padding:1px 5px;color:var(--muted);line-height:1.5}.icon-btn--icon{width:30px;height:30px;padding:0}.icon-btn--icon svg{pointer-events:none}.icon-btn.btn-muted{color:var(--muted);border-color:var(--border);background:var(--surface)}.icon-btn.btn-muted:hover{background:var(--bg);border-color:var(--border-md);filter:none}.empty-hint-icon{font-size:28px;margin-bottom:8px;opacity:.4;line-height:1}.empty-hint-title{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:8px!important}.empty-hint-steps{text-align:left;padding:0 0 0 4px;gap:6px!important}.empty-hint-steps li{display:flex;align-items:baseline;gap:6px}.empty-hint-step-icon{font-size:11px;opacity:.7;flex-shrink:0}.feed-empty-hint p,.feed-empty-hint li{color:var(--muted)!important}.context-strip{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:5px 18px;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto;white-space:nowrap;scrollbar-width:none;min-height:30px}.context-strip::-webkit-scrollbar{display:none}.context-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border:1px solid var(--border);border-radius:99px;font-size:11px;color:var(--text-2);white-space:nowrap}.context-badge--role{border-color:#818cf866;color:var(--accent);font-weight:500}.context-badge--mode{border-color:#818cf833;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.context-strip-sep{color:var(--border-md);font-size:11px;flex-shrink:0}:root{--success: #22c55e}.resume-status-ok{color:var(--success)!important}#appShell{display:flex;flex-direction:column;height:100dvh}.topnav,.context-strip{flex-shrink:0}.workbench{flex:1!important;min-height:0!important;height:unset!important}.feed-columns{display:grid;grid-template-columns:1fr 1.5fr;flex:1;min-height:0;overflow:hidden}.transcript-col,.suggestions-col{display:flex;flex-direction:column;min-height:0;overflow:hidden}.transcript-col{border-right:1px solid var(--border)}.col-header{flex-shrink:0;padding:6px 12px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:5px;min-height:24px;line-height:1.2}.transcript-feed{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.transcript-col .chat-bubble--input{align-self:stretch;max-width:100%;border-radius:4px 10px 10px}.suggestions-col .chat-bubble:not(.chat-bubble--input){border-left:3px solid var(--accent-dim)}.suggestions-col .chat-bubble.streaming{border-left-color:var(--accent)}.transcript-empty-hint{display:none;padding:20px 14px;font-size:12px;color:var(--muted);text-align:center;line-height:1.7;opacity:.6}#transcriptFeed:empty~.transcript-empty-hint{display:block}.suggestions-col .suggestion-feed-wrap{flex:1;display:flex;flex-direction:column;min-height:0}#toastContainer{position:fixed;bottom:24px;right:24px;z-index:10001;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border-md);border-radius:10px;padding:10px 16px;font-size:13px;color:var(--text);box-shadow:0 4px 20px #00000059;pointer-events:auto;max-width:340px;word-break:break-word;animation:toastIn .2s ease-out both}.toast--error{border-color:var(--danger-border);color:var(--danger)}.toast--success{border-color:#4ade8059;color:#4ade80}.toast--info{border-color:var(--accent-ring)}@keyframes toastIn{0%{opacity:0;transform:translate(14px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.toast.removing{animation:toastOut .15s ease-in both}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(16px)}}button.btn-active-capture{background:#4ade801a;border:1px solid rgba(74,222,128,.35);color:#4ade80}button.btn-active-capture:hover{background:#4ade802e;filter:none}#sessionTimer{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.02em}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}button:focus:not(:focus-visible){outline:none}.suggestion-feed,.transcript-feed{scroll-behavior:smooth}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tab-picker-box{box-shadow:0 8px 32px #00000059}.feed-empty-hint{padding:40px 32px;text-align:center}@media(max-width:800px){.feed-columns{display:flex;flex-direction:column}.transcript-col{border-right:none;border-bottom:1px solid var(--border-md);max-height:clamp(110px,30dvh,220px);flex-shrink:0}.suggestions-col{flex:1;min-height:0}#toastContainer{bottom:72px;right:12px;left:12px;align-items:stretch}.toast{max-width:100%}}.mode-btn,.style-btn{padding:4px 10px;font-size:11.5px;border-radius:5px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}.mode-btn.active,.style-btn.active{box-shadow:0 0 0 2px var(--accent-ring)}.more-options{background:transparent;border-radius:6px;border:1px solid var(--border);transition:border-color .15s;margin-top:10px}.more-options>summary{padding:6px 10px;border-radius:5px}.more-options[open]{border-color:var(--accent-ring)}.more-options[open]>summary{background:var(--accent-soft);color:var(--accent)}.more-options>*:not(summary){padding:0 10px 2px}.fl{color:var(--text-2)}.url-fetch-row button{padding:6px 12px!important;font-size:12px!important}.sb-sublabel{font-size:9.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:10px 0 6px;display:flex;align-items:center;gap:6px}.sb-sublabel:after{content:"";flex:1;height:1px;background:var(--border)}input,textarea,select{background:color-mix(in srgb,var(--bg) 60%,var(--surface))!important}input:focus,textarea:focus,select:focus{background:var(--surface)!important}@media(max-width:800px){input,select,textarea{font-size:16px!important}.prompt-card textarea{max-height:18dvh!important}.mobile-capture-bar button{min-height:44px;padding:12px 8px}.mobile-capture-bar{padding:10px 10px calc(10px + env(safe-area-inset-bottom));min-height:56px}.suggestion-panel{padding-bottom:max(70px,calc(54px + env(safe-area-inset-bottom)))!important}}.suggestions-col .chat-bubble.streaming{padding-top:22px;position:relative}.suggestions-col .chat-bubble.streaming:before{content:"AI · GENERATING";position:absolute;top:8px;left:14px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);opacity:.8}.suggestions-col .chat-bubble:not(.streaming):not(.chat-bubble--input){padding-top:20px;position:relative}.suggestions-col .chat-bubble:not(.streaming):not(.chat-bubble--input):before{content:"AI";position:absolute;top:7px;left:14px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);opacity:.5}.bubble-partial{opacity:.45;font-style:italic;animation:partialPulse 1.2s ease-in-out infinite}@keyframes partialPulse{0%,to{opacity:.3}50%{opacity:.6}}.transcript-empty-hint:before{content:"";display:block;width:36px;height:36px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto 10px;animation:transcriptWait 2s linear infinite;opacity:.35}@keyframes transcriptWait{to{transform:rotate(360deg)}}.capturing .transcript-empty-hint:before{display:none}.bubble-copy-btn{opacity:.6;transition:opacity .12s}.bubble-copy-btn:hover{opacity:1}.chat-bubble:hover .bubble-copy-btn{opacity:.8}#sessionTimer:not([hidden]){display:inline-flex}.suggestions-col .suggestion-feed{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.col-header svg{color:var(--accent);opacity:.7;flex-shrink:0}.feed-prompt{border-top:1px solid var(--border);background:var(--surface)}.feed-empty-hint kbd{font-size:9.5px;opacity:.8;background:var(--bg)}.context-strip .context-badge--role:before{content:"●";font-size:7px;color:var(--success, #22c55e);margin-right:2px}.empty-hint-icon{color:var(--accent);font-size:24px}.suggestion-panel{display:flex;flex-direction:column;overflow:hidden}.suggestions-col .suggestion-feed-wrap,.suggestions-col{position:relative}.topnav-right{gap:8px}.panel-divider{width:1px;height:18px;background:var(--border);flex-shrink:0;margin:0 1px}.icon-btn[aria-pressed=false]{color:var(--muted);background:var(--surface);border-color:var(--border)}.icon-btn[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-ring)}.icon-btn:not([aria-pressed]){color:inherit}.panel-actions{flex-wrap:nowrap;overflow:hidden}.bubble-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px;gap:8px}.bubble-footer .bubble-time{margin-top:0}.suggestions-col .chat-bubble.streaming:before{animation:shimmerLabel 1.4s ease-in-out infinite!important}@keyframes shimmerLabel{0%,to{opacity:.45}50%{opacity:.9}}.bubble-regen-btn{display:inline-flex;align-items:center;gap:4px;margin-top:0;margin-left:auto;padding:3px 10px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:11px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.bubble-regen-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-ring)}.bubble-original{line-height:1.7}.icon-btn{padding:5px 10px;font-size:11.5px;min-height:28px}.icon-btn.icon-btn--icon{width:28px;height:28px;padding:0;min-height:28px}[data-theme=light] .context-badge--role{border-color:#6366f166;color:var(--accent-dim)}[data-theme=light] .col-header{background:var(--surface)}[data-theme=light] .suggestions-col .chat-bubble:not(.streaming):not(.chat-bubble--input){background:#6366f10a}[data-theme=light] kbd{background:#f1f5f9;border-color:#d4d4d4;color:#555}[data-theme=light] .toast{background:#fff;color:#1e293b;border-color:#0000001f;box-shadow:0 3px 10px #0000001a}[data-theme=light] .bubble-regen-btn{border-color:#00000026;color:#64748b}[data-theme=light] .bubble-regen-btn:hover{background:#6366f114;color:var(--accent);border-color:var(--accent-ring)}[data-theme=light] .bubble-stats{color:#94a3b8;opacity:.8}[data-theme=light] .connection-banner{background:#fff3cd;color:#856404;border-color:#ffc107}[data-theme=light] .context-strip{border-bottom-color:#00000014}[data-theme=light] .col-count{background:#6366f11f;color:var(--accent)}.connection-banner{display:flex;align-items:center;gap:7px;padding:7px 16px;background:#eab3081f;border-bottom:1px solid rgba(234,179,8,.35);color:#eead2b;font-size:12px;font-weight:500;position:relative;z-index:10}.connection-banner svg{flex-shrink:0}@keyframes bannerPulse{0%,to{opacity:1}50%{opacity:.6}}.connection-banner:not([hidden]){animation:bannerPulse 2s ease-in-out infinite}.col-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 5px;background:var(--accent-soft);color:var(--accent);border-radius:8px;font-size:9px;font-weight:700;letter-spacing:0}.chat-bubble--input[data-speaker=a] .bubble-speaker{color:#4487e4}.chat-bubble--input[data-speaker=b] .bubble-speaker{color:#2bab5a}.chat-bubble--input[data-speaker=c] .bubble-speaker{color:#e98520}.chat-bubble--input[data-speaker=d] .bubble-speaker{color:#a954d4}.chat-bubble--input[data-speaker=a]{border-left:2px solid hsla(215,75%,58%,.45)}.chat-bubble--input[data-speaker=b]{border-left:2px solid hsla(142,60%,42%,.45)}.chat-bubble--input[data-speaker=c]{border-left:2px solid hsla(30,82%,52%,.45)}.chat-bubble--input[data-speaker=d]{border-left:2px solid hsla(280,60%,58%,.45)}#sessionTimer{font-size:12px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.02em;padding:2px 7px;border-radius:6px;background:var(--accent-soft);border:1px solid var(--accent-ring)}.theme-toggle{background:transparent;border:1px solid var(--border);border-radius:8px;padding:4px 6px;cursor:pointer;color:var(--fg);display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.theme-toggle:hover{background:var(--surface);border-color:var(--muted)}.chat-bubble--input .bubble-copy-btn{opacity:0;font-size:10px;padding:2px 8px}.chat-bubble--input:hover .bubble-copy-btn{opacity:1}@media(max-width:800px){.col-header{font-size:9px;padding:5px 10px}.connection-banner{font-size:11px;padding:6px 12px}.sidebar{padding-bottom:env(safe-area-inset-bottom,0px)}}