html,body{height:100%}.chat-shell{display:flex;flex-direction:column;height:calc(100dvh - 62px);max-width:780px;margin:0 auto;padding:0 1rem}.chat-shell.empty{justify-content:center}.chat-shell.empty .messages,.chat-shell.chatting .greeting,.chat-shell.chatting .chips{display:none}.chat-shell.chatting .composer-block{padding-bottom:.75rem}.greeting{text-align:center;margin-bottom:2rem}.greeting-mark{width:56px;height:56px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;background:#dffe68;border:2px solid #1a1a1a;border-radius:14px;font-size:1.15rem;font-weight:800;box-shadow:4px 4px #1a1a1a}.messages{flex:1;overflow-y:auto;padding:1.5rem .25rem;display:flex;flex-direction:column;gap:1.1rem;scroll-behavior:smooth}.composer-block{flex-shrink:0;padding:.5rem 0 1rem}.composer{display:flex;align-items:flex-end;gap:.6rem;background:#fff;border:2px solid #1a1a1a;border-radius:16px;box-shadow:4px 4px #1a1a1a;padding:.6rem .6rem .6rem 1.1rem;transition:box-shadow .15s}.composer:focus-within{box-shadow:4px 4px #1a1a1a,0 0 0 3px #dffe68}.composer-input{flex:1;resize:none;border:none;outline:none;font-size:1rem;line-height:1.45;padding:.45rem 0;max-height:160px;background:transparent}.composer-input::placeholder{color:#9a9a9a}.composer-send{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#dffe68;border:2px solid #1a1a1a;border-radius:11px;transition:all .15s}.composer-send:hover{background:#c8e85c}.composer-send:disabled{opacity:.4;pointer-events:none}.chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.chip{text-align:left;background:#fff;border:2px solid #1a1a1a;border-radius:10px;padding:.45rem .75rem;font-size:.78rem;font-weight:600;box-shadow:2px 2px #1a1a1a;transition:all .15s}.chip:hover{background:#dffe68;transform:translate(-1px,-1px);box-shadow:3px 3px #1a1a1a}.chip-label{display:block;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#6b6b6b}.disclosure{font-size:.7rem;color:#9a9a9a;text-align:center;margin-top:.7rem}.disclosure a{text-decoration:underline;font-weight:600}.newchat-link{text-decoration:underline;font-weight:600;color:#6b6b6b}.newchat-link:hover{color:#1a1a1a}.msg-user{display:flex;justify-content:flex-end;animation:msg-in .25s ease both}.msg-assistant{display:flex;align-items:flex-start;gap:.65rem;animation:msg-in .25s ease both}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.avatar-42{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#dffe68;border:2px solid #1a1a1a;border-radius:8px;font-size:.65rem;font-weight:800;box-shadow:2px 2px #1a1a1a;margin-top:2px}.msg-bubble-user{max-width:85%;background:#33a96a;color:#fff;padding:.7rem 1rem;border-radius:14px 14px 3px;font-size:.95rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.msg-bubble-assistant{max-width:100%;font-size:.98rem;line-height:1.65;color:#1a1a1a;padding-top:.15rem;overflow-wrap:break-word}.msg-bubble-assistant.streaming:after{content:"▋";animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.msg-bubble-error{background:#fef2f2;border:2px solid #EF4444;border-radius:12px;padding:.7rem 1rem;color:#991b1b}.msg-bubble-assistant h1,.msg-bubble-assistant h2,.msg-bubble-assistant h3{font-weight:800;letter-spacing:-.01em;margin:.8rem 0 .35rem;font-size:1.02rem}.msg-bubble-assistant p{margin:.45rem 0}.msg-bubble-assistant p:first-child{margin-top:0}.msg-bubble-assistant ul,.msg-bubble-assistant ol{margin:.45rem 0 .45rem 1.3rem}.msg-bubble-assistant ul{list-style:disc}.msg-bubble-assistant ol{list-style:decimal}.msg-bubble-assistant li{margin:.2rem 0}.msg-bubble-assistant a{text-decoration:underline;font-weight:600}.msg-bubble-assistant code{background:#f5f5f5;padding:.1rem .3rem;border-radius:4px;font-size:.85em}.msg-bubble-assistant strong{font-weight:700}.typing-dots span{display:inline-block;width:6px;height:6px;margin-right:4px;background:#1a1a1a;border-radius:50%;animation:typing-bounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.capture-card{background:#dffe68;border:2px solid #1a1a1a;border-radius:14px;box-shadow:3px 3px #1a1a1a;padding:1rem 1.1rem;margin-left:2.6rem;max-width:480px;animation:msg-in .3s ease both}.capture-card-label{display:block;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.2rem}.capture-card p{font-size:.88rem;font-weight:600;margin-bottom:.6rem;line-height:1.4}.capture-form{display:flex;gap:.5rem}.capture-form input{flex:1;min-width:0;padding:.55rem .8rem;border:2px solid #1a1a1a;border-radius:8px;font-size:.85rem;background:#fff}.capture-form input:focus{outline:none;box-shadow:0 0 0 3px #1a1a1a26}.capture-form button{padding:.55rem 1rem;background:#1a1a1a;color:#fff;font-size:.82rem;font-weight:700;border-radius:8px;white-space:nowrap}.capture-form button:hover{background:#333}.capture-form button:disabled{opacity:.6;pointer-events:none}.capture-error{font-size:.75rem;color:#991b1b;font-weight:600;margin-top:.4rem}.followups{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding-left:2.6rem;animation:msg-in .3s ease both}.followup-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#9a9a9a;margin-right:.15rem}.followup-chip{padding:.35rem .75rem;background:#fff;border:2px solid #1a1a1a;border-radius:9999px;font-size:.76rem;font-weight:600;color:#1a1a1a;box-shadow:2px 2px #1a1a1a;transition:all .15s;cursor:pointer}.followup-chip:hover{background:#dffe68;transform:translate(-1px,-1px);box-shadow:3px 3px #1a1a1a}@media(max-width:640px){.chat-shell{height:calc(100dvh - 58px)}.capture-card{margin-left:0}.chips{gap:.4rem}.followups{padding-left:0}}