:root{--bg: #07070C;--surface: #0B0D14;--text: #F4F1E8;--text-dim: #A8A6B5;--text-muted: #6B6A7A;--line: rgba(35,38,54,.6);--line-strong: rgba(70,75,95,.7);--accent: #5BC5C5;--accent-hover: #6DD0D0;--font-display: "Fraunces", serif;--font-body: "Inter", sans-serif;--font-tech: "JetBrains Mono", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wa{--bg: #0B141A;--header: #202C33;--input-bg: #2A3942;--bubble-them: #202C33;--bubble-me: #134D54;--accent: #5BC5C5;--accent-deep: #3A9595;--whatsapp-green: #25D366;--whatsapp-green-deep: #1DA851;--text: #E9EDEF;--text-dim: #8696A0;--text-very-dim: #667781;--tick-blue: #53BDEB;position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;overflow:hidden}.wa__header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--header);border-bottom:1px solid rgba(134,150,160,.1);position:relative;z-index:5;min-height:60px}.wa__back{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);transition:background .15s ease,color .15s ease;flex-shrink:0;margin:-2px 0 -2px -4px}.wa__back:hover{background:#8696a01f;color:var(--text)}.wa__avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#5bc5c538,#3a959552);border:1px solid rgba(91,197,197,.45);overflow:hidden;position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:0 0 #5bc5c500;transition:box-shadow .4s ease,transform .3s ease}.wa__avatar:hover{box-shadow:0 0 0 3px #5bc5c52e;transform:scale(1.05)}.wa__avatar svg{filter:drop-shadow(0 0 6px rgba(91,197,197,.4))}.wa__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.2}.wa__name{font-size:16px;font-weight:500;color:var(--text);letter-spacing:-.005em}.wa__status{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-dim);font-weight:400}.wa__status-dot{width:7px;height:7px;border-radius:50%;background:var(--whatsapp-green);box-shadow:0 0 #25d36680;animation:wa-pulse 2.6s cubic-bezier(.4,0,.6,1) infinite;flex-shrink:0}@keyframes wa-pulse{0%,to{box-shadow:0 0 #25d36680}50%{box-shadow:0 0 0 6px #25d36600}}.wa__menu{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;flex-shrink:0;margin:-2px -4px -2px 0}.wa__menu:hover{background:#8696a01f;color:var(--text)}.wa__messages{overflow-y:auto;overflow-x:hidden;padding:14px 5% 12px;display:flex;flex-direction:column;gap:2px;scroll-behavior:smooth;background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23E9EDEF' stroke-width='0.7' opacity='0.035'%3E%3Ccircle cx='28' cy='28' r='4.5'/%3E%3Ccircle cx='28' cy='28' r='9'/%3E%3Cpath d='M125 38l3 0 1-4 5 0 1 4 3 0 2 3-2 3 0 4 2 3-2 3-3 0-1 4-5 0-1-4-3 0-2-3 2-3 0-4-2-3z'/%3E%3Cpath d='M73 73l-7 0 0 24 7 0M101 73l7 0 0 24-7 0'/%3E%3Cpath d='M28 130l11-9 11 9M39 121l0-8'/%3E%3Ccircle cx='28' cy='130' r='2.2' fill='%23E9EDEF'/%3E%3Ccircle cx='50' cy='130' r='2.2' fill='%23E9EDEF'/%3E%3Ccircle cx='39' cy='121' r='2.2' fill='%23E9EDEF'/%3E%3Ccircle cx='39' cy='113' r='2.2' fill='%23E9EDEF'/%3E%3Crect x='118' y='115' width='22' height='22' rx='2.5'/%3E%3Cpath d='M114 120l4 0M114 126l4 0M114 132l4 0M140 120l4 0M140 126l4 0M140 132l4 0M123 111l0 4M129 111l0 4M135 111l0 4M123 137l0 4M129 137l0 4M135 137l0 4'/%3E%3C/g%3E%3Cg fill='%23E9EDEF' opacity='0.04' font-family='ui-monospace, Menlo, monospace' font-size='6.5'%3E%3Ctext x='80' y='30'%3EAI%3C/text%3E%3Ctext x='15' y='160'%3E%7B01%7D%3C/text%3E%3Ctext x='90' y='165' font-size='5.5'%3E%3E_%3C/text%3E%3Ctext x='150' y='75' font-size='5.5'%3Eapi%3C/text%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat}.wa__messages::-webkit-scrollbar{width:8px}.wa__messages::-webkit-scrollbar-thumb{background:#8696a033;border-radius:4px}.wa__messages::-webkit-scrollbar-track{background:transparent}.wa__date{display:flex;justify-content:center;margin:8px 0 14px;position:sticky;top:4px;z-index:1;pointer-events:none}.wa__date span{padding:5px 12px;background:#1b2831f2;border-radius:8px;font-size:12.5px;color:var(--text-dim);font-weight:400;box-shadow:0 1px .5px #0b141a21}.wa-msg{display:flex;max-width:100%;margin-bottom:2px;animation:wa-msg-in .25s ease-out}@keyframes wa-msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wa-msg--them{justify-content:flex-start}.wa-msg--me{justify-content:flex-end}.wa-msg+.wa-msg{margin-top:0}.wa-msg--them+.wa-msg--me,.wa-msg--me+.wa-msg--them{margin-top:8px}.wa-bubble{max-width:78%;padding:6px 9px 8px;border-radius:7.5px;box-shadow:0 1px .5px #0b141a21;position:relative;word-wrap:break-word;word-break:break-word}.wa-bubble--them{background:var(--bubble-them);border-top-left-radius:0}.wa-bubble--me{background:var(--bubble-me);border-top-right-radius:0}.wa-bubble__text{font-size:14.2px;line-height:19px;color:var(--text);white-space:pre-wrap;padding-right:56px;min-height:19px}.wa-bubble--me .wa-bubble__text{padding-right:68px}.wa-bubble__meta{position:absolute;right:9px;bottom:5px;display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#e9edef99;line-height:14px;user-select:none;pointer-events:none}.wa-bubble--me .wa-bubble__meta{color:#e9edefa6}.wa-bubble__tick{display:inline-block;width:16px;height:11px;margin-left:1px;color:var(--tick-blue)}.wa-bubble__tick svg{display:block}.wa-bubble--typing{display:inline-flex;gap:5px;padding:14px 12px!important;min-width:56px;align-items:center}.wa-bubble--typing>span{width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.55;animation:wa-typing 1.4s ease-in-out infinite}.wa-bubble--typing>span:nth-child(2){animation-delay:.2s}.wa-bubble--typing>span:nth-child(3){animation-delay:.4s}@keyframes wa-typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.wa-handoff{display:flex;justify-content:center;margin:14px 0 8px;animation:wa-msg-in .35s ease-out}.wa-handoff__card{width:min(90%,380px);padding:14px 16px;background:linear-gradient(135deg,#25d36624,#25d3660d);border:1px solid rgba(37,211,102,.3);border-radius:12px;display:grid;gap:10px;box-shadow:0 1px .5px #0b141a21}.wa-handoff__title{font-size:13.5px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:7px}.wa-handoff__title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--whatsapp-green);flex-shrink:0;box-shadow:0 0 0 3px #25d3662e}.wa-handoff__desc{font-size:13px;line-height:1.45;color:var(--text-dim)}.wa-handoff__btn{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 14px;background:var(--whatsapp-green);color:#07070c;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s ease,transform .2s ease}.wa-handoff__btn:hover{background:var(--whatsapp-green-deep);transform:translateY(-1px)}.wa__inputbar{display:flex;align-items:flex-end;padding:8px 14px max(8px,env(safe-area-inset-bottom)) 14px;background:var(--header);position:relative;z-index:5;border-top:1px solid rgba(134,150,160,.06)}.wa__form{display:flex;align-items:flex-end;gap:8px;flex:1;min-width:0}.wa__inputwrap{flex:1;min-width:0;background:var(--input-bg);border-radius:22px;display:flex;align-items:center;min-height:42px;transition:border-color .2s ease;border:1px solid transparent}.wa__inputwrap:focus-within{border-color:#5bc5c566}.wa__textarea{width:100%;padding:10px 16px 11px;background:transparent;border:none;outline:none;resize:none;color:var(--text);font-family:inherit;font-size:15px;line-height:19px;max-height:120px;min-height:22px;overflow-y:auto;caret-color:var(--accent)}.wa__textarea::placeholder{color:var(--text-very-dim)}.wa__textarea::-webkit-scrollbar{width:4px}.wa__textarea::-webkit-scrollbar-thumb{background:#8696a033;border-radius:2px}.wa__send{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#052020;border:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease;cursor:pointer;box-shadow:0 1px 3px #5bc5c559}.wa__send:hover:not(:disabled){background:var(--accent-deep);box-shadow:0 2px 6px #5bc5c580;color:#fff;transform:translateY(-1px)}.wa__send:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}@media(max-width:600px){.wa__header{padding:8px 12px;gap:10px;min-height:56px}.wa__avatar{width:40px;height:40px}.wa__name{font-size:15.5px}.wa__status{font-size:12px}.wa__messages{padding:12px 12px 8px}.wa-bubble{max-width:85%}.wa__inputbar{padding-left:10px;padding-right:10px}}@media(prefers-reduced-motion:reduce){.wa-msg,.wa-handoff{animation:none}.wa__status-dot,.wa-bubble--typing>span{animation:none}.wa__back,.wa__menu,.wa__send{transition:none}}