@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
:root{--ink:#0e141f;--panel:#161f2e;--panel-2:#1d2838;--hairline:#2a3a50;--text:#e8edf4;--muted:#8496ae;--teal:#4fd1b5;--gold:#e4b363;--danger:#e5736b;--sans:"IBM Plex Sans Thai", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;height:100%;font-weight:400}.tnum{font-family:var(--mono);font-variant-numeric:tabular-nums}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:6px}@media (prefers-reduced-motion:no-preference){.reveal{animation:.35s both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.md-answer{color:var(--text);overflow-wrap:anywhere;font-size:15px;line-height:1.7}.md-answer>:first-child{margin-top:0}.md-answer>:last-child{margin-bottom:0}.md-h{color:var(--text);margin:1.1em 0 .65em;font-size:15px;font-weight:600}.md-p{margin:.65em 0}.md-strong{color:var(--gold);font-weight:600}.md-ul,.md-ol{margin:.5em 0 .85em;padding-left:1.35em}.md-li{margin:.3em 0}.md-table-wrap{border:1px solid var(--hairline);background:var(--ink);border-radius:10px;margin:.85em 0 1em;overflow-x:auto}.md-table{border-collapse:collapse;width:100%;font-size:13.5px}.md-thead{background:var(--panel-2)}.md-th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--hairline);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:500}.md-td{color:#b9c6d8;vertical-align:top;border-bottom:1px solid #202c3d;padding:9px 14px}.md-tr:last-child .md-td{border-bottom:none}.md-tr:hover .md-td{background:#4fd1b50a}.md-td strong,.md-th strong{color:var(--gold);font-weight:600}.md-td:has(strong){font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text)}.app-shell{grid-template-columns:1fr;height:100dvh;display:grid;overflow:hidden}.sidebar-backdrop,.sidebar{display:none}.mobile-header{border-bottom:1px solid var(--hairline);background:var(--ink);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.mobile-menu-btn{background:var(--panel);border:1px solid var(--hairline);width:40px;height:40px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.mobile-brand{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.mobile-brand-dot{background:var(--teal);width:8px;height:8px;box-shadow:0 0 10px var(--teal);border-radius:2px}.main-panel{flex-direction:column;min-width:0;height:100dvh;display:flex}.chat-scroll{-webkit-overflow-scrolling:touch;flex:1;padding:16px;overflow:auto}.chat-thread{flex-direction:column;gap:14px;max-width:760px;margin:0 auto;display:flex}.empty-hero{text-align:center;max-width:560px;margin:8vh auto 0;padding:0 8px}.empty-hero h1{font-size:22px;font-weight:600;line-height:1.3}.empty-hero p{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.6}.user-bubble{background:var(--panel-2);border:1px solid var(--hairline);word-break:break-word;border-radius:12px 12px 4px;align-self:flex-end;max-width:92%;padding:10px 14px;font-size:15px;line-height:1.45}.assistant-card{background:var(--panel);border:1px solid var(--hairline);border-radius:14px;min-width:0;padding:14px}.input-bar{border-top:1px solid var(--hairline);padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:var(--ink);flex-shrink:0}.input-row{gap:8px;max-width:760px;margin:0 auto;display:flex}.chat-input{background:var(--panel);min-width:0;color:var(--text);border:1px solid var(--hairline);border-radius:11px;outline:none;flex:1;padding:12px 14px;font-family:inherit;font-size:16px}.ask-btn{background:var(--teal);color:#0e141f;border:none;border-radius:11px;flex-shrink:0;min-height:46px;padding:0 18px;font-size:15px;font-weight:600}.ask-btn:disabled{background:var(--panel);color:var(--muted);opacity:.5}.ask-btn:not(:disabled).busy{background:var(--panel);color:var(--muted);opacity:1}@media (min-width:640px){.chat-scroll{padding:24px 28px}.empty-hero h1{font-size:26px}.empty-hero p{font-size:15px}.user-bubble{max-width:80%}.assistant-card{padding:18px}.input-bar{padding:16px 28px;padding-bottom:max(16px, env(safe-area-inset-bottom))}.input-row{gap:10px}.ask-btn{padding:0 22px}}@media (min-width:768px){.app-shell{grid-template-columns:260px 1fr}.mobile-header,.sidebar-close{display:none}.sidebar{border-right:1px solid var(--hairline);background:var(--ink);flex-direction:column;gap:24px;padding:24px 18px;display:flex;overflow:auto}.chat-scroll{padding:32px 40px}.empty-hero{margin-top:12vh}.empty-hero h1{font-size:30px}.input-bar{padding:16px 40px;padding-bottom:max(16px, env(safe-area-inset-bottom))}}@media (max-width:767px){.sidebar-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080c129e;display:block;position:fixed;inset:0}.sidebar{z-index:100;width:min(288px,88vw);padding:20px 16px;padding-top:max(20px, env(safe-area-inset-top));background:var(--ink);border-right:1px solid var(--hairline);flex-direction:column;gap:20px;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:auto;transform:translate(-105%);box-shadow:8px 0 32px #00000059}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{background:var(--panel);border:1px solid var(--hairline);color:var(--muted);border-radius:8px;align-self:flex-end;padding:6px 10px;font-size:13px}}.sidebar-brand p{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.5}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;font-size:11px}.starter-list{flex-direction:column;gap:7px;display:flex}.starter-btn{text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--hairline);border-radius:9px;padding:9px 11px;font-size:13px;line-height:1.35;transition:border-color .15s,background .15s}.starter-btn:disabled{opacity:.5;cursor:not-allowed}.starter-btn:not(:disabled):hover{border-color:var(--teal)}.sidebar-foot{color:var(--muted);margin-top:auto;font-size:11px;line-height:1.6}@media (max-width:639px){.md-answer{font-size:14px;line-height:1.65}.md-th,.md-td{padding:8px 10px;font-size:12.5px}}