/* BOTarot Live — brand: navy #1B1F4B, logo pink #E6358D, gold #D8A32A, blush #FFF4F8 */
.btl{--n:#1B1F4B;--p:#E6358D;--pd:#C2186A;--g:#D8A32A;--b:#FFF4F8;--line:#F5D3E2;--txt:#3A3F6B;
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,sans-serif;color:var(--n);max-width:760px;margin:0 auto;padding:8px 0 40px;line-height:1.5}
.btl *{box-sizing:border-box}
.btl [hidden]{display:none!important}
.btl h2,.btl h3{font-family:'DM Serif Display','Playfair Display',Georgia,serif;font-weight:400;margin:0;color:var(--n)}
.btl h2{font-size:30px}.btl h2 small{font-family:'Poppins',system-ui,sans-serif;font-size:14px;color:#7A7E9E}.btl h3{font-size:22px}
.btl-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.btl-me{display:flex;align-items:center;gap:14px}
.btl-avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--p),#F7A8CB);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--g)}
.btl-status{margin:2px 0 0;font-size:14px;color:var(--txt)}
.btl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#B8B8C8;margin-right:8px;vertical-align:middle}
.btl-dot.is-online{background:#2E9B5F;box-shadow:0 0 0 4px rgba(46,155,95,.18);animation:btlPulse 1.6s infinite}
.btl-dot.is-busy{background:var(--g)}
@keyframes btlPulse{50%{box-shadow:0 0 0 7px rgba(46,155,95,.05)}}
.btl-wallet{background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 18px;text-align:right}
.btl-wallet span{display:block;font-size:12px;color:var(--txt);letter-spacing:.06em;text-transform:uppercase}
.btl-wallet b{font-size:22px}
.btl-channels{display:flex;flex-direction:column;gap:12px}
.btl-ch{display:flex;align-items:center;gap:16px;width:100%;text-align:left;border:0;border-radius:24px;padding:18px 20px;font:inherit;color:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s}
.btl-ch .btl-ic{width:48px;height:48px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.btl-ic svg{width:24px;height:24px}
.btl-ch-tx{flex:1;display:flex;flex-direction:column}.btl-ch-tx b{font-size:17px;font-weight:600}.btl-ch-tx span{font-size:15px;font-weight:500}
.btl-go{font-weight:600;font-size:15px;white-space:nowrap}
.btl-ch.is-online{background:#E5F4EB;color:var(--n)}.btl-ch.is-online .btl-ic,.btl-ch.is-online .btl-go{color:#23804C}
.btl-ch.is-online:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(35,128,76,.15)}
.btl-ch.is-busy{background:#FDF2D6;color:#6B5A2A;cursor:default}
.btl-ch.is-offline{background:#F2EEF3;color:#8B8AA2;cursor:default}
.btl-ch:disabled{cursor:default}
.btl-channels.is-locked{opacity:.55}
.btl-topup{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px}
.btl-topup p{margin:6px 0 14px;font-size:14px;color:var(--txt)}
.btl-topup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.btl-tp{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--n);background:var(--b);border:1.5px solid var(--line);border-radius:18px;padding:14px 8px;transition:border-color .15s}
.btl-tp:hover{border-color:var(--p)}
.btl-tp b{font-size:20px}.btl-tp span{font-size:12px;font-weight:600;color:var(--pd)}
.btl-note{background:#FFF0F6;border-radius:14px;padding:12px 16px;font-size:14px;color:var(--pd);margin:0 0 12px}
.btl-fine{font-size:12px;color:#7A7E9E;margin-top:18px}
.btl-btn{display:inline-block;border-radius:999px;border:2px solid transparent;padding:12px 22px;font:inherit;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-decoration:none}
.btl-btn-pink{background:var(--p);color:#fff}.btl-btn-pink:hover{background:var(--pd)}
.btl-btn-green{background:#23804C;color:#fff}
.btl-btn-line{background:#fff;color:var(--n);border-color:var(--n)}
.btl-btn:disabled{opacity:.6;cursor:default}
/* reading screen */
.btl-room{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:0 16px 40px rgba(27,31,75,.08)}
.btl-room-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px}
.btl-room-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13px;color:var(--txt)}
.btl-clock{font-size:22px;color:var(--n);font-variant-numeric:tabular-nums}
.btl-warn{margin-top:12px;background:#FDF2D6;color:#6B5A2A;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:500}
.btl-stage{margin-top:14px}
.btl-frame{display:block;width:100%;height:440px;border:0;border-radius:18px;background:#111}
.btl-frame.is-voice{height:260px}
.btl-ring{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 10px;color:var(--txt)}
.btl-pulse{width:64px;height:64px;border-radius:50%;background:var(--p);box-shadow:0 0 0 0 rgba(230,53,141,.5);animation:btlRing 1.4s infinite}
@keyframes btlRing{70%{box-shadow:0 0 0 22px rgba(230,53,141,0)}100%{box-shadow:0 0 0 0 rgba(230,53,141,0)}}
.btl-log{margin-top:12px;max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px}
.btl-log:empty{display:none}
.btl-msg{max-width:82%;background:#F3F1F7;border-radius:16px 16px 16px 4px;padding:8px 12px}
.btl-msg.is-me{align-self:flex-end;background:#FFE6F1;border-radius:16px 16px 4px 16px}
.btl-msg small{display:block;font-size:11px;font-weight:600;color:var(--pd)}
.btl-msg p{margin:2px 0 0;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}
.btl-msg.btl-system{align-self:center;background:transparent;text-align:center;max-width:100%}
.btl-msg.btl-system p{font-size:12.5px;color:#7A7E9E}
.btl-send{display:flex;gap:8px;margin-top:10px;align-items:flex-end}
.btl-send textarea{flex:1;min-width:0;font:inherit;font-size:16px;border:1.5px solid var(--line);border-radius:16px;padding:10px 14px;resize:none;color:var(--n)}
.btl-send textarea:focus{outline:none;border-color:var(--p)}
.btl-room-bar{display:flex;justify-content:flex-end;margin-top:12px}
.btl-summary{text-align:center;padding:16px 6px;font-size:16px}
.btl-summary p{margin:4px 0}
/* console */
.btl-sub{margin:4px 0 0;font-size:14px;color:var(--txt)}
.btl-switches{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:10px}
.btl-master,.btl-switch{border:1.5px solid var(--line);background:#fff;border-radius:20px;padding:14px;font:inherit;color:var(--n);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}
.btl-master{font-size:18px;font-weight:600;justify-content:center;background:#F2EEF3}
.btl-master.is-on{background:#23804C;color:#fff;border-color:#23804C}
.btl-switch b{font-size:16px}.btl-switch span{font-size:12.5px;color:var(--txt)}
.btl-switch.is-on{background:#E5F4EB;border-color:#7CC59C}.btl-switch.is-on .btl-ic{color:#23804C}
.btl-switch:disabled{opacity:.55;cursor:default}
.btl-alerts{margin:12px 0}
.btl-waiting{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.btl-req{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#FFF0F6;border:2px solid var(--p);border-radius:20px;padding:14px 16px;animation:btlIn .3s ease}
.btl-req div{flex:1;min-width:200px;display:flex;flex-direction:column}.btl-req b{font-size:17px}.btl-req span{font-size:13px;color:var(--txt)}
@keyframes btlIn{from{transform:scale(.97);opacity:0}}
.btl-recent{margin-top:24px}
.btl-rec{display:flex;flex-wrap:wrap;gap:4px 14px;padding:9px 0;border-bottom:1px solid #F1E6EC;font-size:14px}
.btl-rec span:first-child{color:#7A7E9E;min-width:110px}.btl-rec b{flex:1;font-weight:500}
@media (max-width:640px){
  .btl h2{font-size:26px}
  .btl-topup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .btl-switches{grid-template-columns:1fr 1fr}.btl-master{grid-column:1/-1}
  .btl-ch{padding:16px}.btl-ch .btl-ic{width:42px;height:42px}
  .btl-frame{height:62vh}.btl-frame.is-voice{height:220px}
  .btl-room{padding:14px;border-radius:22px}
  .btl-msg{max-width:90%}
}

.btl-net{margin-top:10px;background:#FFF0F6;color:#C2186A;border-radius:12px;padding:8px 14px;font-size:13.5px;font-weight:500}
.btl-away{background:#FDF2D6;color:#6B5A2A}