:root{--color-page: #004B50;--color-accent1: #00d68d;--color-accent2: #d9b3fc}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.msg{display:flex;flex-direction:column;max-width:80%}.msg-bot{align-self:flex-start}.msg-user{align-self:flex-end}.msg-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#fff6;margin-bottom:7px}.msg-user .msg-label{text-align:right}.msg-user .msg-bubble{padding:13px 18px;border-radius:13px 13px 2px;background:#ffffff26;color:#fff;font-family:DM Sans,sans-serif;font-size:15px;line-height:1.6}.msg-bot .msg-bubble{color:#ffffffe6;font-family:DM Sans,sans-serif;font-size:15px;line-height:1.6;display:flex;gap:11px;align-items:flex-start}.msg-prefix{font-family:DM Mono,monospace;font-size:15px;color:var(--color-accent1);flex-shrink:0;line-height:1.6;-webkit-user-select:none;user-select:none}.msg-text{flex:1}.msg-text p+p{margin-top:7px}.msg-text ul{padding-left:20px;margin:4px 0}.msg-text li{margin-bottom:3px}.msg-text a{color:var(--color-accent1);text-decoration:underline}.msg-error .msg-bubble,.msg-error .msg-prefix{color:#ffa0a0e6}.loading-dots{display:inline-flex;gap:5px;align-items:center}.loading-dots span{width:6px;height:6px;border-radius:50%;background:var(--color-accent1);animation:dot-bounce 1.2s infinite ease-in-out}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.welcome-pitto{width:53px;height:53px;object-fit:contain}.welcome-greeting{font-family:DM Mono,monospace;font-size:22px;color:#ffffffb3;line-height:1.2}.greeting-word{color:var(--color-accent1)}.greeting-cursor{display:inline-block;color:var(--color-accent1);animation:blink-cursor .8s step-end infinite;margin-left:1px}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.welcome-question{font-family:DM Sans,sans-serif;font-weight:700;font-size:26px;color:#fff;line-height:1.25}.welcome-subtitle{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;line-height:1.6}.send-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:background .15s,transform .1s}.send-btn:active{transform:scale(.96)}.send-btn:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.send-icon{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}html,body,#root{height:100%;overflow:hidden}body{display:flex;flex-direction:column;background:var(--color-page);font-family:DM Sans,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}.page-layout{display:flex;flex-direction:column;height:100%}.app-header{display:none}.header-pitto{width:26px;height:26px;object-fit:contain;flex-shrink:0}.header-name{font-family:DM Mono,monospace;font-size:14px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#fffc}.page-layout .chat-engine{flex:1;display:flex;flex-direction:column;min-height:0}.page-layout .main-area{flex:1;position:relative;overflow:hidden;min-height:0}.page-layout .welcome-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,transform .3s ease}.page-layout .welcome-screen.hiding{opacity:0;transform:translateY(-22px);pointer-events:none}.page-layout .welcome-body{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:0 35px;max-width:616px}.page-layout .welcome-qr-area{display:none}.page-layout .chat-area{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:26px 22% 18px;display:flex;flex-direction:column;gap:18px;opacity:0;pointer-events:none;transition:opacity .3s ease;scroll-behavior:smooth}.page-layout .chat-area.visible{opacity:1;pointer-events:auto}.page-layout .chat-area::-webkit-scrollbar{width:4px}.page-layout .chat-area::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.page-layout .bottom-container{flex-shrink:0;display:flex;flex-direction:column;gap:13px;padding:0 22% 53px}.page-layout .chat-footer{text-align:center;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.06em;color:#ffffff59;margin-top:4px}.page-layout .chat-footer a{color:#ffffff73;text-decoration:none;transition:color .15s}.page-layout .chat-footer a:hover{color:#ffffffbf}.page-layout .quick-replies-row{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-height:132px;overflow:hidden;opacity:1;transition:max-height .3s ease,opacity .25s ease,margin-bottom .3s ease}.page-layout .quick-replies-row.hidden{max-height:0;opacity:0;margin-bottom:-13px;pointer-events:none}.quick-reply-btn{display:inline-flex;align-items:center;padding:9px 18px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-family:DM Mono,monospace;font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#fff;cursor:pointer;transition:background .18s;white-space:nowrap}.quick-reply-btn:hover{background:#ffffff1a}.quick-reply-btn:focus-visible{outline:2px solid var(--color-accent1);outline-offset:2px}.page-layout .input-notch{display:flex;align-items:center;gap:11px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:13px 13px 13px 22px;min-height:62px}.page-layout .chat-input{flex:1;background:transparent;border:none;outline:none;font-family:DM Mono,monospace;font-size:15px;color:#fff;resize:none;min-height:26px;max-height:132px;line-height:1.5}.page-layout .chat-input::placeholder{color:#fff6}.page-layout .send-btn{width:44px;height:44px;border-radius:11px;background:var(--color-accent1)}.page-layout .send-btn:hover:not(:disabled){background:#00f0a0}.page-layout .send-btn:disabled{opacity:.45;cursor:default}.page-layout .send-icon{width:20px;height:20px}@media (max-width: 600px){.page-layout .bottom-container{padding:0 18px 26px}.page-layout .chat-area{padding:26px 18px 18px}.quick-reply-btn{font-size:10px;padding:8px 13px}.msg{max-width:90%}}