:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ffffff;background:#000000;color-scheme:dark;--muted:#999999;--line:#262626;--green:#ffffff}*{box-sizing:border-box}body{margin:0;display:flex;height:100dvh}button,a,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:4px}button{color:inherit}aside{width:260px;flex-shrink:0;background:#0a0a0a;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.brand{font-size:29px;font-weight:650;color:#ffffff;text-decoration:none;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.mark{font-size:40px;color:var(--green)}.version{font-size:12px;border:1px solid #444444;align-self:center;padding:3px 6px;border-radius:5px;letter-spacing:0;color:var(--green)}.new{border:1px solid #333333;background:#111111;padding:13px 8px;border-radius:9px;margin:32px 0;color:#ffffff}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600}nav{overflow:auto;flex:1;margin:12px -8px}nav button{display:block;width:100%;background:transparent;border:0;border-radius:7px;text-align:left;padding:12px;color:#aaaaaa;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}nav button:hover,nav button.active{background:#151515;color:#ffffff}footer{border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:var(--muted)}.privacy{color:#bbbbbb;font-size:12px}.quiet{background:none;border:0;color:var(--muted);padding:5px 0;font-size:12px}main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}header{height:80px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-size:14px;border-bottom:1px solid #242424}.pill{margin-left:7px;font-size:10px;color:#aaaaaa;background:#171717;padding:4px 7px;border-radius:5px}#status{font-size:11px;color:var(--muted)}#status.ready{color:var(--green)}#status.ready:before{content:'● ';font-size:9px}#menu{display:none}#welcome{max-width:780px;width:100%;padding:clamp(25px,7vh,90px) 35px 20px;margin:auto;text-align:center}.welcome-mark{font-size:65px;color:var(--green);line-height:1.2;margin-bottom:22px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,4vw,46px);letter-spacing:-1px;margin:16px 0}.intro{font-size:13px;line-height:1.7;color:var(--muted)}.suggestions{display:flex;gap:12px;margin-top:42px;text-align:left}.suggestions button{flex:1;text-align:left;border:1px solid #303030;border-radius:12px;background:#0a0a0a;padding:20px 15px;font-size:13px}.suggestions button:hover{background:#141414;border-color:#555555}.suggestions span{display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:12px}#messages{flex:1;overflow:auto;padding:24px max(24px,calc((100% - 760px)/2));scroll-behavior:smooth}#messages:empty{display:none}.message{margin:0 0 28px;line-height:1.8;font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}.message .label{display:block;font-size:10px;letter-spacing:1.5px;color:var(--green);font-weight:650;margin-bottom:8px}.message.user{background:#101010;border:1px solid #292929;border-radius:14px;padding:16px 20px;margin-left:45px}.message.user .label{color:#999999}.message details{font-size:12px;color:var(--muted);white-space:pre-wrap;margin-bottom:12px}.message summary{cursor:pointer}.compose-wrap{max-width:800px;width:100%;padding:12px 30px 18px;margin:0 auto}#compose{border:1px solid #383838;border-radius:15px;background:#0a0a0a;padding:16px 16px 10px;box-shadow:0 10px 40px #0002}textarea{display:block;resize:none;width:100%;border:0;background:transparent;color:#ffffff;outline:none;line-height:1.6;max-height:160px;min-height:40px}textarea::placeholder{color:#888888}.compose-bottom{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:10px}.thinking{font-size:11px;color:#aaaaaa;display:flex;align-items:center;gap:6px}.thinking input{accent-color:var(--green)}#send{border:0;border-radius:9px;background:var(--green);color:#000000;font-size:23px;width:36px;height:36px}#send:disabled{opacity:.35}#stop{border:1px solid #555555;background:#121212;border-radius:8px;padding:8px 12px}.fine{text-align:center;color:#888888;font-size:10px;margin:12px 0 0}#error{font-size:12px;color:#cccccc;text-align:center;min-height:0;margin:10px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:850px){aside{width:210px;padding:20px 14px}.suggestions{gap:8px}.suggestions button{padding:15px 12px}header{padding:0 24px}#welcome{padding:30px 24px}}@media(max-width:640px){aside{position:fixed;left:-260px;top:65px;bottom:0;z-index:5;width:250px;transition:left .2s;box-shadow:20px 0 50px #0006}aside.open{left:0}#menu{display:block;font-size:18px;padding:8px}header{height:65px;padding:0 18px;gap:12px}header>span:first-of-type{margin-right:auto}.suggestions{flex-direction:column;margin-top:25px}.suggestions button{padding:12px 16px}.suggestions span{margin-top:4px}#welcome{padding:24px 22px 10px}.welcome-mark{font-size:45px;margin-bottom:15px}h1{font-size:32px}.compose-wrap{padding:10px 16px 14px}.message.user{margin-left:20px}#messages{padding:24px 20px}}@media(max-height:760px){.welcome-mark{font-size:40px;margin-bottom:12px}#welcome{padding-top:22px}.suggestions{margin-top:22px}}

