.cos-neon{--c1:#a855f7;--c2:#7c3aed;--glow:rgba(168,85,247,.75);--ink:#f5f3ff}.cos-gold{--c1:#f59e0b;--c2:#fbbf24;--glow:rgba(245,158,11,.65);--ink:#3a2a00}.cos-sakura{--c1:#ec4899;--c2:#f9a8d4;--glow:rgba(236,72,153,.55);--ink:#4a0f2b}.cos-frost{--c1:#0ea5e9;--c2:#a5f3fc;--glow:rgba(56,189,248,.6);--ink:#053244}.cos-dragon{--c1:#ef4444;--c2:#f97316;--glow:rgba(239,68,68,.65);--ink:#fff7ed}.cos-emerald{--c1:#10b981;--c2:#6ee7b7;--glow:rgba(16,185,129,.6);--ink:#04352a}.cos-ocean{--c1:#0891b2;--c2:#67e8f9;--glow:rgba(8,145,178,.6);--ink:#04303a}.cos-galaxy{--c1:#8b5cf6;--c2:#ec4899;--glow:rgba(139,92,246,.7);--ink:#f5f3ff}.cos-sunset{--c1:#f97316;--c2:#fb7185;--glow:rgba(249,115,22,.6);--ink:#fff7ed}.cos-mint{--c1:#14b8a6;--c2:#99f6e4;--glow:rgba(20,184,166,.55);--ink:#043430}.cos-frame{position:relative;display:inline-block;border-radius:50%}.cos-frame>img,.cos-frame>.cos-frame-img{position:relative;z-index:1;border-radius:50%;border:3px solid #fff}.cos-frame:before{content:"";position:absolute;inset:-6px;border-radius:50%;z-index:0;background:conic-gradient(from 0deg,var(--c1),var(--c2),var(--c1));animation:cosSpin 4s linear infinite}.cos-frame:after{content:"";position:absolute;inset:-6px;border-radius:50%;z-index:-1;box-shadow:0 0 22px 4px var(--glow);animation:cosPulse 2.4s ease-in-out infinite}@keyframes cosSpin{to{transform:rotate(360deg)}}@keyframes cosPulse{0%,to{opacity:.55}50%{opacity:1}}.cos-nick{background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 6px var(--glow));font-weight:800}.cos-bubble{background:linear-gradient(135deg,var(--c1),var(--c2));color:var(--ink);border-radius:16px 16px 4px;padding:9px 14px;font-size:14px;font-weight:500;display:inline-block;max-width:100%;box-shadow:0 6px 16px var(--glow)}.cos-entry-overlay{position:fixed;inset:0;z-index:3000;pointer-events:none;overflow:hidden}.cos-entry-overlay .cos-entry-sweep{position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,var(--glow) 45%,var(--c1) 50%,var(--glow) 55%,transparent 100%);opacity:0;transform:translate(-100%);animation:cosSweep 1.25s ease-out forwards}.cos-entry-overlay .cos-entry-banner{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) scale(.6);font-weight:900;font-size:clamp(22px,6vw,46px);white-space:nowrap;background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 18px var(--glow));opacity:0;animation:cosBanner 1.6s ease-out forwards}.cos-entry-overlay .cos-ring{position:absolute;top:42%;left:50%;width:40px;height:40px;border-radius:50%;transform:translate(-50%,-50%) scale(0);border:3px solid var(--c1);opacity:0;animation:cosRing 1.5s ease-out forwards}.cos-entry-overlay .cos-ring:nth-child(3){animation-delay:.12s;border-color:var(--c2)}.cos-entry-overlay .cos-ring:nth-child(4){animation-delay:.26s}.cos-entry-overlay .cos-rays{position:absolute;top:42%;left:50%;width:8px;height:220px;transform:translate(-50%,-50%);opacity:0;background:linear-gradient(var(--c1),transparent);box-shadow:0 0 40px 12px var(--glow);animation:cosRays 1.3s ease-out forwards}@keyframes cosSweep{0%{opacity:0;transform:translate(-100%)}30%{opacity:.9}to{opacity:0;transform:translate(100%)}}@keyframes cosBanner{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}@keyframes cosRing{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}25%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%) scale(9)}}@keyframes cosRays{0%{opacity:0;transform:translate(-50%,-50%) scaleY(.3) rotate(0)}30%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%) scaleY(1.4) rotate(35deg)}}.cos-picker-overlay{position:fixed;inset:0;z-index:2100;display:none;align-items:center;justify-content:center;padding:16px;background:#0f0a1e99;backdrop-filter:blur(4px)}.cos-picker{width:100%;max-width:640px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:22px;padding:24px;box-shadow:0 24px 60px #0000004d;font-family:Inter,Arial,sans-serif}.cos-picker h3{font-size:20px;font-weight:800;margin:0 0 4px;color:#1f2937}.cos-picker .cos-sub{font-size:13px;color:#6b7280;margin-bottom:18px}.cos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.cos-card{border:2px solid #eee;border-radius:16px;padding:14px 12px;cursor:pointer;text-align:center;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;position:relative}.cos-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000001a}.cos-card.selected{border-color:var(--c1);box-shadow:0 8px 22px var(--glow)}.cos-card.selected:after{content:"\2713";position:absolute;top:8px;right:10px;width:22px;height:22px;border-radius:50%;color:#fff;background:var(--c1);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.cos-card.locked{border-color:#eee}.cos-card.locked .cos-preview-avatar,.cos-card.locked .cos-name,.cos-card.locked .cos-bubble{opacity:.45;filter:grayscale(.3)}.cos-lock-badge{position:absolute;top:8px;left:8px;z-index:2;display:inline-flex;align-items:center;gap:4px;background:#1f2937;color:#fff;font-size:11px;font-weight:800;padding:4px 9px;border-radius:20px}.cos-lock-badge .diamonds:before{width:14px;height:14px}.cos-buy-hint{margin-top:8px;font-size:11px;font-weight:700;color:var(--c1)}.cos-card .cos-preview-avatar{width:62px;height:62px;margin:4px auto 10px}.cos-card .cos-preview-avatar img{width:62px;height:62px;object-fit:cover}.cos-card .cos-name{font-weight:800;font-size:15px;margin-bottom:6px}.cos-card .cos-bubble{font-size:12px;padding:6px 10px}.cos-card .cos-desc{font-size:11px;color:#9ca3af;margin-top:8px;line-height:1.4}.cos-picker-actions{display:flex;gap:10px;margin-top:20px}.cos-btn{flex:1;border:none;cursor:pointer;padding:12px;border-radius:14px;font-weight:700;font-size:15px;transition:transform .15s ease}.cos-btn:hover{transform:translateY(-2px)}.cos-btn-save{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.cos-btn-clear{background:#f3f4f6;color:#6b7280}.cos-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cos-edit-btn{border:1.5px solid rgba(255,255,255,.5);background:#ffffff29;color:#fff;border-radius:12px;padding:8px 16px;cursor:pointer;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px}.cos-edit-btn:hover{background:#ffffff47}.stream-card .cos-nick{display:inline}.stream-card.cos-card-glow{border:1.5px solid var(--c1);box-shadow:0 8px 26px var(--glow)}.msg-bubble.cos-chat-bubble{background:linear-gradient(135deg,var(--c1),var(--c2))!important;color:var(--ink)!important;border:none!important;box-shadow:0 4px 14px var(--glow)!important}.msg-bubble.cos-chat-bubble a{color:#fff;text-decoration:underline}.cos-banner{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--c1),var(--c2),var(--c1))!important;background-size:220% 220%!important;animation:cosBgShift 9s ease infinite;text-shadow:0 1px 4px rgba(0,0,0,.35)}.cos-banner:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.22),transparent 40%),radial-gradient(circle at 85% 80%,var(--glow),transparent 45%),linear-gradient(180deg,#0000000d,#00000038);animation:cosGlowFloat 7s ease-in-out infinite alternate}.cos-banner .cos-nick{text-shadow:none;-webkit-text-stroke:.3px rgba(0,0,0,.15)}.stream-card.cos-card-glow .rating{background:linear-gradient(135deg,var(--c1),var(--c2))!important;color:var(--ink)!important;box-shadow:0 4px 12px var(--glow)}.stream-card.cos-card-glow .price,.stream-card.cos-card-glow .price b,.stream-card.cos-card-glow .price .diamond{color:var(--c1)!important}.cos-scope .category-badge{background:linear-gradient(135deg,var(--c1),var(--c2))!important;color:var(--ink)!important;box-shadow:0 4px 12px var(--glow)!important}.cos-scope .profile-tabs .nav-link.active{background:linear-gradient(135deg,var(--c1),var(--c2))!important;color:var(--ink)!important;box-shadow:0 4px 14px var(--glow)!important}.cos-scope .profile-city-badge{background:linear-gradient(135deg,var(--c1),var(--c2))!important;color:var(--ink)!important}.cos-chat-header{background:linear-gradient(120deg,var(--c1),var(--c2),var(--c1))!important;background-size:220% 220%!important;animation:cosBgShift 9s ease infinite;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.3)}.cos-chat-header *{color:#fff!important}.cos-banner>*{position:relative;z-index:1}@keyframes cosBgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes cosGlowFloat{0%{transform:translate(0) scale(1);opacity:.8}to{transform:translate(6%,-4%) scale(1.15);opacity:1}}