:root{--ja-bg:#f2f4f7;--ja-surface:#fff;--ja-ink:#1a1a1a;--ja-muted:#5c6570;--ja-border:#c8d0dc;--ja-primary:#4a5568;--ja-on-primary:#fff;--ja-accent:#d7c20b;--ja-danger:#f03e25;--ja-bubble-in:#fff;--ja-bubble-in-text:#1a1a1a;--ja-bubble-out:var(--ja-primary);--ja-bubble-out-text:var(--ja-on-primary);--ja-radius:18px;--ja-bubble-radius:18px;--ja-font-size:16px;--ja-font:system-ui, -apple-system, "Segoe UI", sans-serif;--ja-shadow:0 8px 28px #2837501f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--ja-font);font-size:var(--ja-font-size);color:var(--ja-ink);background:var(--ja-bg);-webkit-font-smoothing:antialiased}.shell{background:var(--ja-bg);flex-direction:column;max-width:820px;height:100dvh;margin:0 auto;display:flex}@media (min-width:900px){.shell{border-radius:var(--ja-radius);height:calc(100dvh - 32px);box-shadow:var(--ja-shadow);margin-top:16px;overflow:hidden}}.header{padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;background:var(--ja-surface);border-bottom:1px solid var(--ja-border);align-items:center;gap:12px;display:flex}.header img{border-radius:50%}.header h1{margin:0;font-size:17px;font-weight:700}.status{color:var(--ja-muted);margin:0;font-size:12px}.thread{flex-direction:column;flex:1;gap:8px;min-height:0;padding:16px;display:flex;overflow-y:auto}.header,.composer,.notice,.update-banner,.devconsole{flex:none}.bubble{border-radius:var(--ja-bubble-radius);background:var(--ja-bubble-in);max-width:78%;color:var(--ja-bubble-in-text);flex:none;padding:10px 14px;box-shadow:0 1px 1px #0000000f}.bubble.agent{border-bottom-left-radius:6px;align-self:flex-start}.bubble.streaming[aria-busy=true] .text:after{content:"▍";opacity:.7;margin-left:2px;animation:1s steps(2,end) infinite ja-caret}@keyframes ja-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.bubble.streaming[aria-busy=true] .text:after{animation:none}}.bubble.user{background:var(--ja-bubble-out);color:var(--ja-bubble-out-text);border-bottom-right-radius:6px;align-self:flex-end}.divider{color:var(--ja-muted);align-items:center;gap:10px;margin:8px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--ja-border);flex:1}.notice{color:var(--ja-danger);border-top:1px solid var(--ja-border);background:var(--ja-bg);margin:0;padding:6px 16px;font-size:12px}.notice.ok{color:var(--ja-ink)}.notice .link{padding:0 4px;font-size:12px}.bubble p{margin:0 0 4px;line-height:1.35}.bubble p:last-child{margin-bottom:0}.meta{color:var(--ja-muted);text-align:right;font-size:11px}code{background:color-mix(in srgb, var(--ja-primary) 18%, var(--ja-surface));border-radius:6px;padding:1px 5px;font-size:12px}.composer{padding:10px 12px calc(env(safe-area-inset-bottom) + 10px);background:var(--ja-surface);border-top:1px solid var(--ja-border);align-items:center;gap:8px;display:flex}.composer input,.composer textarea{font:inherit;color:var(--ja-ink);border:1px solid var(--ja-border);background:var(--ja-bg);resize:none;border-radius:22px;flex:1;max-height:120px;padding:10px 14px;font-size:16px;line-height:1.3}.composer textarea:focus,.signin input:focus{outline:2px solid var(--ja-primary);outline-offset:1px}.composer button{background:var(--ja-primary);width:42px;height:42px;color:var(--ja-on-primary);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.composer :disabled{opacity:.6;cursor:default}.header .grow{flex:1;min-width:0}.link{color:var(--ja-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px;font-size:13px}.link:disabled{opacity:.6;cursor:default}.menu{position:relative}.menu-button{width:40px;height:40px;color:var(--ja-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.menu-button:hover,.menu-button[aria-expanded=true]{background:var(--ja-bg)}.menu-list{z-index:10;background:var(--ja-surface);border:1px solid var(--ja-border);border-radius:calc(var(--ja-radius) / 2);min-width:220px;box-shadow:var(--ja-shadow);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);right:0}.menu-list button{text-align:left;width:100%;font:inherit;border-radius:calc(var(--ja-radius) / 3);color:var(--ja-ink);cursor:pointer;background:0 0;border:0;padding:10px 12px;font-size:14px;display:block}.menu-list button:hover:not(:disabled),.menu-list button:focus-visible{background:var(--ja-bg);outline:none}.menu-list button:disabled{opacity:.6;cursor:default}.menu-footer{border-top:1px solid var(--ja-border);margin-top:4px;padding:8px 12px 4px;font-size:11px}.update-banner{background:color-mix(in srgb, var(--ja-primary) 12%, var(--ja-surface));color:var(--ja-ink);border-bottom:1px solid var(--ja-border);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex}.update-banner span{flex:1;min-width:160px}.install-banner{background:color-mix(in srgb, var(--ja-primary) 6%, var(--ja-surface))}.install-banner strong{white-space:nowrap}.share-icon{vertical-align:-3px;margin:0 2px}.notify-banner{background:color-mix(in srgb, var(--ja-primary) 6%, var(--ja-surface))}.primary.small{padding:6px 14px;font-size:13px}.devconsole{max-height:45dvh;padding:8px 12px calc(env(safe-area-inset-bottom) + 10px);color:var(--ja-ink);background:var(--ja-surface);border-top:2px solid var(--ja-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;overflow:auto}.devconsole header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.devconsole header .grow{flex:1}.devconsole header .link{padding:4px 6px;font-size:12px}.devconsole dl{grid-template-columns:max-content 1fr;gap:3px 12px;margin:0;display:grid}.devconsole dt{color:var(--ja-muted);white-space:nowrap}.devconsole dd{overflow-wrap:anywhere;margin:0}.devconsole dd ul{margin:0;padding-left:16px}.devconsole code{font-size:12px}.devconsole code.token{word-break:break-all}.devconsole details{margin-top:8px}.devconsole summary{cursor:pointer;color:var(--ja-muted)}.devconsole pre{background:var(--ja-bg);border-radius:calc(var(--ja-radius) / 3);margin:6px 0 0;padding:8px;overflow:auto}.status[data-state=online]:before{content:"";background:#2eaf5e;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status[data-state=offline]{color:var(--ja-danger)}.bubble .text{white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user .meta{color:color-mix(in srgb, var(--ja-bubble-out-text) 75%, transparent)}.ticks{letter-spacing:-2px;font-size:11px}.ticks.pending{opacity:.7}.ticks.failed{color:var(--ja-danger);font-weight:700}.media{border-radius:calc(var(--ja-bubble-radius) - 6px);max-width:100%;height:auto;display:block}.card-title{font-weight:700}.meta-inline{color:var(--ja-muted);margin:0;font-size:12px}.bubble .text a{color:inherit;text-decoration:underline}.bubble.agent .text a{color:var(--ja-primary)}.bubble.rich{width:min(360px,78%);max-width:none;padding:0;overflow:hidden}.bubble.rich.kind-carousel{width:92%;box-shadow:none;background:0 0}.bubble.rich>.meta{padding:0 14px 8px}.bubble.rich.kind-carousel>.meta{padding-right:4px}.bubble.image img{border-radius:0}.card{flex-direction:column;gap:6px;padding:0 0 4px;display:flex}.card>.card-title,.card>.meta-inline,.card>.text{padding:0 14px}.card>.card-title{padding-top:10px}.card-media{object-fit:cover;border-radius:0;width:100%}.buttons{flex-direction:column;gap:6px;padding:6px 14px 8px;display:flex}.card-btn{box-sizing:border-box;text-align:center;width:100%;font:inherit;cursor:pointer;border:1px solid color-mix(in srgb, var(--ja-primary) 55%, transparent);background:color-mix(in srgb, var(--ja-primary) 10%, var(--ja-surface));color:var(--ja-primary);border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;display:block}.card-btn:hover{background:color-mix(in srgb, var(--ja-primary) 18%, var(--ja-surface))}.card-btn:disabled{opacity:.5;cursor:default}.card-btn[data-chosen=true]{opacity:1;background:var(--ja-primary);color:var(--ja-on-primary)}.carousel{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:10px;padding:2px 2px 6px;display:flex;overflow-x:auto}.carousel-item{scroll-snap-align:start;background:var(--ja-bubble-in);color:var(--ja-bubble-in-text);border-radius:var(--ja-bubble-radius);flex:0 0 min(300px,85%);overflow:hidden;box-shadow:0 1px 1px #0000000f}.tile{background:var(--ja-bg);width:100%}.tile-frame{border:0;width:100%;height:100%;display:block}.muted{color:var(--ja-muted)}.signin{justify-content:center;align-items:center}.panel{background:var(--ja-surface);border-radius:var(--ja-radius);width:min(420px,100%);box-shadow:var(--ja-shadow);flex-direction:column;gap:12px;padding:24px;display:flex}.panel h2{margin:0;font-size:20px}.panel label{color:var(--ja-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.panel input{font:inherit;border:1px solid var(--ja-border);border-radius:calc(var(--ja-radius) / 2);background:var(--ja-bg);color:var(--ja-ink);padding:10px 12px;font-size:16px}.primary{font:inherit;background:var(--ja-primary);color:var(--ja-on-primary);cursor:pointer;border:0;border-radius:999px;padding:12px;font-weight:700}.primary:disabled,.provider:disabled{opacity:.6;cursor:default}.provider{font:inherit;border:1px solid var(--ja-border);background:var(--ja-surface);color:var(--ja-ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-weight:700;display:flex}.provider:hover:not(:disabled){background:var(--ja-bg)}.dev-signin{border-top:1px solid var(--ja-border);flex-direction:column;gap:12px;margin-top:8px;padding-top:16px;display:flex}.dev-signin h3{color:var(--ja-muted);margin:0;font-size:15px}.dev-signin label{color:var(--ja-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.dev-signin input{font:inherit;border:1px solid var(--ja-border);border-radius:calc(var(--ja-radius) / 2);background:var(--ja-bg);color:var(--ja-ink);padding:10px 12px;font-size:16px}.account{background:var(--ja-bg);padding:16px;display:block}.account-head h2{margin:4px 0 6px;font-size:20px}.account-head .link{padding:0}.account h3{text-transform:uppercase;letter-spacing:.04em;color:var(--ja-muted);margin:22px 0 8px;font-size:13px}.account .notice{border-radius:calc(var(--ja-radius) / 2);background:var(--ja-surface);border-top:0;margin:10px 0;padding:10px 12px}.account .provider{width:100%;margin-top:10px}.account .dev-signin{background:var(--ja-surface);border:1px solid var(--ja-border);border-radius:var(--ja-radius);margin-top:10px;padding:14px}.account-list{background:var(--ja-surface);border-radius:var(--ja-radius);box-shadow:var(--ja-shadow);margin:0;padding:0;list-style:none}.account-list li{border-top:1px solid var(--ja-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.account-list li:first-child{border-top:0}.account-list li>div{flex-direction:column;gap:2px;min-width:0;display:flex}.account-list strong{font-size:15px}.account-list .muted{overflow-wrap:anywhere;font-size:12px}.account-list .link{white-space:nowrap}.app-host .account-head{margin-bottom:4px}.inline-form{gap:8px;margin-top:6px;display:flex}.inline-form input{min-width:0;font:inherit;border:1px solid var(--ja-border);background:var(--ja-bg);color:var(--ja-ink);border-radius:8px;flex:1;padding:6px 8px}.error-text{color:var(--ja-danger);margin:0;font-size:14px}