:root{
  --fpk-blue:#1559b6;
  --fpk-ink:#102a57;
  --fpk-paper:#fffdf7;
  --fpk-line:#d9e8ff;
  --fpk-orange:#ff8a1f;
  --fpk-shadow:0 18px 55px rgba(28,55,90,.24);
}
#fpk-foxy-launcher,#fpk-foxy-panel,#fpk-foxy-panel *{box-sizing:border-box}
#fpk-foxy-launcher{
  position:fixed;right:22px;bottom:22px;width:70px;height:70px;border:0;border-radius:50%;
  background:linear-gradient(145deg,#fff3df,#ffd1a1);
  box-shadow:0 12px 30px rgba(128,75,26,.28);cursor:pointer;z-index:2147483000;
  display:grid;place-items:center;transition:.18s transform ease,.18s box-shadow ease;padding:7px
}
#fpk-foxy-launcher:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 16px 36px rgba(128,75,26,.34)}
#fpk-foxy-launcher .fpk-foxy-icon{width:56px;height:56px;display:block;border-radius:50%;overflow:hidden;background:#fff}
#fpk-foxy-launcher .fpk-foxy-icon img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 26%;transform:scale(1.15)}
#fpk-foxy-launcher .fpk-foxy-help{
  position:absolute;right:-2px;top:-2px;width:22px;height:22px;background:#135fc3;color:#fff;border:3px solid #fff;border-radius:50%;
  display:grid;place-items:center;font:800 11px/1 Arial,sans-serif
}
#fpk-foxy-panel{
  position:fixed;right:22px;bottom:104px;width:min(430px,calc(100vw - 24px));height:650px;max-height:calc(100vh - 126px);
  background:var(--fpk-paper);border:1px solid rgba(30,82,140,.18);border-radius:24px;box-shadow:var(--fpk-shadow);
  overflow:hidden;z-index:2147482999;display:flex;flex-direction:column;transform-origin:bottom right;
  transition:.2s opacity ease,.2s transform ease,.2s width ease,.2s height ease,.2s inset ease;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--fpk-ink)
}
#fpk-foxy-panel.fpk-foxy-hidden{opacity:0;pointer-events:none;transform:translateY(20px) scale(.96)}
#fpk-foxy-panel.fpk-foxy-max{inset:16px!important;width:auto!important;height:auto!important;max-height:none!important;border-radius:22px}
.fpk-foxy-head{
  min-height:86px;background:linear-gradient(180deg,#fffaf0,#fffdf8);border-bottom:1px solid #e7ecf4;
  display:flex;align-items:center;gap:12px;padding:12px 13px 12px 20px;position:relative;flex:none
}
.fpk-foxy-head:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:repeating-linear-gradient(#c6d7ee 0 10px,#91acd0 10px 20px)
}
.fpk-foxy-mascot{
  width:59px;height:59px;border-radius:18px;background:#fff3df;border:1px solid #ffd6a6;display:grid;place-items:center;
  box-shadow:0 5px 14px rgba(230,137,42,.13);padding:5px;flex:none
}
.fpk-foxy-mascot img{width:100%;height:100%;display:block;object-fit:contain}
.fpk-foxy-title-wrap{min-width:0;flex:1}
.fpk-foxy-title{font-weight:900;font-size:19px;color:#1559b6;line-height:1.05}
.fpk-foxy-subtitle{font-size:12px;margin-top:5px;color:#61718a;font-weight:650}
.fpk-foxy-controls{display:flex;gap:5px;align-items:center}
.fpk-foxy-control{
  width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#526a87;cursor:pointer;font:600 19px/1 Arial,sans-serif;
  display:grid;place-items:center;padding:0
}
.fpk-foxy-control:hover{background:#eef4fb;color:#174a8f}
.fpk-foxy-notebook{
  flex:1;min-height:0;position:relative;display:flex;flex-direction:column;
  background:
    linear-gradient(90deg,transparent 0 45px,rgba(255,110,110,.18) 45px 47px,transparent 47px),
    repeating-linear-gradient(180deg,#fffef9 0 31px,var(--fpk-line) 31px 32px)
}
.fpk-foxy-rings{
  position:absolute;left:8px;top:16px;bottom:18px;width:24px;pointer-events:none;
  background:radial-gradient(circle at 10px 12px,#7d94b1 0 3px,#d9e2ee 4px 6px,transparent 7px) 0 0/24px 34px repeat-y
}
.fpk-foxy-messages{padding:18px 18px 8px 57px;overflow:auto;scroll-behavior:smooth;flex:1;min-height:0}
.fpk-message{display:flex;gap:9px;margin-bottom:12px;align-items:flex-end}
.fpk-message.fpk-user{justify-content:flex-end}
.fpk-avatar{
  width:30px;height:30px;border-radius:50%;background:#fff2df;border:1px solid #ffd0a0;display:grid;place-items:center;
  font-size:18px;flex:none
}
.fpk-bubble{
  max-width:84%;background:rgba(255,255,255,.96);border:1px solid #d9e2ee;border-radius:17px 17px 17px 5px;
  padding:11px 13px;line-height:1.45;font-size:14px;color:#18375e;box-shadow:0 4px 12px rgba(36,71,110,.06);
  white-space:pre-wrap;overflow-wrap:anywhere
}
.fpk-user .fpk-bubble{background:#155fc3;color:#fff;border-color:#155fc3;border-radius:17px 17px 5px 17px}
.fpk-quick-grid{display:grid;gap:7px;margin:4px 0 14px}
.fpk-quick{
  text-align:left;border:1px solid #d5e0ed;border-radius:12px;background:rgba(255,255,255,.91);
  padding:10px 12px;color:#173b68;cursor:pointer;display:flex;align-items:center;gap:9px;font-size:13px
}
.fpk-quick:hover{border-color:#8fb9ec;background:#f7fbff}
.fpk-quick span:first-child{font-size:16px;width:21px;text-align:center}
.fpk-foxy-status{
  min-height:18px;padding:0 18px 0 57px;font-size:12px;color:#6f8198;background:rgba(255,253,247,.9)
}
.fpk-foxy-input-wrap{
  padding:8px 12px 10px 57px;background:rgba(255,253,247,.94);border-top:1px solid rgba(190,205,222,.55);
  display:flex;gap:8px;align-items:flex-end
}
#fpk-foxy-input{
  flex:1;border:1px solid #cad7e6;background:#fff;border-radius:22px;padding:11px 15px;font:14px/1.35 Inter,ui-sans-serif,system-ui,sans-serif;
  color:#17395f;min-width:0;min-height:43px;max-height:120px;resize:none;overflow:auto
}
#fpk-foxy-send{
  width:43px;height:43px;border:0;border-radius:50%;background:#1461c7;color:#fff;cursor:pointer;font-size:20px;
  display:grid;place-items:center;box-shadow:0 5px 14px rgba(20,97,199,.25);padding:0;flex:none
}
#fpk-foxy-send:hover{background:#0d51ac}
#fpk-foxy-send:disabled{opacity:.55;cursor:not-allowed}
.fpk-foxy-foot{
  font-size:10px;color:#7b8da5;text-align:center;padding:0 12px 8px 57px;background:#fffdf7;line-height:1.3
}
.fpk-pencil{
  position:absolute;right:9px;top:190px;width:11px;height:118px;border-radius:5px;
  background:linear-gradient(90deg,#e6a829,#ffd15b,#c98a18);transform:rotate(6deg);opacity:.78;pointer-events:none
}
.fpk-pencil:after{
  content:"";position:absolute;bottom:-15px;left:0;border-left:5.5px solid transparent;border-right:5.5px solid transparent;border-top:15px solid #d1a071
}
.fpk-star{position:absolute;color:#f6b528;font-size:18px;pointer-events:none}
.fpk-star-1{right:31px;top:18px}.fpk-star-2{right:20px;top:54px;color:#79b6e8}.fpk-star-3{right:66px;top:46px;color:#8ccfba}
#fpk-foxy-launcher:focus-visible,.fpk-foxy-control:focus-visible,.fpk-quick:focus-visible,#fpk-foxy-input:focus-visible,#fpk-foxy-send:focus-visible{
  outline:3px solid #8cc4ff;outline-offset:2px
}
@media(max-width:560px){
  #fpk-foxy-panel{right:12px;bottom:90px;width:calc(100vw - 24px);height:calc(100vh - 110px);max-height:none}
  #fpk-foxy-launcher{right:14px;bottom:14px}
  #fpk-foxy-panel.fpk-foxy-max{inset:0!important;border-radius:0}
  .fpk-foxy-messages{padding-left:48px}.fpk-foxy-input-wrap,.fpk-foxy-foot,.fpk-foxy-status{padding-left:48px}
}
@media(prefers-reduced-motion:reduce){
  #fpk-foxy-panel,#fpk-foxy-launcher{transition:none!important}
}