#dude-fab{position:fixed;right:20px;bottom:20px;z-index:9999;width:68px;height:68px;border-radius:50%;border:3px solid #FFEA00;background:linear-gradient(135deg,#FF6B35,#e02a06);color:#fff;font:28px/1 sans-serif;cursor:pointer;box-shadow:0 0 0 4px #003B4D,6px 6px 0 4px #00E5C0;-webkit-tap-highlight-color:transparent}
#dude-fab span{position:absolute;top:-10px;left:-14px;background:#00E5C0;color:#003B4D;font:700 13px/1 'Bebas',Impact,sans-serif;letter-spacing:1px;padding:4px 7px;border-radius:4px;transform:rotate(-8deg)}
#dude-box{position:fixed;right:20px;bottom:100px;z-index:9999;width:370px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 130px);display:none;-webkit-flex-direction:column;flex-direction:column;background:#F4D9B9;border:3px solid #003B4D;border-radius:18px;box-shadow:8px 8px 0 #FF6B35;overflow:hidden;font:15px/1.4 'Inter',-apple-system,system-ui,sans-serif;color:#003B4D}
#dude-box.open{display:-webkit-flex;display:flex}
.dude-hd{background:repeating-linear-gradient(90deg,#003B4D 0 14px,#00475c 14px 28px);color:#fff;padding:12px 14px;display:flex;align-items:center;gap:10px;border-bottom:4px solid #FFEA00}
.dude-hd b{font:400 26px/1 'Bebas',Impact,sans-serif;letter-spacing:2px;color:#FFEA00;text-shadow:2px 2px 0 #e02a06}
.dude-hd small{display:block;font-size:11px;color:#00E5C0;letter-spacing:1px;text-transform:uppercase}
.dude-hd button{margin-left:auto;background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
.dude-av{width:40px;height:40px;border-radius:50%;background:#FF6B35;display:flex;align-items:center;justify-content:center;font-size:22px;border:2px solid #FFEA00}
#dude-log{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;display:flex;flex-direction:column;gap:8px}
.dm{max-width:85%;padding:9px 12px;border-radius:14px;white-space:pre-wrap;word-wrap:break-word}
.dm.b{background:#fff;border:2px solid #003B4D;border-bottom-left-radius:3px;align-self:flex-start}
.dm.u{background:#003B4D;color:#fff;border-bottom-right-radius:3px;align-self:flex-end}
.dm.t{opacity:.6;font-style:italic}
.dude-chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 8px}
.dude-chips button{border:2px solid #003B4D;background:#00E5C0;color:#003B4D;border-radius:999px;padding:4px 10px;font:600 12px 'Inter',sans-serif;cursor:pointer}
#dude-cart{background:#003B4D;color:#fff;padding:8px 12px;font-size:13px;display:none}
#dude-cart.on{display:block}
#dude-cart .tot{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-weight:700;color:#FFEA00}
#dude-cart .tot button{background:#FF6B35;color:#fff;border:2px solid #FFEA00;border-radius:8px;padding:6px 10px;font:400 17px/1 'Bebas',Impact,sans-serif;letter-spacing:1px;cursor:pointer}
#dude-send{display:none;padding:10px 12px;background:#fff;border-top:3px dashed #FF6B35;gap:6px;flex-direction:column}
#dude-send.on{display:flex}
#dude-send input,#dude-send select,.dude-in input{font-size:16px;padding:8px 10px;border:2px solid #003B4D;border-radius:10px;background:#fff;color:#003B4D;-webkit-appearance:none;appearance:none}
#dude-send button{background:#e02a06;color:#fff;border:0;border-radius:10px;padding:10px;font:400 20px/1 'Bebas',Impact,sans-serif;letter-spacing:1px;cursor:pointer}
.dude-in{display:flex;gap:6px;padding:10px 12px;border-top:2px solid #003B4D;background:#F4D9B9}
.dude-in input{flex:1;min-width:0}
.dude-in button{background:#FF6B35;color:#fff;border:2px solid #003B4D;border-radius:10px;padding:0 14px;font:400 18px 'Bebas',Impact,sans-serif;cursor:pointer}
.dude-demo{font-size:10px;text-align:center;padding:3px;background:#FFEA00;color:#003B4D;letter-spacing:.5px}
@media (max-width:480px){#dude-box{right:8px;left:8px;width:auto;bottom:92px;height:calc(100vh - 110px);max-height:none}#dude-fab{right:14px;bottom:14px}}