#core-launcher{
position:fixed;
right:18px;
bottom:18px;
width:60px;
height:60px;
border-radius:50%;
border:none;
background:linear-gradient(180deg,#d4af37,#b28d2c);
color:white;
font-weight:800;
cursor:pointer;
box-shadow:0 10px 24px rgba(0,0,0,.25);
z-index:9999;
}
#core-panel{
position:fixed;
right:20px;
bottom:90px;
width:340px;
background:#ffffff;
border:1px solid #e4e8ef;
border-radius:16px;
box-shadow:0 12px 28px rgba(0,0,0,.18);
display:none;
z-index:9998;
overflow:hidden;
}
#core-panel.open{display:block}
#core-panel .panel-header{
background:#2f3e55;
color:white;
padding:10px 14px;
font-weight:700;
display:flex;
justify-content:space-between;
align-items:center;
}
#core-panel .close{
cursor:pointer;
font-size:16px;
font-weight:bold;
}
#core-panel .panel-body{
padding:14px;
}
#core-panel .top-row{
display:flex;
gap:10px;
align-items:center;
}
#core-panel .meters{
width:90px;
display:flex;
flex-direction:column;
gap:6px;
}
#core-panel .track{
height:8px;
background:#e5e9f0;
border-radius:999px;
overflow:hidden;
}
#core-panel .fill{height:100%; transition: width .35s ease;}
#core-panel .green{background:#7fb37d}
#core-panel .blue{background:#5a8fcb}
#core-panel .amber{background:#caa455}
#core-panel .search{
flex:1;
padding:10px;
border-radius:10px;
border:1px solid #d8dee8;
font-size:14px;
}
#core-panel .response{
margin-top:12px;
font-size:14px;
color:#2a3442;
line-height:1.45;
}
#core-panel .answeractions{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:10px;
}
#core-panel .go{
display:inline-block;
text-decoration:none;
background:#f7f9fc;
border:1px solid #d8dee8;
color:#223246;
padding:8px 10px;
border-radius:10px;
font-size:12px;
font-weight:700;
}
#core-panel .footer{
margin-top:8px;
font-size:11px;
color:#6c7a8c;
}


/* movable floating CORE panel */
#core-panel{
  cursor:default;
}
#core-panel .panel-header{
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  touch-action:none;
}
#core-panel .panel-header:active{
  cursor:grabbing;
}


#core-launcher{
font-size:14px;
}
#core-launcher.core-pulse{
animation: corePulse 2.2s ease-in-out infinite;
}
@keyframes corePulse{
0%{box-shadow:0 12px 28px rgba(0,0,0,.28), 0 0 0 0 rgba(212,175,55,.40)}
70%{box-shadow:0 12px 28px rgba(0,0,0,.28), 0 0 0 16px rgba(212,175,55,0)}
100%{box-shadow:0 12px 28px rgba(0,0,0,.28), 0 0 0 0 rgba(212,175,55,0)}
}
#core-hint{
position:fixed;
right:24px;
bottom:208px;
max-width:240px;
background:#ffffff;
border:1px solid #e4e8ef;
border-radius:14px;
box-shadow:0 12px 28px rgba(0,0,0,.18);
padding:12px 14px;
font-size:13px;
line-height:1.4;
color:#223246;
z-index:9997;
display:none;
}
#core-hint.show{display:block; animation: coreHintIn .25s ease-out;}
#core-hint:after{
content:"";
position:absolute;
right:26px;
bottom:-10px;
width:18px;
height:18px;
background:#ffffff;
border-right:1px solid #e4e8ef;
border-bottom:1px solid #e4e8ef;
transform:rotate(45deg);
}
#core-hint .hint-title{
font-weight:800;
margin-bottom:4px;
}
#core-hint .hint-close{
position:absolute;
top:8px;
right:10px;
cursor:pointer;
font-weight:700;
font-size:12px;
color:#6c7a8c;
}
@keyframes coreHintIn{
from{opacity:0; transform:translateY(8px)}
to{opacity:1; transform:translateY(0)}
}
#core-panel .suggestion-label{
margin-top:10px;
font-size:11px;
font-weight:700;
letter-spacing:.04em;
text-transform:uppercase;
color:#6c7a8c;
}
#core-panel .suggestions{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:8px;
}
#core-panel .suggestion-chip{
display:inline-block;
text-decoration:none;
background:#fff7df;
border:1px solid #ead38b;
color:#5a4720;
padding:7px 10px;
border-radius:999px;
font-size:12px;
font-weight:700;
}
@media (max-width: 899px){
  #core-hint{display:none !important;}
}