:root{--bg: #0f172a;--surface: #1e293b;--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);--danger: #f87171;--danger-soft: rgba(248,113,113,.1);--danger-border: rgba(248,113,113,.35);--nav-h: 48px;--sidebar-w: 280px;--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-left{display:flex;align-items:center;gap:8px}.nav-logo{flex-shrink:0;display:block}.topnav-title{font-size:14px;font-weight:600;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)}.sidebar{height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border-right:1px solid var(--border)}.sidebar-scroll{flex:1;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:14px 14px 12px;border-bottom:1px solid var(--border)}.sb-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.capture-grid #startScreenMic{grid-column:1}.capture-grid #stop{grid-column:2}button{display:inline-flex;align-items:center;justify-content:center;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}.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)}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-row{display:flex;gap:6px;align-items:flex-end}.prompt-row input{flex:1}.panel{display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.panel-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px 11px;border-bottom:1px solid var(--border);background:var(--surface)}.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;display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid var(--border);background:var(--surface)}.sidebar-footer .topnav-email{flex:1;min-width:0}.sidebar-logout{padding:4px 10px;font-size:11px}.topnav-user{display:flex;align-items:center;gap:6px}.topnav-email{font-size:11.5px;color:var(--muted, #7a8096);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-badge{display:inline-flex;align-items:center;padding:3px 8px;font-size:10.5px;font-weight:700;border-radius:99px;letter-spacing:.04em;text-transform:uppercase}.plan-badge--free{background:#6464782e;color:var(--muted, #7a8096);border:1px solid rgba(100,100,120,.3)}.plan-badge--pro{background:var(--accent-soft, rgba(96,165,250,.12));color:var(--accent, #60a5fa);border:1px solid var(--accent-ring, rgba(96,165,250,.25))}.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}.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}.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{white-space:pre-wrap;word-break:break-word}.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}@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}@media(max-width:800px){.workbench{grid-template-columns:1fr;height:auto}.sidebar{height:auto;border-right:none;border-bottom:1px solid var(--border)}.panel{height:auto}}.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;--border: rgba(0,0,0,.08);--border-md: #d4d4d4;--text: #111111;--text-2: #444444;--muted: #888888;--accent: #6366f1;--accent-dim: #4f46e5;--accent-soft: rgba(99,102,241,.07);--accent-ring: rgba(99,102,241,.25);--danger: #c00;--danger-soft: #fff1f2;--danger-border: #fca5a5}