.ss-chat-popup{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:0;font-family:'Poppins','DM Sans',system-ui,-apple-system,Segoe UI,sans-serif}.ss-chat-popup.is-open{display:flex}.ss-chat-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ss-youtube-shell{position:relative;width:min(1024px,calc(100vw - 28px));min-height:min(750px,calc(100vh - 28px));max-height:calc(100vh - 28px);overflow:auto;background:var(--ss-popup-bg,#40adff);border-radius:0 0 10px 10px;box-shadow:0 24px 90px rgba(0,0,0,.55),0 0 0 3px rgba(255,255,255,.15) inset;display:grid;grid-template-columns:530px 1fr;gap:20px;padding:30px 34px 26px;color:#333}.ss-youtube-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.22),transparent 28%),radial-gradient(circle at 78% 22%,rgba(255,255,255,.16),transparent 30%)}.ss-youtube-close{position:absolute;right:10px;top:10px;z-index:20;width:34px;height:34px;border:0;border-radius:999px;background:rgba(255,255,255,.85);color:#6b5cf6;display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.18);cursor:pointer}.ss-youtube-left,.ss-youtube-right{position:relative;z-index:2}.ss-youtube-logo-card{min-height:94px;border-radius:18px;background:rgba(255,255,255,.72);display:flex;align-items:center;gap:20px;padding:18px 24px;text-decoration:none;box-shadow:0 12px 35px rgba(0,0,0,.06)}.ss-youtube-logo-icon{width:80px;height:80px;border-radius:22px;background:linear-gradient(135deg,var(--ss-popup-primary,#6b5cf6),#9587ff);display:grid;place-items:center;color:#fff;font-size:38px;box-shadow:0 14px 30px rgba(107,92,246,.28)}.ss-youtube-logo-text strong{display:block;color:var(--ss-popup-text,#6b5cf6);text-transform:uppercase;font-size:31px;font-weight:900;letter-spacing:1px;line-height:1}.ss-youtube-logo-text em{display:block;margin-top:8px;color:#6b7280;font-size:16px;font-style:normal;font-weight:700;letter-spacing:1px}.ss-youtube-login-card{position:relative;margin-top:24px;background:#fff;border-radius:18px;padding:6px 24px 28px;box-shadow:0 20px 42px rgba(0,0,0,.08);min-height:340px}.ss-youtube-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;transform:translateY(-1px);padding-top:0}.ss-youtube-tab{height:70px;border:0;border-radius:21px;color:#fff;font-weight:900;font-size:17px;text-transform:uppercase;box-shadow:0 18px 28px rgba(0,0,0,.12);cursor:pointer;transition:.18s}.ss-youtube-tab i{margin-right:7px}.ss-youtube-tab.guest{background:linear-gradient(135deg,var(--ss-popup-primary,#6b5cf6),#9487ff)}.ss-youtube-tab.member{background:linear-gradient(135deg,var(--ss-popup-member,#06c2a8),#00d7c3)}.ss-youtube-tab.staff{background:linear-gradient(135deg,var(--ss-popup-staff,#fb669e),#ff86bd)}.ss-youtube-tab:not(.active){opacity:.92}.ss-youtube-tab:hover,.ss-youtube-tab.active{transform:translateY(-3px);filter:saturate(1.08)}.ss-youtube-panel{display:none;position:relative;margin-top:20px;padding-right:84px}.ss-youtube-panel.active{display:block}.ss-youtube-form-row{height:54px;margin-bottom:14px}.ss-youtube-form-row input{width:100%;height:100%;border-radius:999px;border:2px solid #ececec;background:#fff;color:#555;font-weight:700;padding:0 26px;outline:none;box-shadow:inset 0 2px 5px rgba(0,0,0,.03)}.ss-youtube-form-row input:focus{border-color:var(--ss-popup-primary,#6b5cf6);box-shadow:0 0 0 4px rgba(107,92,246,.12)}.ss-youtube-form-row.muted input{color:#999;background:#fdfdfd}.ss-youtube-submit{height:58px;width:100%;border:0;border-radius:999px;background:linear-gradient(135deg,var(--ss-popup-primary,#6b5cf6),#7562f1);color:#fff;font-size:18px;font-weight:900;box-shadow:0 16px 28px rgba(107,92,246,.25);cursor:pointer;transition:.18s}.ss-youtube-submit:hover{transform:translateY(-2px);filter:saturate(1.08)}.ss-youtube-side-actions{position:absolute;right:0;top:0;width:70px;display:flex;flex-direction:column;gap:8px}.ss-side-btn{height:51px;border:0;border-radius:11px;color:#fff;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 10px 18px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;gap:5px;transition:.18s}.ss-side-btn.bay{background:linear-gradient(135deg,#6b5cf6,#7e6df7)}.ss-side-btn.bayan{background:linear-gradient(135deg,#fb669e,#ff7fb2)}.ss-side-btn.avatar{background:linear-gradient(135deg,#988ff8,#aea6ff)}.ss-side-btn.active,.ss-side-btn:hover{transform:translateX(-3px);filter:saturate(1.1)}.ss-youtube-note{margin-top:12px;color:#8a8a8a;font-size:12px;font-weight:700}.ss-youtube-small-link{display:block;text-align:center;margin-top:12px;color:var(--ss-popup-primary,#6b5cf6);font-weight:900;text-decoration:none}.ss-youtube-support-menu{margin:62px auto 0;max-width:398px;border-radius:11px;background:rgba(255,255,255,.18);display:flex;justify-content:center;gap:14px;padding:14px 14px}.support-bubble{width:74px;height:74px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:900;text-align:center;box-shadow:0 10px 22px rgba(0,0,0,.08);transition:.2s}.support-bubble i{font-size:22px;line-height:1}.support-bubble strong{font-size:12px;line-height:1.05;margin-top:4px}.support-bubble span{font-size:10px;line-height:1.05}.support-1{background:#ff416d}.support-2{background:#20aeea}.support-3{background:#56b54d}.support-4{background:#ffac00}.support-bubble:hover{transform:translateY(-4px) scale(1.03);color:#fff}.ss-youtube-mini-menu{display:flex;justify-content:center;gap:8px;margin-top:14px;flex-wrap:wrap}.ss-youtube-mini-menu a{border-radius:999px;background:#fff;color:var(--ss-popup-primary,#6b5cf6);padding:10px 16px;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.08)}.ss-youtube-right{padding-top:18px}.ss-youtube-users-grid{display:grid;grid-template-columns:repeat(4,96px);gap:16px 14px;justify-content:end}.ss-youtube-user-card{position:relative;width:86px;height:96px;border:3px solid var(--user-color,#6b5cf6);border-radius:12px;background:rgba(255,255,255,.88);display:flex;flex-direction:column;align-items:center;padding:5px 4px 4px;box-shadow:0 0 16px color-mix(in srgb,var(--user-color,#6b5cf6),transparent 35%);color:#1f2937;text-align:center}.ss-youtube-user-card .rank{position:absolute;top:-8px;left:-8px;width:24px;height:24px;border-radius:50%;background:var(--user-color,#6b5cf6);color:#fff;border:2px solid rgba(255,255,255,.7);display:grid;place-items:center;font-size:11px;font-weight:900;box-shadow:0 3px 8px rgba(0,0,0,.24)}.ss-youtube-user-card .avatar{width:55px;height:55px;border-radius:7px;border:2px solid var(--user-color,#6b5cf6);display:grid;place-items:center;background:#fff;overflow:hidden}.ss-youtube-user-card .avatar img{width:100%;height:100%;object-fit:cover}.ss-youtube-user-card strong{width:78px;display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:var(--user-color,#6b5cf6);font-weight:900;text-shadow:none}.ss-youtube-user-card em{margin-top:2px;max-width:78px;border-radius:12px;background:var(--user-color,#6b5cf6);color:#fff;padding:3px 4px;font-size:8px;font-style:normal;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-youtube-user-card.offline{filter:saturate(.86)}.ss-youtube-avatar-drawer{position:absolute;z-index:30;left:34px;top:142px;width:500px;max-width:calc(100% - 68px);max-height:calc(100vh - 210px);overflow:auto;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:18px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.3);display:none}.ss-youtube-avatar-drawer.is-open{display:block;animation:ssDrawer .22s ease}.ss-youtube-avatar-drawer h4{margin:0;color:#333;font-weight:900;font-size:24px}.ss-youtube-avatar-drawer p{margin:4px 0 16px;color:#777;font-weight:700}.avatar-drawer-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:10px;background:#f1f1f1;color:#333}.ss-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:12px}.ss-avatar-choice{height:104px;border:1px solid #e1e1e1;border-radius:12px;background:#fff;display:grid;place-items:center;cursor:pointer;transition:.18s;position:relative;overflow:hidden}.ss-avatar-choice img{width:70px;height:92px;object-fit:contain}.ss-avatar-choice:hover,.ss-avatar-choice.selected{border-color:var(--ss-popup-primary,#6b5cf6);box-shadow:0 0 0 3px rgba(107,92,246,.12);transform:translateY(-2px)}.ss-avatar-choice.selected:after{content:'✓';position:absolute;right:7px;top:7px;background:var(--ss-popup-primary,#6b5cf6);color:#fff;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900}.ss-chat-alert{border-radius:12px;padding:10px 12px;margin:8px 0 12px;background:#fff0f0;border:1px solid #fecaca;color:#b91c1c;font-weight:800}.ss-chat-floating-btn{position:fixed;right:22px;bottom:92px;z-index:9990;border:0;border-radius:999px;padding:14px 18px;background:linear-gradient(135deg,#ff3d71,#7c3aed);color:#fff;font-weight:900;box-shadow:0 18px 50px rgba(255,61,113,.35);display:flex;align-items:center;gap:10px}.ss-chat-floating-btn:hover{transform:translateY(-2px)}@keyframes ssDrawer{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:980px){.ss-youtube-shell{grid-template-columns:1fr;min-height:auto;padding:22px}.ss-youtube-right{padding-top:0}.ss-youtube-users-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));justify-content:stretch}.ss-youtube-user-card{width:100%}.ss-youtube-support-menu{margin-top:24px}.ss-youtube-logo-text strong{font-size:24px}}@media(max-width:620px){.ss-youtube-shell{width:100vw;max-height:100vh;min-height:100vh;border-radius:0;padding:16px}.ss-youtube-logo-card{padding:14px;gap:12px}.ss-youtube-logo-icon{width:58px;height:58px;border-radius:18px;font-size:28px}.ss-youtube-logo-text strong{font-size:20px}.ss-youtube-login-card{padding:4px 14px 20px}.ss-youtube-tabs{grid-template-columns:1fr;gap:8px}.ss-youtube-tab{height:52px}.ss-youtube-panel{padding-right:0}.ss-youtube-side-actions{position:static;width:auto;display:grid;grid-template-columns:1fr 1fr 1fr;margin:10px 0}.ss-youtube-support-menu{max-width:100%;gap:8px}.support-bubble{width:62px;height:62px}.ss-youtube-avatar-drawer{left:14px;top:92px;max-width:calc(100% - 28px);width:auto}.ss-avatar-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}
.ss-chat-alert.success{background:#ecfdf5;border-color:#86efac;color:#047857}.ss-chat-alert.error{background:#fff0f0;border-color:#fecaca;color:#b91c1c}.ss-chat-alert-link{display:inline-flex;margin-left:6px;color:#6b5cf6;font-weight:900;text-decoration:underline}.ss-youtube-submit:disabled{opacity:.72;cursor:wait;transform:none!important}.ss-chat-iframe-holder{position:absolute;z-index:45;inset:24px;background:#07101f;border:2px solid rgba(255,255,255,.25);border-radius:18px;box-shadow:0 35px 110px rgba(0,0,0,.55);display:none;overflow:hidden}.ss-chat-iframe-holder.is-open{display:block}.ss-chat-iframe-holder iframe{width:100%;height:100%;border:0;background:#fff}.ss-chat-iframe-close{position:absolute;right:12px;top:12px;z-index:3;width:38px;height:38px;border:0;border-radius:999px;background:#ff3d71;color:#fff;font-size:24px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.28)}