.dermatrix-widget{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;bottom:20px;right:20px;z-index:99999}.dermatrix-chat-button{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;border:none;cursor:pointer;font-size:24px;box-shadow:0 4px 20px #1e3a5f66;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.dermatrix-btn-logo{width:100%;height:100%;object-fit:cover}.dermatrix-chat-button:active{transform:scale(.9)}.dermatrix-chat-button:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 8px 30px #1e3a5f80}.dermatrix-chat-button-active{background:#fff;color:#1e3a5f;border:2px solid #1e3a5f;transform:rotate(90deg)!important}.dermatrix-button-attention{animation:attention-hop 2s infinite ease-in-out}@keyframes attention-hop{0%,to{transform:scale(1)}50%{transform:scale(1.1) translateY(-5px)}}.dermatrix-button-ping{position:absolute;top:0;right:0;width:14px;height:14px;background:#10b981;border-radius:50%;border:2px solid white;z-index:10;box-shadow:0 0 #10b98166;animation:ping-pulse 2s infinite}@keyframes ping-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.dermatrix-greeting-bubble{position:absolute;bottom:80px;right:0;background:#fff;padding:12px 18px;border-radius:18px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;gap:12px;width:max-content;max-width:260px;cursor:pointer;animation:bubble-pop .5s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(0,0,0,.05)}@keyframes bubble-pop{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.greeting-content{display:flex;align-items:center;gap:8px}.greeting-sparkle{font-size:16px}.dermatrix-greeting-bubble p{margin:0;font-size:13px;font-weight:600;color:#1e293b}.greeting-close{background:transparent;border:none;color:#94a3b8;font-size:12px;cursor:pointer;padding:4px;margin-left:4px;transition:color .2s}.greeting-close:hover{color:#1e293b}.dermatrix-greeting-bubble.has-social{right:75px;bottom:8px}.dermatrix-chat-window{position:absolute;bottom:80px;right:0;width:380px;height:600px;background:#fff;border-radius:20px;box-shadow:0 12px 48px #00000026;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(0,0,0,.05);animation:slide-up .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dermatrix-chat-header{background:linear-gradient(135deg,#1e3a5f,#0f172a);color:#fff;padding:18px 20px;display:flex;align-items:center;gap:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a}.dermatrix-header-avatar{width:46px;height:46px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.dermatrix-header-avatar img{width:100%;height:100%;object-fit:cover}.dermatrix-header-avatar-emoji{font-size:24px}.dermatrix-header-info{flex:1}.dermatrix-header-title{font-weight:700;font-size:16px;margin:0;letter-spacing:-.01em}.dermatrix-header-status{font-size:12px;opacity:.9;display:flex;align-items:center;gap:6px;margin-top:2px}.dermatrix-status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.dermatrix-header-actions{display:flex;gap:6px}.dermatrix-header-btn{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .2s}.dermatrix-header-btn:hover{background:#ffffff40}.dermatrix-menu-container{position:relative}.dermatrix-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;width:220px;padding:8px;z-index:1000;display:flex;flex-direction:column;gap:4px;animation:menu-fade-in .2s ease-out;border:1px solid rgba(0,0,0,.05)}@keyframes menu-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dermatrix-dropdown-menu button{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;width:100%;text-align:left;border-radius:8px;color:#1e293b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.dermatrix-dropdown-menu button:hover{background:#f1f5f9;color:#1e3a5f}.menu-icon{font-size:16px;filter:grayscale(.2)}.dermatrix-chat-body{flex:1;overflow-y:auto;padding:16px;background:#f5f5f5}.dermatrix-messages{display:flex;flex-direction:column;gap:16px}.dermatrix-message{display:flex;flex-direction:column}.dermatrix-message-bot{align-items:flex-start}.dermatrix-message-user{align-items:flex-end}.dermatrix-message-row{display:flex;align-items:flex-end;gap:8px;max-width:85%}.dermatrix-message-user .dermatrix-message-row{flex-direction:row-reverse}.dermatrix-message-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#1e3a5f,#2d5a87);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;flex-shrink:0;overflow:hidden}.dermatrix-msg-avatar-img{width:100%;height:100%;object-fit:cover}.dermatrix-message-user .dermatrix-message-avatar{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.dermatrix-message-content{display:flex;flex-direction:column;gap:4px}.dermatrix-message-sender{font-size:11px;color:#888;margin-left:4px;display:flex;align-items:center;gap:6px}.dermatrix-message-bubble{padding:12px 18px;border-radius:20px;font-size:14px;line-height:1.6;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.dermatrix-message-bot .dermatrix-message-bubble{background:#f1f5f9;color:#1e293b;border-bottom-left-radius:4px}.dermatrix-message-user .dermatrix-message-bubble{background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;border-bottom-right-radius:4px}.dermatrix-message-time{font-size:10px;color:#999;margin-top:4px;display:flex;align-items:center;gap:4px}.dermatrix-message-bot .dermatrix-message-time{margin-left:4px}.dermatrix-message-user .dermatrix-message-time{justify-content:flex-end;margin-right:4px}.dermatrix-button-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-left:36px}.dermatrix-option-btn{padding:10px 20px;background:#fff;border:1.5px solid #e0e0e0;border-radius:20px;cursor:pointer;font-size:14px;color:#333;transition:all .2s;box-shadow:0 1px 3px #0000000d}.dermatrix-option-btn:hover:not(:disabled){border-color:#1e3a5f;color:#1e3a5f;background:#f0f7ff;transform:translateY(-1px)}.dermatrix-option-btn:disabled{opacity:.5;cursor:not-allowed}.dermatrix-chat-footer{padding:12px 16px;background:#fff;border-top:1px solid #e5e7eb}.dermatrix-input-area{display:flex;align-items:center;gap:10px;background:#f5f5f5;border-radius:25px;padding:6px 6px 6px 16px}.dermatrix-text-input{flex:1;border:none;background:transparent;font-size:14px;outline:none;padding:8px 0}.dermatrix-text-input::placeholder{color:#999}.dermatrix-send-btn{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .2s;flex-shrink:0}.dermatrix-send-btn:hover:not(:disabled){transform:scale(1.05)}.dermatrix-send-btn:disabled{opacity:.5;cursor:not-allowed}.dermatrix-contact-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000014;margin-left:36px;margin-top:12px}.dermatrix-contact-header{text-align:center;margin-bottom:16px}.dermatrix-contact-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.dermatrix-contact-subtitle{font-size:13px;color:#6b7280;margin:0}.dermatrix-contact-form{display:flex;flex-direction:column;gap:12px}.dermatrix-field-wrapper{display:flex;align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;padding:4px 12px;transition:border-color .2s}.dermatrix-field-wrapper:focus-within{border-color:#1e3a5f}.dermatrix-field-icon{font-size:16px;margin-right:10px;opacity:.6}.dermatrix-country-code{display:flex;align-items:center;gap:4px;padding-right:10px;border-right:1px solid #e5e7eb;margin-right:10px}.dermatrix-flag{font-size:16px}.dermatrix-code{font-size:13px;color:#374151;font-weight:500}.dermatrix-dropdown{font-size:8px;color:#9ca3af}.dermatrix-contact-input{flex:1;border:none;background:transparent;font-size:14px;padding:10px 0;outline:none;color:#1f2937}.dermatrix-contact-input::placeholder{color:#9ca3af}.dermatrix-contact-submit{padding:12px 20px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:4px}.dermatrix-contact-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1e3a5f4d}.dermatrix-contact-submit:disabled{opacity:.5;cursor:not-allowed}.dermatrix-contact-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:500;margin-top:-4px;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.dermatrix-picker-container{padding:0 12px;margin:8px 0}.dermatrix-date-picker{background:#fff;border-radius:16px;padding:16px;margin:12px 0;box-shadow:0 2px 8px #00000014}.dermatrix-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dermatrix-calendar-title{font-size:15px;font-weight:600;color:#1f2937}.dermatrix-calendar-nav{background:none;border:none;font-size:24px;color:#1e3a5f;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.dermatrix-calendar-nav:hover:not(:disabled){background:#f3f4f6}.dermatrix-calendar-nav:disabled{opacity:.3;cursor:not-allowed}.dermatrix-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.dermatrix-calendar-weekday{text-align:center;font-size:11px;font-weight:600;color:#6b7280;padding:4px 0}.dermatrix-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.dermatrix-calendar-day{aspect-ratio:1;border:none;background:#f9fafb;border-radius:8px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.dermatrix-calendar-day.empty{background:transparent;pointer-events:none}.dermatrix-calendar-day:hover:not(.disabled):not(.empty){background:#e0e7ff;color:#1e3a5f}.dermatrix-calendar-day.selected{background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;font-weight:600}.dermatrix-calendar-day.disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}.dermatrix-calendar-note{margin-top:12px;padding:8px;background:#fef3c7;border-radius:8px;font-size:11px;color:#92400e;text-align:center}.dermatrix-timeslot-picker{background:#fff;border-radius:16px;padding:16px;margin:12px 0;box-shadow:0 2px 8px #00000014}.dermatrix-timeslot-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.dermatrix-timeslot-icon{font-size:20px}.dermatrix-timeslot-subtitle{font-size:14px;font-weight:600;color:#374151}.dermatrix-timeslot-group{margin-bottom:16px}.dermatrix-timeslot-group:last-child{margin-bottom:0}.dermatrix-timeslot-group-title{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.dermatrix-timeslot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dermatrix-timeslot-btn{padding:10px;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.dermatrix-timeslot-btn:hover:not(:disabled){background:#e0e7ff;border-color:#1e3a5f;color:#1e3a5f}.dermatrix-timeslot-btn.selected{background:linear-gradient(135deg,#1e3a5f,#2d5a87);border-color:#1e3a5f;color:#fff;font-weight:600}.dermatrix-timeslot-btn:disabled{opacity:.5;cursor:not-allowed}.dermatrix-timeslot-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:12px}.dermatrix-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#1e3a5f;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dermatrix-timeslot-loading p{font-size:13px;color:#6b7280;margin:0}.dermatrix-timeslot-error{padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;text-align:center}.dermatrix-input-form{display:flex;flex-direction:column;gap:10px}.dermatrix-input-field{padding:12px 16px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff}.dermatrix-input-field:focus{border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.dermatrix-submit-btn{padding:14px 20px;background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.dermatrix-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1e3a5f4d}.dermatrix-submit-btn:disabled{opacity:.5;cursor:not-allowed}.dermatrix-typing{display:flex;flex-direction:column;gap:4px;margin-top:12px}.dermatrix-typing-label{font-size:12px;color:#666;margin-left:4px}.dermatrix-typing-indicator{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-radius:18px 18px 18px 6px;box-shadow:0 1px 2px #00000014;width:fit-content}.dermatrix-typing-text{font-size:13px;color:#666}.dermatrix-typing-dots{display:flex;gap:3px}.dermatrix-typing-dot{width:6px;height:6px;background:#1e3a5f;border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out both}.dermatrix-typing-dot:nth-child(1){animation-delay:-.32s}.dermatrix-typing-dot:nth-child(2){animation-delay:-.16s}.dermatrix-typing-dot:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.dermatrix-loading{display:flex;align-items:flex-start;gap:8px;margin-left:36px}.dermatrix-loading-bubble{display:flex;align-items:center;gap:4px;padding:14px 18px;background:#fff;border-radius:18px 18px 18px 6px;box-shadow:0 1px 2px #00000014}.dermatrix-loading-dot{width:8px;height:8px;background:#1e3a5f;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dermatrix-loading-dot:nth-child(1){animation-delay:-.32s}.dermatrix-loading-dot:nth-child(2){animation-delay:-.16s}.dermatrix-loading-dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.dermatrix-inactivity-warning{background:#fff;border-radius:18px 18px 18px 6px;padding:14px 16px;margin-top:12px;margin-left:36px;box-shadow:0 1px 2px #00000014;max-width:85%}.dermatrix-inactivity-warning p{margin:0;color:#374151;font-size:14px;line-height:1.5}.dermatrix-inactivity-buttons{display:none}.dermatrix-restart-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.dermatrix-restart-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.dermatrix-powered-by{text-align:center;padding:8px;font-size:11px;color:#999;background:#fafafa}.dermatrix-social-stack{display:flex;flex-direction:column-reverse;align-items:center;gap:12px;margin-bottom:15px;animation:fade-in-up .3s ease-out;position:absolute;bottom:90px;right:8px;z-index:1000}.dermatrix-social-icon{width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:transform .2s,box-shadow .2s;cursor:pointer;text-decoration:none}.dermatrix-social-icon:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.dermatrix-social-icon svg{width:24px;height:24px;display:block}@media (max-width: 768px){.dermatrix-chat-window{width:calc(100vw - 60px);max-width:420px;height:580px;right:10px;bottom:75px}.dermatrix-greeting-bubble{max-width:220px;font-size:12px;bottom:75px}.dermatrix-button-group{padding-left:0}.dermatrix-contact-card{margin-left:0}}.mobile-only{display:none}@media (max-width: 480px){.mobile-only{display:flex}.dermatrix-widget{bottom:10px;right:10px}.dermatrix-chat-button{width:56px;height:56px;font-size:22px}.dermatrix-chat-window{width:90vw;max-width:400px;height:75vh;max-height:550px;bottom:80px;right:10px;left:auto;top:auto;border-radius:20px;position:fixed;transition:all .3s ease}.dermatrix-greeting-bubble{max-width:calc(100vw - 90px);bottom:70px;right:10px;padding:10px 14px}.dermatrix-greeting-bubble p{font-size:12px}.dermatrix-chat-header{padding:14px 16px}.dermatrix-header-avatar{width:40px;height:40px}.dermatrix-header-title{font-size:15px}.dermatrix-header-status{font-size:11px}.dermatrix-chat-body{padding:12px}.dermatrix-message-row{max-width:90%}.dermatrix-message-bubble{padding:10px 14px;font-size:13px}.dermatrix-button-group{padding-left:0;gap:6px}.dermatrix-option-btn{padding:9px 16px;font-size:13px;width:100%}.dermatrix-contact-card{margin-left:0;padding:16px}.dermatrix-contact-title{font-size:15px}.dermatrix-contact-subtitle{font-size:12px}.dermatrix-contact-input{font-size:13px}.dermatrix-chat-footer{padding:10px 12px}.dermatrix-text-input{font-size:13px}.dermatrix-send-btn{width:36px;height:36px;font-size:15px}.dermatrix-dropdown-menu{width:200px;right:-10px}.dermatrix-inactivity-warning{margin-left:0;font-size:13px}.dermatrix-typing,.dermatrix-loading{margin-left:0}}@media (max-width: 360px){.dermatrix-chat-button{width:52px;height:52px;font-size:20px}.dermatrix-chat-header{padding:12px}.dermatrix-header-avatar{width:36px;height:36px}.dermatrix-header-title{font-size:14px}.dermatrix-message-bubble{font-size:12px;padding:8px 12px}.dermatrix-option-btn{padding:8px 14px;font-size:12px}.dermatrix-contact-card{padding:14px}}@media (max-width: 768px) and (orientation: landscape){.dermatrix-chat-window{height:90vh;width:60vw;max-width:500px;bottom:10px;right:10px;border-radius:16px}.dermatrix-chat-body{max-height:calc(90vh - 160px)}}@media (hover: none) and (pointer: coarse){.dermatrix-chat-button,.dermatrix-option-btn,.dermatrix-header-btn,.dermatrix-send-btn,.dermatrix-contact-submit,.dermatrix-submit-btn,.dermatrix-restart-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dermatrix-option-btn{min-height:44px}.dermatrix-header-btn{min-width:44px;min-height:44px}}