.lobster-wrapper{max-width:var(--width-content);margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;height:calc(100vh - 64px);height:calc(100dvh - 64px)}.lobster-messages{flex:1;overflow-y:auto;padding:.5rem 0;display:flex;flex-direction:column;gap:1rem;min-height:0;scroll-behavior:smooth}.lobster-input-wrap{flex-shrink:0;padding:.5rem 0 1rem;background:var(--color-bg)}@media(max-width:639px){.lobster-wrapper{height:calc(100vh - 48px);height:calc(100dvh - 48px)}.lobster-input-wrap{padding:.375rem 0 .625rem}}@media(min-width:640px){.lobster-wrapper{padding:0 1.5rem}}.suggestions-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:0}.suggest-btn{font-size:12px;padding:.4rem .875rem;border-radius:9999px;border:1px solid var(--color-border);color:var(--color-text-secondary);background:transparent;cursor:pointer;transition:all .15s}.suggest-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.lobster-input-bar{display:flex;align-items:center;gap:.5rem;background:var(--color-surface);border-radius:18px;padding:.625rem .75rem .625rem 1rem;border:1px solid var(--color-border);transition:border-color .15s}.lobster-input-bar:focus-within{border-color:var(--color-text-tertiary)}.lobster-input{flex:1;background:transparent;outline:none;font-size:14px;color:var(--color-text-primary);font-family:inherit}@media(min-width:640px){.lobster-input{font-size:15px}}.lobster-input::placeholder{color:var(--color-text-tertiary)}.lobster-send-btn{flex-shrink:0;padding:.375rem;border-radius:9999px;color:var(--color-text-secondary);transition:background .15s;cursor:pointer;background:transparent;border:none}.lobster-send-btn:hover:not(:disabled){background:var(--color-border)}.lobster-send-btn:disabled{opacity:.3;pointer-events:none}.msg-row{display:flex;gap:.625rem;align-items:flex-start;animation:msgFadeIn .25s ease-out}.msg-row-user{flex-direction:row-reverse}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px}.msg-avatar-user{background:var(--color-text-primary);color:var(--color-bg);font-size:12px;font-weight:600}.msg-avatar-bot{background:var(--color-surface);border:1px solid var(--color-border)}@media(min-width:640px){.msg-avatar{width:32px;height:32px;font-size:16px}.msg-avatar-user{font-size:13px}}.msg-body{max-width:85%;min-width:0}@media(min-width:640px){.msg-body{max-width:80%}}.msg-name{font-size:11px;color:var(--color-text-tertiary);margin-bottom:2px;font-weight:500}.msg-row-user .msg-name{text-align:right}@media(min-width:640px){.msg-name{font-size:12px;margin-bottom:3px}}.msg-bubble{padding:8px 12px;font-size:14px;line-height:1.7;color:var(--color-text-primary);word-break:break-word}@media(min-width:640px){.msg-bubble{padding:10px 14px;font-size:15px}}.msg-bubble-user{background:var(--color-surface);border-radius:18px 18px 4px}.msg-bubble-bot{background:var(--color-bg);border:1px solid var(--color-border);border-radius:18px 18px 18px 4px}.typing-dots{display:flex;align-items:center;gap:4px;padding:4px 0}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--color-text-tertiary);animation:dotBounce 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.cursor{display:inline-block;width:2px;height:1em;background:var(--color-text-tertiary);margin-left:2px;animation:blink .8s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.msg-content p{margin-bottom:.4em}.msg-content p:last-child{margin-bottom:0}.msg-content h3{font-size:.95em;font-weight:600;margin:.75em 0 .3em}.msg-content h3:first-child{margin-top:0}.msg-content h4{font-size:.9em;font-weight:600;margin:.6em 0 .2em}.msg-content a{color:var(--color-text-primary);text-decoration:underline;text-decoration-color:var(--color-text-tertiary);text-underline-offset:2px;transition:text-decoration-color .15s}.msg-content a:hover{text-decoration-color:var(--color-text-primary)}.msg-content a[href*="github.com"]:before{content:"↗ ";font-size:.8em}.msg-content code{font-family:var(--font-mono);font-size:.85em;background:var(--color-border);padding:.1em .35em;border-radius:4px}.msg-content strong{font-weight:600}.msg-content ul,.msg-content ol{padding-left:1.25em;margin:.25em 0 .4em}.msg-content li{margin-bottom:.1em;line-height:1.6}.msg-content blockquote{border-left:3px solid var(--color-text-tertiary);padding-left:.75em;color:var(--color-text-secondary);font-style:italic;margin:.4em 0}.msg-content hr{border:none;border-top:1px solid var(--color-border);margin:.6em 0}.msg-error{text-align:center;font-size:13px;color:var(--color-text-tertiary);padding:8px 16px;background:var(--color-surface);border-radius:12px;animation:msgFadeIn .25s ease-out}
