.novai-body{height:100dvh}.n-main{min-width:0}.n-brand-lockup>img,.n-logo-fallback{width:var(--novai-logo-size,36px)!important;height:var(--novai-logo-size,36px)!important;object-fit:contain}.n-brand-lockup>b{font-size:var(--novai-brand-size,22px)!important}.n-greeting{text-align:var(--novai-hero-align,center)}
.n-thread{width:min(var(--novai-message-width,800px),calc(100% - 40px))!important;margin-inline:auto!important;padding-bottom:230px!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.n-msg-row{min-width:0}.n-msg-row.ai .n-msg{width:100%;max-width:100%!important}.n-msg{font-size:var(--novai-body-size,16px)!important;line-height:var(--novai-line-height,1.9)!important}.n-msg-row.user .n-msg{border-radius:var(--novai-message-radius,18px)!important}.n-msg-row.user{max-width:100%}.n-copy{opacity:.72!important;flex-shrink:0;color:var(--muted)}.n-copy:hover{opacity:1!important;background:var(--hover)}
.n-send{background:var(--send-bg,var(--text))!important;color:var(--send-text,var(--bg))!important}.n-send:disabled{opacity:.4;cursor:not-allowed}.n-new,.n-chip,.n-model-button,.n-tool,.n-send,.n-nav button,.n-nav a{border-radius:var(--novai-control-radius,10px)!important}.n-composer-footer{font-size:10px;line-height:1.8;color:var(--muted);margin:8px 4px 0;text-align:center;overflow-wrap:anywhere}.n-composer textarea{height:auto;overflow-y:auto;scrollbar-width:thin}.n-tools-primary{flex-wrap:wrap}.n-tool,.n-send{display:grid;place-items:center;flex-shrink:0}.n-format-tools{order:5}.n-format-btn{color:var(--muted)!important}.n-model-wrap{min-width:0;max-width:100%}.n-model-button b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.n-model-menu{max-width:calc(100vw - 44px);max-height:min(360px,50dvh);overflow:auto;z-index:20}.n-code-copy{font-family:inherit!important}.n-code-block,.n-code-head{background:var(--surface)!important;color:var(--text)!important}.n-code-copy{color:var(--muted)!important}.n-code-block pre,.n-table-wrap,.n-math-block{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.n-message-table{min-width:0!important}.n-message-table td,.n-message-table th{min-width:90px}.n-rich h1{font-size:1.25em}.n-rich p{unicode-bidi:plaintext}.n-error-message{color:var(--text);border-inline-start:3px solid var(--accent);padding-inline-start:12px}.n-empty-message{padding:15px;color:var(--muted);font-size:13px}.n-prompts{display:grid!important;grid-template-columns:repeat(var(--novai-prompt-columns,4),minmax(0,1fr));overflow:visible!important}.n-chip{min-width:0}.n-chip b,.n-chip small{overflow-wrap:anywhere}.n-nav a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--muted);padding:10px 12px;font-size:14px}.n-nav a:hover{background:var(--hover);color:var(--text)}.n-nav .n-svg{flex-shrink:0}.n-login-shell,.n-onboarding{overflow:auto;min-height:100dvh;height:auto}.n-auth-card{max-width:calc(100vw - 32px)}.n-auth-card input{max-width:100%}.n-auth-back{margin-top:16px;background:none;border:0;color:var(--muted);cursor:pointer;font:inherit}.n-new:disabled{opacity:.5}.n-modal{overflow:auto}.n-subscriptions{max-height:85dvh;overflow:auto}.n-offline{position:fixed;top:8px;left:50%;transform:translateX(-50%);background:var(--surface);color:var(--text);padding:8px 16px;border:1px solid var(--border);border-radius:10px;z-index:100;font-size:12px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.n-tool.recording{color:#d44!important}.n-composer:has(.recording){border-color:#d44}
@media(max-width:760px){.n-thread{width:calc(100% - 24px)!important;padding-bottom:250px!important}.n-docked{bottom:max(10px,env(safe-area-inset-bottom))!important}.n-tools-primary{gap:5px!important}.n-model-button b{max-width:110px}.n-model-button .n-svg{width:12px}.n-format-tools{margin:0!important;border:0!important;padding:0!important}.n-format-btn{width:28px!important}.n-prompts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.n-chip{padding:10px!important}.n-composer-footer{font-size:9px}.n-brand-lockup>img,.n-logo-fallback{max-width:40px;max-height:40px}.n-brand-lockup>b{font-size:min(var(--novai-brand-size,22px),22px)!important}.n-toolbar{align-items:flex-start}.n-composer textarea{font-size:16px!important}.n-auth-card input{font-size:16px}.n-plan{z-index:1}}
@media(prefers-reduced-motion:reduce){.novai-body *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}