*{box-sizing:border-box;margin:0;padding:0}body{background:#0f0f0f;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:DM Sans,sans-serif;display:flex}.bg-glow{pointer-events:none;z-index:0;background:linear-gradient(135deg,#ec48994d 0%,#fb923c40 25%,#facc1533 40%,#c4b5fd33 60%,#9333ea40 80%,#4f46e54d 100%);width:100%;height:100%;position:fixed;top:0;left:0}.wrap{z-index:1;width:100%;max-width:420px;position:relative}.brand{text-align:center;margin-bottom:28px}.brand-logo{align-items:center;gap:10px;margin-bottom:8px;display:inline-flex}.brand-dot{background:#c0392b;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-dot span{color:#fff;font-size:13px;font-weight:600}.brand-name{color:#fff;letter-spacing:.3px;font-size:22px;font-weight:600}.brand-sub{color:#ad9a9a;font-size:13px}.chat-shell{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:24px;overflow:hidden;box-shadow:0 32px 80px #0009}.chat-header{background:#161616;border-bottom:1px solid #222;align-items:center;gap:12px;padding:14px 18px;display:flex}.av{color:#fff;background:#c0392b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:600;display:flex}.hinfo{flex:1}.hname{color:#fff;font-size:14px;font-weight:500}.hstatus{color:#27ae60;align-items:center;gap:4px;margin-top:1px;font-size:11px;display:flex}.hstatus:before{content:"";background:#27ae60;border-radius:50%;width:6px;height:6px;display:inline-block}.hbadge{color:#555;border:1px solid #2a2a2a;border-radius:8px;padding:3px 9px;font-size:13px}#chatbox{scrollbar-width:thin;scrollbar-color:#2a2a2a transparent;flex-direction:column;gap:6px;min-height:420px;max-height:440px;padding:14px;display:flex;overflow-y:auto}#chatbox::-webkit-scrollbar{width:3px}#chatbox::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.msg-wrap{animation:.2s both fadeUp;display:flex}.msg-wrap.out{justify-content:flex-end}.msg{white-space:pre-wrap;max-width:82%;padding:10px 14px;font-size:13.5px;line-height:1.55}.msg.bot{color:#e0e0e0;background:#232323;border-radius:4px 18px 18px}.msg.user{color:#fff;background:#c0392b;border-radius:18px 4px 18px 18px}.msg.sub{color:#555;background:0 0;border-left:2px solid #2a2a2a;border-radius:0;max-width:85%;padding:4px 10px;font-size:12px;font-style:italic}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.opts{flex-direction:column;gap:5px;animation:.2s .1s both fadeUp;display:flex}.opt{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:1px solid #2a2a2a;border-radius:14px;padding:9px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .15s}.opt:hover:not([disabled]){color:#fff;background:#232323;border-color:#3a3a3a}.opt[disabled]{opacity:.3;pointer-events:none}.opt-skip{color:#444;cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:11.5px;-webkit-text-decoration:underline #333;text-decoration:underline #333}.dots-wrap{animation:.15s both fadeUp;display:flex}.dots{background:#232323;border-radius:4px 18px 18px;gap:4px;padding:12px 16px;display:flex}.dots span{background:#444;border-radius:50%;width:6px;height:6px;animation:1s infinite bounce}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}.input-area{background:#161616;border-top:1px solid #222;padding:10px 12px;display:none}.input-row{align-items:center;gap:8px;display:flex}.input-row input{color:#e0e0e0;background:#232323;border:1px solid #2a2a2a;border-radius:18px;outline:none;flex:1;padding:9px 14px;font-size:13px}.input-row input:focus{border-color:#c0392b}.input-row input::placeholder{color:#444}.send-btn{cursor:pointer;background:#c0392b;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.send-btn svg{fill:#fff;width:16px;height:16px}.result-card{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:18px;width:100%;margin-top:4px;animation:.25s both fadeUp;overflow:hidden}.footer{text-align:center;margin-top:20px}.restart-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:20px;padding:7px 18px;font-size:12px}.restart-btn:hover{color:#888;border-color:#3a3a3a}.demo-badge{color:#2a2a2a;margin-top:10px;font-size:11px}@media (width<=460px){.wrap{max-width:100%}body{padding:12px}}input[type=date]{appearance:none;color:#e0e0e0;position:relative}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert();opacity:.6}input[type=date]::-webkit-datetime-edit{color:#e0e0e0}.input-row input:focus{border-color:#c0392b;box-shadow:0 0 0 2px #c0392b33}