:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;min-height:100vh;margin:0}#app{position:relative}.widget-launcher{color:#fff;cursor:pointer;z-index:9999;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #00000026}.widget-launcher:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000040}.badge{color:#fff;background:#f44;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;animation:2s infinite pulse;display:flex;position:absolute;top:-5px;right:-5px}.badge.hidden{display:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.widget-container{z-index:9998;background:#fff;border-radius:12px;flex-direction:column;width:400px;height:550px;animation:.3s slideUp;display:flex;position:fixed;bottom:100px;right:20px;overflow:hidden;box-shadow:0 5px 40px #00000029}.widget-container.hidden{display:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.widget-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.widget-header>div{flex-direction:column;gap:2px;display:flex}.widget-header h3{margin:0;font-size:18px;font-weight:600}.widget-header .status{opacity:.9;font-size:12px;font-weight:400}.widget-header button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;transition:background .2s;display:flex}.widget-header button:hover{background:#fff3}.message-preview{z-index:9997;cursor:pointer;opacity:0;background:#fff;border-radius:12px;width:320px;padding:16px;transition:all .3s;position:fixed;bottom:100px;right:20px;transform:translateY(20px);box-shadow:0 5px 40px #00000029}.message-preview.show{opacity:1;transform:translateY(0)}.message-preview:hover{transform:translateY(-2px);box-shadow:0 8px 50px #0003}.preview-content strong{color:#333;margin-bottom:6px;font-size:14px;display:block}.preview-content p{color:#666;margin:0;font-size:14px;line-height:1.4}@media (max-width:480px){.widget-container{width:calc(100vw - 20px);height:calc(100vh - 120px);bottom:90px;right:10px}.message-preview{width:calc(100vw - 40px);right:20px}}