/* Keep the original Bonsai geometry, font stack and rounded controls. */
main{min-height:0}aside{min-height:0}#welcome{flex:1;display:flex;align-items:center;justify-content:center;margin:0 auto}
#welcome h1{font-size:clamp(26px,3vw,36px);margin:16px 0;color:#ddd}
.brand .mark{width:36px;height:40px;object-fit:contain}.brand{font-size:29px}.version{white-space:nowrap}
#running-model{font-size:12px;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:16px}
#status{flex-shrink:0}#host-name,#host-ip{overflow-wrap:anywhere}#host-ip{font-size:10px;line-height:1.6}
.model-picker{min-width:0;max-width:calc(100% - 52px)}#model{font:inherit;font-size:11px;max-width:100%;background:#0a0a0a;color:#aaa;border:1px solid #333;border-radius:6px;padding:6px 24px 6px 8px;cursor:pointer;text-overflow:ellipsis}
#model:disabled{cursor:default;opacity:.6}.new:hover{background:#181818}button:disabled{cursor:default}#model:focus-visible{outline:2px solid #fff;outline-offset:3px}
#owner-lock{font:inherit;background:#0a0a0a;color:#fff;border:1px solid #333;border-radius:15px;padding:28px;width:min(340px,calc(100% - 32px))}#owner-lock::backdrop{background:#000d}
#owner-lock h2{font-size:24px;font-weight:650;letter-spacing:-1px;margin:0 0 24px}#owner-lock .version{display:inline-block;vertical-align:middle;margin-left:8px}
#owner-lock label{display:block;font-size:12px;color:#aaa;margin-bottom:8px}#owner-key{width:100%;background:#000;color:#fff;border:1px solid #444;border-radius:8px;padding:10px}
#unlock-form>button{margin-top:14px;padding:10px 16px;background:#fff;color:#000;border:0;border-radius:8px;width:100%;font-size:12px}#unlock-error{font-size:12px;color:#ccc;line-height:1.6}
@media(max-width:640px){#running-model{font-size:11px;max-width:48%;margin-right:0}#status{font-size:10px}.brand .mark{width:32px;height:36px}#welcome h1{font-size:28px}}

/* Mobile/PWA candidate: preserve all desktop geometry and typography. */
body{overflow:hidden}main{max-width:100%}.compose-wrap{flex-shrink:0}#messages{min-height:0;overscroll-behavior:contain}
footer>.quiet{display:block;margin-top:6px}#sidebar-shade{position:fixed;inset:65px 0 0;z-index:4;background:#0009;border:0}
.research-note{font-size:11px;color:#999;line-height:1.6}.source-list{font-size:12px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
.source-list a{color:#ccc}.source-list pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:240px;overflow:auto;padding:12px;background:#111;border:1px solid #333}
#research-dialog{font:inherit;background:#0a0a0a;color:#fff;border:1px solid #333;border-radius:15px;width:min(620px,calc(100% - 24px));max-height:85dvh;overflow:auto;padding:24px}
#research-dialog::backdrop{background:#000b}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-top h2{font-size:18px;font-weight:600;margin:0}
#research-dialog label{display:block;font-size:12px;color:#aaa;margin:16px 0 6px}#research-dialog input,#research-dialog select{width:100%;font:inherit;font-size:13px;border:1px solid #444;border-radius:8px;background:#000;color:#eee;padding:10px;min-width:0}
#research-dialog button{font:inherit;font-size:12px;padding:10px 12px;border:1px solid #444;border-radius:8px;background:#151515;color:#eee;margin-top:10px}#research-dialog button:disabled{opacity:.45}
#research-state{font-size:12px;line-height:1.5;color:#aaa}#research-attached{margin:8px 0 0}#research-form{min-width:0}
@media(min-width:641px){#sidebar-shade{display:none}}
@media(max-width:640px){
 body{position:fixed;top:var(--mobile-top,0px);left:0;width:100%;height:var(--mobile-height,100dvh);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
 header{height:calc(65px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
 aside{top:calc(65px + env(safe-area-inset-top) + var(--mobile-top,0px));bottom:env(safe-area-inset-bottom);max-width:calc(100vw - 44px);overflow:auto;overscroll-behavior:contain}
 #sidebar-shade{top:calc(65px + env(safe-area-inset-top));width:100%}
 #menu{min-width:44px;min-height:44px;padding:8px;margin-left:-8px}
 nav{min-height:60px}nav button,.new,footer>.quiet{min-height:44px}footer>.quiet{width:100%;text-align:left;margin:0}
 .compose-wrap{padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:12px;padding-right:12px}
 textarea,#owner-key{font-size:16px}textarea{max-height:120px;min-height:44px}
 #send{width:44px;height:44px;flex-shrink:0}#stop{min-height:44px}
 .model-picker{max-width:calc(100% - 56px)}#model{min-height:44px;font-size:12px;width:100%}.compose-bottom{gap:8px}
 #welcome{padding-top:14px;padding-bottom:14px;overflow:hidden}#welcome h1{font-size:28px}
 #messages{padding:18px 16px}.message.user{margin-left:14px}.message{font-size:14px}
 #research-dialog{max-height:calc(var(--mobile-height,100dvh) - 24px);padding:18px}#research-dialog input,#research-dialog select{font-size:16px;min-height:44px}#research-dialog button{min-height:44px}
 #owner-lock{max-height:calc(var(--mobile-height,100dvh) - 24px);overflow:auto}#unlock-form>button{min-height:44px}
 .fine{font-size:10px;margin-top:8px}#running-model{max-width:40%}
}
@media(prefers-reduced-motion:reduce){aside{transition:none}#messages{scroll-behavior:auto}}