.joa-app{--joa-page: #fcfcfc;--joa-gutter: 16px;min-height:100vh;min-height:100dvh;background:var(--joa-page);color:#0d0d0d;font-family:Inter,Arial,sans-serif}.joa-app *,.joa-app *:before,.joa-app *:after{box-sizing:border-box}body:has(.joa-app){background:#fcfcfc}.joa-side{position:fixed;top:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;width:52px;padding:0 3px 0 4px;border-right:1px solid rgba(0,0,0,.1);background:var(--joa-page);box-shadow:none;overflow:hidden}.joa-app[data-sidebar=open] .joa-side{width:260px;padding:0 5px 0 6px}.joa-side__head{display:flex;flex:none;align-items:center;justify-content:space-between;height:52px;padding:4px 0}.joa-app[data-sidebar=open] .joa-side__head,.joa-drawer__panel .joa-side__head{padding:4px 2px}.joa-side__logo{display:inline-flex;align-items:center;height:44px;padding:0 10px;color:#0d0d0d;font-size:22px;font-weight:700;letter-spacing:-.5px;text-decoration:none}.joa-side__toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:#5d5d5d;cursor:pointer}.joa-side__nav{flex:none;padding-top:8px}.joa-side__nav ul{margin:0;padding:0;list-style:none}.joa-side__nav li{margin:0;padding:0}.joa-side__item{position:relative;display:flex;align-items:center;gap:6px;width:100%;height:36px;padding:6px 10px;border:0;border-radius:10px;background:transparent;color:#0d0d0d;font:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.08px;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer}.joa-app[data-sidebar=rail] .joa-side .joa-side__item{width:44px;padding:0 12px}.joa-app[data-sidebar=rail] .joa-side .joa-side__label{display:none}.joa-side__icon{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:20px;height:20px}.joa-side__icon .theme-icon,.joa-side__icon svg{width:20px;height:20px}.joa-side__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.joa-side__count{margin-left:auto;color:#5d5d5d;font-size:13px}.joa-side__badge{position:absolute;top:-5px;right:-7px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#0d0d0d;color:#fff;font-size:10px;font-weight:500;line-height:16px;text-align:center}.joa-side__item:hover,.joa-side__toggle:hover,.joa-top__switch:hover,.joa-top__menu-list a:hover{background:#0000000d}.joa-side__item:focus-visible,.joa-side__toggle:focus-visible,.joa-top a:focus-visible,.joa-top button:focus-visible,.joa-side__login:focus-visible{outline:2px solid #0d0d0d;outline-offset:-2px}.joa-side__foot{margin-top:auto}.joa-app[data-sidebar=open] .joa-side__foot{margin-right:-5px;margin-left:-6px}.joa-drawer__panel .joa-side__foot{margin-right:-6px;margin-left:-6px}.joa-side__promo{padding:20px;border-top:1px solid rgba(0,0,0,.1)}.joa-side__promo h2{margin:0 0 4px;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.2px}.joa-side__promo p{margin:0 0 16px;color:#5d5d5d;font-size:14px;line-height:20px;letter-spacing:-.2px}.joa-side__login{display:flex;align-items:center;justify-content:center;width:100%;height:44px;padding:8px 16px;border:1px solid rgba(0,0,0,.2);border-radius:999px;background:#fff;color:#0d0d0d;font-size:14px;font-weight:500;letter-spacing:-.2px;text-decoration:none}.joa-side__me{display:flex;align-items:center;gap:8px;height:52px;padding:8px 16px;border-top:1px solid rgba(0,0,0,.1);color:#0d0d0d;font-size:14px;line-height:20px;text-decoration:none}.joa-side__avatar,.joa-top__avatar span{display:inline-flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#111;color:#fff;font-size:12px;font-weight:500}.joa-app__main{min-width:0;margin-left:52px}.joa-app[data-sidebar=open] .joa-app__main{margin-left:260px}.joa-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;height:52px;margin:0 calc(-1 * var(--joa-gutter));padding:4px 24px;background:var(--joa-page)}.joa-top__menu,.joa-top__new{display:none}.joa-top__title{position:relative}.joa-top__switch{margin-left:-8px;display:inline-flex;align-items:center;gap:2px;height:44px;padding:0 4px 0 8px;border:0;border-radius:8px;background:transparent;color:#0d0d0d;font:inherit;font-size:16px;font-weight:650;line-height:32px;letter-spacing:-.3824px;cursor:pointer}.joa-top__switch svg{color:#5d5d5d}.joa-top__menu-list{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:220px;margin:0;padding:6px;list-style:none;border:1px solid rgba(0,0,0,.1);border-radius:16px;background:#fff;box-shadow:0 4px 24px #0000001f}.joa-top__menu-list a{display:block;padding:8px 10px;border-radius:10px;color:#0d0d0d;font-size:14px;line-height:20px;text-decoration:none}.joa-top__end{display:flex;align-items:center;gap:8px;margin-right:-16px}.joa-top__login,.joa-top__signup{display:inline-flex;align-items:center;height:44px;padding:0 12px;border-radius:999px;font-size:14px;font-weight:600;line-height:20px;letter-spacing:-.08px;text-decoration:none;white-space:nowrap}.joa-top__login{background:#0d0d0d;color:#fff}.joa-top__signup{border:1px solid rgba(0,0,0,.2);background:#fff;color:#0d0d0d}.joa-top__avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;text-decoration:none}.joa-top__avatar span{width:32px;height:32px;font-size:15px}.joa-chat--page{min-height:100vh;min-height:100dvh;padding:0 var(--joa-gutter);background:var(--joa-page)}.joa-chat--page .joa-composer textarea{margin-bottom:6px}.joa-chat--page .joa-chat__dock{background:linear-gradient(to bottom,rgba(252,252,252,0),var(--joa-page) 12px)}.joa-chat--page.joa-chat--empty .joa-chat__start{padding:20px 0 0}.joa-chat--page.joa-chat--empty .joa-chat__suggestions{margin-bottom:-148px}.joa-chat--page .joa-chat__disclaimer{padding:8px 0;font-size:12px;line-height:16px}.joa-chat--page .joa-chat__disclaimer-long{display:none}.joa-chat--page .joa-chat__disclaimer-short{display:inline}@media(max-width:767px){.joa-app{--joa-gutter: 12px}.joa-side{display:none}.joa-app__main,.joa-app[data-sidebar=open] .joa-app__main{margin-left:0}.joa-top{height:72px;padding:16px 16px 12px}.joa-top__menu,.joa-top__new{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(0,0,0,.1);border-radius:999px;background:#fff;color:#0d0d0d;box-shadow:0 4px 16px #0000000d;cursor:pointer}.joa-top__title,.joa-top__end{display:none}.joa-chat--page .joa-composer{min-height:48px;padding:5.5px 10px 5.5px 5px;border-width:.5px;border-radius:40px;box-shadow:0 4px 16px #0000000d}.joa-chat--page .joa-chat__heading{margin-bottom:16px}.joa-chat--page.joa-chat--empty .joa-chat__start{padding-top:0}.joa-chat--page .joa-chat__disclaimer{font-size:11px;line-height:15px}.joa-chat--page:not(.joa-chat--empty) .joa-chat__dock{background:var(--joa-page)}}.joa-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.joa-drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;padding:0;border:0;background:#00000052;cursor:default}.joa-drawer__panel{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;width:296px;max-width:85vw;padding:0 6px;background:var(--joa-page, #fcfcfc);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;overflow-y:auto;animation:joa-drawer-in .2s ease-out}@keyframes joa-drawer-in{0%{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.joa-drawer__panel{animation:none}}.joa-about{max-width:768px;margin:0 auto;padding:48px var(--joa-gutter, 16px) 64px;font-family:Inter,Arial,sans-serif;color:#5d5d5d;font-size:14px;line-height:22px}.joa-about h2{margin:0 0 8px;color:#0d0d0d;font-size:16px;font-weight:600;line-height:24px}.joa-about p{margin:0 0 32px}.joa-about ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.joa-about a{display:inline-block;padding:6px 14px;border:1px solid rgba(0,0,0,.1);border-radius:999px;color:#0d0d0d;text-decoration:none}.joa-about a:hover{background:#f4f4f4}.joa-about a:focus-visible{outline:2px solid #0d0d0d;outline-offset:2px}.joa-ai-answer{display:flex;flex-direction:column;gap:8px}.joa-ai-label{margin:0;font-size:12px;line-height:16px;color:#5d5d5d}.joa-ai-label strong{font-weight:600;color:#0d0d0d}.joa-ai-label a{color:inherit;text-decoration:underline}