.chat-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#faf3e7e0;border-bottom:1px solid #372a1d12;flex:none;justify-content:space-between;align-items:center;height:64px;padding:0 26px;display:flex}.brand{font-family:var(--font-display);color:var(--color-ink);align-items:center;gap:10px;font-size:21px;font-weight:600;display:flex}.brand svg{width:34px;height:34px}.bar-right{align-items:center;gap:14px;display:flex}.ghost{color:var(--color-ink-soft);cursor:pointer;background:0 0;border:1px solid #372a1d1f;border-radius:99px;align-items:center;gap:7px;padding:7px 14px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.ghost svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:15px;height:15px}.me-av{color:#7a5a30;background:#e4d2b0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.conv{flex:1;position:relative;overflow-y:auto}.col{flex-direction:column;gap:26px;max-width:680px;margin:0 auto;padding:38px 24px 28px;display:flex}.daymark{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-faint);margin-bottom:2px;font-size:12px}.cmsg{align-items:flex-start;gap:13px;display:flex}.cmsg .cav{background:#dd7e50;border-radius:50%;flex:none;width:38px;height:38px;overflow:hidden}.cmsg .cav svg{width:100%;height:100%;display:block}.anneo .stack{flex-direction:column;gap:8px;display:flex}.anneo .body{background:var(--color-paper);font-family:var(--font-voice);color:var(--color-ink);border:1px solid #372a1d0d;border-radius:20px 20px 20px 7px;max-width:92%;padding:14px 18px;font-size:16.5px;line-height:1.62;box-shadow:0 2px 10px #7850280d}.usr{justify-content:flex-end}.usr .body{background:var(--color-clay);color:#fff;border-radius:20px 20px 7px;max-width:78%;padding:12px 17px;font-size:15.5px;line-height:1.55;box-shadow:0 3px 10px #c9683e38}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:100%;padding:40px 24px;display:flex}.empty .empty-mark{width:92px;height:92px;margin-bottom:18px}.empty h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);font-size:clamp(24px,3.4vw,32px);font-weight:500;line-height:1.18}.empty p{font-family:var(--font-voice);color:var(--color-ink-soft);max-width:24em;margin-top:10px;font-size:17px}.starters{flex-wrap:wrap;justify-content:center;gap:10px;max-width:520px;margin-top:30px;display:flex}.starter{font-family:var(--font-voice);color:var(--color-ink-soft);background:var(--color-paper);cursor:pointer;border:1px solid #372a1d1a;border-radius:99px;padding:10px 18px;font-size:15px;transition:border-color .2s,color .2s,transform .15s}.starter:hover{border-color:var(--color-clay);color:var(--color-clay-deep);transform:translateY(-1px)}.typing{gap:5px;padding:16px 18px;display:inline-flex}.typing span{background:var(--color-clay-soft);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typing-bob}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes typing-bob{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.typing span{animation:none}}.composer-wrap{flex:none;padding:14px 24px 20px;position:relative}.composer-wrap:before{content:"";background:linear-gradient(to top, var(--color-cream), transparent);pointer-events:none;height:36px;position:absolute;top:-36px;left:0;right:0}.composer{background:var(--color-paper);border:1.5px solid #e8d8be;border-radius:24px;align-items:center;gap:12px;max-width:680px;margin:0 auto;padding:9px 9px 9px 20px;display:flex;box-shadow:0 4px 16px #78502814}.composer input{font-family:var(--font-ui);color:var(--color-ink);background:0 0;border:none;outline:none;flex:1;font-size:15.5px}.composer input::placeholder{color:var(--color-ink-faint)}.send{background:var(--color-clay);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #c9683e52}.send:disabled{opacity:.4;cursor:default;box-shadow:none}.send svg{stroke:#fff;fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.hint{text-align:center;max-width:680px;color:var(--color-ink-faint);margin:9px auto 0;font-size:11.5px}.hint svg{vertical-align:-1px;width:11px;height:11px;margin-right:3px}