:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2c2c2c;background:#f8f7f4;--primary: #6b6bcb;--primary-strong: #5656b8;--primary-bg: #f0eef7;--accent: #c49b6b;--bg: #f8f7f4;--card: #ffffff;--muted: #f0edea;--text: #2c2c2c;--secondary: #7c7c86;--border: #e6e2dc;--shadow: 0 8px 24px rgba(42, 42, 62, .08)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}.app-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:var(--card);border-bottom:1px solid var(--border);box-shadow:0 1px 2px #00000008}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand small{display:block;color:var(--secondary);margin-top:2px;font-size:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:var(--primary-bg);color:var(--primary-strong);font-weight:800}.header-actions{display:flex;gap:8px}.header-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:34px;padding:0 12px;color:var(--secondary);text-decoration:none;border-radius:8px}.header-actions a.active,.header-actions a:hover{color:var(--primary-strong);background:var(--primary-bg)}.content{flex:1;min-height:0;padding:20px}.assistant-page{min-height:calc(100vh - 104px);display:grid;place-items:center}.assistant-shell{width:min(1040px,100%);height:min(820px,calc(100vh - 104px));min-height:640px;display:flex;flex-direction:column;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.assistant-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.eyebrow,.chat-kicker{display:block;margin-bottom:4px;color:var(--secondary);font-size:12px}h1,h2{margin:0;color:var(--text);letter-spacing:0}h1{font-size:20px}h2{font-size:18px}p{color:var(--secondary);margin:0;line-height:1.6}.assistant-tools{display:flex;gap:8px}.icon-btn,.secondary-btn,.attach-btn,.send-btn,button{border:0;cursor:pointer;border-radius:8px;font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}.icon-btn{min-width:44px;height:34px;padding:0 10px;background:transparent;color:var(--secondary);border:1px solid transparent}.icon-btn:hover{background:var(--muted);border-color:var(--border)}.welcome-panel{flex:1;overflow:auto;display:grid;place-items:center;padding:32px 24px}.welcome-copy{max-width:680px;text-align:center;margin-bottom:22px}.welcome-icon{display:inline-grid;place-items:center;width:64px;height:64px;margin-bottom:14px;border-radius:18px;background:var(--primary-bg);color:var(--primary-strong);font-weight:900}.welcome-copy h2{margin-bottom:8px}.capture-area{width:min(720px,100%);display:grid;gap:12px}.sr-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}textarea,input,select{width:100%;border:1px solid var(--border);border-radius:8px;padding:11px 12px;background:#fff;color:var(--text);outline:none}textarea{resize:vertical;line-height:1.55}textarea:focus,input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6b6bcb1f}.mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-card{min-height:118px;display:grid;gap:6px;justify-items:start;text-align:left;padding:16px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text)}.mode-card:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.mode-card--coach{border-color:#d8d4f0;background:linear-gradient(180deg,#fbfbff,#f2f0fb)}.mode-card--brain{border-color:#eadcc8;background:linear-gradient(180deg,#fffdf8,#f8f0e6)}.mode-icon{display:inline-flex;height:28px;align-items:center;padding:0 10px;border-radius:999px;background:#ffffffb8;color:var(--primary-strong);font-size:12px}.mode-title{font-size:16px;font-weight:800}.mode-desc{color:var(--secondary);font-size:13px}.quick-actions,.chat-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hint-select{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--secondary)}.hint-select select{width:104px;padding:4px 6px;border:0;box-shadow:none}.secondary-btn{height:38px;padding:0 14px;background:var(--muted);color:var(--text)}.secondary-btn:hover{background:#e9e4df}.chat-panel{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.chat-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border);background:var(--card)}.problem-strip{flex:0 0 auto;padding:10px 16px;border-bottom:1px solid var(--border);background:#fbfaf8}.problem-strip strong{display:block;margin-bottom:4px;font-size:12px;color:var(--secondary)}.problem-strip p{font-size:13px}.chat-messages{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:18px}.chat-message{max-width:82%;display:flex;gap:9px;align-items:flex-start}.chat-message--user{align-self:flex-end;flex-direction:row-reverse}.chat-message--assistant{align-self:flex-start}.avatar{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--primary-bg);color:var(--primary-strong);font-size:12px;font-weight:900}.chat-message--user .avatar{background:#e7eefb;color:#315a9b}.bubble{padding:11px 13px;border-radius:10px;background:var(--card);border:1px solid var(--border);box-shadow:0 1px 2px #00000008}.chat-message--user .bubble{background:var(--primary);color:#fff;border-color:var(--primary)}.chat-message--user .bubble-head{color:#ffffffd1}.bubble--streaming{border-color:#d8d4f0}.speaker{display:block;margin-bottom:5px;color:var(--secondary);font-size:12px}.chat-message--user .speaker{color:#ffffffc7}pre{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.58;font-family:inherit}.thinking-area{flex:0 0 auto;margin:0 16px 12px;overflow:hidden;border:1px solid #eadcc8;border-radius:8px;background:#fff8ea}.thinking-header{width:100%;display:flex;justify-content:space-between;padding:10px 12px;background:transparent;color:#7b5a2d}.thinking-content{max-height:160px;overflow:auto;padding:0 12px 12px;color:#6f5127}.chat-actions{flex:0 0 auto;padding:0 16px 12px}.chat-input-area{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end;padding:14px 16px;border-top:1px solid var(--border);background:var(--card)}.attach-btn{height:42px;padding:0 12px;background:var(--muted);color:var(--secondary)}.send-btn{height:42px;padding:0 18px;background:var(--primary);color:#fff}.send-btn:hover{background:var(--primary-strong)}.page{max-width:1080px;margin:0 auto}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.panel,.history-item{background:#fff;border:1px solid var(--border);border-radius:8px;padding:18px}.form{display:grid;gap:12px}label{font-weight:700;color:#374151}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.toolbar button,button.ghost{height:38px;padding:0 14px;background:var(--primary);color:#fff}button.ghost{background:var(--muted);color:var(--text)}button.danger{background:#dc2626;color:#fff;height:38px;padding:0 14px}.narrow{max-width:920px}.grid-params{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto}.status{min-height:22px;color:var(--primary-strong)}.codebox{background:#111827;color:#e5e7eb;border-radius:8px;padding:14px;max-height:280px;overflow:auto}.history-list,.history-item{display:grid;gap:12px}.history-item small{display:block;color:var(--secondary);margin-top:4px}.empty{padding:40px;text-align:center}@media(max-width:760px){.content{padding:0}.assistant-page{min-height:calc(100vh - 64px);display:block}.assistant-shell{height:calc(100vh - 64px);min-height:0;border-radius:0;border-left:0;border-right:0}.mode-cards{grid-template-columns:1fr}.chat-message{max-width:94%}.chat-input-area{grid-template-columns:1fr auto}.attach-btn{display:none}.grid-params{grid-template-columns:1fr}}.sidepanel-page{min-height:calc(100vh - 104px);display:grid;place-items:center}.sidepanel-shell{width:min(1040px,100%);height:min(840px,calc(100vh - 104px));min-height:660px;display:flex;flex-direction:column;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.sidepanel-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--card)}.header-left,.header-buttons,.bubble-head,.panel-header{display:flex;align-items:center}.header-left{gap:10px}.header-buttons{gap:6px;flex-wrap:wrap;justify-content:flex-end}.header-left h1{margin:0;font-size:17px}.header-left small{color:var(--secondary)}.app-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--primary-bg);color:var(--primary-strong);font-weight:900}.link-btn{text-decoration:none}.panel-main,.side-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.welcome-message{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center}.welcome-message .capture-area{margin-top:22px}.capture-actions{display:flex;gap:10px;flex-wrap:wrap}.capture-actions select{max-width:130px}.capture-btn{height:40px;padding:0 14px;background:var(--primary);color:#fff}.chat-area{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.problem-preview{padding:10px 16px;border-bottom:1px solid var(--border);background:#fbfaf8}.problem-preview strong{display:block;color:var(--secondary);font-size:12px;margin-bottom:4px}.bubble-head{justify-content:space-between;gap:12px;margin-bottom:6px;color:var(--secondary);font-size:12px}.tts-btn,.danger-text,.back-btn{height:28px;padding:0 9px;border-radius:7px;background:var(--muted);color:var(--secondary);font-size:12px}.danger-text{color:#b91c1c}.preview-bar{display:flex;gap:8px;padding:0 16px 12px;overflow-x:auto}.preview-item{position:relative;width:74px;height:74px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-item button{position:absolute;left:4px;bottom:4px;height:22px;padding:0 6px;border-radius:6px;background:#111827b8;color:#fff;font-size:11px}.panel-header{flex:0 0 auto;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--card)}.panel-header h2{font-size:17px}.history-list,.help-content,.plan-content{flex:1;overflow:auto;padding:16px}.history-day{display:grid;gap:8px;margin-bottom:18px}.history-day h3{margin:0;color:var(--secondary);font-size:13px}.history-item{width:100%;display:grid;gap:4px;text-align:left;background:#fff;color:var(--text);border:1px solid var(--border)}.history-item span{color:var(--secondary);font-size:12px}.empty-state{padding:44px 16px;text-align:center;color:var(--secondary)}.panel-thinking{margin:14px 16px 0}.help-content{display:grid;gap:18px}.help-content section{padding:14px;border:1px solid var(--border);border-radius:8px;background:#fff}.help-content h3{margin:0 0 8px}@media(max-width:760px){.sidepanel-page{min-height:calc(100vh - 64px);display:block}.sidepanel-shell{height:calc(100vh - 64px);min-height:0;border-radius:0;border-left:0;border-right:0}.header-buttons .icon-btn,.header-buttons .link-btn{min-width:42px;padding:0 8px}}.history-item-row{grid-template-columns:1fr auto;align-items:center;padding:0}.history-load{display:grid;gap:4px;width:100%;text-align:left;padding:12px;background:transparent;color:var(--text)}.history-delete{margin-right:10px;height:30px;padding:0 10px;background:#fee2e2;color:#b91c1c}.settings-page{max-width:1120px;margin:0 auto}.settings-layout{display:grid;grid-template-columns:210px 1fr;gap:18px}.settings-tabs{display:grid;align-content:start;gap:8px}.settings-tabs button{height:42px;padding:0 14px;text-align:left;background:#fff;color:var(--text);border:1px solid var(--border)}.settings-tabs button.active{color:var(--primary-strong);background:var(--primary-bg);border-color:#d8d4f0}.settings-panel{min-width:0}.settings-section-stack{display:grid;gap:14px}.settings-section{display:grid;gap:12px;padding:18px;border:1px solid var(--border);border-radius:8px;background:#fff}.settings-section h2{font-size:17px}.mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-option{display:flex;gap:10px;padding:14px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.mode-option.active{border-color:var(--primary);background:var(--primary-bg)}.mode-option small{display:block;color:var(--secondary);margin-top:3px}.inline-row{display:grid;grid-template-columns:1fr auto;gap:10px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.toggle-row input{width:auto}.coach-preview{padding:12px;border-radius:8px;background:var(--primary-bg);color:var(--primary-strong)}.danger-zone{border-color:#fecaca}@media(max-width:760px){.settings-layout,.mode-toggle,.inline-row{grid-template-columns:1fr}}.markdown-content{line-height:1.68;word-break:break-word}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin:12px 0 8px;line-height:1.35}.markdown-content h1{font-size:20px}.markdown-content h2{font-size:18px}.markdown-content h3{font-size:16px}.markdown-content h4{font-size:15px}.markdown-content p{margin:8px 0;color:inherit}.markdown-content ul,.markdown-content ol{margin:8px 0 8px 20px;padding:0}.markdown-content li{margin:5px 0}.markdown-content strong{font-weight:800}.markdown-content code{padding:2px 5px;border-radius:5px;background:#6b6bcb1f;color:#4f46a5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em}.markdown-content .md-code{margin:10px 0;overflow:auto;border-radius:8px;background:#111827;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.markdown-content .md-code-header{padding:7px 10px;background:#1f2937;color:#9ca3af;font-size:12px}.markdown-content .md-code code{display:block;padding:12px;background:transparent;color:inherit;white-space:pre}.markdown-content blockquote{margin:8px 0;padding:8px 12px;border-left:3px solid var(--primary);background:var(--primary-bg);border-radius:6px}.math-inline,.math-block{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;color:#3f3f7f}.math-inline{display:inline-block;padding:0 3px}.math-block{display:block;margin:8px 0;padding:8px 10px;border-radius:8px;background:var(--primary-bg);overflow-x:auto}.chat-message--user .markdown-content code{background:#fff3;color:#fff}.chat-message--user .math-inline,.chat-message--user .math-block{color:#fff}.muted{color:var(--muted);font-size:13px}.admin-login{max-width:520px;margin:0 auto}.admin-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.admin-row strong,.admin-row small{display:block}.admin-row small{color:var(--muted);margin-top:4px}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;justify-content:flex-end}.shell--widget{min-height:100vh;background:var(--bg)}.content--widget{padding:0;max-width:none}.sidepanel-page--widget{min-height:100vh;display:block}.sidepanel-page--widget .sidepanel-shell{width:100%;height:100vh;min-height:0;border:0;border-radius:0;box-shadow:none}.sidepanel-page--widget .sidepanel-header{min-height:48px;padding:7px 10px;gap:8px}.sidepanel-page--widget .header-left{min-width:0;flex:1 1 auto}.sidepanel-page--widget .header-buttons{flex:0 0 auto;flex-wrap:nowrap}.sidepanel-page--widget .header-left h1{font-size:15px;line-height:1.15}.sidepanel-page--widget .header-left small{display:none}.compact-model-select{width:124px;min-width:104px;height:36px;min-height:36px;line-height:20px;padding:7px 26px 7px 10px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:13px;vertical-align:middle;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.more-actions{position:relative}.more-menu{position:absolute;top:38px;right:0;z-index:20;min-width:116px;padding:6px;display:grid;gap:4px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.more-menu button{justify-content:flex-start;width:100%;height:32px;padding:0 10px;background:transparent;color:var(--text)}.sidepanel-page--widget .welcome-message{justify-content:flex-start;padding:20px 14px}.sidepanel-page--widget .mode-cards{grid-template-columns:1fr}.sidepanel-page--widget .chat-area{position:relative}.sidepanel-page--widget .chat-header{min-height:40px;padding:7px 10px;gap:8px}.sidepanel-page--widget .chat-header>div{min-width:0;display:flex;align-items:center;gap:7px}.sidepanel-page--widget .chat-title{flex:0 0 auto;color:var(--primary-strong);font-size:12px;font-weight:800}.sidepanel-page--widget .chat-header h2{min-width:0;overflow:hidden;color:var(--secondary);font-size:13px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sidepanel-page--widget .problem-preview{padding:7px 10px}.sidepanel-page--widget .problem-preview--compact{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;text-align:left;border:0;border-bottom:1px solid var(--border);border-radius:0;background:#fbfaf8;color:var(--text)}.sidepanel-page--widget .problem-preview--compact>span:first-child{min-width:0}.sidepanel-page--widget .problem-preview--compact p{display:-webkit-box;margin-top:2px;overflow:hidden;color:var(--secondary);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:1}.sidepanel-page--widget .problem-preview--open p{-webkit-line-clamp:4}.problem-preview-state{flex:0 0 auto;color:var(--primary-strong);font-size:12px;font-weight:800}.sidepanel-page--widget .chat-messages{padding:10px;gap:10px}.sidepanel-page--widget .chat-message{max-width:96%;gap:7px}.sidepanel-page--widget .avatar{width:26px;height:26px;font-size:11px}.sidepanel-page--widget .bubble{padding:8px 10px}.sidepanel-page--widget .bubble-head{margin-bottom:3px}.sidepanel-page--widget .markdown-content{font-size:14px;line-height:1.55}.sidepanel-page--widget .markdown-content h1,.sidepanel-page--widget .markdown-content h2,.sidepanel-page--widget .markdown-content h3,.sidepanel-page--widget .markdown-content h4{margin:8px 0 5px}.sidepanel-page--widget .markdown-content h1{font-size:17px}.sidepanel-page--widget .markdown-content h2{font-size:16px}.sidepanel-page--widget .markdown-content h3{font-size:15px}.sidepanel-page--widget .markdown-content h4{font-size:14px}.sidepanel-page--widget .markdown-content p,.sidepanel-page--widget .markdown-content ul,.sidepanel-page--widget .markdown-content ol{margin-top:5px;margin-bottom:5px}.sidepanel-page--widget .markdown-content li{margin:3px 0}.sidepanel-page--widget .thinking-area{margin:0 10px 8px}.sidepanel-page--widget .thinking-header{padding:7px 9px}.sidepanel-page--widget .thinking-content{max-height:90px;padding:0 9px 9px}.sidepanel-page--widget .preview-bar{gap:6px;padding:0 10px 8px}.sidepanel-page--widget .preview-item{width:52px;height:52px}.widget-tools{position:relative;z-index:9;display:inline-flex;width:100%}.widget-tools-toggle{width:100%;height:30px;padding:0 10px;font-size:12px;box-shadow:0 8px 20px #2a2a3e1f}.widget-tools-menu{position:absolute;right:0;bottom:calc(100% + 8px);width:136px;display:grid;gap:6px;padding:7px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.widget-tools-menu .secondary-btn{width:100%;height:32px;padding:0 10px;justify-content:flex-start;font-size:12px}.sidepanel-page--widget .chat-input-area{grid-template-columns:minmax(0,1fr) 58px;gap:7px;padding:8px 10px;align-items:stretch;overflow:visible}.widget-input-actions{display:grid;grid-template-rows:30px 36px;gap:6px}.sidepanel-page--widget .attach-btn,.sidepanel-page--widget .send-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:36px;padding:0 8px;font-size:13px}.sidepanel-page--widget .chat-input-area textarea{min-height:72px;max-height:82px;padding:7px 9px;line-height:1.4}@media(max-width:460px){.sidepanel-page--widget .app-logo{width:32px;height:32px;border-radius:8px;font-size:12px}.sidepanel-page--widget .header-buttons{gap:4px}.sidepanel-page--widget .header-left h1{display:none}.sidepanel-page--widget .compact-model-select{width:104px;min-width:96px}.sidepanel-page--widget .icon-btn{min-width:38px;padding:0 8px}}