#ll-support{--sc-bg:#fff;--sc-ink:#15354a;--sc-soft:#edf5f8;--sc-border:#cfdee5;--sc-blue:#007dab;font:15px/1.45 system-ui,sans-serif;color:var(--sc-ink)}
#ll-support *,#ll-support *::before,#ll-support *::after{box-sizing:border-box}#ll-support [hidden]{display:none!important}
#ll-support button,#ll-support textarea,#ll-support input{font:inherit}#ll-support button{cursor:pointer;border:1px solid var(--sc-border);border-radius:12px;padding:10px 14px;background:var(--sc-bg);color:var(--sc-ink)}#ll-support button:disabled{opacity:.55;cursor:default}#ll-support :focus-visible{outline:3px solid #e6a52b;outline-offset:3px}
#support-toggle{position:fixed;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:10020;background:var(--sc-blue)!important;color:#fff!important;border:0!important;border-radius:99px!important;box-shadow:0 8px 30px #163c5540;display:flex;align-items:center;gap:8px;min-height:48px;font-weight:700!important}#support-badge{background:#fff;color:#005d80;border-radius:20px;min-width:23px;text-align:center}
#ll-support .support-panel{background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 45px #142f4030;min-width:0}
#ll-support:not([data-staff]) .support-panel{position:fixed;right:22px;bottom:88px;z-index:10021;width:min(390px,calc(100vw - 24px));height:min(560px,calc(100dvh - 120px))}
#ll-support .support-head{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--sc-soft);border-bottom:1px solid var(--sc-border);gap:12px}#ll-support .support-head strong{display:block;font-size:16px}#ll-support .support-head small{display:block;font-size:12px;margin-top:4px}#support-close{font-size:24px!important;line-height:1}
#ll-support .support-messages{overflow:auto;overscroll-behavior:contain;flex:1;min-height:100px;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-gutter:stable}
#ll-support .support-bubble{align-self:flex-start;max-width:90%;background:var(--sc-soft);padding:10px 12px;border-radius:14px 14px 14px 3px;overflow-wrap:anywhere;flex-shrink:0}#ll-support .support-bubble.support-mine{align-self:flex-end;background:#007dab;color:#fff;border-radius:14px 14px 3px 14px}#ll-support .support-bubble strong{font-size:11px}#ll-support .support-bubble p{white-space:pre-wrap;margin:5px 0}#ll-support .support-bubble time{font-size:10px;opacity:.85}
#support-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--sc-border);align-items:flex-end;margin:0}#support-text{resize:vertical;width:100%;min-height:50px;max-height:130px;background:var(--sc-bg);color:var(--sc-ink);border:1px solid var(--sc-border);border-radius:10px;padding:10px}#support-form button{background:var(--sc-blue);color:#fff;border-color:var(--sc-blue);min-height:44px}#ll-support .support-hint{font-size:11px;line-height:1.4;padding:0 14px 10px;margin:0}#ll-support .support-error{font-size:13px;padding:10px 14px;margin:0;color:#ad2134;background:#fff0f1}#ll-support .support-empty{font-size:14px;padding:12px;color:var(--sc-ink)}#ll-support .support-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.support-admin{margin:0;background:#f1f6f9}.support-admin #ll-support{max-width:1400px;padding:24px;margin:auto}.support-admin a{color:#0075a4}.support-admin-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.support-admin h1{margin:10px 0;font-size:30px}.support-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px}.support-inbox{border:1px solid var(--sc-border);border-radius:20px;padding:16px;background:var(--sc-bg);max-height:75dvh;overflow:auto}.support-inbox label{display:block;font-weight:700;margin-bottom:8px}#support-search{width:100%;padding:12px;background:var(--sc-bg);color:var(--sc-ink);border:1px solid var(--sc-border);border-radius:10px;margin-bottom:8px}#support-list{display:flex;flex-direction:column;gap:8px}#ll-support .support-conversation{text-align:left;width:100%}#ll-support .support-conversation strong,#ll-support .support-conversation span,#ll-support .support-conversation b{display:block;overflow-wrap:anywhere}#ll-support .support-conversation span{font-size:12px;margin:5px 0}#ll-support .support-conversation b{font-size:12px;color:#0075a4}#ll-support .support-conversation.is-selected{border:2px solid var(--sc-blue);background:var(--sc-soft)}.support-admin .support-panel{height:75dvh;min-height:420px}
@media(prefers-color-scheme:dark){#ll-support{--sc-bg:#152a38;--sc-ink:#f2f7fa;--sc-soft:#213e50;--sc-border:#3c596c;--sc-blue:#007eae}.support-admin{background:#0c1c28}.support-admin a{color:#7dd5ff}#ll-support .support-conversation b{color:#7dd5ff}}
@media(max-width:700px){#support-toggle{right:12px;bottom:calc(78px + env(safe-area-inset-bottom))}#ll-support:not([data-staff]) .support-panel{right:12px;bottom:calc(138px + env(safe-area-inset-bottom));height:min(500px,calc(100dvh - 165px))}.support-admin #ll-support{padding:14px}.support-workspace{grid-template-columns:1fr;gap:12px}.support-inbox{max-height:240px}.support-admin .support-panel{height:65dvh;min-height:360px}.support-admin-head{align-items:flex-start}.support-admin h1{font-size:25px}}
@media(prefers-reduced-motion:no-preference){#ll-support .support-panel{animation:sc-show .18s ease-out}@keyframes sc-show{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}

#ll-support .support-guest{padding:8px 14px;background:var(--sc-soft);display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:11px}#ll-support .support-guest input{width:100%;background:var(--sc-bg);color:var(--sc-ink);border:1px solid var(--sc-border);border-radius:7px;padding:5px}#ll-support .support-guest small{grid-column:1/-1;font-size:10px}

.age-locked #ll-support{display:none!important}
