:root{--bg:#fff;--panel:#f7f7f8;--text:#1f2328;--muted:#6b7280;--border:#e5e7eb;--accent:#2563eb;--accent-bg:#eff4ff;--user:#eef2ff;color:var(--text);background:var(--bg);font:15px/1.6 system-ui,Segoe UI,Malgun Gothic,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#16171d;--panel:#1d1f27;--text:#e5e7eb;--muted:#9ca3af;--border:#2e303a;--accent:#7aa2ff;--accent-bg:#1f2a44;--user:#232a40}}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.home{text-align:center;max-width:860px;margin:0 auto;padding:64px 16px}.home h1{margin:0 0 8px}.home p{color:var(--muted);margin:0 0 40px}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.card{border:1px solid var(--border);background:var(--panel);text-align:center;border-radius:12px;padding:32px 16px}.card b{font-size:1.2em;display:block}.card small{color:var(--muted)}.card.on{cursor:pointer;border-color:var(--accent);background:var(--accent-bg)}.card.on:hover{filter:brightness(.97)}.card.off{opacity:.5;cursor:not-allowed}.ws{height:100vh;display:flex}.side{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:4px;width:230px;padding:16px 12px;display:flex}.side h2{margin:0 8px 12px;font-size:1.1em}.side button{text-align:left;background:0 0;border:0;border-radius:8px;padding:9px 12px}.side button:hover{background:var(--accent-bg)}.side button.cur{background:var(--accent-bg);color:var(--accent);font-weight:600}.side .back{color:var(--muted);margin-top:auto}.main{flex-direction:column;flex:1;min-width:0;display:flex}.page{width:100%;max-width:820px;margin:0 auto;padding:24px;overflow:auto}.page h2{margin-top:0}.msgs{flex:1;padding:24px 16px;overflow:auto}.msgs>div{max-width:780px;margin:0 auto 16px}.empty{text-align:center;color:var(--muted);margin-top:20vh}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:12px;padding:10px 14px}.me .bubble{background:var(--user);margin-left:15%}.ai .bubble{background:var(--panel);border:1px solid var(--border)}.meta{color:var(--muted);margin-top:6px;font-size:.85em}.chip{border:1px solid var(--border);border-radius:99px;margin:2px 4px 2px 0;padding:1px 10px;font-size:.85em;display:inline-block}.err{color:#dc2626}.composer{border-top:1px solid var(--border);padding:12px 16px}.composer form{gap:8px;max-width:780px;margin:0 auto;display:flex}.composer textarea{resize:none;border:1px solid var(--border);background:var(--bg);border-radius:10px;flex:1;padding:10px 12px}.btn{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:8px 16px}.btn:disabled{opacity:.5}.form{border:1px solid var(--border);border-radius:10px;gap:8px;margin:16px 0 24px;padding:16px;display:grid}.form input,.form select{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:8px 10px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px}.link{color:var(--accent);background:0 0;border:0}@media (width<=700px){.side{width:150px}.me .bubble{margin-left:0}}