:root{color-scheme:light;--canvas:#f4f5f9;--surface:#fff;--ink:#182235;--muted:#62718a;--border:#e1e5ef;--accent:#4f46e5}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--border);background:var(--surface)}header span{display:block;color:var(--muted);font-size:12px}button,input{font:inherit}button{border:0;border-radius:10px;background:var(--accent);color:white;padding:11px 18px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.secondary{color:var(--ink);background:var(--canvas);border:1px solid var(--border)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.workspace{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:36px;padding:32px 5vw;height:calc(100dvh - 76px)}aside{overflow:auto}h1{font-size:clamp(24px,3vw,36px);line-height:1.2;letter-spacing:-.03em}p{color:var(--muted)}section{margin-top:36px;border-top:1px solid var(--border);padding-top:14px}h2{font-size:15px}ul{padding-left:18px;font-size:12px;overflow-wrap:anywhere}summary{cursor:pointer}.note{font-size:12px;margin-top:32px}#logo-chat{min-height:0;height:100%;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 12px 48px #1822350b;background:var(--surface)}.login{max-width:420px;margin:12vh auto;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:20px}.brand{color:var(--accent);font-weight:700}form{display:grid;gap:12px}input{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px}#error{color:#b42318;font-size:13px}details{max-height:35vh;overflow:auto}@media(max-width:760px){header{height:64px;padding-inline:16px}.workspace{display:flex;flex-direction:column;padding:12px;gap:12px;height:calc(100dvh - 64px)}aside{flex:none;max-height:100px}aside h1,aside>p,aside h2,aside details{display:none}section{margin:0;padding:0;border:0}section p{margin:0;font-size:12px}#logo-chat{flex:1;min-height:0;border-radius:16px}.login{margin:8vh 16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
:root{--brand-logo-size:36px}.header-brand{display:flex;align-items:center;gap:12px;min-width:0}.header-brand img{flex:none;object-fit:contain}.header-brand strong{display:block;line-height:1.3}.header-brand>div{min-width:0}@media(max-width:760px){.header-brand{gap:8px}.header-brand img{width:28px;height:28px}header strong{font-size:14px}header .secondary{padding:9px 12px;flex:none}header{gap:12px}}