.atm-app{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:34rem;margin-inline:auto;position:relative;background:var(--color-bg)}.atm-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);padding-top:max(var(--space-md),env(safe-area-inset-top));flex:0 0 auto;border-bottom:1px solid var(--color-border-subtle)}.atm-header-brand{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-accent);letter-spacing:.3px;background:none;border:0;padding:0;cursor:pointer;text-align:start}.atm-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.atm-newchat{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-pill-bg);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.atm-newchat:hover{background:var(--color-pill-hover)}.atm-lang{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-pill);overflow:hidden;background:var(--color-pill-bg)}.atm-lang button{appearance:none;border:0;background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);padding:.35rem .75rem;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.atm-lang button[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.atm-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.atm-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:var(--space-xl)}.atm-hero-image-wrap{position:relative;width:100%;height:42dvh;max-height:26rem;overflow:hidden}.atm-hero-image{position:absolute;inset:0;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top center}.atm-hero-fade{position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(to bottom,transparent,var(--color-bg));pointer-events:none}.atm-hero-body{display:flex;flex-direction:column;align-items:center;padding-inline:var(--space-xl);margin-top:calc(-1 * var(--space-sm));width:100%}.atm-wordmark{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--color-accent);letter-spacing:.5px;margin:0}.atm-divider{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-md) 0}.atm-divider-line{width:44px;height:1px;background:var(--color-accent-dim);opacity:.7}.atm-diamond{width:8px;height:8px;background:var(--color-accent);transform:rotate(45deg)}.atm-greeting-top{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.atm-greeting-bottom{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-accent);margin-top:var(--space-xs)}.atm-pills{margin-top:var(--space-xl);width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.atm-pill{background:var(--color-pill-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-md) var(--space-lg);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.atm-pill:hover{background:var(--color-pill-hover)}.atm-hero-links{margin-top:var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.atm-hero-link{color:var(--color-accent-dim);font-size:var(--text-sm);text-decoration:none}.atm-hero-link:hover{color:var(--color-accent)}.atm-hero-link-muted{color:var(--color-text-muted);font-size:var(--text-xs)}.atm-hero-link-muted:hover{color:var(--color-text-secondary)}.atm-messages{display:flex;flex-direction:column;padding:var(--space-lg);gap:var(--space-md)}.atm-row{display:flex;align-items:flex-end;gap:var(--space-xs);max-width:88%}.atm-row-user{align-self:flex-end;flex-direction:row-reverse}.atm-row-assistant{align-self:flex-start}.atm-row-crisis{align-self:stretch;max-width:100%}.atm-avatar{flex:0 0 auto;font-size:1.1rem;line-height:1;margin-bottom:2px;user-select:none}.atm-bubble{padding:.625rem var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-base);line-height:var(--leading-normal);white-space:pre-wrap;word-break:break-word}.atm-bubble-user{background:var(--color-user-bubble);border-bottom-right-radius:var(--radius-sm)}.atm-bubble-assistant{background:var(--color-assistant-bubble);border-bottom-left-radius:var(--radius-sm)}.atm-bubble-error{background:var(--color-error-bubble);color:var(--color-error-text)}.atm-citation{margin-top:var(--space-sm);font-size:var(--text-xs);font-style:italic;color:var(--color-citation)}.atm-speak{display:inline-flex;align-items:center;gap:.3rem;margin-top:var(--space-sm);padding:.15rem .5rem;background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.atm-speak:hover{color:var(--color-text-secondary);border-color:var(--color-border)}.atm-speak[data-speaking=true]{color:var(--color-accent);border-color:var(--color-border)}.atm-crisis{width:100%;background:var(--color-crisis-bubble);border:1px solid var(--color-crisis-border);border-left-width:3px;border-radius:var(--radius-md);padding:var(--space-lg);color:var(--color-crisis-text);font-size:var(--text-base);line-height:var(--leading-relaxed)}.atm-crisis-head{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-family:var(--font-serif);color:var(--color-crisis-border)}.atm-crisis-icon{font-size:1.2rem}.atm-thinking{display:inline-flex;align-items:center;gap:.3rem;padding:.75rem var(--space-md)}.atm-thinking span{width:.4rem;height:.4rem;border-radius:50%;background:var(--color-accent);opacity:.5;animation:atm-bounce 1.2s var(--ease-out) infinite}.atm-thinking span:nth-child(2){animation-delay:.15s}.atm-thinking span:nth-child(3){animation-delay:.3s}@keyframes atm-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.atm-thinking span{animation:none}}.atm-inputbar{flex:0 0 auto;display:flex;align-items:flex-end;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);padding-bottom:max(var(--space-sm),env(safe-area-inset-bottom));border-top:1px solid var(--color-border-subtle);background:var(--color-bg)}.atm-mic{flex:0 0 auto;width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);border:0;background:var(--color-accent);color:var(--color-on-accent);font-size:1.1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative}.atm-mic[data-listening=true]{background:var(--color-accent-dim)}.atm-mic:disabled{background:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed}.atm-textarea{flex:1 1 auto;min-height:2.75rem;max-height:7.5rem;resize:none;padding:.625rem var(--space-md);background:var(--color-input-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-base);line-height:var(--leading-normal)}.atm-textarea::placeholder{color:var(--color-text-muted)}.atm-send{flex:0 0 auto;width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);border:0;background:var(--color-accent);color:var(--color-on-accent);font-size:1.1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.atm-send:disabled{background:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed}.atm-notice{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;background:var(--color-bg-elevated);border-top:1px solid var(--color-border-subtle)}.atm-notice-dismiss{flex:0 0 auto;background:transparent;border:0;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);line-height:1;padding:.15rem .3rem}.atm-notice-dismiss:hover{color:var(--color-text-secondary)}@media(min-width:640px){.atm-app{max-width:40rem;border-inline:1px solid var(--color-border-subtle)}.atm-hero-image-wrap{height:20rem}}@media(min-width:1024px){.atm-app{max-width:44rem}}body.app-body{overflow:hidden}body.app-body #main{height:100dvh}