:root{font-family:Segoe UI,Tahoma,Arial,sans-serif;color:#e6edf9;background:#080e1b;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #70e3ff;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.workspace{display:flex;height:100dvh;min-height:400px}.sidebar{width:260px;flex-shrink:0;background:#0d1628;border-right:1px solid #20314a;padding:26px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:#eef5ff;text-decoration:none;font-size:23px;font-weight:650;letter-spacing:3px}.brand img{width:38px;height:38px;object-fit:contain}.brand span{font-size:10px;color:#74a5ca;letter-spacing:1px}.identity{margin:34px 0 24px}.identity label{display:block;font-size:12px;color:#91a3bb;margin-bottom:8px}select{width:100%;background:#142139;border:1px solid #2a405f;color:#dce8fc;border-radius:10px;padding:10px}.section{font-size:11px;letter-spacing:2px;color:#8294af;padding:8px}nav{overflow:auto;flex:1}.project{width:100%;display:flex;text-align:left;gap:10px;border:1px solid transparent;border-radius:12px;background:transparent;color:#a8b9d1;padding:13px 10px;margin:6px 0}.project b{font-weight:500;overflow-wrap:anywhere}.project:hover{background:#142139}.project.active{background:#172d49;border-color:#294e76;color:#cceaff}.sidebar-footer{font-size:12px;color:#a3bdd8;border-top:1px solid #20314a;padding-top:18px}.sidebar-footer p{font-size:11px;color:#768ca8;line-height:1.8}.dot{display:inline-block;width:7px;height:7px;background:#59d7ea;border-radius:50%;margin-right:8px}main{min-width:0;flex:1;display:flex;flex-direction:column;background:radial-gradient(ellipse at 70% 0,#10213a 0,transparent 55%),#080e1b}header{display:flex;align-items:center;gap:18px;padding:18px 30px;border-bottom:1px solid #1e3048;min-height:116px}.face{width:80px;height:80px;object-fit:contain;border:1px solid #4dbfe4;border-radius:50%;box-shadow:0 0 22px #0c89dd26}.heading{min-width:0}.heading h1{font-size:20px;font-weight:550;margin:0 0 8px;overflow-wrap:anywhere}.heading p{font-size:12px;color:#94b1d2;margin:0}.badge{margin-left:auto;color:#76cce9;font-size:10px;letter-spacing:1px;border:1px solid #294761;padding:8px;border-radius:8px}.privacy{text-align:center;padding:10px;color:#8297b4;font-size:11px}.transcript{flex:1;min-height:0;overflow:auto;padding:24px clamp(16px,5vw,80px);scrollbar-color:#314b6a #0b1525}.welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#839bb8}.welcome h2{color:#ddeafe;font-size:clamp(20px,3vw,30px);font-weight:500}.welcome p{line-height:1.7}.message{display:flex;gap:12px;margin:0 0 26px;align-items:flex-start}.message.user{justify-content:flex-end}.message img{width:48px;height:48px;object-fit:contain;border-radius:50%}.bubble{max-width:min(760px,86%);border:1px solid #233c59;border-radius:18px;background:#111f33;padding:16px 20px;min-width:100px}.user .bubble{background:#163557;border-color:#2a557a;border-bottom-right-radius:6px}.assistant .bubble{border-bottom-left-radius:6px}.sender{font-size:11px;color:#8eabc9;margin-bottom:10px}.content{white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;line-height:1.85;-webkit-user-select:text;user-select:text;font-size:15px}.copy{display:block;margin-top:10px;background:transparent;border:none;color:#8cb5d7;font-size:11px;padding:3px}.copy:hover{color:#78e2ff}.processing,.status{font-size:12px;color:#76cce9}footer{padding:10px clamp(16px,5vw,80px) 18px}.composer{display:flex;align-items:flex-end;gap:10px;padding:12px;background:#111e31;border:1px solid #325677;border-radius:20px;box-shadow:0 0 14px #117dda12}.composer:focus-within{border-color:#54b7e1}textarea{background:transparent;border:none;outline:none!important;resize:none;color:#e5edf9;min-height:48px;height:64px;max-height:150px;flex:1;min-width:0;line-height:1.7;padding:5px;unicode-bidi:plaintext}.send{width:44px;height:44px;border:none;border-radius:12px;background:#1875d4;color:#fff;flex-shrink:0}.send:hover:not(:disabled){background:#258fea}.send svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cancel{background:#23354c;border:1px solid #44607c;border-radius:10px;color:#cfe3fc;padding:10px}.composer-note{font-size:10px;color:#7189a6;text-align:center;padding-top:10px}.error{color:#ffc58f;font-size:12px;overflow-wrap:anywhere}.mobile-menu{display:none}@media(max-width:760px){.sidebar{width:210px;padding:20px 12px}header{padding:14px 18px;gap:12px}.face{width:62px;height:62px}.badge{display:none}.bubble{max-width:88%;padding:12px 15px}.message img{width:38px;height:38px}}@media(max-width:560px){.sidebar{display:none}.sidebar.open{display:flex;position:fixed;inset:0 auto 0 0;z-index:5;box-shadow:15px 0 45px #0008}.mobile-menu{display:block;background:#172b45;border:1px solid #355572;border-radius:8px;color:#dceeff;padding:8px}.sidebar.open~main .mobile-menu{position:fixed;right:12px;top:12px;z-index:6}header{min-height:95px}.face{width:52px;height:52px}.heading h1{font-size:16px}.privacy{font-size:10px;padding:7px}.transcript{padding:16px 12px}footer{padding:8px 12px 12px}.message{gap:7px}.message img{width:30px;height:30px}.bubble{max-width:calc(100% - 38px)}.content{font-size:14px}.composer-note{font-size:9px}}:root{--jhona-bg:#060F18;--jhona-sidebar:#091522;--jhona-surface:#101F30;--jhona-blue:#007BEE;--jhona-border:#203D59}body{background:var(--jhona-bg)}.sidebar{background:var(--jhona-sidebar);border-color:var(--jhona-border)}main{background:radial-gradient(ellipse at 70% 0,#10213a 0,transparent 55%),var(--jhona-bg)}.composer,.assistant .bubble{background:var(--jhona-surface)}.send{background:var(--jhona-blue)}.access{min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.access img{width:100px;height:100px}.access form{width:min(360px,100%);display:grid;gap:18px}.access label{display:grid;text-align:left;gap:8px}.access input{padding:12px;border-radius:10px;background:#101f30;color:#f0eef1;border:1px solid #325677;font:inherit;min-width:0}.access button,.session-logout{background:#10345a;color:#f0eef1;border:1px solid #325677;border-radius:10px;padding:10px}.session-logout{position:fixed;right:12px;top:8px;z-index:10;font-size:11px}.cloud-workspace{max-width:780px;margin:1rem auto;padding:1rem;border:1px solid #526277;border-radius:12px;overflow-wrap:anywhere}.cloud-workspace summary{cursor:pointer;font-weight:600}.cloud-workspace fieldset{margin:1rem 0;border:1px solid #526277;border-radius:8px}.cloud-workspace label{display:block;margin:.5rem 0}.cloud-workspace input:not([type=checkbox]),.cloud-workspace textarea{display:block;box-sizing:border-box;width:100%;color:#ecf3ff;background:#152234;border:1px solid #718399;border-radius:6px;padding:.65rem;font:inherit}.cloud-workspace textarea{min-height:5rem;resize:vertical}.cloud-workspace button{margin:.35rem;padding:.55rem;border:1px solid #718399;border-radius:6px;background:#213650;color:#ecf3ff;cursor:pointer}.cloud-workspace button:disabled{opacity:.5;cursor:default}.workspace-record{margin:.7rem 0;padding:.6rem;border-bottom:1px solid #526277}.workspace-record p,.workspace-record pre{white-space:pre-wrap;overflow-wrap:anywhere}.workspace-record pre{max-width:100%;overflow:auto}:root{color:#18324c;background:#f5f8fc;color-scheme:light;--jhona-bg:#f5f8fc;--jhona-sidebar:#edf3fa;--jhona-surface:#fff;--jhona-border:#c1d2e2}body{color:#18324c}.workspace{height:calc(100dvh - 48px)}main{background:var(--jhona-bg)}.brand,.welcome h2{color:#123d65}.brand span,.heading p,.privacy,.sender,.sidebar-footer,.sidebar-footer p,.section,.composer-note,.welcome{color:#46627d}.project{color:#304d68}.project:hover{background:#dceafa}.project.active{color:#064e8e;background:#daeafa;border-color:#8db3d7}.badge,.copy,.processing,.status{color:#0764a8}.bubble,.assistant .bubble{background:#fff;border-color:#b9cee1}.user .bubble{background:#e0eefb;border-color:#9ebfdb}.composer{background:#fff;border-color:#9bb8d2}textarea{color:#18324c}.cancel,.mobile-menu{background:#e0eefb;color:#164b78;border-color:#a5bfd6}.error{color:#9c2c21}select,.access input{background:#fff;color:#18324c;border-color:#93b0ca}.access button,.session-logout{background:#075fae;color:#fff}.cloud-workspace input:not([type=checkbox]),.cloud-workspace textarea{background:#fff;color:#18324c;border-color:#93b0ca}.cloud-workspace button{color:#144e80;background:#e1eefb;border-color:#93b0ca}.pwa-status{min-height:48px;padding:8px 16px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#e4eef9;color:#234f77;font-size:12px}.pwa-status button{background:#075fae;color:#fff;border:0;border-radius:8px;padding:8px;min-height:36px}.cloud-workspace button,.mobile-menu{min-height:44px}.access{padding-top:64px}.session-logout{top:56px}.cloud-workspace input,.cloud-workspace textarea{unicode-bidi:plaintext}input:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid #075fae!important;outline-offset:2px}@media(max-width:560px){.pwa-status{font-size:11px;padding:8px}.workspace{height:calc(100dvh - 64px)}.cloud-workspace{padding:.6rem;margin:.5rem 0}.cloud-workspace fieldset{min-width:0}.cloud-workspace button{max-width:100%;white-space:normal}.composer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}