.chat-page{--chat-control:3.5rem;height:100vh;background-color:var(--bg-color);flex-direction:column;align-items:center;height:100dvh;padding:0;display:flex;overflow-x:hidden;overflow-y:auto}.chat-header,.chat-notice,.chat-suggestions,.chat-window,.chat-input-area{box-sizing:border-box;width:100%;max-width:65ch;padding-left:var(--space-4);padding-right:var(--space-4);margin:0 auto}.chat-header{padding-top:var(--space-4);padding-bottom:var(--space-1);justify-content:space-between;align-items:flex-start;gap:var(--space-2);z-index:10;flex-shrink:0;display:flex;position:relative}.chat-header h1{font-family:var(--font-heading);margin:0 0 var(--space-1);font-size:2rem;font-weight:700;line-height:2.5rem}.chat-header .back-link{margin-bottom:var(--space-1);gap:var(--space-0-5);font-size:.875rem;font-weight:600;line-height:1.25rem}.chat-header .theme-toggle{width:var(--control-size);height:var(--control-size);flex-shrink:0}.chat-status{color:var(--color-primary-600);align-items:center;gap:var(--space-1);box-sizing:border-box;min-height:2rem;padding:var(--space-0-5) var(--space-2);background:var(--availability-bg);border:1px solid var(--availability-border);border-radius:var(--radius-full);width:-webkit-fit-content;width:fit-content;font-size:.875rem;font-weight:700;line-height:1.25rem;display:inline-flex}.chat-status:before{content:"";width:var(--space-1);height:var(--space-1);background-color:var(--accent-color);border-radius:50%;display:block}@media (prefers-reduced-motion:no-preference){.chat-status:before{animation:2s infinite pulse}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-color)}70%{box-shadow:0 0 0 var(--space-1) transparent}to{box-shadow:0 0 #0000}}.chat-notice{padding-top:var(--space-1);flex-shrink:0}.chat-notice p{padding:var(--space-1) var(--space-2);color:var(--text-color);background-color:var(--badge-bg);border-left:var(--border-thick) solid var(--accent-color);border-radius:var(--radius-xs);margin:0;font-size:.875rem;line-height:1.25rem}.chat-suggestions{gap:var(--space-1-5);padding-top:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}.suggestion-btn{min-height:2.5rem;font-family:var(--font-tech);padding:var(--space-1) var(--space-1-5);background-color:var(--badge-bg);border-radius:var(--radius-pill);color:var(--text-color);cursor:pointer;border:0;align-items:center;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:background-color .2s,color .2s;display:inline-flex}.suggestion-btn:hover{background-color:var(--accent-color);color:var(--text-inverted)}@media (pointer:coarse){.suggestion-btn{min-height:3rem}}.chat-window{min-height:9rem;padding-top:var(--space-3);padding-bottom:var(--space-3);gap:var(--space-3);scroll-behavior:smooth;flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.chat-window:focus-visible{outline:2px solid var(--focus-color);outline-offset:-2px}.message{flex-direction:column;max-width:80%;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end}.message.bot{align-self:flex-start}.message-bubble{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);word-wrap:break-word;font-size:1rem;line-height:1.5}.message.user .message-bubble{background-color:var(--accent-color);color:var(--text-inverted);border-bottom-right-radius:var(--radius-xs)}.message.bot .message-bubble{background-color:var(--badge-bg);color:var(--text-color);border-bottom-left-radius:var(--radius-xs)}.message.bot .message-bubble strong{color:var(--text-color);font-weight:700}.message-time{color:var(--text-muted);margin-top:var(--space-0-5);align-self:flex-end;font-size:.75rem;line-height:1rem}.message.bot .message-time{align-self:flex-start}.chat-input-area{padding-top:var(--space-3);padding-bottom:var(--space-3);border-top:1px solid var(--border-subtle);gap:var(--space-2);flex-shrink:0;align-items:flex-end;display:flex}.chat-input-wrapper{flex-grow:1;position:relative}.chat-input{box-sizing:border-box;background-color:var(--bg-color);width:100%;box-shadow:inset 0 0 0 1px var(--border-color);color:var(--text-color);font-family:var(--font-main);padding:var(--space-2);border-radius:var(--radius-md);resize:none;min-height:var(--chat-control);border:0;outline:none;max-height:8rem;font-size:1rem;line-height:1.5;transition:box-shadow .2s;display:block}.chat-input:focus{box-shadow:inset 0 0 0 1px var(--accent-color), 0 0 0 3px color-mix(in oklch, var(--accent-color) 15%, var(--bg-color))}.chat-input:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{background-color:var(--accent-color);color:var(--text-inverted);width:var(--chat-control);height:var(--chat-control);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.chat-send-btn:hover:not(:disabled){background-color:var(--accent-hover);transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--border-color)}.chat-send-btn svg{width:var(--space-3);height:var(--space-3);fill:currentColor;margin-left:var(--space-0-5)}.typing-indicator{gap:var(--space-0-5);padding:var(--space-1-5) var(--space-2);align-items:center;display:flex}.typing-dot{width:var(--space-1);height:var(--space-1);background-color:var(--text-muted);border-radius:50%;animation:1.4s ease-in-out infinite both typing}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@media (min-width:769px){.chat-header h1{font-size:2.5rem;line-height:3rem}}@media (max-width:768px){.chat-header,.chat-notice,.chat-suggestions,.chat-window,.chat-input-area{padding-left:var(--space-3);padding-right:var(--space-3)}.chat-header{padding-top:var(--space-3)}.message{max-width:90%}.settings-toggle{display:none}}@media (max-height:700px){.chat-header{padding-top:var(--space-2)}.chat-header h1{margin-bottom:var(--space-0-5);font-size:1.75rem;line-height:2rem}.chat-header .back-link{margin-bottom:0}.chat-notice{padding-top:var(--space-0-5)}.chat-notice p{padding:var(--space-0-5) var(--space-1-5)}.chat-suggestions{padding-top:var(--space-1);gap:var(--space-1)}.chat-input-area{padding-top:var(--space-2);padding-bottom:var(--space-2)}}