@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=Jost:wght@300;400;500&display=swap");
.miya-widget-wrap { font-family: 'Jost', sans-serif; }
.miya-widget {
--purple:      #a43955;
--purple-hover:#8a2e45;
--purple-light:#fdf0f3;
--purple-mid:  #f5d0d9;
--bg:          #ffffff;
--surface:     #f9f9f9;
--border:      #e5e7eb;
--text:        #1a1a1a;
--muted:       #6b7280;
--radius:      16px;
width: 300px;
background: var(--bg);
border: 1px solid var(--border);
border-radius: var(--radius);
overflow: hidden;
box-shadow: 0 4px 20px rgba(164,57,85,.12), 0 1px 4px rgba(0,0,0,.08);
display: flex;
flex-direction: column;
height: 500px;
box-sizing: border-box;
}
.miya-widget *, .miya-widget *::before, .miya-widget *::after { box-sizing: border-box; margin: 0; padding: 0; } .miya-header {
padding: 12px 14px;
background: var(--purple);
display: flex;
align-items: center;
gap: 10px;
flex-shrink: 0;
}
.miya-avatar {
width: 38px; height: 38px;
border-radius: 50%;
background: rgba(255,255,255,.2);
display: flex; align-items: center; justify-content: center;
font-size: 18px; flex-shrink: 0;
border: 2px solid rgba(255,255,255,.35);
}
.miya-header-text { flex: 1; }
.miya-name {
font-family: 'Cormorant Garamond', serif;
font-size: 18px; font-weight: 600;
color: #fff; letter-spacing: .5px; line-height: 1;
}
.miya-status {
font-size: 10px; color: rgba(255,255,255,.75);
margin-top: 3px; display: flex; align-items: center; gap: 5px;
}
.status-dot {
width: 6px; height: 6px; border-radius: 50%;
background: #86efac; box-shadow: 0 0 5px #86efac;
animation: miya-blink 2s ease-in-out infinite;
display: inline-block; flex-shrink: 0;
}
@keyframes miya-blink { 0%,100%{opacity:1} 50%{opacity:.45} }
.miya-clear {
background: none; border: none; cursor: pointer;
color: rgba(255,255,255,.6); font-size: 14px; padding: 4px; line-height: 1;
transition: color .2s;
}
.miya-clear:hover { color: #fff; } .miya-messages {
flex: 1; overflow-y: auto;
padding: 12px 10px;
display: flex; flex-direction: column; gap: 8px;
scroll-behavior: smooth;
background: var(--surface);
}
.miya-messages::-webkit-scrollbar { width: 3px; }
.miya-messages::-webkit-scrollbar-thumb { background: var(--purple-mid); border-radius: 3px; }
.miya-msg {
display: flex; gap: 7px; align-items: flex-end;
animation: miya-fadeup .25s ease;
}
@keyframes miya-fadeup { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:none} }
.miya-msg.user { flex-direction: row-reverse; }
.miya-msg-avatar {
width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0;
display: flex; align-items: center; justify-content: center; font-size: 13px;
}
.miya-msg.bot  .miya-msg-avatar { background: var(--purple); color: #fff; }
.miya-msg.user .miya-msg-avatar { background: var(--purple-mid); }
.miya-msg-bubble {
max-width: 83%; padding: 8px 12px;
border-radius: var(--radius); font-size: 13px; line-height: 1.55; word-break: break-word;
}
.miya-msg.bot  .miya-msg-bubble { background: #f3f4f6; color: var(--text); border: 1px solid var(--border); border-bottom-left-radius: 4px; }
.miya-msg.user .miya-msg-bubble { background: var(--purple); color: #fff; border-bottom-right-radius: 4px; }
.miya-msg-bubble.error { color: #dc2626; font-size: 12px; font-style: italic; } .miya-typing { display: flex; gap: 4px; padding: 3px 0; }
.miya-typing span {
width: 6px; height: 6px; border-radius: 50%;
background: var(--purple);
animation: miya-dot 1.2s ease-in-out infinite;
}
.miya-typing span:nth-child(2){animation-delay:.2s}
.miya-typing span:nth-child(3){animation-delay:.4s}
@keyframes miya-dot { 0%,80%,100%{transform:translateY(0);opacity:.4} 40%{transform:translateY(-5px);opacity:1} } .quick-btns {
padding: 6px 10px 4px; display: flex; gap: 5px; flex-wrap: wrap;
background: var(--surface); border-top: 1px solid var(--border); flex-shrink: 0;
}
.quick-btn {
background: var(--purple-light); border: 1px solid var(--purple-mid);
border-radius: 20px; color: var(--purple);
font-family: 'Jost', sans-serif; font-size: 10px; font-weight: 500;
padding: 4px 10px; cursor: pointer; transition: all .18s; white-space: nowrap;
}
.quick-btn:hover { background: var(--purple); color: #fff; border-color: var(--purple); } .miya-input-area {
padding: 8px 10px 10px; border-top: 1px solid var(--border);
background: var(--bg); display: flex; gap: 7px; align-items: flex-end; flex-shrink: 0;
}
.miya-input-area textarea {
flex: 1; background: var(--surface); border: 1px solid var(--border);
border-radius: 12px; color: var(--text);
font-family: 'Jost', sans-serif; font-size: 13px;
padding: 8px 12px; resize: none; outline: none;
max-height: 90px; transition: border-color .2s, box-shadow .2s;
line-height: 1.4; overflow-y: auto;
}
.miya-input-area textarea::placeholder { color: var(--muted); }
.miya-input-area textarea:focus { border-color: var(--purple); box-shadow: 0 0 0 3px rgba(164,57,85,.1); }
.miya-send {
width: 36px; height: 36px; border-radius: 50%; border: none;
background: var(--purple); cursor: pointer;
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
transition: background .18s, transform .15s, box-shadow .2s;
box-shadow: 0 2px 8px rgba(164,57,85,.3);
}
.miya-send:hover { background: var(--purple-hover); transform: scale(1.06); box-shadow: 0 4px 14px rgba(164,57,85,.4); }
.miya-send:disabled { opacity: .4; cursor: default; transform: none; }
.miya-send svg { pointer-events: none; }.wp-polls-archive { }
.wp-polls, .wp-polls-form { }
.wp-polls ul li, .wp-polls-ul li, .wp-polls-ans ul li {
text-align: left;
background-image: none;
display: block;
}
.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul  {
text-align: left;
list-style: none;
float: none;
}
.wp-polls ul li:before, .wp-polls-ans ul li:before, #sidebar ul ul li:before {
content: '';
}
.wp-polls IMG, .wp-polls LABEL , .wp-polls INPUT, .wp-polls-loading IMG, .wp-polls-image IMG {
display: inline;
border: 0px;
padding: 0px;
margin: 0px;
}
.wp-polls-ul {
padding: 0px;
margin: 0px 0px 10px 10px;
}
.wp-polls-ans {
width:100%;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1; }
.wp-polls-loading {
display: none;
text-align: center;
height: 16px;
line-height: 16px;
}
.wp-polls-image {
border: 0px;
}
.wp-polls .Buttons {
border:1px solid #c8c8c8;
background-color: #f3f6f8;
} .wp-polls-paging a, .wp-polls-paging a:link {
padding: 2px 4px 2px 4px; 
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;	
}
.wp-polls-paging a:visited {
padding: 2px 4px 2px 4px; 
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;	
}
.wp-polls-paging a:hover {	
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}
.wp-polls-paging a:active {
padding: 2px 4px 2px 4px; 
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;	
}
.wp-polls-paging span.pages {
padding: 2px 4px 2px 4px; 
margin: 2px 2px 2px 2px;
color: #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
}
.wp-polls-paging span.current {
padding: 2px 4px 2px 4px; 
margin: 2px;
font-weight: bold;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}
.wp-polls-paging span.extend {
padding: 2px 4px 2px 4px; 
margin: 2px;	
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}