body.chat-screen{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none}body.chat-screen #app{position:absolute;top:var(--chat-top,0px);left:0;right:0;height:var(--chat-height,100dvh);overflow:hidden}body.chat-screen .app-shell{height:100%;min-height:0}body.chat-screen .workspace{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}body.chat-screen .topbar{flex-shrink:0}body.chat-screen .chat-view{height:auto;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}body.chat-screen .messages{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;overflow-anchor:none;-webkit-overflow-scrolling:touch;scroll-padding-block:20px}body.chat-screen .chat-header{flex-shrink:0}body.chat-screen .composer-wrap{flex-shrink:0;padding-top:8px}.chat-subtitle{display:flex;align-items:center;gap:5px}.chat-subtitle:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--green)}.chat-model-button{border:0;background:transparent;color:var(--muted);min-height:36px;padding:5px 6px;max-width:100%;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-meta{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:0 auto;gap:8px}.composer-hint{font-size:.65rem;color:var(--muted)}.composer-hint:empty{display:none}.composer textarea{min-height:34px!important;max-height:128px!important;line-height:1.5;padding:5px 6px}.composer-actions .hint{font-size:.66rem}.composer-wrap .chat-footnote{display:none}.composer{padding:8px 9px;border-radius:24px}.composer-actions{padding-top:3px}.send-label{min-width:30px}.message.local-message{margin-top:16px}.local-message .bubble{white-space:pre-wrap}.message-delivery{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:32px;font-size:.7rem;color:var(--muted);margin-top:4px}.message-delivery button{border:0;background:transparent;color:var(--blue);font-size:.72rem;min-height:44px;padding:6px 8px}.message-delivery .failure{color:var(--error)}.tiny-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.generation-status{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.78rem;padding:10px 0 22px}.thinking-dots{display:inline-flex;gap:3px}.thinking-dots i{width:5px;height:5px;border-radius:50%;background:var(--blue);animation:thinking-pulse 1.2s infinite}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}.turn-stop{margin-left:auto;min-height:44px;min-width:44px;border:1px solid var(--border);border-radius:14px;background:var(--panel);color:var(--ink);font-size:.75rem;padding:8px 12px}.options-caption{font-size:.8rem;color:var(--muted);margin:12px 0 20px}.options-loading{padding:20px;font-size:.85rem}.delivery-status{display:none!important}.message-error{color:var(--error);font-size:.78rem;padding:8px 0}.pending-attachments-label{font-size:.75rem;color:inherit;opacity:.85;margin-top:6px}.new-message-jump{position:absolute;bottom:180px;right:20px;z-index:5;border:1px solid var(--border);background:var(--panel);color:var(--ink);border-radius:20px;min-height:44px;padding:8px 14px}.chat-active .topbar .connection{font-size:.65rem}@keyframes thinking-pulse{0%,60%,100%{opacity:.35}30%{opacity:1}}@media(max-width:800px){body.chat-screen .topbar{display:none}body.chat-screen .chat-header{padding-top:calc(8px + env(safe-area-inset-top));background:#111113}body.chat-screen .composer-wrap{padding:8px 10px max(4px,env(safe-area-inset-bottom));background:#111113}.keyboard-open .composer-wrap{padding-bottom:4px!important}.chat-header small{font-size:.67rem}.chat-title h1{font-size:1rem}.composer-meta{padding:0 4px}.messages{padding-bottom:12px!important}.chat-model-button{min-height:32px}}@media(prefers-reduced-motion:reduce){.thinking-dots i,.tiny-spinner{animation:none}}
/* The viewer floats inside the screen's safe areas, including iPhone cutouts. */
.image-gallery[open]{inset:24px;margin:auto;width:min(1000px,calc(100vw - 48px));height:calc(100dvh - 48px);max-height:900px;border:1px solid var(--border);border-radius:22px;padding:0;background:#111113;box-shadow:0 16px 60px rgba(0,0,0,.45)}.image-gallery .gallery-toolbar{padding:12px 14px;gap:8px;flex-shrink:0}.image-gallery .gallery-stage{padding:12px;min-height:0}.image-gallery .gallery-stage img{border-radius:10px}.image-gallery .gallery-controls{padding:12px;flex-shrink:0;background:#19191c}.image-gallery .gallery-controls button,.image-gallery .gallery-controls a{min-height:44px}.image-gallery.zoomed .gallery-stage{padding:0}.image-gallery::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(12px)}@media(max-width:800px){.image-gallery[open]{top:calc(env(safe-area-inset-top) + 12px);bottom:calc(env(safe-area-inset-bottom) + 12px);left:12px;right:12px;inset-inline:12px;width:auto;height:auto;max-height:none;max-width:none;margin:0;border-radius:20px;padding:0}.image-gallery .gallery-toolbar{padding:10px 12px}.image-gallery .gallery-toolbar span{font-size:.78rem}.image-gallery .gallery-controls{gap:6px;padding:10px 8px}.image-gallery .gallery-controls button,.image-gallery .gallery-controls a{font-size:.75rem;padding:8px 10px}}

.composer-wrap{position:relative}.composer-actions{justify-content:space-between}.composer-actions #send{width:44px;height:44px;min-width:44px;padding:0;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.composer-actions #send .icon{width:20px;height:20px}.composer-actions #send:disabled{background:#303034;color:#929299;opacity:1;border-color:transparent}.jump-bottom{position:absolute;right:18px;top:-56px;z-index:5;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #48484e;border-radius:50%;background:#27272b;color:#ededf0;box-shadow:0 3px 12px rgba(0,0,0,.28)}.jump-bottom[hidden]{display:none}.jump-bottom .icon{width:21px;height:21px}

body.chat-screen .messages{scroll-behavior:auto}

.nav-icon-wrap,.thread-icon,.daily-symbol{position:relative}.unread-dot{display:inline-block;width:8px;height:8px;min-width:8px;flex-shrink:0;border-radius:50%;background:#ff453a}.unread-dot[hidden]{display:none!important}.nav-icon-wrap>.unread-dot{position:absolute;top:-2px;right:-4px;box-shadow:0 0 0 2px var(--panel)}.thread-icon>.unread-dot,.daily-symbol>.unread-dot{position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 2px var(--panel)}.notification-row strong{display:flex;align-items:center;gap:9px}.notification-row.is-unread{background:#222226}.thread-row.has-unread .row-title strong{color:#fff}