:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0c0a09;color:#fafaf9}.chat-root{display:flex;flex-direction:column;height:100vh;max-width:560px;margin:0 auto;padding:0 1rem}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:.5rem}.tea-icon{font-size:1.5rem}.chat-header h1{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fbbf24,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-subtitle{font-size:.7rem;color:#fff6;text-align:right}.chat-messages{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column;gap:.35rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.chat-empty{margin:auto;text-align:center;color:#ffffff4d}.chat-empty p{margin:0;font-size:1.1rem}.chat-empty-sub{margin-top:.25rem;font-size:.8rem!important}.chat-message{display:flex;align-items:baseline;gap:.5rem;padding:.3rem .6rem;border-radius:.5rem;transition:opacity .3s ease;background:#ffffff05}.chat-message:hover{background:#ffffff0d}.chat-name{font-weight:600;font-size:.8rem;white-space:nowrap;flex-shrink:0}.chat-text{font-size:.9rem;color:#ffffffd9;word-break:break-word}.chat-timer{margin-left:auto;font-size:.65rem;color:#fff3;font-variant-numeric:tabular-nums;flex-shrink:0}.chat-input-bar{display:flex;gap:.5rem;padding:.75rem 0 1.25rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.chat-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.6rem .85rem;color:#fafaf9;font-size:.9rem;outline:none;font-family:inherit;transition:border-color .2s}.chat-input::placeholder{color:#ffffff40}.chat-input:focus{border-color:#fbbf2466}.chat-send{background:linear-gradient(135deg,#fbbf24,#f472b6);color:#0c0a09;font-weight:700;border:none;border-radius:.5rem;padding:.6rem 1.2rem;font-size:.85rem;cursor:pointer;transition:opacity .2s;font-family:inherit}.chat-send:disabled{opacity:.3;cursor:default}.chat-send:not(:disabled):hover{opacity:.85}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}