.chatbox{width:100%;max-width:480px}.chatbox--minimal{flex-direction:column;gap:1.5rem;display:flex}.chatbox-message-area{color:#0009;text-align:center;min-height:1.5em;font-size:1rem}.chatbox-thinking{align-items:center;gap:4px;display:inline-flex}.chatbox-thinking span{background:var(--gradient-accent-soft);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite thinkingBounce}.chatbox-thinking span:first-child{animation-delay:0s}.chatbox-thinking span:nth-child(2){animation-delay:.2s}.chatbox-thinking span:nth-child(3){animation-delay:.4s}@keyframes thinkingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.typewriter-cursor{vertical-align:text-bottom;background:#0006;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite cursorBlink;display:inline-block}.chatbox-input-area{flex-direction:column;gap:.75rem;transition:opacity .5s;display:flex}.chatbox-input-wrapper{position:relative}.chatbox-input{letter-spacing:-.01em;color:#000;caret-color:#0000;text-align:center;background:0 0;border:none;outline:none;width:100%;padding:0;font-family:inherit;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;line-height:1.4}.chatbox-input::placeholder{color:#0000}.chatbox-input:focus{caret-color:#6366f1}.chatbox-placeholder{letter-spacing:-.01em;color:#00000059;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;gap:0;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;line-height:1.4;display:flex;position:absolute;top:0;left:0;right:0}.chatbox-cursor{background:#6366f1;border-radius:2px;flex-shrink:0;width:3px;height:1.4em;margin-right:8px;animation:.8s ease-in-out infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.chatbox-hint-wrapper{min-height:1.5rem;margin-top:.75rem}.chatbox-hint{color:#0006;opacity:0;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;transition:all .3s;display:flex;transform:translateY(-5px)}.chatbox-hint.visible{opacity:1;transform:translateY(0)}.chatbox-hint kbd{background:#0000000d;border:1px solid #0000001a;border-radius:4px;justify-content:center;align-items:center;padding:.2rem .4rem;font-family:inherit;font-size:.75rem;display:inline-flex}.chatbox-details-form{justify-content:center;gap:.75rem;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chatbox-details-form input{color:#000;background:#fffc;border:1px solid #0000001a;border-radius:8px;outline:none;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.chatbox-details-form input::placeholder{color:#0006}.chatbox-details-form input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.chatbox-details-form button{color:#fff;background:var(--gradient-accent-soft);cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s}.chatbox-details-form button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.chatbox-reset-btn{color:#00000080;cursor:pointer;background:0 0;border:1px solid #0000001f;border-radius:6px;align-self:center;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;transition:all .2s;animation:.3s fadeIn}.chatbox-reset-btn:hover{color:#000;border-color:#00000040}.chatbox-error{color:#dc2626;text-align:center;width:100%;padding:.5rem;font-size:.8rem;animation:.3s fadeIn}.chatbox-details-form input:disabled,.chatbox-details-form button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:900px){.chatbox{max-width:100%}.chatbox-message-area{text-align:center}.chatbox-placeholder{justify-content:center;left:0;right:0}.chatbox-input{text-align:center}.chatbox-hint{justify-content:center}.chatbox-details-form{flex-direction:column}.chatbox-reset-btn{align-self:center}}@media (max-width:600px){.chatbox-input,.chatbox-placeholder{font-size:1.25rem}.chatbox-details-form input,.chatbox-details-form button{padding:.875rem 1rem}}