.app{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:none;margin:0;padding:0 clamp(.75rem,2vw,1.5rem) 1rem}.header{padding:1rem 0 .75rem;position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(15,23,42,.97) 60%,transparent)}.header-title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.chat-shell{flex:1;display:flex;flex-direction:column;min-height:0;background-color:var(--nathan-chat-surface, rgb(30, 41, 59));background-image:linear-gradient(180deg,rgba(51,65,85,.35) 0%,transparent 55%);border:1px solid rgba(148,163,184,.12);border-radius:16px;overflow:hidden;box-shadow:0 24px 48px #00000059}.messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;background-color:var(--nathan-chat-surface, rgb(30, 41, 59));padding:1.25rem 1rem 1rem;display:flex;flex-direction:column;gap:.75rem}.empty-hint{text-align:center;padding:2rem 1rem;color:#94a3b8}.bubble-row{display:flex}.bubble-row.user{justify-content:flex-end}.bubble-row.assistant{justify-content:flex-start}.bubble{max-width:min(46rem,88%);padding:.65rem .9rem .75rem;border-radius:14px;line-height:1.45}.bubble-row.user .bubble{background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#f8fafc;border-bottom-right-radius:4px}.bubble-row.assistant .bubble{background:#0f172ad9;border:1px solid rgba(148,163,184,.15);border-bottom-left-radius:4px}.bubble-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.75;margin-bottom:.35rem}.bubble-text{margin:0;white-space:pre-wrap;word-break:break-word}.loading-bubble .typing{display:flex;gap:5px;padding:.35rem 0}.loading-bubble .dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:bounce 1.2s ease-in-out infinite}.loading-bubble .dot:nth-child(2){animation-delay:.15s}.loading-bubble .dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}.error-banner{margin:0 1rem;padding:.6rem .75rem;border-radius:8px;background:#ef444426;border:1px solid rgba(248,113,113,.35);color:#fecaca;font-size:.9rem}.composer{display:flex;gap:.6rem;align-items:flex-end;padding:.75rem;border-top:1px solid rgba(148,163,184,.12);background:#0f172aa6}.composer-input{flex:1;resize:none;min-height:44px;max-height:140px;padding:.65rem .85rem;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#1e293be6;color:#f1f5f9;font:inherit;line-height:1.4}.composer-input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.composer-input::placeholder{color:#64748b}.send-btn{flex-shrink:0;min-width:88px;height:44px;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;background:linear-gradient(135deg,#22d3ee,#6366f1);color:#0f172a;transition:transform .12s ease,opacity .12s ease}.send-btn:hover:not(:disabled){transform:translateY(-1px)}.send-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 520px){.header-title{font-size:1.1rem}.bubble{max-width:92%}}*,*:before,*:after{box-sizing:border-box}:root{--nathan-bg-deep: #0f172a;--nathan-bg-mid: #1e293b;--nathan-bg-gradient: linear-gradient( 160deg, var(--nathan-bg-deep) 0%, var(--nathan-bg-mid) 45%, var(--nathan-bg-deep) 100% );--nathan-chat-surface: rgb(30, 41, 59)}html{height:100%;width:100%;margin:0;background-color:var(--nathan-bg-deep);background-image:var(--nathan-bg-gradient);overflow:hidden}body{height:100%;width:100%;margin:0;display:flex;flex-direction:column;min-height:0;overflow:hidden;font-family:DM Sans,system-ui,sans-serif;background-color:var(--nathan-bg-deep);background-image:var(--nathan-bg-gradient);color:#e2e8f0;-webkit-font-smoothing:antialiased}#root{flex:1;min-height:0;display:flex;flex-direction:column;width:100%}