:root {
  color-scheme: light;
  --bg: #f4f6f8;
  --panel: #ffffff;
  --line: #dbe3ea;
  --text: #17202a;
  --muted: #64748b;
  --accent: #10b981;
  --danger: #ef4444;
  --field-bg: #ffffff;
  --surface-bg: #fbfdff;
  --surface-elevated: #ffffff;
  --surface-soft: #e8eef3;
  --secondary-bg: #e8eef3;
  --secondary-text: #17202a;
  --badge-bg: #e8eef3;
  --badge-text: #334155;
  --active-text: #062015;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); --panel-text-scale: 1; --panel-space-scale: 1; }
body.panel-theme-emerald { --bg: #ecfdf5; --panel: #ffffff; --line: #bbf7d0; --text: #052e16; --muted: #047857; --accent: #10b981; --sidebar: #052e16; --sidebar-text: #dcfce7; }
body.panel-theme-midnight { --bg: #0f172a; --panel: #111827; --line: #334155; --text: #e5e7eb; --muted: #94a3b8; --accent: #38bdf8; --sidebar: #020617; --sidebar-text: #e0f2fe; color-scheme: dark; }
body.panel-theme-sunset { --bg: #fff7ed; --panel: #ffffff; --line: #fed7aa; --text: #431407; --muted: #c2410c; --accent: #f97316; --sidebar: #431407; --sidebar-text: #ffedd5; }
body.panel-theme-ocean { --bg: #e0f2fe; --panel: #f8fdff; --line: #bae6fd; --text: #083344; --muted: #0369a1; --accent: #0284c7; --sidebar: #083344; --sidebar-text: #e0f2fe; }
body.panel-theme-graphite { --bg: #18181b; --panel: #27272a; --line: #3f3f46; --text: #fafafa; --muted: #a1a1aa; --accent: #f97316; --sidebar: #09090b; --sidebar-text: #fafafa; color-scheme: dark; }
body.panel-theme-rose { --bg: #fff1f2; --panel: #ffffff; --line: #fecdd3; --text: #4c0519; --muted: #be123c; --accent: #f43f5e; --sidebar: #4c0519; --sidebar-text: #ffe4e6; }
body.panel-theme-amber { --bg: #fffbeb; --panel: #ffffff; --line: #fde68a; --text: #451a03; --muted: #92400e; --accent: #f59e0b; --sidebar: #451a03; --sidebar-text: #fef3c7; }
body.panel-theme-violet { --bg: #f5f3ff; --panel: #ffffff; --line: #ddd6fe; --text: #2e1065; --muted: #7c3aed; --accent: #8b5cf6; --sidebar: #2e1065; --sidebar-text: #ede9fe; }
body.panel-theme-ice { --bg: #f0f9ff; --panel: #ffffff; --line: #bae6fd; --text: #0c4a6e; --muted: #0284c7; --accent: #0ea5e9; --sidebar: #082f49; --sidebar-text: #e0f2fe; }
body.panel-theme-forest { --bg: #f0fdf4; --panel: #ffffff; --line: #bbf7d0; --text: #052e16; --muted: #15803d; --accent: #22c55e; --sidebar: #052e16; --sidebar-text: #dcfce7; }
body.panel-theme-mono { --bg: #f4f4f5; --panel: #ffffff; --line: #d4d4d8; --text: #18181b; --muted: #52525b; --accent: #27272a; --sidebar: #18181b; --sidebar-text: #fafafa; }
body.panel-theme-cosmic { --bg: #020617; --panel: #0f172a; --line: #1e293b; --text: #cffafe; --muted: #67e8f9; --accent: #22d3ee; --sidebar: #020617; --sidebar-text: #cffafe; color-scheme: dark; }
body.panel-theme-studio { --bg: #fdf2f8; --panel: #ffffff; --line: #fbcfe8; --text: #500724; --muted: #be185d; --accent: #db2777; --sidebar: #500724; --sidebar-text: #fce7f3; }
body.panel-theme-teal { --bg: #f0fdfa; --panel: #ffffff; --line: #99f6e4; --text: #042f2e; --muted: #0f766e; --accent: #14b8a6; --sidebar: #042f2e; --sidebar-text: #ccfbf1; }
body.panel-theme-ruby { --bg: #fff1f2; --panel: #ffffff; --line: #fecdd3; --text: #881337; --muted: #be123c; --accent: #e11d48; --sidebar: #4c0519; --sidebar-text: #ffe4e6; }
body.panel-theme-sapphire { --bg: #eff6ff; --panel: #ffffff; --line: #bfdbfe; --text: #172554; --muted: #2563eb; --accent: #3b82f6; --sidebar: #172554; --sidebar-text: #dbeafe; }
body.panel-theme-lavender { --bg: #f5f3ff; --panel: #ffffff; --line: #ddd6fe; --text: #4c1d95; --muted: #7c3aed; --accent: #a78bfa; --sidebar: #4c1d95; --sidebar-text: #ede9fe; }
body.panel-theme-slate { --bg: #f1f5f9; --panel: #ffffff; --line: #cbd5e1; --text: #0f172a; --muted: #475569; --accent: #64748b; --sidebar: #0f172a; --sidebar-text: #e2e8f0; }
body.panel-theme-copper { --bg: #fff7ed; --panel: #ffffff; --line: #fed7aa; --text: #431407; --muted: #9a3412; --accent: #c2410c; --sidebar: #431407; --sidebar-text: #ffedd5; }
body.panel-theme-pearl { --bg: #f8fafc; --panel: #ffffff; --line: #e2e8f0; --text: #334155; --muted: #64748b; --accent: #94a3b8; --sidebar: #334155; --sidebar-text: #f8fafc; }
body.panel-theme-lime { --bg: #f7fee7; --panel: #ffffff; --line: #d9f99d; --text: #365314; --muted: #65a30d; --accent: #84cc16; --sidebar: #365314; --sidebar-text: #ecfccb; }
body.panel-theme-plum { --bg: #faf5ff; --panel: #ffffff; --line: #e9d5ff; --text: #581c87; --muted: #9333ea; --accent: #c084fc; --sidebar: #581c87; --sidebar-text: #f3e8ff; }
body.panel-theme-sand { --bg: #fef3c7; --panel: #fffbeb; --line: #fcd34d; --text: #451a03; --muted: #92400e; --accent: #d97706; --sidebar: #451a03; --sidebar-text: #fef3c7; }
body.panel-theme-cyber { --bg: #020617; --panel: #0b1120; --line: #164e63; --text: #cffafe; --muted: #67e8f9; --accent: #a3e635; --sidebar: #020617; --sidebar-text: #ecfccb; color-scheme: dark; }
body.panel-theme-royal { --bg: #eef2ff; --panel: #ffffff; --line: #c7d2fe; --text: #312e81; --muted: #4f46e5; --accent: #6366f1; --sidebar: #312e81; --sidebar-text: #e0e7ff; }
body.panel-theme-cloud { --bg: #f8fafc; --panel: #ffffff; --line: #dbeafe; --text: #0f172a; --muted: #0284c7; --accent: #38bdf8; --sidebar: #0f172a; --sidebar-text: #e0f2fe; }
body.panel-theme-mint { --bg: #ecfdf5; --panel: #ffffff; --line: #a7f3d0; --text: #064e3b; --muted: #059669; --accent: #2dd4bf; --sidebar: #064e3b; --sidebar-text: #d1fae5; }
body.panel-theme-coral { --bg: #fff7ed; --panel: #ffffff; --line: #fed7aa; --text: #7c2d12; --muted: #ea580c; --accent: #fb7185; --sidebar: #7c2d12; --sidebar-text: #ffedd5; }
body.panel-theme-indigo { --bg: #eef2ff; --panel: #ffffff; --line: #c7d2fe; --text: #312e81; --muted: #4338ca; --accent: #818cf8; --sidebar: #1e1b4b; --sidebar-text: #e0e7ff; }
body.panel-theme-espresso { --bg: #f5efe7; --panel: #fffaf3; --line: #d6c1a8; --text: #32190e; --muted: #7c4a2d; --accent: #a16207; --sidebar: #32190e; --sidebar-text: #f5efe7; }
body.panel-theme-arctic { --bg: #f0f9ff; --panel: #ffffff; --line: #bae6fd; --text: #164e63; --muted: #0284c7; --accent: #67e8f9; --sidebar: #164e63; --sidebar-text: #ecfeff; }
body.panel-theme-orchid { --bg: #fdf4ff; --panel: #ffffff; --line: #f5d0fe; --text: #701a75; --muted: #c026d3; --accent: #e879f9; --sidebar: #701a75; --sidebar-text: #fae8ff; }
body.panel-theme-volcano { --bg: #fff1f2; --panel: #ffffff; --line: #fecdd3; --text: #7f1d1d; --muted: #dc2626; --accent: #ef4444; --sidebar: #450a0a; --sidebar-text: #fee2e2; }
body.panel-theme-denim { --bg: #eff6ff; --panel: #ffffff; --line: #bfdbfe; --text: #1e3a8a; --muted: #2563eb; --accent: #60a5fa; --sidebar: #1e3a8a; --sidebar-text: #dbeafe; }
body.panel-theme-olive { --bg: #f7fee7; --panel: #ffffff; --line: #d9f99d; --text: #3f6212; --muted: #65a30d; --accent: #a3e635; --sidebar: #365314; --sidebar-text: #ecfccb; }
body.panel-theme-blush { --bg: #fff1f2; --panel: #ffffff; --line: #fecdd3; --text: #831843; --muted: #db2777; --accent: #f9a8d4; --sidebar: #831843; --sidebar-text: #fce7f3; }
body.panel-theme-onyx { --bg: #09090b; --panel: #18181b; --line: #3f3f46; --text: #fafafa; --muted: #a1a1aa; --accent: #eab308; --sidebar: #000000; --sidebar-text: #fafafa; color-scheme: dark; }
body.panel-theme-aqua { --bg: #ecfeff; --panel: #ffffff; --line: #a5f3fc; --text: #155e75; --muted: #0891b2; --accent: #06b6d4; --sidebar: #164e63; --sidebar-text: #cffafe; }
body.panel-theme-honey { --bg: #fefce8; --panel: #ffffff; --line: #fde68a; --text: #713f12; --muted: #ca8a04; --accent: #facc15; --sidebar: #713f12; --sidebar-text: #fef9c3; }
body.panel-theme-berry { --bg: #fdf2f8; --panel: #ffffff; --line: #fbcfe8; --text: #831843; --muted: #be185d; --accent: #ec4899; --sidebar: #500724; --sidebar-text: #fce7f3; }
body.panel-theme-matrix { --bg: #020617; --panel: #08111f; --line: #14532d; --text: #dcfce7; --muted: #86efac; --accent: #22c55e; --sidebar: #000000; --sidebar-text: #bbf7d0; color-scheme: dark; }
body.panel-theme-paper { --bg: #fafafa; --panel: #ffffff; --line: #e5e7eb; --text: #111827; --muted: #6b7280; --accent: #111827; --sidebar: #f3f4f6; --sidebar-text: #111827; }
body.panel-theme-nightblue { --bg: #020617; --panel: #0f172a; --line: #1d4ed8; --text: #dbeafe; --muted: #93c5fd; --accent: #3b82f6; --sidebar: #020617; --sidebar-text: #dbeafe; color-scheme: dark; }
body.panel-theme-flame { --bg: #1c0b05; --panel: #2f1208; --line: #7c2d12; --text: #ffedd5; --muted: #fdba74; --accent: #f97316; --sidebar: #120502; --sidebar-text: #ffedd5; color-scheme: dark; }
body.panel-theme-moss { --bg: #ecfdf5; --panel: #ffffff; --line: #bbf7d0; --text: #14532d; --muted: #15803d; --accent: #4ade80; --sidebar: #14532d; --sidebar-text: #dcfce7; }
body.panel-theme-steel { --bg: #f1f5f9; --panel: #ffffff; --line: #cbd5e1; --text: #1e293b; --muted: #64748b; --accent: #64748b; --sidebar: #1e293b; --sidebar-text: #e2e8f0; }
body.panel-theme-newsroom { --bg: #fff1f2; --panel: #ffffff; --line: #fecdd3; --text: #7f1d1d; --muted: #dc2626; --accent: #ef4444; --sidebar: #450a0a; --sidebar-text: #fee2e2; }
body.panel-theme-techops { --bg: #020617; --panel: #0b1120; --line: #155e75; --text: #cffafe; --muted: #67e8f9; --accent: #22d3ee; --sidebar: #020617; --sidebar-text: #cffafe; color-scheme: dark; }
body.panel-theme-casino { --bg: #120704; --panel: #241006; --line: #854d0e; --text: #fef3c7; --muted: #facc15; --accent: #eab308; --sidebar: #090301; --sidebar-text: #fef3c7; color-scheme: dark; }
body.panel-theme-gamehub { --bg: #09090b; --panel: #111827; --line: #3f6212; --text: #ecfccb; --muted: #a3e635; --accent: #84cc16; --sidebar: #020617; --sidebar-text: #ecfccb; color-scheme: dark; }
body.panel-theme-finance { --bg: #ecfdf5; --panel: #ffffff; --line: #a7f3d0; --text: #022c22; --muted: #059669; --accent: #10b981; --sidebar: #022c22; --sidebar-text: #d1fae5; }
body.panel-theme-sports { --bg: #fff7ed; --panel: #ffffff; --line: #fed7aa; --text: #7c2d12; --muted: #ea580c; --accent: #f97316; --sidebar: #431407; --sidebar-text: #ffedd5; }
body.panel-theme-music { --bg: #500724; --panel: #831843; --line: #be185d; --text: #fce7f3; --muted: #f9a8d4; --accent: #ec4899; --sidebar: #270216; --sidebar-text: #fce7f3; color-scheme: dark; }
body.panel-theme-cinema { --bg: #09090b; --panel: #18181b; --line: #713f12; --text: #fef3c7; --muted: #fbbf24; --accent: #f59e0b; --sidebar: #000000; --sidebar-text: #fef3c7; color-scheme: dark; }
body.panel-theme-medical { --bg: #ecfeff; --panel: #ffffff; --line: #a5f3fc; --text: #155e75; --muted: #0891b2; --accent: #06b6d4; --sidebar: #164e63; --sidebar-text: #cffafe; }
body.panel-theme-education { --bg: #eff6ff; --panel: #ffffff; --line: #bfdbfe; --text: #172554; --muted: #2563eb; --accent: #3b82f6; --sidebar: #172554; --sidebar-text: #dbeafe; }
body.panel-theme-fashion { --bg: #fdf2f8; --panel: #ffffff; --line: #fbcfe8; --text: #831843; --muted: #db2777; --accent: #f472b6; --sidebar: #500724; --sidebar-text: #fce7f3; }
body.panel-theme-travel { --bg: #f0f9ff; --panel: #ffffff; --line: #bae6fd; --text: #075985; --muted: #0284c7; --accent: #38bdf8; --sidebar: #0c4a6e; --sidebar-text: #e0f2fe; }
body.panel-theme-hologram { --bg: #ecfeff; --panel: rgba(255,255,255,.78); --line: #67e8f9; --text: #164e63; --muted: #0891b2; --accent: #22d3ee; --sidebar: #083344; --sidebar-text: #cffafe; }
body.panel-theme-terminal { --bg: #020617; --panel: #07110b; --line: #14532d; --text: #dcfce7; --muted: #86efac; --accent: #22c55e; --sidebar: #000000; --sidebar-text: #bbf7d0; color-scheme: dark; }
body.panel-theme-broadcast { --bg: #fff1f2; --panel: #ffffff; --line: #fecdd3; --text: #7f1d1d; --muted: #dc2626; --accent: #ef4444; --sidebar: #450a0a; --sidebar-text: #fee2e2; }
body.panel-theme-premiumred { --bg: #170508; --panel: #2a0b12; --line: #7f1d1d; --text: #ffe4e6; --muted: #fda4af; --accent: #ef4444; --sidebar: #080102; --sidebar-text: #ffe4e6; color-scheme: dark; }
body.panel-theme-rainbowglass { --bg: #f8fafc; --panel: rgba(255,255,255,.82); --line: #c4b5fd; --text: #312e81; --muted: #7c3aed; --accent: #06b6d4; --sidebar: linear-gradient(180deg, #312e81, #0e7490); --sidebar-text: #ffffff; }
body.panel-theme-nightclub { --bg: #0f0618; --panel: #1b102a; --line: #6d28d9; --text: #f5f3ff; --muted: #c084fc; --accent: #ec4899; --sidebar: #05010a; --sidebar-text: #f5f3ff; color-scheme: dark; }
body.panel-theme-marble { --bg: #f8fafc; --panel: #ffffff; --line: #dbeafe; --text: #1e293b; --muted: #64748b; --accent: #94a3b8; --sidebar: #e2e8f0; --sidebar-text: #0f172a; }
body.panel-theme-desert { --bg: #fff7ed; --panel: #fffbeb; --line: #fdba74; --text: #431407; --muted: #c2410c; --accent: #f59e0b; --sidebar: #431407; --sidebar-text: #ffedd5; }
@keyframes panelThemeGradient { 0%, 100% { background-position: 0% 50%, 50% 50%; } 50% { background-position: 100% 50%, 50% 50%; } }
@keyframes panelThemePulse { 0%, 100% { filter: saturate(1) brightness(1); } 50% { filter: saturate(1.18) brightness(1.06); } }
body.panel-theme-aurorapulse { --bg: #071827; --panel: rgba(8,47,73,.88); --line: #155e75; --text: #e0f2fe; --muted: #93c5fd; --accent: #22d3ee; --sidebar: #04111f; --sidebar-text: #e0f2fe; color-scheme: dark; background: radial-gradient(circle at 18% 12%, rgba(34,211,238,.34), transparent 31%), radial-gradient(circle at 78% 8%, rgba(168,85,247,.27), transparent 30%), linear-gradient(135deg, #04111f, #071827 48%, #0f172a); background-size: 150% 150%; animation: panelThemeGradient 18s ease-in-out infinite; }
body.panel-theme-neonstorm { --bg: #020617; --panel: rgba(7,17,11,.90); --line: #14532d; --text: #ecfccb; --muted: #bef264; --accent: #a3e635; --sidebar: #000000; --sidebar-text: #ecfccb; color-scheme: dark; background: radial-gradient(circle at 25% 18%, rgba(163,230,53,.26), transparent 28%), linear-gradient(120deg, #020617, #052e16 45%, #111827); background-size: 170% 170%; animation: panelThemeGradient 14s ease-in-out infinite, panelThemePulse 7s ease-in-out infinite; }
body.panel-theme-prismflow { --bg: #f5f3ff; --panel: rgba(255,255,255,.86); --line: #c4b5fd; --text: #2e1065; --muted: #6d28d9; --accent: #8b5cf6; --sidebar: linear-gradient(180deg, #2e1065, #0e7490); --sidebar-text: #ffffff; background: linear-gradient(135deg, #f5f3ff, #ecfeff, #fff1f2, #fefce8); background-size: 220% 220%; animation: panelThemeGradient 20s ease-in-out infinite; }
body.panel-theme-liquidchrome { --bg: #e2e8f0; --panel: rgba(255,255,255,.82); --line: #cbd5e1; --text: #0f172a; --muted: #475569; --accent: #64748b; --sidebar: linear-gradient(180deg, #0f172a, #334155); --sidebar-text: #f8fafc; background: radial-gradient(circle at 18% 18%, rgba(255,255,255,.92), transparent 28%), linear-gradient(135deg, #cbd5e1, #f8fafc, #94a3b8); background-size: 180% 180%; animation: panelThemeGradient 16s ease-in-out infinite; }
body.panel-theme-starlight { --bg: #0f172a; --panel: rgba(15,23,42,.90); --line: #334155; --text: #f8fafc; --muted: #cbd5e1; --accent: #c4b5fd; --sidebar: #020617; --sidebar-text: #f8fafc; color-scheme: dark; background: radial-gradient(circle at 20% 10%, rgba(196,181,253,.24), transparent 25%), radial-gradient(circle at 80% 22%, rgba(56,189,248,.18), transparent 24%), linear-gradient(135deg, #020617, #0f172a 58%, #1e1b4b); background-size: 160% 160%; animation: panelThemeGradient 22s ease-in-out infinite; }
body.panel-theme-firewave { --bg: #1c0b05; --panel: rgba(47,18,8,.90); --line: #7c2d12; --text: #ffedd5; --muted: #fdba74; --accent: #fb923c; --sidebar: #120502; --sidebar-text: #ffedd5; color-scheme: dark; background: radial-gradient(circle at 16% 20%, rgba(251,146,60,.30), transparent 28%), linear-gradient(125deg, #120502, #431407 52%, #7f1d1d); background-size: 175% 175%; animation: panelThemeGradient 15s ease-in-out infinite; }
body.panel-theme-cyberglass { --bg: #031827; --panel: rgba(8,47,73,.82); --line: #0e7490; --text: #cffafe; --muted: #67e8f9; --accent: #67e8f9; --sidebar: #020617; --sidebar-text: #cffafe; color-scheme: dark; background: linear-gradient(135deg, rgba(103,232,249,.18), transparent 30%), repeating-linear-gradient(90deg, rgba(103,232,249,.08) 0 1px, transparent 1px 28px), linear-gradient(135deg, #020617, #083344); background-size: 180% 180%, auto, auto; animation: panelThemeGradient 16s ease-in-out infinite; }
body.panel-theme-oceanpulse { --bg: #083344; --panel: rgba(14,116,144,.78); --line: #22d3ee; --text: #cffafe; --muted: #a5f3fc; --accent: #06b6d4; --sidebar: #062433; --sidebar-text: #cffafe; color-scheme: dark; background: radial-gradient(circle at 50% 0%, rgba(34,211,238,.28), transparent 32%), linear-gradient(135deg, #062433, #083344, #0e7490); background-size: 165% 165%; animation: panelThemeGradient 19s ease-in-out infinite; }
body.panel-theme-goldaurora { --bg: #2b1703; --panel: rgba(69,26,3,.88); --line: #92400e; --text: #fef3c7; --muted: #fde68a; --accent: #f59e0b; --sidebar: #160b02; --sidebar-text: #fef3c7; color-scheme: dark; background: radial-gradient(circle at 20% 10%, rgba(245,158,11,.32), transparent 28%), radial-gradient(circle at 80% 20%, rgba(250,204,21,.22), transparent 30%), linear-gradient(135deg, #160b02, #451a03 60%, #713f12); background-size: 170% 170%; animation: panelThemeGradient 17s ease-in-out infinite; }
body.panel-theme-magentaflux { --bg: #500724; --panel: rgba(131,24,67,.88); --line: #be185d; --text: #fce7f3; --muted: #f9a8d4; --accent: #f472b6; --sidebar: #270216; --sidebar-text: #fce7f3; color-scheme: dark; background: radial-gradient(circle at 12% 18%, rgba(244,114,182,.34), transparent 30%), radial-gradient(circle at 78% 12%, rgba(168,85,247,.26), transparent 28%), linear-gradient(135deg, #270216, #500724 62%, #831843); background-size: 160% 160%; animation: panelThemeGradient 18s ease-in-out infinite; }
body.panel-theme-voltage { --bg: #09090b; --panel: #111827; --line: #7c3aed; --text: #f5f3ff; --muted: #c4b5fd; --accent: #f59e0b; --sidebar: #05010a; --sidebar-text: #f5f3ff; color-scheme: dark; background: radial-gradient(circle at 16% 10%, rgba(245,158,11,.26), transparent 28%), linear-gradient(135deg, #05010a, #111827 52%, #312e81); }
body.panel-theme-obsidian { --bg: #050505; --panel: #111111; --line: #404040; --text: #f5f5f5; --muted: #d4d4d4; --accent: #facc15; --sidebar: #000000; --sidebar-text: #f5f5f5; color-scheme: dark; }
body.panel-theme-neoncity { --bg: #050816; --panel: #10172a; --line: #2563eb; --text: #e0f2fe; --muted: #93c5fd; --accent: #22d3ee; --sidebar: #020617; --sidebar-text: #e0f2fe; color-scheme: dark; background: linear-gradient(135deg, #020617, #10172a 50%, #312e81); }
body.panel-theme-pixel { --bg: #101827; --panel: #172033; --line: #334155; --text: #f8fafc; --muted: #cbd5e1; --accent: #a3e635; --sidebar: #09111f; --sidebar-text: #f8fafc; color-scheme: dark; background-image: linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px); background-size: 18px 18px; }
body.panel-theme-royalnight { --bg: #100824; --panel: #20123d; --line: #7c3aed; --text: #f5f3ff; --muted: #d8b4fe; --accent: #facc15; --sidebar: #07020f; --sidebar-text: #f5f3ff; color-scheme: dark; background: radial-gradient(circle at 20% 12%, rgba(250,204,21,.2), transparent 28%), linear-gradient(135deg, #07020f, #20123d 64%, #312e81); }
body.panel-theme-candyshop { --bg: #fdf2f8; --panel: #ffffff; --line: #f9a8d4; --text: #831843; --muted: #be185d; --accent: #06b6d4; --sidebar: linear-gradient(180deg, #831843, #0e7490); --sidebar-text: #ffffff; }
body.panel-theme-newsflash { --bg: #fff1f2; --panel: #ffffff; --line: #fca5a5; --text: #7f1d1d; --muted: #b91c1c; --accent: #dc2626; --sidebar: #450a0a; --sidebar-text: #fee2e2; }
body.panel-theme-goldrush { --bg: #2b1703; --panel: #451a03; --line: #a16207; --text: #fef3c7; --muted: #fde68a; --accent: #facc15; --sidebar: #160b02; --sidebar-text: #fef3c7; color-scheme: dark; background: linear-gradient(135deg, #160b02, #451a03, #713f12); }
body.panel-theme-arcticglass { --bg: #ecfeff; --panel: rgba(255,255,255,.86); --line: #67e8f9; --text: #164e63; --muted: #0e7490; --accent: #06b6d4; --sidebar: #164e63; --sidebar-text: #ecfeff; backdrop-filter: blur(12px); }
body.panel-theme-cyberpunk { --bg: #09091a; --panel: #17122b; --line: #d946ef; --text: #fdf4ff; --muted: #f0abfc; --accent: #22d3ee; --sidebar: #050510; --sidebar-text: #fdf4ff; color-scheme: dark; background: linear-gradient(135deg, #050510, #17122b 48%, #4c1d95); }
body.panel-theme-emeraldlux { --bg: #022c22; --panel: #064e3b; --line: #10b981; --text: #ecfdf5; --muted: #a7f3d0; --accent: #34d399; --sidebar: #011c16; --sidebar-text: #ecfdf5; color-scheme: dark; }
body.panel-theme-rubyglass { --bg: #fff1f2; --panel: rgba(255,255,255,.84); --line: #fda4af; --text: #881337; --muted: #be123c; --accent: #e11d48; --sidebar: #4c0519; --sidebar-text: #ffe4e6; }
body.panel-theme-oceanwave { --bg: #ecfeff; --panel: #ffffff; --line: #67e8f9; --text: #155e75; --muted: #0e7490; --accent: #0891b2; --sidebar: #083344; --sidebar-text: #cffafe; background: radial-gradient(circle at 50% 0%, rgba(34,211,238,.2), transparent 32%), #ecfeff; }
body.panel-theme-solarflare { --bg: #fff7ed; --panel: #ffffff; --line: #fdba74; --text: #7c2d12; --muted: #c2410c; --accent: #f97316; --sidebar: #431407; --sidebar-text: #ffedd5; background: radial-gradient(circle at 14% 10%, rgba(249,115,22,.22), transparent 28%), #fff7ed; }
body.panel-theme-moondust { --bg: #f8fafc; --panel: #ffffff; --line: #cbd5e1; --text: #1e293b; --muted: #475569; --accent: #8b5cf6; --sidebar: #1e293b; --sidebar-text: #f8fafc; background: linear-gradient(135deg, #f8fafc, #eef2ff); }
body.panel-theme-lavapro { --bg: #170508; --panel: #2a0b12; --line: #991b1b; --text: #fee2e2; --muted: #fca5a5; --accent: #f97316; --sidebar: #080102; --sidebar-text: #fee2e2; color-scheme: dark; }
body.panel-theme-gamerhub { --bg: #06120b; --panel: #0b1f12; --line: #3f6212; --text: #ecfccb; --muted: #bef264; --accent: #84cc16; --sidebar: #020802; --sidebar-text: #ecfccb; color-scheme: dark; }
body.panel-theme-cinematic { --bg: #09090b; --panel: #18181b; --line: #a16207; --text: #fef3c7; --muted: #fde68a; --accent: #f59e0b; --sidebar: #000000; --sidebar-text: #fef3c7; color-scheme: dark; }
body.panel-theme-pastelpop { --bg: #fff7ed; --panel: #ffffff; --line: #fbcfe8; --text: #4c1d95; --muted: #7c3aed; --accent: #fb7185; --sidebar: linear-gradient(180deg, #4c1d95, #be185d); --sidebar-text: #ffffff; }
body.panel-theme-business { --bg: #f8fafc; --panel: #ffffff; --line: #cbd5e1; --text: #0f172a; --muted: #475569; --accent: #2563eb; --sidebar: #0f172a; --sidebar-text: #e2e8f0; }
body[class*="panel-theme-"] {
  --field-bg: color-mix(in srgb, var(--panel), var(--bg) 18%);
  --surface-bg: color-mix(in srgb, var(--panel), var(--bg) 42%);
  --surface-elevated: color-mix(in srgb, var(--panel), var(--accent) 5%);
  --surface-soft: color-mix(in srgb, var(--panel), var(--accent) 12%);
  --secondary-bg: color-mix(in srgb, var(--panel), var(--accent) 14%);
  --secondary-text: var(--text);
  --badge-bg: color-mix(in srgb, var(--panel), var(--accent) 18%);
  --badge-text: var(--text);
}
body.panel-theme-aurorapulse input, body.panel-theme-aurorapulse select, body.panel-theme-aurorapulse textarea,
body.panel-theme-neonstorm input, body.panel-theme-neonstorm select, body.panel-theme-neonstorm textarea,
body.panel-theme-starlight input, body.panel-theme-starlight select, body.panel-theme-starlight textarea,
body.panel-theme-firewave input, body.panel-theme-firewave select, body.panel-theme-firewave textarea,
body.panel-theme-cyberglass input, body.panel-theme-cyberglass select, body.panel-theme-cyberglass textarea,
body.panel-theme-oceanpulse input, body.panel-theme-oceanpulse select, body.panel-theme-oceanpulse textarea,
body.panel-theme-goldaurora input, body.panel-theme-goldaurora select, body.panel-theme-goldaurora textarea,
body.panel-theme-magentaflux input, body.panel-theme-magentaflux select, body.panel-theme-magentaflux textarea { background: rgba(2,6,23,.64); color: var(--text); border-color: var(--line); }
body.panel-theme-aurorapulse button.secondary, body.panel-theme-neonstorm button.secondary, body.panel-theme-starlight button.secondary, body.panel-theme-firewave button.secondary, body.panel-theme-cyberglass button.secondary, body.panel-theme-oceanpulse button.secondary, body.panel-theme-goldaurora button.secondary, body.panel-theme-magentaflux button.secondary { background: rgba(255,255,255,.14); color: var(--text); }
button, input, select, textarea { font: inherit; }
button { border: 0; background: var(--accent); color: var(--button-text, #062015); border-radius: 8px; padding: var(--panel-space-10, 10px) var(--panel-space-14, 14px); font-weight: 750; cursor: pointer; }
button.secondary { background: var(--secondary-bg, #e8eef3); color: var(--secondary-text, var(--text)); border: 1px solid color-mix(in srgb, var(--line), transparent 8%); }
button.danger { background: var(--danger); color: #fff; }
input, select, textarea { width: 100%; border: 1px solid var(--line); border-radius: 8px; padding: var(--panel-space-10, 10px) var(--panel-space-12, 12px); background: var(--field-bg, #fff); color: var(--text); }
input[type="file"] { padding: var(--panel-space-8, 8px); }
textarea { min-height: var(--panel-space-78, 78px); resize: vertical; }
label { display: grid; gap: 6px; font-size: calc(13px * var(--panel-text-scale, 1)); color: var(--muted); font-weight: 650; }
.upload-hint { color: var(--muted); font-size: calc(12px * var(--panel-text-scale, 1)); font-weight: 650; }
.path-availability-status { display: inline-flex; align-items: center; gap: 6px; min-height: 18px; color: var(--muted); font-size: calc(12px * var(--panel-text-scale, 1)); font-weight: 850; }
.path-availability-status.ok { color: #059669; }
.path-availability-status.error { color: #dc2626; }
.path-availability-status.checking { color: #d97706; }
.shell { min-height: 100vh; min-height: 100dvh; display: grid; grid-template-columns: var(--panel-sidebar-width, 260px) minmax(0, 1fr); align-items: start; overflow: visible; font-size: calc(14px * var(--panel-text-scale, 1)); }
.sidebar { position: sticky; top: 0; min-height: 0; height: 100vh; height: 100dvh; overflow: hidden; overscroll-behavior: contain; background: var(--sidebar, #101820); color: var(--sidebar-text, #e5edf4); padding: var(--panel-space-22, 22px); display: flex; flex-direction: column; gap: var(--panel-space-14, 14px); }
.panel-main { min-width: 0; min-height: 100vh; min-height: 100dvh; display: grid; grid-template-rows: auto auto; align-content: start; overflow: visible; }
.shell.menu-right { grid-template-columns: 1fr var(--panel-sidebar-width, 260px); }
.shell.menu-right .sidebar { grid-column: 2; grid-row: 1; }
.shell.menu-right .panel-main { grid-column: 1; grid-row: 1; }
.shell.menu-top { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
.shell.menu-top .sidebar { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 12px; padding: 14px 22px; overflow-y: auto; }
.shell.menu-top .brand { min-width: 180px; }
.shell.menu-top .user-pill { width: auto; min-width: 160px; }
.shell.menu-top .nav { display: flex; flex: 1 1 520px; flex-direction: row; flex-wrap: wrap; gap: 8px; margin-inline: 0; padding: 0; overflow: visible; mask-image: none; -webkit-mask-image: none; }
.shell.menu-top .nav button { width: auto; min-height: 40px; }
.shell.menu-top .sidebar-utility { position: static; flex: 0 1 360px; margin-top: 0; padding-top: 0; display: flex; align-items: stretch; gap: 10px; background: transparent; }
.shell.menu-top .sidebar-utility .translation-menu { flex: 1 1 220px; }
.shell.menu-top .sidebar-utility > button { flex: 0 0 auto; }
.shell.menu-top .translation-box { flex: 0 1 260px; }
.panel-footer-adbar-shell { position: fixed; left: 0; right: 0; bottom: 0; z-index: 70; padding: 0 var(--panel-space-28, 28px) var(--panel-space-18, 18px); pointer-events: none; }
.panel-footer-adbar-shell .header-adbar { margin: 0 auto; }
.panel-footer-adbar-shell .header-adbar { pointer-events: auto; }
.panel-footer-adbar { position: relative; z-index: 6; }
.panel-donate-shell { position: fixed; right: var(--panel-space-28, 28px); bottom: var(--panel-space-18, 18px); z-index: 76; display: grid; justify-items: end; pointer-events: none; }
.panel-donate-shell .donate-widget { pointer-events: auto; }
.panel-footer-adbar-shell + .panel-donate-shell { bottom: calc(var(--panel-space-18, 18px) + 64px); }
.menu-drag-hint { border: 1px dashed rgba(255,255,255,.24); border-radius: 8px; padding: 8px 10px; color: var(--sidebar-text, #e5edf4); font-size: calc(12px * var(--panel-text-scale, 1)); font-weight: 850; opacity: .82; cursor: grab; }
.menu-drag-hint[draggable="true"] { cursor: grab; }
.menu-drag-hint[draggable="true"]:active { cursor: grabbing; }
.menu-drop-zones { position: fixed; inset: 0; z-index: 120; pointer-events: none; opacity: 0; transition: opacity .15s ease; }
.menu-dragging .menu-drop-zones { opacity: 1; }
.menu-drop-zones [data-menu-drop] { position: absolute; display: grid; place-items: center; border: 2px dashed color-mix(in srgb, var(--accent), white 18%); border-radius: 10px; background: color-mix(in srgb, var(--accent), transparent 72%); color: #fff; font-weight: 900; text-shadow: 0 1px 2px rgba(0,0,0,.35); pointer-events: none; }
.menu-dragging .menu-drop-zones [data-menu-drop] { pointer-events: auto; }
.menu-drop-zones [data-menu-drop].over { background: color-mix(in srgb, var(--accent), transparent 42%); transform: scale(1.01); }
.menu-drop-zones [data-menu-drop="left"] { left: 10px; top: 10px; bottom: 10px; width: 150px; }
.menu-drop-zones [data-menu-drop="right"] { right: 10px; top: 10px; bottom: 10px; width: 150px; }
.menu-drop-zones [data-menu-drop="top"] { left: 180px; right: 180px; top: 10px; height: 110px; }
.brand { font-size: calc(22px * var(--panel-text-scale, 1)); font-weight: 850; }
.user-pill { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 8px; padding: 12px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; }
.user-pill-text { min-width: 0; display: grid; gap: 4px; }
.panel-account-logo { width: 46px; height: 46px; border-radius: 14px; object-fit: cover; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.20); box-shadow: 0 10px 24px rgba(0,0,0,.16); display: inline-grid; place-items: center; color: var(--sidebar-text, #e5edf4); font-weight: 950; }
.panel-account-logo.placeholder { background: linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 24%), rgba(255,255,255,.12)); }
.user-pill a { color: var(--sidebar-text, #e5edf4); font-weight: 800; text-decoration: none; overflow-wrap: anywhere; }
.user-pill a:hover { text-decoration: underline; }
.user-pill p { margin: 0; color: color-mix(in srgb, var(--sidebar-text, #e5edf4), transparent 18%); font-weight: 750; }
.user-pill small { color: #aebdcc; line-height: 1.35; }
.nav { display: flex; flex-direction: column; gap: 9px; min-height: 0; overflow-y: auto; overflow-x: hidden; margin-inline: -4px; padding: 4px 4px 18px; scrollbar-width: none; -ms-overflow-style: none; flex: 1 1 auto; align-content: start; overscroll-behavior: contain; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; mask-image: linear-gradient(to bottom, transparent 0, #000 13px, #000 calc(100% - 18px), transparent 100%); -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 13px, #000 calc(100% - 18px), transparent 100%); }
.nav::-webkit-scrollbar { width: 0; height: 0; display: none; }
.nav button { position: relative; overflow: visible; min-height: 44px; height: auto; background: rgba(255,255,255,.045); color: #dbeafe; text-align: left; border: 1px solid rgba(255,255,255,.04); border-radius: 10px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; justify-content: stretch; gap: 10px; line-height: 1.25; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease; }
.nav button::before { content: ""; position: absolute; inset: 8px auto 8px 0; width: 3px; border-radius: 999px; background: var(--accent); opacity: 0; transition: opacity .16s ease; }
.nav button:hover, .nav button:focus-visible { background: rgba(255,255,255,.105); border-color: rgba(255,255,255,.18); box-shadow: 0 10px 24px rgba(0,0,0,.10); outline: 0; transform: translateX(2px); }
.nav button.active { background: linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 78%), rgba(255,255,255,.08)); border-color: color-mix(in srgb, var(--accent), white 12%); box-shadow: 0 12px 28px color-mix(in srgb, var(--accent), transparent 82%); }
.nav button.active::before { opacity: 1; }
.nav button.dragging { opacity: .45; outline: 2px dashed var(--accent); }
.nav button span:not(.nav-drag-handle):first-of-type { display: block; min-width: 0; max-width: 100%; overflow-wrap: normal; word-break: normal; white-space: normal; line-height: 1.25; }
.nav-drag-handle { width: 24px; height: 24px; display: inline-grid; place-items: center; border-radius: 6px; background: rgba(255,255,255,.12); color: var(--sidebar-text, #e5edf4); cursor: grab; font-weight: 900; line-height: 1; }
.nav-drag-handle:active { cursor: grabbing; }
.nav-visibility-toggle { width: 24px; height: 24px; display: inline-grid; place-items: center; border-radius: 6px; background: rgba(255,255,255,.10); color: var(--sidebar-text, #e5edf4); cursor: pointer; font-weight: 900; line-height: 1; }
.nav-visibility-toggle:hover { background: rgba(255,255,255,.20); }
.nav-hidden-section { flex: 0 0 auto; min-height: 0; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; overflow: hidden; background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.035)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.nav-hidden-section[data-open="1"] { border-color: color-mix(in srgb, var(--accent), white 12%); box-shadow: 0 14px 32px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.10); }
.nav-hidden-summary { width: 100%; min-height: 44px; padding: 9px 10px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 9px; align-items: center; cursor: pointer; font-weight: 900; color: var(--sidebar-text, #e5edf4); background: rgba(255,255,255,.025); border: 0; border-radius: 12px; text-align: left; }
.nav-hidden-check { display: none !important; }
.nav-hidden-check::before,
.nav-hidden-check:checked::before { content: ""; }
.nav-hidden-check:checked { background: var(--accent); }
.nav-hidden-summary span { min-width: 0; overflow-wrap: normal; word-break: normal; }
.nav-hidden-summary small { color: color-mix(in srgb, var(--sidebar-text, #e5edf4), transparent 22%); font-weight: 850; white-space: nowrap; }
.nav-hidden-list { display: grid; gap: 7px; max-height: none; min-height: 0; overflow: visible; padding: 8px; border-top: 1px solid rgba(255,255,255,.12); animation: navReveal .18s ease; }
.nav-hidden-check:not(:checked) ~ .nav-hidden-list { display: grid; }
.nav-hidden-list[hidden] { display: none !important; }
.nav-hidden-summary::-webkit-details-marker { display: none; }
.nav-hidden-arrow { width: 22px; height: 22px; display: inline-grid; place-items: center; border-radius: 999px; background: rgba(255,255,255,.12); color: var(--sidebar-text, #e5edf4); font-weight: 900; line-height: 1; transition: transform .16s ease, background .16s ease, color .16s ease; transform-origin: center; }
.nav-hidden-section[open] .nav-hidden-arrow { transform: rotate(90deg); background: var(--accent); color: var(--button-text, #062015); }
.nav-hidden-section[data-open="1"] .nav-hidden-arrow { transform: rotate(90deg); background: var(--accent); color: var(--button-text, #062015); }
.nav-hidden-section[data-open="0"] .nav-hidden-list { display: none !important; }
.nav-hidden-section[data-open="1"] .nav-hidden-list { display: grid !important; }
.nav-hidden-section[data-open="1"] .nav-hidden-list[hidden] { display: grid !important; }
.nav-hidden-list p { margin: 0; color: color-mix(in srgb, var(--sidebar-text, #e5edf4), transparent 28%); font-size: calc(12px * var(--panel-text-scale, 1)); font-weight: 750; line-height: 1.35; }
.nav-hidden-list button { min-height: 42px; background: linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,.045)); border-color: rgba(255,255,255,.10); }
.nav-hidden-list button:hover, .nav-hidden-list button:focus-visible { background: linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 76%), rgba(255,255,255,.10)); }
.nav-hidden-list button.is-hidden-nav-item { grid-template-columns: minmax(0, 1fr) auto auto; }
@keyframes navReveal { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.nav-unread, .message-unread { min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #f43f5e; color: #fff; font-size: calc(12px * var(--panel-text-scale, 1)); font-weight: 900; box-shadow: 0 0 0 2px rgba(255,255,255,.16); }
.channel-unread-count { margin-left: auto; }
.translation-box { display: grid; gap: 8px; padding: 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: rgba(255,255,255,.06); }
.translation-box label { color: #dbeafe; }
.translation-box select { padding: 8px 10px; }
.translation-menu { border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: rgba(255,255,255,.06); overflow: hidden; }
.translation-menu > summary { min-height: 40px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 8px 10px; cursor: pointer; list-style: none; color: #eaf7f0; font-weight: 850; }
.translation-menu > summary::-webkit-details-marker { display: none; }
.translation-menu > summary::before { content: "+"; width: 22px; height: 22px; display: inline-grid; place-items: center; border-radius: 999px; background: rgba(255,255,255,.12); transition: background .16s ease, color .16s ease; font-weight: 950; }
.translation-menu[open] > summary::before { content: "-"; background: var(--accent); color: var(--button-text, #062015); }
.translation-menu > summary small { justify-self: end; color: #dbeafe; font-size: calc(12px * var(--panel-text-scale, 1)); }
.translation-menu .translation-box { border: 0; border-top: 1px solid rgba(255,255,255,.12); border-radius: 0; background: rgba(0,0,0,.10); }
.sidebar-utility { flex: 0 0 auto; display: grid; gap: 10px; margin-top: 0; padding-top: 8px; position: static; z-index: 4; background: var(--sidebar, #101820); }
.sidebar-utility > button { width: 100%; min-height: 42px; }
.panel-searchbar { position: relative; z-index: 45; padding: var(--panel-space-18, 18px) var(--panel-space-28, 28px) 0; background: var(--bg); }
.panel-searchbox { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; width: min(760px, 100%); margin: 0 auto; border: 1px solid var(--line); border-radius: 999px; padding: 8px 10px 8px 14px; background: color-mix(in srgb, var(--panel), var(--accent) 3%); box-shadow: 0 8px 24px rgba(15,23,42,.06); color: var(--muted); }
.panel-searchbox span { width: 24px; height: 24px; display: inline-grid; place-items: center; border-radius: 999px; background: color-mix(in srgb, var(--accent), var(--panel) 64%); color: var(--text); font-weight: 900; }
.panel-searchbox input { border: 0; padding: 8px 4px; background: transparent; outline: 0; min-width: 0; color: var(--text); }
.panel-searchbox input:focus { box-shadow: none; }
.panel-searchbox button { width: 34px; height: 34px; padding: 0; border-radius: 999px; display: inline-grid; place-items: center; font-size: 18px; line-height: 1; }
.panel-search-results { position: absolute; left: max(var(--panel-space-28, 28px), calc((100% - 760px) / 2)); right: max(var(--panel-space-28, 28px), calc((100% - 760px) / 2)); top: calc(100% + 8px); display: none; gap: 8px; max-height: min(420px, 60vh); overflow: auto; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); box-shadow: 0 24px 64px rgba(15,23,42,.18); }
.panel-searchbar.open .panel-search-results { display: grid; }
.panel-search-result { width: 100%; min-height: 54px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 3px 10px; align-items: center; text-align: left; background: color-mix(in srgb, var(--panel), var(--accent) 4%); color: var(--text); border: 1px solid transparent; }
.panel-search-result:hover, .panel-search-result:focus { border-color: var(--accent); background: color-mix(in srgb, var(--panel), var(--accent) 10%); outline: 0; }
.panel-search-result .badge { grid-row: span 2; }
.panel-search-result strong { min-width: 0; overflow-wrap: anywhere; }
.panel-search-result small { min-width: 0; color: var(--muted); font-weight: 700; overflow-wrap: anywhere; }
.panel-search-empty { padding: 8px 10px; color: var(--muted); font-weight: 750; }
.panel-search-focus { outline: 2px solid var(--accent); outline-offset: 3px; box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent), transparent 78%); transition: outline-color .2s ease, box-shadow .2s ease; }
.content { min-width: 0; min-height: 0; height: auto; overflow: visible; overscroll-behavior: contain; scrollbar-gutter: stable; padding: var(--panel-space-28, 28px); display: grid; gap: var(--panel-space-18, 18px); align-content: start; }
.shell.has-panel-footer-adbar .content { padding-bottom: max(var(--panel-space-28, 28px), 96px); }
.shell.has-panel-footer-adbar .sidebar { padding-bottom: max(var(--panel-space-22, 22px), 96px); }
.shell.menu-top .sidebar { height: auto; max-height: min(38vh, 360px); }
.shell.menu-top .content { height: auto; }
.topbar { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
h1, h2, h3, p { margin: 0; }
h1 { font-size: calc(28px * var(--panel-text-scale, 1)); }
h2 { font-size: calc(20px * var(--panel-text-scale, 1)); }
h3 { font-size: calc(16px * var(--panel-text-scale, 1)); }
.muted { color: var(--muted); }
.grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--panel-space-16, 16px); align-items: start; }
.card { background: var(--panel); border: 1px solid var(--line); border-radius: 8px; padding: var(--panel-space-18, 18px); display: grid; gap: var(--panel-space-14, 14px); }
.panel-draggable-card { position: relative; }
.panel-card-drag-handle { position: absolute; top: 8px; right: 8px; z-index: 5; width: 30px; height: 30px; padding: 0; display: inline-grid; place-items: center; border-radius: 8px; background: color-mix(in srgb, var(--panel), var(--accent) 10%); border: 1px solid var(--line); color: var(--muted); cursor: grab; box-shadow: 0 4px 14px rgba(15,23,42,.08); }
.panel-card-drag-handle:active { cursor: grabbing; }
.panel-draggable-card.dragging { opacity: .72; outline: 2px dashed var(--accent); outline-offset: 4px; }
.panel-draggable-card > h2:first-child, .panel-draggable-card > .item-head:first-child { padding-right: 36px; }
.span-4 { grid-column: span 4; }
.span-5 { grid-column: span 5; }
.span-6 { grid-column: span 6; }
.span-7 { grid-column: span 7; }
.span-8 { grid-column: span 8; }
.span-12 { grid-column: span 12; }
.panel-split { display: grid; grid-template-columns: minmax(220px, var(--split-left, 32%)) 12px minmax(0, 1fr); gap: 0; align-items: stretch; min-width: 0; }
.panel-split-pane { min-width: 0; display: grid; align-content: start; }
.panel-split-pane > .card { min-height: 100%; height: auto; min-width: 0; align-content: start; }
.panel-split-left > .card { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.panel-split-right > .card { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.panel-splitter { width: 12px; min-width: 12px; height: 100%; min-height: 160px; padding: 0; border-radius: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--panel), var(--line) 18%); cursor: col-resize; position: relative; align-self: stretch; touch-action: none; }
.panel-splitter::before { content: ""; position: absolute; top: 12px; bottom: 12px; left: 50%; width: 4px; transform: translateX(-50%); border-radius: 999px; background: color-mix(in srgb, var(--line), var(--accent) 18%); transition: background .16s ease, box-shadow .16s ease, width .16s ease; }
.panel-splitter:hover::before, .panel-split.resizing .panel-splitter::before { width: 6px; background: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent), transparent 78%); }
.panel-split.resizing { user-select: none; cursor: col-resize; }
.row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--panel-space-12, 12px); }
.span-wide { grid-column: 1 / -1; }
.inline-settings { display: grid; gap: 12px; border-top: 1px solid var(--line); padding-top: 14px; }
.upload-field { display: grid; gap: 8px; }
.upload-preview { width: 74px; height: 74px; padding: 0; border: 1px solid var(--line); border-radius: 12px; background: color-mix(in srgb, var(--panel), var(--accent) 4%); overflow: hidden; display: inline-grid; place-items: center; box-shadow: 0 8px 22px rgba(15,23,42,.08); }
.upload-preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
.upload-preview:hover { outline: 2px solid color-mix(in srgb, var(--accent), transparent 40%); outline-offset: 2px; }
.upload-row { display: grid; grid-template-columns: minmax(190px, 1fr) auto auto; gap: 8px; align-items: center; }
.upload-row .media-picker, .upload-row .clear-media { white-space: nowrap; min-width: 92px; }
.multi-select { min-height: 220px; }
.multi-select option { padding: 6px 8px; }
.list { display: grid; gap: 10px; }
.split-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.splash-admin-side { align-content: start; }
.page-tabs { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; overflow: visible; padding: 4px 0 10px; align-items: stretch; }
.page-editor-wrap { width: min(1180px, 100%); justify-self: center; }
.page-editor-wrap .span-7, .page-editor-wrap .span-5 { grid-column: span 12; }
.page-inner-panel { padding: 0; gap: 0; background: var(--surface-bg, #fbfdff); }
.page-inner-panel > summary { background: color-mix(in srgb, var(--panel), var(--accent) 3%); }
.page-section-panel { padding: 0; gap: 0; }
.page-section-panel > summary { grid-template-columns: auto minmax(0, 1fr) auto auto auto; }
.page-section-panel.dragging { opacity: .68; outline: 2px dashed var(--accent); outline-offset: 4px; }
.page-section-order-actions { display: inline-flex; align-items: center; gap: 5px; justify-self: end; }
.page-section-move-button { width: 28px; height: 28px; padding: 0; display: inline-grid; place-items: center; border-radius: 8px; background: color-mix(in srgb, var(--panel), var(--accent) 10%); border: 1px solid var(--line); color: var(--muted); font-weight: 950; line-height: 1; }
.page-section-move-button:hover, .page-section-move-button:focus-visible { color: var(--button-text, #062015); background: var(--accent); outline: 0; }
.page-section-drag-handle { width: 28px; height: 28px; display: inline-grid; place-items: center; border-radius: 8px; background: color-mix(in srgb, var(--panel), var(--accent) 12%); border: 1px solid var(--line); color: var(--muted); cursor: grab; font-weight: 950; line-height: 1; box-shadow: 0 4px 14px rgba(15,23,42,.08); }
.page-section-drag-handle:active { cursor: grabbing; }
.page-panel-body { display: grid; gap: 14px; padding: 0; border: 0; background: transparent; }
.page-panel-body > .item-head:first-child { margin-bottom: 2px; }
.page-picker { width: 100%; min-height: 58px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 8px; justify-items: start; align-items: center; border: 1px solid var(--line); background: color-mix(in srgb, var(--panel), var(--accent) 4%); color: var(--text); text-align: left; }
.page-picker > span:first-child { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 900; color: inherit; }
.page-picker.active { background: var(--accent); color: var(--button-text, #062015); }
.page-picker small { color: var(--muted); font-weight: 650; }
.page-picker.active small { color: #164e2d; }
.page-picker .badge { justify-self: end; }
.compact-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.item { border: 1px solid var(--line); border-radius: 8px; padding: 12px; display: grid; gap: 8px; background: var(--surface-bg, #fbfdff); color: var(--text); }
.item [hidden] { display: none; }
.item-head { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.collapsible-panel { border: 1px solid var(--line); border-radius: 8px; background: var(--surface-bg, #fbfdff); overflow: hidden; }
.collapsible-panel summary { min-height: var(--panel-space-46, 46px); display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: var(--panel-space-10, 10px); padding: var(--panel-space-10, 10px) var(--panel-space-12, 12px); cursor: pointer; font-weight: 850; color: var(--text); list-style: none; }
.collapsible-panel summary::-webkit-details-marker { display: none; }
.collapsible-panel summary::before { content: "+"; display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 999px; background: var(--secondary-bg, #e8eef3); color: var(--secondary-text, var(--muted)); font-size: 16px; font-weight: 950; line-height: 1; transform: none; transition: background .18s ease, color .18s ease, box-shadow .18s ease; }
.collapsible-panel[open] summary::before { content: "-"; transform: none; background: var(--accent); color: var(--button-text, #062015); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent), transparent 78%); }
.collapsible-panel summary > * { min-width: 0; }
.collapsible-panel summary span:first-of-type { min-width: 0; overflow-wrap: normal; word-break: normal; }
.collapsible-panel summary small { min-width: 0; color: var(--muted); font-weight: 750; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.collapsible-panel.page-section-panel > summary { grid-template-columns: auto minmax(0, 1fr) auto auto auto; }
.collapsible-panel .collapsible-body, .collapsible-panel > .form-grid { border-top: 1px solid var(--line); padding: var(--panel-space-12, 12px); }
.collapsible-panel .collapsible-body { display: grid; gap: var(--panel-space-12, 12px); }
.collapsible-panel[open] > .collapsible-body,
.collapsible-panel[open] > .form-grid {
  max-height: none;
  overflow: visible;
  min-height: 0;
}
.collapsible-panel[open] > .collapsible-body > .list,
.collapsible-panel[open] > .collapsible-body > .admin-user-list,
.collapsible-panel[open] > .collapsible-body > .backup-list,
.collapsible-panel[open] > .collapsible-body > .event-list {
  min-height: 0;
  max-height: none;
  overflow: visible;
  padding-right: 0;
}
.panel-category-body { overflow: visible; }
.panel-section-category[open] > .collapsible-body { animation: panelReveal .18s ease; }
@keyframes panelReveal { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.account-section { padding: 0; gap: 0; align-content: start; }
.account-section > summary { background: color-mix(in srgb, var(--panel), var(--accent) 4%); }
.account-section[open] > summary { border-bottom: 1px solid var(--line); }
.setup-suite-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.setup-suite-card { border: 1px solid var(--line); border-radius: 8px; padding: 14px; background: var(--surface-elevated, #fff); display: grid; gap: 9px; align-content: start; min-height: 180px; }
.setup-suite-card.strong { background: color-mix(in srgb, var(--accent), white 86%); border-color: color-mix(in srgb, var(--accent), black 10%); }
.setup-suite-card strong { font-size: 16px; color: var(--text); }
.setup-suite-card small { color: var(--muted); font-weight: 700; line-height: 1.35; }
.setup-suite-card button { align-self: end; }
.setup-code { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; background: var(--surface-soft, #eef2f7); color: var(--text); border: 1px solid var(--line); border-radius: 8px; padding: 10px; font: 12px/1.45 ui-monospace, SFMono-Regular, Consolas, monospace; }
.splash-admin-side { align-content: start; }
.splash-settings-panel { background: color-mix(in srgb, var(--surface-bg, #fbfdff), var(--accent) 4%); }
.splash-ad-admin-list { gap: 8px; }
.splash-ad-admin-item { padding: 0; display: block; }
.adbar-admin-item { padding: 0; display: block; }
.splash-ad-admin-item .item-head, .adbar-admin-item .item-head { margin-bottom: 8px; }
.badge { display: inline-flex; align-items: center; border-radius: 999px; background: var(--badge-bg, #e8eef3); color: var(--badge-text, #334155); padding: var(--panel-space-4, 4px) var(--panel-space-9, 9px); font-size: calc(12px * var(--panel-text-scale, 1)); font-weight: 750; }
.badge.on { background: #dcfce7; color: #166534; }
.badge.warn { background: #fee2e2; color: #991b1b; }
.danger-zone { border-color: color-mix(in srgb, #ef4444, var(--line) 45%); }
.danger-zone summary::before { background: #fee2e2; color: #991b1b; }
.verified-name-line { display: inline-flex; align-items: center; justify-content: center; gap: .35em; vertical-align: middle; flex-wrap: wrap; }
.verified-badge { --verified-size: 18px; position: relative; display: inline-grid; place-items: center; width: var(--verified-size); height: var(--verified-size); flex: 0 0 var(--verified-size); border-radius: 999px; font-size: calc(var(--verified-size) * .72); font-weight: 950; line-height: 1; color: #fff; background: linear-gradient(135deg, #38bdf8, #2563eb); border: 1px solid rgba(255,255,255,.72); box-shadow: 0 5px 14px rgba(37,99,235,.24); overflow: hidden; transform: translateZ(0); transform-origin: center; will-change: transform, filter, box-shadow; isolation: isolate; }
.verified-badge img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: inherit; position: relative; z-index: 1; }
.verified-badge.custom { padding: 1px; background: color-mix(in srgb, var(--accent, #2563eb), white 18%); }
.verified-tgs-badge { font-size: calc(var(--verified-size) * .38); letter-spacing: 0; }
.verified-preset-vip, .verified-preset-official, .verified-preset-premium, .verified-preset-creator { font-size: calc(var(--verified-size) * .42); letter-spacing: 0; }
.verified-preset-pro, .verified-preset-live, .verified-preset-mod, .verified-preset-admin, .verified-preset-elite, .verified-preset-master, .verified-preset-legend, .verified-preset-staff, .verified-preset-owner, .verified-preset-safe { font-size: calc(var(--verified-size) * .34); letter-spacing: 0; }
.verified-preset-code, .verified-preset-developer, .verified-preset-database, .verified-preset-verifiedPlus, .verified-preset-diamondPlus, .verified-preset-bronzeMark, .verified-preset-platinum, .verified-preset-wolfMoon { font-size: calc(var(--verified-size) * .28); letter-spacing: 0; }
.verified-preset-vip, .verified-preset-official, .verified-preset-premium, .verified-preset-creator, .verified-preset-pro, .verified-preset-live, .verified-preset-game, .verified-preset-film, .verified-preset-store, .verified-preset-global, .verified-preset-king, .verified-preset-queen, .verified-preset-mod, .verified-preset-admin, .verified-preset-founder, .verified-preset-ai, .verified-preset-tv, .verified-preset-newsmark, .verified-preset-esports, .verified-preset-sponsor, .verified-preset-partner, .verified-preset-database, .verified-preset-silver, .verified-preset-bronzeMark, .verified-preset-platinum, .verified-preset-elite, .verified-preset-master, .verified-preset-legend, .verified-preset-verifiedPlus, .verified-preset-support, .verified-preset-developer, .verified-preset-staff, .verified-preset-owner { text-transform: uppercase; }
.verified-preset-diamond, .verified-preset-spark, .verified-preset-crown { font-size: calc(var(--verified-size) * .64); }
.verified-theme-blue { background: linear-gradient(135deg, #38bdf8, #2563eb); }
.verified-theme-gold { background: linear-gradient(135deg, #fde68a, #d97706); color: #422006; }
.verified-theme-emerald { background: linear-gradient(135deg, #6ee7b7, #059669); }
.verified-theme-ruby { background: linear-gradient(135deg, #fb7185, #be123c); }
.verified-theme-violet { background: linear-gradient(135deg, #c084fc, #7c3aed); }
.verified-theme-neon { background: #020617; color: #a3e635; box-shadow: 0 0 16px rgba(163,230,53,.45); }
.verified-theme-glass { background: rgba(255,255,255,.28); color: #0f172a; backdrop-filter: blur(8px); }
.verified-theme-mono { background: linear-gradient(135deg, #f8fafc, #475569); color: #0f172a; }
.verified-theme-rainbow { background: conic-gradient(from 120deg, #ef4444, #f59e0b, #22c55e, #06b6d4, #6366f1, #ec4899, #ef4444); }
.verified-theme-premium { background: radial-gradient(circle at 30% 25%, #fff7ed, #f59e0b 38%, #111827 88%); color: #fff7ed; }
.verified-theme-cyan { background: linear-gradient(135deg, #67e8f9, #0891b2); }
.verified-theme-rose { background: linear-gradient(135deg, #fda4af, #be123c); }
.verified-theme-lava { background: linear-gradient(135deg, #f97316, #7f1d1d); }
.verified-theme-ice { background: linear-gradient(135deg, #f0f9ff, #38bdf8); color: #0f172a; }
.verified-theme-matrix { background: #020617; color: #86efac; box-shadow: inset 0 0 12px rgba(34,197,94,.28); }
.verified-theme-royal { background: linear-gradient(135deg, #312e81, #facc15); color: #fff7ed; }
.verified-theme-cosmic { background: radial-gradient(circle at 30% 25%, #f0abfc, #312e81 42%, #020617); }
.verified-theme-sunset { background: linear-gradient(135deg, #f97316, #ec4899, #7c3aed); }
.verified-theme-chrome { background: linear-gradient(135deg, #f8fafc, #94a3b8 45%, #111827 70%, #e2e8f0); color: #020617; }
.verified-theme-hologram { background: linear-gradient(135deg, #67e8f9, #a78bfa, #f0abfc); color: #06101f; }
.verified-theme-casino { background: radial-gradient(circle at 35% 28%, #facc15, #166534 45%, #052e16); color: #fff7ed; }
.verified-theme-gaming { background: linear-gradient(135deg, #22c55e, #0f172a 55%, #8b5cf6); }
.verified-theme-cinema { background: linear-gradient(135deg, #020617, #991b1b); color: #fef2f2; }
.verified-theme-news { background: linear-gradient(135deg, #dc2626, #f8fafc); color: #111827; }
.verified-theme-tech { background: linear-gradient(135deg, #0f172a, #06b6d4); color: #ecfeff; }
.verified-theme-3d-blue { background: radial-gradient(circle at 28% 22%, #fff, #7dd3fc 18%, #2563eb 52%, #1e3a8a 88%); box-shadow: inset -3px -4px 8px rgba(15,23,42,.35), inset 2px 2px 6px rgba(255,255,255,.72), 0 7px 14px rgba(37,99,235,.28); }
.verified-theme-3d-gold { background: radial-gradient(circle at 30% 24%, #fff7ed, #fde68a 20%, #d97706 54%, #78350f 88%); color: #422006; box-shadow: inset -3px -4px 8px rgba(120,53,15,.38), inset 2px 2px 6px rgba(255,255,255,.76), 0 7px 14px rgba(217,119,6,.3); }
.verified-theme-3d-emerald { background: radial-gradient(circle at 30% 24%, #ecfdf5, #6ee7b7 20%, #059669 54%, #064e3b 88%); box-shadow: inset -3px -4px 8px rgba(6,78,59,.38), inset 2px 2px 6px rgba(255,255,255,.68), 0 7px 14px rgba(5,150,105,.28); }
.verified-theme-3d-ruby { background: radial-gradient(circle at 30% 24%, #fff1f2, #fb7185 20%, #be123c 54%, #4c0519 88%); box-shadow: inset -3px -4px 8px rgba(76,5,25,.38), inset 2px 2px 6px rgba(255,255,255,.68), 0 7px 14px rgba(190,18,60,.3); }
.verified-theme-3d-violet { background: radial-gradient(circle at 30% 24%, #faf5ff, #c084fc 20%, #7c3aed 54%, #2e1065 88%); box-shadow: inset -3px -4px 8px rgba(46,16,101,.38), inset 2px 2px 6px rgba(255,255,255,.68), 0 7px 14px rgba(124,58,237,.3); }
.verified-theme-animated-rainbow { background: conic-gradient(from 0deg, #ef4444, #f59e0b, #22c55e, #06b6d4, #6366f1, #ec4899, #ef4444); animation: verifiedThemeSpin 4s linear infinite; }
.verified-theme-animated-hologram { background: linear-gradient(120deg, #67e8f9, #a78bfa, #f0abfc, #99f6e4, #67e8f9); background-size: 240% 240%; color: #06101f; animation: verifiedGradientMove 3.2s ease-in-out infinite; }
.verified-theme-animated-fire { background: radial-gradient(circle at 45% 78%, #fef3c7, #f97316 30%, #991b1b 68%, #020617); animation: verifiedFireFlicker 1.1s ease-in-out infinite; }
.verified-theme-animated-ice { background: linear-gradient(135deg, #f8fafc, #bae6fd, #38bdf8, #e0f2fe); background-size: 220% 220%; color: #0f172a; animation: verifiedGradientMove 4s ease infinite; }
.verified-theme-animated-neon { background: #020617; color: #a3e635; animation: verifiedNeonBlink 1.6s ease-in-out infinite; }
.verified-theme-telegram-blue { background: radial-gradient(circle at 32% 22%, #e0f2fe, #2aabee 42%, #168acd 88%); box-shadow: inset 1px 1px 5px rgba(255,255,255,.7), inset -3px -4px 7px rgba(14,116,144,.36), 0 7px 15px rgba(42,171,238,.35); }
.verified-theme-telegram-premium { background: conic-gradient(from 180deg, #60a5fa, #a78bfa, #f0abfc, #facc15, #60a5fa); box-shadow: inset 1px 1px 5px rgba(255,255,255,.68), 0 0 18px rgba(167,139,250,.45); }
.verified-theme-crystal { background: linear-gradient(135deg, #ffffff, #bae6fd 28%, #a78bfa 56%, #f0abfc); color: #111827; box-shadow: inset 0 0 10px rgba(255,255,255,.8), 0 0 16px rgba(125,211,252,.42); }
.verified-theme-plasma { background: radial-gradient(circle at 25% 25%, #f0abfc, #8b5cf6 32%, #06b6d4 66%, #020617); animation: verifiedColorwave 2.6s linear infinite; }
.verified-theme-galaxy { background: radial-gradient(circle at 24% 28%, #fef3c7 0 7%, transparent 8%), radial-gradient(circle at 70% 70%, #67e8f9 0 5%, transparent 6%), linear-gradient(135deg, #020617, #312e81, #7c2d12); }
.verified-theme-aurora { background: linear-gradient(135deg, #052e2b, #14b8a6, #a78bfa, #f0fdfa); color: #ecfeff; }
.verified-theme-cyber { background: linear-gradient(135deg, #020617, #22d3ee 45%, #a3e635); color: #06101f; box-shadow: inset 0 0 10px rgba(34,211,238,.34), 0 0 16px rgba(163,230,53,.25); }
.verified-theme-ocean { background: radial-gradient(circle at 28% 25%, #e0f2fe, #0ea5e9 38%, #0f172a 88%); color: #f0f9ff; }
.verified-theme-candy { background: linear-gradient(135deg, #f9a8d4, #fef3c7, #93c5fd); color: #431407; }
.verified-theme-bronze { background: radial-gradient(circle at 32% 24%, #fed7aa, #c2410c 52%, #431407); color: #fff7ed; }
.verified-theme-obsidian { background: linear-gradient(135deg, #020617, #334155 42%, #020617); color: #f8fafc; box-shadow: inset 0 0 12px rgba(255,255,255,.12); }
.verified-theme-emeraldglass { background: rgba(16,185,129,.28); color: #ecfdf5; backdrop-filter: blur(8px); box-shadow: inset 0 0 12px rgba(167,243,208,.32), 0 0 14px rgba(16,185,129,.25); }
.verified-theme-animated-aurora { background: linear-gradient(120deg, #052e2b, #14b8a6, #818cf8, #f0abfc, #052e2b); background-size: 280% 280%; animation: verifiedGradientMove 3s ease-in-out infinite; }
.verified-theme-animated-plasma { background: radial-gradient(circle at 30% 30%, #f0abfc, #06b6d4, #7c3aed, #020617); animation: verifiedColorwave 1.8s linear infinite, verifiedPulse 2.4s ease-in-out infinite; }
.verified-theme-animated-cyber { background: linear-gradient(135deg, #020617, #22d3ee 45%, #a3e635); animation: verifiedNeonBlink 1.4s ease-in-out infinite, verifiedColorwave 3s linear infinite; }
.verified-theme-wolfsteel { background: radial-gradient(circle at 30% 24%, #f8fafc, #94a3b8 24%, #334155 56%, #020617 92%); color: #f8fafc; box-shadow: inset -3px -4px 8px rgba(2,6,23,.42), inset 2px 2px 6px rgba(255,255,255,.54); }
.verified-theme-forest { background: linear-gradient(135deg, #dcfce7, #16a34a 42%, #14532d); color: #f0fdf4; }
.verified-theme-nightwolf { background: radial-gradient(circle at 62% 22%, #e0f2fe 0 10%, transparent 11%), linear-gradient(135deg, #020617, #1e293b 45%, #0f172a); color: #e0f2fe; box-shadow: inset 0 0 12px rgba(148,163,184,.22), 0 0 18px rgba(56,189,248,.18); }
.verified-theme-arctic { background: linear-gradient(135deg, #f8fafc, #bae6fd 42%, #0284c7); color: #082f49; }
.verified-theme-savanna { background: radial-gradient(circle at 28% 24%, #fef3c7, #f59e0b 42%, #7c2d12); color: #fff7ed; }
.verified-theme-volcanic { background: radial-gradient(circle at 42% 80%, #fef3c7, #f97316 28%, #991b1b 62%, #020617); color: #fff7ed; }
.verified-theme-thunder { background: linear-gradient(135deg, #111827, #4338ca 48%, #facc15); color: #fefce8; }
.verified-theme-toxic { background: radial-gradient(circle at 30% 28%, #ecfccb, #84cc16 38%, #052e16 88%); color: #f7fee7; }
.verified-theme-pearl { background: linear-gradient(135deg, #ffffff, #e0f2fe 34%, #fce7f3 68%, #cbd5e1); color: #0f172a; }
.verified-theme-rubyglass { background: rgba(190,18,60,.72); color: #fff1f2; backdrop-filter: blur(8px); box-shadow: inset 0 0 12px rgba(255,255,255,.24), 0 0 16px rgba(244,63,94,.32); }
.verified-theme-3d-silver { background: radial-gradient(circle at 30% 22%, #fff, #e5e7eb 18%, #94a3b8 54%, #334155 88%); color: #0f172a; box-shadow: inset -3px -4px 8px rgba(51,65,85,.38), inset 2px 2px 6px rgba(255,255,255,.8), 0 7px 14px rgba(71,85,105,.26); }
.verified-theme-3d-obsidian { background: radial-gradient(circle at 30% 24%, #64748b, #1e293b 28%, #020617 78%); color: #e2e8f0; box-shadow: inset -3px -4px 8px rgba(0,0,0,.55), inset 2px 2px 6px rgba(255,255,255,.18), 0 7px 14px rgba(2,6,23,.3); }
.verified-theme-animated-wolf { background: radial-gradient(circle at 65% 22%, #f8fafc 0 9%, transparent 10%), linear-gradient(135deg, #020617, #334155, #0f172a); color: #f8fafc; animation: verifiedWolfGlow 2.2s ease-in-out infinite; }
.verified-theme-animated-thunder { background: linear-gradient(135deg, #020617, #1d4ed8 42%, #facc15 78%, #020617); background-size: 220% 220%; animation: verifiedGradientMove 1.2s ease-in-out infinite, verifiedElectric .65s steps(2) infinite; }
.verified-theme-animated-cosmic { background: conic-gradient(from 0deg, #020617, #7c3aed, #06b6d4, #f0abfc, #020617); animation: verifiedThemeSpin 5.5s linear infinite, verifiedPulse 2.2s ease-in-out infinite; }
.verified-theme-animated-forest { background: linear-gradient(120deg, #052e16, #16a34a, #84cc16, #14532d); background-size: 260% 260%; animation: verifiedGradientMove 3.4s ease-in-out infinite; }
.verified-bg-round { border-radius: 999px; }
.verified-bg-square { border-radius: 7px; }
.verified-bg-transparent { background: transparent !important; border-color: transparent; box-shadow: none; }
.verified-bg-transparent img { object-fit: contain; }
.verified-bg-soft-square { border-radius: 11px; }
.verified-bg-hex { clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%); border-radius: 0; }
.verified-bg-pill { border-radius: 999px; width: calc(var(--verified-size) * 1.55); }
.verified-border-none { border-color: transparent; box-shadow: none; }
.verified-border-soft { box-shadow: 0 5px 14px rgba(37,99,235,.24); }
.verified-border-glow { box-shadow: 0 0 0 1px rgba(255,255,255,.58), 0 0 18px color-mix(in srgb, var(--accent, #38bdf8), transparent 35%); }
.verified-border-double { border: 3px double rgba(255,255,255,.92); }
.verified-border-dash { border: 2px dashed currentColor; }
.verified-border-rainbow { border: 2px solid transparent; box-shadow: 0 0 0 2px #fff inset, 0 0 0 1px #ec4899; }
.verified-border-pulse { animation: verifiedPulse 1.8s ease-in-out infinite; }
.verified-border-neon { box-shadow: 0 0 0 1px #67e8f9, 0 0 20px rgba(34,211,238,.52); }
.verified-border-gold { box-shadow: 0 0 0 1px #facc15, 0 0 18px rgba(250,204,21,.36); }
.verified-border-glass { border-color: rgba(255,255,255,.7); box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 12px 20px rgba(15,23,42,.15); }
.verified-border-sparkle { box-shadow: 0 0 0 1px rgba(255,255,255,.72), 0 0 16px rgba(250,204,21,.38); animation: verifiedSparkBorder 1.2s steps(3) infinite; }
.verified-border-orbit { overflow: visible; }
.verified-border-orbit::before { content: ""; position: absolute; inset: -3px; border-radius: inherit; border: 2px solid rgba(255,255,255,.85); clip-path: polygon(0 0, 45% 0, 45% 100%, 0 100%); animation: verifiedOrbit 1.8s linear infinite; z-index: -1; pointer-events: none; }
.verified-border-chrome { box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #475569, 0 0 0 1px #cbd5e1; }
.verified-border-fire { box-shadow: 0 0 0 1px #fed7aa, 0 0 18px rgba(249,115,22,.55); }
.verified-border-ice { box-shadow: 0 0 0 1px #bae6fd, 0 0 18px rgba(14,165,233,.38); }
.verified-border-matrix { border-color: #86efac; box-shadow: 0 0 18px rgba(34,197,94,.42); }
.verified-border-dotted { border: 2px dotted currentColor; }
.verified-border-laser { box-shadow: 0 0 0 1px #f0abfc, 0 0 16px rgba(217,70,239,.5); }
.verified-border-halo { box-shadow: 0 0 0 5px rgba(56,189,248,.16), 0 0 22px rgba(56,189,248,.38); }
.verified-border-prism { box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(34,211,238,.35), 0 0 0 5px rgba(236,72,153,.22); }
.verified-border-scanline::after, .verified-border-comet::after, .verified-border-confetti::after { content: ""; position: absolute; inset: -35%; pointer-events: none; z-index: 2; }
.verified-border-scanline::after { background: repeating-linear-gradient(0deg, transparent 0 7px, rgba(255,255,255,.32) 8px 9px); animation: verifiedScan 1.2s linear infinite; }
.verified-border-comet::after { background: conic-gradient(from 0deg, transparent 0 72%, rgba(255,255,255,.95) 76%, transparent 82%); animation: verifiedThemeSpin 1.6s linear infinite; }
.verified-border-electric { box-shadow: 0 0 0 1px #67e8f9, 0 0 22px rgba(59,130,246,.48); animation: verifiedElectric .55s steps(2) infinite; }
.verified-border-confetti::after { background: radial-gradient(circle, #fff 0 5%, transparent 7%) 0 0 / 8px 8px, radial-gradient(circle, #facc15 0 4%, transparent 6%) 4px 5px / 9px 9px; animation: verifiedSpark .9s steps(2) infinite; }
.verified-border-shadow-3d { box-shadow: 3px 4px 0 rgba(15,23,42,.32), inset 1px 1px 0 rgba(255,255,255,.58); }
.verified-border-soft-ring { box-shadow: 0 0 0 4px rgba(255,255,255,.2), 0 8px 18px rgba(15,23,42,.2); }
.verified-border-claw { box-shadow: 0 0 0 1px rgba(255,255,255,.58), 0 0 16px rgba(148,163,184,.36); }
.verified-border-claw::after { content: ""; position: absolute; inset: -12%; pointer-events: none; background: linear-gradient(135deg, transparent 0 38%, rgba(255,255,255,.9) 39% 43%, transparent 44% 52%, rgba(255,255,255,.72) 53% 56%, transparent 57%); opacity: .55; z-index: 2; }
.verified-border-fang { box-shadow: inset 0 -3px 0 rgba(255,255,255,.28), 0 0 0 1px rgba(255,255,255,.72), 0 0 18px rgba(15,23,42,.32); }
.verified-border-fang::after { content: ""; position: absolute; inset: auto 18% 0; height: 32%; pointer-events: none; background: linear-gradient(135deg, transparent 0 40%, rgba(255,255,255,.9) 41% 60%, transparent 61%); clip-path: polygon(0 0, 40% 100%, 55% 0, 100% 0, 58% 100%, 44% 0); z-index: 2; }
.verified-border-moonring { box-shadow: 0 0 0 1px #e0f2fe, 0 0 0 5px rgba(224,242,254,.16), 0 0 22px rgba(125,211,252,.45); }
.verified-border-thunderRing { box-shadow: 0 0 0 1px #fde047, 0 0 18px rgba(250,204,21,.5); animation: verifiedElectric .7s steps(2) infinite; }
.verified-border-auroraRing { box-shadow: 0 0 0 1px #99f6e4, 0 0 0 4px rgba(167,139,250,.18), 0 0 24px rgba(45,212,191,.36); animation: verifiedColorwave 3s linear infinite; }
.verified-border-carbon { border-color: #475569; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 3px 4px 0 rgba(2,6,23,.28); }
.verified-border-platinum { border-color: #f8fafc; box-shadow: inset 0 0 10px rgba(255,255,255,.58), 0 0 0 1px #94a3b8, 0 8px 18px rgba(148,163,184,.22); }
.verified-border-danger { border-color: #f97316; box-shadow: 0 0 0 1px #f97316, 0 0 18px rgba(239,68,68,.5); }
.verified-hover-shine::after, .verified-hover-spark::after, .verified-hover-halo::after, .verified-hover-scan::after, .verified-hover-always-scan::after { content: ""; position: absolute; inset: -35%; pointer-events: none; opacity: 0; z-index: 2; }
.verified-hover-shine::after { background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.82), transparent 65%); transform: translateX(-70%); }
.verified-hover-shine:hover::after { opacity: 1; transform: translateX(70%); transition: transform .55s ease, opacity .2s; }
.verified-hover-lift:hover { transform: translateY(-2px) scale(1.08); }
.verified-hover-spin:hover { transform: rotate(1turn); transition: transform .65s ease; }
.verified-hover-pulse:hover, .verified-hover-heartbeat:hover { animation: verifiedPulse 1s ease-in-out infinite; }
.verified-hover-spark:hover::after { opacity: 1; background: radial-gradient(circle, rgba(255,255,255,.95) 0 8%, transparent 10%) 0 0 / 9px 9px; animation: verifiedSpark .7s steps(2) infinite; }
.verified-hover-tilt:hover { transform: rotate(-8deg) scale(1.06); }
.verified-hover-zoom:hover { transform: scale(1.16); }
.verified-hover-halo:hover::after { opacity: 1; border-radius: inherit; box-shadow: 0 0 0 8px rgba(56,189,248,.18), 0 0 28px rgba(56,189,248,.45); }
.verified-hover-wobble:hover { animation: verifiedWobble .7s ease-in-out; }
.verified-hover-flip:hover { transform: rotateY(180deg); transition: transform .65s ease; }
.verified-hover-glow:hover { filter: drop-shadow(0 0 12px currentColor) brightness(1.12); }
.verified-hover-blink:hover { animation: verifiedBlink .75s steps(2) infinite; }
.verified-hover-float:hover { animation: donateFloat 1.4s ease-in-out infinite; }
.verified-hover-rubber:hover { animation: verifiedRubber .75s ease-in-out; }
.verified-hover-grayscale:hover { filter: grayscale(1); }
.verified-hover-colorwave:hover { animation: verifiedColorwave 1.1s linear infinite; }
.verified-hover-pop:hover { transform: scale(1.24); transition: transform .2s ease; }
.verified-hover-jelly:hover { animation: verifiedJelly .62s ease-in-out; }
.verified-hover-swing:hover { animation: verifiedSwing .8s ease-in-out; }
.verified-hover-scan::after { background: linear-gradient(90deg, transparent 32%, rgba(255,255,255,.82), transparent 68%); transform: translateX(-80%); }
.verified-hover-scan:hover::after { opacity: 1; animation: verifiedScanLight .72s ease-in-out; }
.verified-hover-electric:hover { animation: verifiedElectric .45s steps(2) infinite; }
.verified-hover-orbit-fast:hover::before { content: ""; position: absolute; inset: -4px; border-radius: inherit; border: 2px solid currentColor; clip-path: polygon(0 0, 42% 0, 42% 100%, 0 100%); animation: verifiedOrbit .8s linear infinite; pointer-events: none; z-index: -1; }
.verified-hover-always-spin { animation: verifiedThemeSpin 2.8s linear infinite; }
.verified-hover-always-spin-3d { animation: verifiedSpin3d 3.2s linear infinite; transform-style: preserve-3d; }
.verified-hover-always-pulse { animation: verifiedPulse 1.45s ease-in-out infinite; }
.verified-hover-always-float { animation: donateFloat 2.4s ease-in-out infinite; }
.verified-hover-always-colorwave { animation: verifiedColorwave 2.2s linear infinite; }
.verified-hover-always-shimmer::after { content: ""; position: absolute; inset: -45%; pointer-events: none; background: linear-gradient(115deg, transparent 34%, rgba(255,255,255,.86), transparent 64%); animation: verifiedShimmerLoop 1.65s ease-in-out infinite; }
.verified-hover-always-orbit { overflow: visible; }
.verified-hover-always-orbit::before { content: ""; position: absolute; inset: -4px; border-radius: inherit; border: 2px solid rgba(255,255,255,.8); clip-path: polygon(0 0, 38% 0, 38% 100%, 0 100%); animation: verifiedOrbit 1.35s linear infinite; z-index: -1; pointer-events: none; }
.verified-hover-always-bounce { animation: verifiedBounce 1.35s ease-in-out infinite; }
.verified-hover-always-flip { animation: verifiedFlipLoop 3s ease-in-out infinite; transform-style: preserve-3d; }
.verified-hover-always-glow { animation: verifiedGlowLoop 1.8s ease-in-out infinite; }
.verified-hover-always-rainbow { animation: verifiedThemeSpin 4s linear infinite, verifiedColorwave 2.4s linear infinite; }
.verified-hover-always-sparkle::after { content: ""; position: absolute; inset: -18%; pointer-events: none; background: radial-gradient(circle, rgba(255,255,255,.95) 0 8%, transparent 10%) 0 0 / 9px 9px; animation: verifiedSpark .8s steps(2) infinite; opacity: .9; }
.verified-hover-always-swing { animation: verifiedSwing 1.8s ease-in-out infinite; }
.verified-hover-always-electric { animation: verifiedElectric .65s steps(2) infinite; }
.verified-hover-always-scan::after { opacity: .9; background: linear-gradient(90deg, transparent 32%, rgba(255,255,255,.82), transparent 68%); animation: verifiedScanLight 1.2s ease-in-out infinite; }
.verified-hover-howl:hover { animation: verifiedHowl 1.1s ease-in-out; }
.verified-hover-pounce:hover { animation: verifiedPounce .72s cubic-bezier(.2,.8,.2,1); }
.verified-hover-claw::after { content: ""; position: absolute; inset: -12%; pointer-events: none; background: linear-gradient(115deg, transparent 0 35%, rgba(255,255,255,.9) 36% 39%, transparent 40% 46%, rgba(255,255,255,.75) 47% 50%, transparent 51%); opacity: 0; z-index: 2; transform: translateX(-40%); }
.verified-hover-claw:hover::after { opacity: .9; transform: translateX(40%); transition: transform .42s ease, opacity .18s ease; }
.verified-hover-moonpulse:hover { animation: verifiedMoonPulse 1.25s ease-in-out infinite; }
.verified-hover-thunderhit:hover { animation: verifiedThunderHit .62s steps(2) infinite; }
.verified-hover-frost:hover { animation: verifiedFrost 1.2s ease-in-out infinite; }
.verified-hover-always-howl { animation: verifiedHowl 2.4s ease-in-out infinite; }
.verified-hover-always-thunderhit { animation: verifiedThunderHit .9s steps(2) infinite; }
.verified-hover-always-frost { animation: verifiedFrost 2.4s ease-in-out infinite; }
@media (hover: none), (pointer: coarse), (max-width: 1024px) {
  .verified-hover-shine::after { opacity: .9; animation: verifiedShimmerLoop 1.75s ease-in-out infinite; }
  .verified-hover-lift { animation: donateFloat 2.2s ease-in-out infinite; }
  .verified-hover-spin { animation: verifiedThemeSpin 3s linear infinite; }
  .verified-hover-pulse,
  .verified-hover-heartbeat { animation: verifiedPulse 1.35s ease-in-out infinite; }
  .verified-hover-spark::after { opacity: .9; background: radial-gradient(circle, rgba(255,255,255,.95) 0 8%, transparent 10%) 0 0 / 9px 9px; animation: verifiedSpark .85s steps(2) infinite; }
  .verified-hover-tilt { animation: verifiedWobble 2.1s ease-in-out infinite; }
  .verified-hover-zoom,
  .verified-hover-pop { animation: verifiedBounce 1.7s ease-in-out infinite; }
  .verified-hover-halo::after { opacity: 1; border-radius: inherit; animation: verifiedGlowLoop 1.8s ease-in-out infinite; }
  .verified-hover-wobble { animation: verifiedWobble 1.8s ease-in-out infinite; }
  .verified-hover-flip { animation: verifiedFlipLoop 3s ease-in-out infinite; transform-style: preserve-3d; }
  .verified-hover-glow { animation: verifiedGlowLoop 1.8s ease-in-out infinite; }
  .verified-hover-blink { animation: verifiedBlink 1s steps(2) infinite; }
  .verified-hover-float { animation: donateFloat 2.2s ease-in-out infinite; }
  .verified-hover-rubber,
  .verified-hover-jelly { animation: verifiedJelly 1.8s ease-in-out infinite; }
  .verified-hover-colorwave { animation: verifiedColorwave 2s linear infinite; }
  .verified-hover-swing { animation: verifiedSwing 1.8s ease-in-out infinite; }
  .verified-hover-electric { animation: verifiedElectric .75s steps(2) infinite; }
  .verified-hover-scan::after { opacity: .9; background: linear-gradient(90deg, transparent 32%, rgba(255,255,255,.82), transparent 68%); animation: verifiedScanLight 1.4s ease-in-out infinite; }
  .verified-hover-howl { animation: verifiedHowl 2.4s ease-in-out infinite; }
  .verified-hover-pounce { animation: verifiedPounce 2.1s cubic-bezier(.2,.8,.2,1) infinite; }
  .verified-hover-claw::after { opacity: .75; animation: verifiedClawSweep 1.8s ease-in-out infinite; }
  .verified-hover-moonpulse { animation: verifiedMoonPulse 2.2s ease-in-out infinite; }
  .verified-hover-thunderhit { animation: verifiedThunderHit 1.05s steps(2) infinite; }
  .verified-hover-frost { animation: verifiedFrost 2.4s ease-in-out infinite; }
}
.verified-preview { width: 100%; text-align: left; display: flex; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--panel), var(--accent) 4%); color: var(--text); padding: 10px 12px; cursor: pointer; }
.verified-preview:hover { border-color: var(--accent); box-shadow: 0 8px 18px rgba(15,23,42,.10); }
.verified-pack-grid { display: grid; gap: 10px; margin-top: 10px; }
.verified-pack-card { border: 1px solid var(--line); border-radius: 8px; padding: 10px; background: color-mix(in srgb, var(--panel), var(--accent) 3%); }
.verified-pack-card.collapsible-panel { padding: 0; overflow: hidden; }
.verified-pack-card.collapsible-panel summary { grid-template-columns: auto minmax(0, 1fr) auto; padding: 10px; }
.verified-pack-card.collapsible-panel summary > div { min-width: 0; display: grid; gap: 2px; }
.verified-pack-card.collapsible-panel summary small { white-space: normal; }
.verified-pack-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; min-height: 0; }
.verified-pack-card .verified-pack-badges { padding: 0 10px 10px; max-height: 320px; overflow: auto; scrollbar-width: thin; }
.verified-pack-badge { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 7px; min-width: 140px; max-width: 220px; padding: 7px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--text); text-align: left; }
.verified-pack-badge img { width: 34px; height: 34px; object-fit: contain; border-radius: 8px; }
.verified-pack-tgs, .emoji-tgs, .upload-file-preview { width: 34px; height: 34px; display: inline-grid; place-items: center; border-radius: 8px; background: linear-gradient(135deg, #0ea5e9, #7c3aed); color: #fff; font-size: 11px; font-weight: 950; letter-spacing: 0; }
.verified-pack-badge small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.verified-pack-badge:hover { border-color: var(--accent); transform: translateY(-1px); }
.verified-badge[data-verified-badge-trigger] { cursor: pointer; }
.verified-badge-picker { position: fixed; inset: 0; z-index: 10000; background: rgba(15,23,42,.38); display: grid; place-items: start center; padding: 52px 16px 16px; }
.verified-badge-picker-card { width: min(560px, 100%); max-height: min(760px, calc(100vh - 76px)); overflow: auto; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); color: var(--text); box-shadow: 0 24px 70px rgba(15,23,42,.28); padding: 14px; min-height: 0; }
.verified-badge-search { margin: 8px 0 12px; }
.verified-badge-picker-list { display: grid; gap: 12px; min-height: 0; }
.verified-badge-picker-list h3 { margin: 0 0 8px; font-size: 14px; color: var(--muted); }
.verified-badge-picker.anchored { display: block; padding: 0; background: transparent; pointer-events: none; }
.verified-badge-picker.anchored .verified-badge-picker-card { position: fixed; left: var(--badge-picker-left, 16px); top: var(--badge-picker-top, 88px); width: min(680px, calc(100vw - var(--badge-picker-left, 16px) - 14px)); max-height: min(560px, calc(100vh - var(--badge-picker-top, 88px) - 14px)); overflow: hidden; display: grid; grid-template-rows: auto auto minmax(0, 1fr); pointer-events: auto; padding: 10px; border-radius: 10px; min-height: 0; }
.verified-badge-picker.anchored .item-head { gap: 8px; }
.verified-badge-picker.anchored .item-head h2 { font-size: 18px; margin: 0; }
.verified-badge-picker.anchored .item-head p { font-size: 12px; margin: 2px 0 0; }
.verified-badge-picker.anchored .verified-badge-search { min-height: 36px; margin: 6px 0 8px; }
.verified-badge-picker.anchored .verified-badge-picker-list { overflow: auto; padding-right: 4px; scrollbar-width: thin; }
.verified-picker-pack { border: 1px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--panel), var(--accent) 3%); overflow: hidden; min-height: 0; }
.verified-picker-pack.collapsible-panel summary { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 7px; padding: 6px 8px; cursor: pointer; min-height: 34px; }
.verified-picker-pack summary span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.verified-picker-pack summary strong, .verified-picker-pack summary span:first-child { font-size: 13px; line-height: 1.15; }
.verified-picker-pack summary small { color: var(--muted); font-size: 11px; font-weight: 800; white-space: nowrap; }
.verified-picker-pack summary .badge { justify-self: end; align-self: center; width: auto; min-width: 0; padding: 3px 7px; font-size: 11px; }
.verified-picker-pack .verified-pack-badges { display: grid; grid-template-columns: repeat(auto-fill, minmax(158px, 1fr)); padding: 0 10px 10px; max-height: 360px; overflow: auto; scrollbar-width: thin; }
.verified-badge-picker.anchored .verified-pack-badges { gap: 6px; margin-top: 6px; }
.verified-badge-picker.anchored .verified-pack-badge { grid-template-columns: 30px minmax(0, 1fr); width: 100%; min-width: 0; max-width: none; padding: 7px; font-size: 12px; }
.verified-badge-picker.anchored .verified-pack-badge img,
.verified-badge-picker.anchored .verified-pack-tgs { width: 30px; height: 30px; }
@media (max-width: 700px) {
  .verified-badge-picker { padding: 12px 8px; align-items: start; }
  .verified-badge-picker.anchored .verified-badge-picker-card { left: 8px; right: 8px; top: 64px; width: auto; max-height: min(520px, calc(100vh - 76px)); }
  .verified-picker-pack .verified-pack-badges { grid-template-columns: repeat(auto-fill, minmax(136px, 1fr)); }
  .verified-badge-picker.anchored .verified-pack-badge { min-width: 0; }
  .verified-picker-pack .verified-pack-badges { max-height: 300px; }
}
.verified-preview { display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--panel), white 6%); }
.verified-preset-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; margin: 10px 0; }
.verified-preset-option { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--panel), white 5%); cursor: pointer; }
.verified-preset-option input { width: auto; }
.verified-preset-option small { color: var(--muted); font-weight: 800; }
.emoji-media { width: 1.7em; height: 1.7em; object-fit: contain; vertical-align: middle; border-radius: 6px; }
.emoji-btn .emoji-media { display: block; margin: auto; }
@keyframes verifiedPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
@keyframes verifiedSpark { from { background-position: 0 0; } to { background-position: 9px 9px; } }
@keyframes verifiedSparkBorder { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.28) saturate(1.25); } }
@keyframes verifiedOrbit { to { transform: rotate(1turn); } }
@keyframes verifiedWobble { 0%, 100% { transform: rotate(0); } 20% { transform: rotate(-12deg); } 45% { transform: rotate(10deg); } 70% { transform: rotate(-6deg); } }
@keyframes verifiedBlink { 50% { opacity: .42; } }
@keyframes verifiedRubber { 0%,100% { transform: scale(1); } 35% { transform: scale(1.22,.82); } 65% { transform: scale(.88,1.16); } }
@keyframes verifiedColorwave { to { filter: hue-rotate(1turn); } }
@keyframes verifiedJelly { 0%,100% { transform: scale(1); } 30% { transform: scale(1.18,.86); } 60% { transform: scale(.92,1.12); } }
@keyframes verifiedThemeSpin { to { transform: rotate(1turn); } }
@keyframes verifiedSpin3d { 0% { transform: rotateY(0) rotateX(0); } 50% { transform: rotateY(180deg) rotateX(18deg); } 100% { transform: rotateY(360deg) rotateX(0); } }
@keyframes verifiedGradientMove { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes verifiedFireFlicker { 0%,100% { filter: brightness(1) saturate(1); } 35% { filter: brightness(1.32) saturate(1.35); } 70% { filter: brightness(.92) saturate(1.15); } }
@keyframes verifiedNeonBlink { 0%,100% { box-shadow: 0 0 8px rgba(163,230,53,.38), 0 0 20px rgba(34,211,238,.25); } 50% { box-shadow: 0 0 18px rgba(163,230,53,.75), 0 0 30px rgba(34,211,238,.48); } }
@keyframes verifiedShimmerLoop { 0% { transform: translateX(-120%) rotate(8deg); opacity: 0; } 28%, 70% { opacity: 1; } 100% { transform: translateX(120%) rotate(8deg); opacity: 0; } }
@keyframes verifiedBounce { 0%,100% { transform: translateY(0); } 45% { transform: translateY(-3px); } }
@keyframes verifiedFlipLoop { 0%, 72%, 100% { transform: rotateY(0); } 36% { transform: rotateY(180deg); } }
@keyframes verifiedGlowLoop { 0%,100% { filter: drop-shadow(0 0 4px currentColor) brightness(1); } 50% { filter: drop-shadow(0 0 14px currentColor) brightness(1.2); } }
@keyframes verifiedSwing { 0%,100% { transform: rotate(0); } 25% { transform: rotate(10deg); } 75% { transform: rotate(-10deg); } }
@keyframes verifiedScan { to { background-position: 0 18px; } }
@keyframes verifiedScanLight { 0% { transform: translateX(-95%); opacity: 0; } 30%, 70% { opacity: 1; } 100% { transform: translateX(95%); opacity: 0; } }
@keyframes verifiedElectric { 0%,100% { filter: brightness(1); transform: translate(0,0); } 50% { filter: brightness(1.32) saturate(1.35); transform: translate(1px,-1px); } }
@keyframes verifiedWolfGlow { 0%,100% { box-shadow: inset 0 0 10px rgba(255,255,255,.12), 0 0 8px rgba(148,163,184,.28); } 50% { box-shadow: inset 0 0 14px rgba(255,255,255,.2), 0 0 22px rgba(125,211,252,.5); } }
@keyframes verifiedHowl { 0%,100% { transform: translateY(0) scale(1); filter: brightness(1); } 35% { transform: translateY(-2px) scale(1.08) rotate(-4deg); filter: brightness(1.2); } 70% { transform: translateY(1px) scale(.98) rotate(3deg); } }
@keyframes verifiedPounce { 0%,100% { transform: translateY(0) scale(1); } 35% { transform: translateY(-4px) scale(1.12); } 65% { transform: translateY(1px) scale(.96); } }
@keyframes verifiedMoonPulse { 0%,100% { box-shadow: 0 0 0 1px rgba(224,242,254,.72), 0 0 8px rgba(125,211,252,.3); } 50% { box-shadow: 0 0 0 5px rgba(224,242,254,.16), 0 0 24px rgba(125,211,252,.58); } }
@keyframes verifiedThunderHit { 0%,100% { filter: brightness(1); transform: translate(0,0) rotate(0); } 35% { filter: brightness(1.45) saturate(1.4); transform: translate(1px,-1px) rotate(-5deg); } 70% { transform: translate(-1px,1px) rotate(4deg); } }
@keyframes verifiedFrost { 0%,100% { filter: brightness(1) saturate(1); } 50% { filter: brightness(1.18) saturate(.7) drop-shadow(0 0 10px #bae6fd); } }
@keyframes verifiedClawSweep { 0% { transform: translateX(-55%); opacity: 0; } 35%, 70% { opacity: .85; } 100% { transform: translateX(55%); opacity: 0; } }
.message-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin: 8px 0 12px; }
.message-search input { min-width: 0; }
.message-admin, .message-friend { display: flex; justify-content: space-between; align-items: center; gap: 10px; min-width: 0; }
.message-admin > span:first-child, .message-friend > span:first-child { min-width: 0; overflow-wrap: anywhere; text-align: left; }
.message-admin.active, .message-friend.active { background: color-mix(in srgb, var(--accent), var(--panel) 58%); color: var(--text); }
.message-admin.has-unread, .message-friend.has-unread { border: 1px solid #f43f5e; background: #fff1f2; color: #881337; }
.message-contact-actions { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.hide-message-conversation { width: 24px; height: 24px; display: inline-grid; place-items: center; border-radius: 999px; background: color-mix(in srgb, #ef4444, white 86%); color: #991b1b; font-weight: 900; line-height: 1; }
.hide-message-conversation:hover { background: #ef4444; color: #fff; }
.channel-filter-row { display: flex; gap: 8px; flex-wrap: wrap; }
.channel-filter-row button.active, .channel-select.active { background: color-mix(in srgb, var(--accent), var(--panel) 58%); color: var(--text); border-color: color-mix(in srgb, var(--accent), black 8%); }
.channel-list { align-content: start; }
.channel-sidebar { align-content: start; max-height: calc(100vh - var(--panel-space-96, 96px)); overflow: auto; scrollbar-width: thin; }
.channel-conversation-pane { min-width: 0; }
.channel-telegram-list { display: grid; gap: 10px; }
.channel-global-search { position: sticky; top: 0; z-index: 2; background: var(--panel); padding-bottom: 4px; }
.channel-list-section { margin-bottom: 10px; }
.channel-list-section.nested { margin: 8px 0 0; border-color: color-mix(in srgb, var(--line), transparent 25%); background: color-mix(in srgb, var(--panel), white 45%); }
.channel-owner-groups { gap: 12px; }
.channel-owner-group { display: grid; gap: 8px; }
.channel-owner-group h3 { font-size: 14px; color: var(--text); }
.channel-select { position: relative; display: grid; grid-template-columns: var(--panel-space-34, 34px) minmax(0, 1fr); justify-content: initial; align-items: center; gap: 6px var(--panel-space-10, 10px); text-align: left; min-height: var(--panel-space-54, 54px); border: 1px solid var(--line); overflow: visible; }
.channel-select::before { content: "#"; grid-row: 1 / span 2; width: var(--panel-space-34, 34px); height: var(--panel-space-34, 34px); display: inline-grid; place-items: center; border-radius: 999px; background: color-mix(in srgb, var(--accent), var(--panel) 58%); color: var(--text); font-weight: 900; }
.channel-select .badge { grid-column: 2; min-width: max-content; max-width: 100%; justify-self: start; }
.channel-list-drag-handle { position: absolute; top: 6px; right: 6px; width: 26px; height: 26px; display: inline-grid; place-items: center; border-radius: 8px; background: color-mix(in srgb, var(--panel), var(--accent) 12%); border: 1px solid var(--line); color: var(--muted); cursor: grab; font-weight: 900; }
.channel-list-drag-handle:active { cursor: grabbing; }
.channel-select:has(.channel-list-drag-handle) { padding-right: 38px; }
.channel-select.dragging { opacity: .68; outline: 2px dashed var(--accent); outline-offset: 3px; }
.channel-management-toolbar { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; align-items: end; }
.channel-management-search { min-width: 0; }
.channel-management-list { gap: 8px; }
.channel-management-item { padding: 0; display: block; }
.channel-management-item > summary { min-height: 42px; }
.channel-manage-summary { grid-template-columns: auto minmax(0, 1fr) auto; }
.channel-manage-summary strong { overflow-wrap: anywhere; }
.channel-management-pagination { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.channel-management-pagination button { width: auto; min-width: 38px; padding: 8px 10px; }
.channel-filter-row button.active, .channel-management-pagination button.active { background: color-mix(in srgb, var(--accent), var(--panel) 58%); color: var(--text); border-color: color-mix(in srgb, var(--accent), black 8%); }
.channel-report-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.channel-report-tabs button { width: auto; }
.channel-report-tabs button.active { background: color-mix(in srgb, var(--accent), var(--panel) 58%); color: var(--text); border-color: color-mix(in srgb, var(--accent), black 8%); }
.channel-report-list.compact { max-height: min(520px, 58vh); overflow: auto; padding-right: 4px; }
.channel-report-item.compact { align-items: flex-start; }
.channel-report-item.compact p { margin: 4px 0 0; max-height: 74px; overflow: auto; overflow-wrap: anywhere; }
.channel-report-side { display: grid !important; gap: 8px; justify-items: end; min-width: 150px; }
.channel-report-actions { display: flex !important; gap: 6px; flex-wrap: wrap; justify-content: end; }
.channel-report-actions button { width: auto; padding: 8px 10px; }
.channel-conversation { border-radius: 10px; padding: var(--panel-space-12, 12px); border: 1px solid transparent; transition: box-shadow .2s ease, transform .2s ease; position: relative; overflow: hidden; }
.channel-conversation::before { content: ""; position: absolute; inset: 0; background-image: var(--channel-bg-image, none); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: .34; pointer-events: none; }
.channel-conversation > * { position: relative; z-index: 1; }
.channel-title-button { width: 100%; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.68); color: var(--text); display: flex; justify-content: space-between; align-items: center; gap: var(--panel-space-12, 12px); padding: var(--panel-space-12, 12px); text-align: left; margin-bottom: var(--panel-space-10, 10px); }
.channel-title-button h2 { margin: 0; }
.channel-title-button .muted { color: var(--muted); }
.channel-info-drawer { position: fixed; inset: 0; z-index: 80; display: flex; justify-content: flex-end; align-items: stretch; background: rgba(15,23,42,.28); backdrop-filter: blur(2px); overflow: hidden; }
.channel-info-drawer-panel { width: min(560px, calc(100vw - 24px)); height: 100vh; height: 100dvh; max-height: 100dvh; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; display: grid; align-content: start; gap: var(--panel-space-12, 12px); background: var(--panel); border-left: 1px solid var(--line); padding: var(--panel-space-18, 18px) var(--panel-space-18, 18px) calc(var(--panel-space-18, 18px) + 16px); box-shadow: -20px 0 60px rgba(15,23,42,.22); }
.channel-info-drawer-panel > .item-head { position: sticky; top: 0; z-index: 5; margin: calc(var(--panel-space-18, 18px) * -1) calc(var(--panel-space-18, 18px) * -1) 0; padding: var(--panel-space-18, 18px); background: color-mix(in srgb, var(--panel), white 5%); border-bottom: 1px solid var(--line); }
.close-channel-info { width: 42px; height: 42px; min-height: 42px; padding: 0; }
.channel-info-meta { display: grid; gap: 10px; }
.channel-info-meta > div { border: 1px solid var(--line); border-radius: 8px; padding: var(--panel-space-10, 10px); background: rgba(255,255,255,.78); display: grid; gap: var(--panel-space-3, 3px); }
.channel-social-links { display: grid; gap: 8px; }
.channel-social-row { border: 1px dashed var(--line); border-radius: 8px; padding: 10px; background: rgba(255,255,255,.72); align-items: end; }
.channel-social-row button { align-self: end; }
.channel-social-buttons { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.channel-social-button { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--line); border-radius: 999px; padding: 8px 10px; background: var(--surface-bg, #f8fafc); color: var(--text); font-weight: 850; text-decoration: none; max-width: 100%; overflow-wrap: anywhere; }
.channel-social-button span { width: 28px; height: 28px; display: inline-grid; place-items: center; border-radius: 999px; background: #e2e8f0; color: #0f172a; font-size: 10px; font-weight: 950; flex: 0 0 auto; }
.channel-social-button.social-whatsapp span { background: #dcfce7; color: #166534; }
.channel-social-button.social-telegram span { background: #dbeafe; color: #075985; }
.channel-social-button.social-instagram span { background: #fce7f3; color: #9d174d; }
.channel-social-button.social-x span { background: #111827; color: #f8fafc; }
.channel-social-button.social-facebook span { background: #dbeafe; color: #1d4ed8; }
.channel-social-button.social-youtube span { background: #fee2e2; color: #b91c1c; }
.channel-social-button.social-tiktok span { background: #f1f5f9; color: #020617; }
.channel-social-button.social-discord span { background: #e0e7ff; color: #4338ca; }
.channel-info-details { display: grid; gap: var(--panel-space-8, 8px); margin-top: var(--panel-space-6, 6px); }
.channel-info-details > div { display: grid; gap: 3px; min-width: 0; }
.channel-info-details a { color: #0369a1; font-weight: 750; overflow-wrap: anywhere; }
.channel-info-meta small { color: var(--muted); font-weight: 750; overflow-wrap: anywhere; }
.channel-action-row { justify-content: flex-end; margin-bottom: 10px; }
.channel-no-results, .channel-empty-state { min-height: 220px; }
.channel-theme-default { --channel-bg: transparent; --channel-line: var(--line); --channel-accent: var(--accent); --channel-text: var(--text); }
.channel-theme-glass { --channel-bg: rgba(255,255,255,.62); --channel-line: rgba(14,165,233,.35); --channel-accent: #0ea5e9; --channel-text: #0f172a; backdrop-filter: blur(10px); }
.channel-theme-midnight { --channel-bg: #0f172a; --channel-line: #334155; --channel-accent: #38bdf8; --channel-text: #e2e8f0; }
.channel-theme-sunset { --channel-bg: #fff7ed; --channel-line: #fb923c; --channel-accent: #f97316; --channel-text: #7c2d12; }
.channel-theme-neon { --channel-bg: #080a18; --channel-line: #a855f7; --channel-accent: #22d3ee; --channel-text: #f8fafc; }
.channel-theme-ocean { --channel-bg: #ecfeff; --channel-line: #06b6d4; --channel-accent: #0284c7; --channel-text: #164e63; }
.channel-theme-forest { --channel-bg: #f0fdf4; --channel-line: #22c55e; --channel-accent: #15803d; --channel-text: #14532d; }
.channel-theme-ruby { --channel-bg: #fff1f2; --channel-line: #fb7185; --channel-accent: #e11d48; --channel-text: #881337; }
.channel-theme-gold { --channel-bg: #fffbeb; --channel-line: #f59e0b; --channel-accent: #b45309; --channel-text: #78350f; }
.channel-theme-minimal { --channel-bg: #ffffff; --channel-line: #cbd5e1; --channel-accent: #475569; --channel-text: #111827; }
.channel-theme-terminal { --channel-bg: #020617; --channel-line: #22c55e; --channel-accent: #84cc16; --channel-text: #dcfce7; }
.channel-theme-casino { --channel-bg: #064e3b; --channel-line: #fbbf24; --channel-accent: #ef4444; --channel-text: #fef3c7; }
.channel-theme-gaming { --channel-bg: #111827; --channel-line: #60a5fa; --channel-accent: #a78bfa; --channel-text: #eff6ff; }
.channel-theme-news { --channel-bg: #f8fafc; --channel-line: #1f2937; --channel-accent: #dc2626; --channel-text: #111827; }
.channel-theme-tech { --channel-bg: #eef2ff; --channel-line: #6366f1; --channel-accent: #2563eb; --channel-text: #172554; }
.channel-conversation[class*="channel-theme-"] { background: var(--channel-bg); border-color: var(--channel-line); color: var(--channel-custom-text, var(--channel-text)); }
.channel-conversation[class*="channel-theme-"] h2, .channel-conversation[class*="channel-theme-"] strong { color: var(--channel-text); }
.channel-conversation[class*="channel-theme-"] .muted { color: color-mix(in srgb, var(--channel-custom-text, var(--channel-text)), transparent 20%); }
.channel-conversation[class*="channel-theme-"] .message-bubble { color: var(--channel-message-text, var(--text)); border-color: color-mix(in srgb, var(--channel-line), white 35%); background: color-mix(in srgb, white, var(--channel-bg) 14%); }
.channel-conversation[class*="channel-theme-"] .message-bubble.mine { background: color-mix(in srgb, var(--channel-accent), white 78%); }
.channel-select[class*="channel-theme-"] { border-color: color-mix(in srgb, var(--channel-line), white 25%); }
.channel-font-serif { font-family: Georgia, "Times New Roman", serif; }
.channel-font-mono { font-family: Consolas, "Courier New", monospace; }
.channel-font-rounded { font-family: "Segoe UI", Arial, sans-serif; letter-spacing: 0; }
.channel-font-display { font-family: Impact, "Arial Black", system-ui, sans-serif; letter-spacing: 0; }
.channel-font-condensed { font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif; letter-spacing: 0; }
.channel-effect-soft-glow { box-shadow: 0 0 24px color-mix(in srgb, var(--channel-accent, var(--accent)), transparent 65%); }
.channel-effect-pulse { animation: channelPulse 2.8s ease-in-out infinite; }
.channel-effect-float { animation: channelFloat 5s ease-in-out infinite; }
.channel-effect-border-flow { background-image: linear-gradient(var(--channel-bg, transparent), var(--channel-bg, transparent)), linear-gradient(120deg, var(--channel-accent, var(--accent)), transparent, var(--channel-line, var(--line))); background-origin: border-box; background-clip: padding-box, border-box; }
.channel-effect-shadow-pop:hover { box-shadow: 0 16px 36px rgba(15,23,42,.22); transform: translateY(-2px); }
.channel-effect-message-slide .message-bubble { animation: channelMessageSlide .26s ease both; }
.channel-effect-scanline { position: relative; overflow: hidden; }
.channel-effect-scanline::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(180deg, transparent 0 8px, rgba(255,255,255,.12) 9px 10px); mix-blend-mode: overlay; }
.channel-effect-sparkle { position: relative; overflow: hidden; }
.channel-effect-sparkle::before { content: ""; position: absolute; inset: -40%; pointer-events: none; background: radial-gradient(circle, rgba(255,255,255,.85) 0 2px, transparent 3px) 0 0 / 46px 46px; animation: channelSparkle 9s linear infinite; opacity: .35; }
.channel-effect-ambient { animation: channelAmbient 7s ease-in-out infinite alternate; }
.channel-message-border-none .message-bubble { border-color: transparent !important; box-shadow: none; }
.channel-message-border-soft .message-bubble { border: 1px solid rgba(148,163,184,.42) !important; box-shadow: 0 8px 20px rgba(15,23,42,.08); }
.channel-message-border-accent .message-bubble { border: 2px solid var(--channel-accent, var(--accent)) !important; }
.channel-message-border-glow .message-bubble { border: 1px solid color-mix(in srgb, var(--channel-accent, var(--accent)), white 30%) !important; box-shadow: 0 0 18px color-mix(in srgb, var(--channel-accent, var(--accent)), transparent 58%); }
.channel-message-border-neon .message-bubble { border: 1px solid var(--channel-accent, #22d3ee) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.16) inset, 0 0 22px color-mix(in srgb, var(--channel-accent, #22d3ee), transparent 45%); }
.channel-message-border-dashed .message-bubble { border: 2px dashed var(--channel-line, var(--line)) !important; }
.channel-message-border-double .message-bubble { border: 3px double var(--channel-line, var(--line)) !important; }
.channel-message-border-glass .message-bubble { border: 1px solid rgba(255,255,255,.48) !important; background: rgba(255,255,255,.68); backdrop-filter: blur(8px); }
.channel-message-border-gold .message-bubble { border: 2px solid #f59e0b !important; box-shadow: 0 0 16px rgba(245,158,11,.22); }
.channel-message-border-danger .message-bubble { border: 2px solid #ef4444 !important; box-shadow: 0 0 12px rgba(239,68,68,.18); }
.channel-message-border-tech .message-bubble { border: 1px solid #38bdf8 !important; box-shadow: inset 3px 0 0 #6366f1, 0 8px 20px rgba(56,189,248,.14); }
@keyframes channelPulse { 0%,100% { box-shadow: 0 0 0 color-mix(in srgb, var(--channel-accent, var(--accent)), transparent 80%); } 50% { box-shadow: 0 0 28px color-mix(in srgb, var(--channel-accent, var(--accent)), transparent 45%); } }
@keyframes channelFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes channelMessageSlide { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes channelSparkle { to { transform: translate3d(46px, 46px, 0); } }
@keyframes channelAmbient { from { filter: saturate(1); } to { filter: saturate(1.18) brightness(1.03); } }
.channel-select > span:not(.channel-list-drag-handle) { display: grid; gap: 3px; min-width: 0; }
.channel-select strong { min-width: 0; overflow-wrap: anywhere; line-height: 1.2; }
.channel-select small { color: var(--muted); font-weight: 750; overflow: visible; text-overflow: clip; white-space: normal; line-height: 1.25; }
.channel-rating-box { align-items: start; }
.channel-rating-summary, .channel-rate-action { display: grid; gap: 5px; }
.channel-rating-value { display: inline-flex; width: fit-content; border-radius: 999px; padding: 5px 9px; background: #fffbeb; color: #92400e; border: 1px solid #facc15; font-weight: 900; }
.channel-stars { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; }
.channel-stars span, .channel-rating-button { width: 28px; height: 28px; min-height: 28px; padding: 0; display: inline-grid; place-items: center; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--line), transparent 12%); background: #eef2f7; color: #94a3b8; font-size: 16px; line-height: 1; }
.channel-stars.readonly span { width: auto; height: auto; min-height: 0; border: 0; background: transparent; color: #cbd5e1; font-size: 18px; }
.channel-stars .active, .channel-rating-button.active { color: #f59e0b; }
.channel-rating-button.active { background: #fffbeb; border-color: #facc15; }
.channel-rating-button:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(245,158,11,.16); }
.channel-rating-badge { background: #fffbeb; color: #92400e; border-color: #facc15; }
.channel-moderation { margin-top: 12px; }
.channel-info-drawer .channel-moderation, .channel-info-drawer .channel-moderation .collapsible-body { overflow: visible; }
.channel-info-drawer .channel-moderation .collapsible-body.list { max-height: none; }
.channel-member-row { align-items: center; }
.channel-info-drawer .channel-member-row { align-items: flex-start; flex-wrap: wrap; }
.channel-info-drawer .channel-member-row > div:first-child { flex: 1 1 180px; }
.channel-info-drawer .channel-member-row > div:last-child { flex: 0 0 auto; }
.channel-member-row .row { justify-content: flex-end; }
.member-action-menu { position: relative; }
.member-action-menu > summary { width: 32px; height: 32px; display: inline-grid; place-items: center; border-radius: 999px; list-style: none; cursor: pointer; background: var(--secondary-bg, #e8eef3); color: var(--secondary-text, var(--text)); font-weight: 900; }
.member-action-menu > summary::-webkit-details-marker { display: none; }
.member-action-menu > div { position: absolute; right: 0; top: 38px; z-index: 20; min-width: 220px; display: grid; gap: 6px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); box-shadow: 0 18px 44px rgba(15,23,42,.18); }
.member-action-menu button { width: 100%; text-align: left; justify-content: flex-start; }
.channel-invite-user { border: 1px dashed var(--line); border-radius: 8px; padding: 10px; background: color-mix(in srgb, var(--surface-bg, #fbfdff), transparent 14%); }
.backup-list { display: grid; gap: 8px; }
.backup-item { display: flex; justify-content: space-between; gap: 12px; align-items: center; border: 1px solid var(--line); border-radius: 8px; padding: 10px; background: var(--surface-bg, #fbfdff); }
.backup-item div { display: grid; gap: 3px; min-width: 0; }
.backup-item strong { overflow-wrap: anywhere; }
.backup-item small { color: var(--muted); }
.approval-item { align-items: stretch; }
.approval-details { display: grid; gap: 3px; margin-top: 4px; }
.approval-actions { display: flex !important; flex-wrap: wrap; gap: 8px; align-content: center; justify-content: end; min-width: 260px; }
.backup-manage { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; }
.backup-select { color: var(--text); }
.backup-actions { display: flex !important; flex-direction: row; gap: 8px; align-items: center; }
.pagination { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; padding-top: 4px; }
.pagination button { min-width: 42px; }
.pagination button.active { background: var(--accent); color: var(--button-text, #062015); }
.metric-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.metric { border: 1px solid var(--line); border-radius: 8px; padding: 12px; background: var(--surface-bg, #fbfdff); display: grid; gap: 6px; }
.metric span { color: var(--muted); font-size: 12px; font-weight: 750; }
.metric strong { font-size: 24px; }
.stat-bars { display: grid; gap: 12px; }
.stat-row { display: grid; gap: 8px; border: 1px solid var(--line); border-radius: 8px; padding: 10px; background: var(--surface-bg, #fbfdff); }
.stat-row div:first-child { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.stat-row small { color: var(--muted); }
.stat-track { height: 10px; border-radius: 999px; background: var(--surface-soft, #e8eef3); overflow: hidden; display: flex; gap: 2px; }
.stat-track span { display: block; background: var(--accent); }
.stat-track em { display: block; background: #2563eb; }
.notice { border: 1px solid var(--line); border-radius: 8px; padding: 10px; background: var(--surface-bg, #fbfdff); display: grid; gap: 4px; }
.media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.media-card { border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: var(--surface-bg, #fbfdff); display: grid; }
.media-card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: var(--surface-soft, #e8eef3); }
.media-file-preview { width: 100%; aspect-ratio: 1 / 1; display: grid; place-items: center; background: var(--surface-soft, #e8eef3); color: var(--muted); font-weight: 900; letter-spacing: 0; }
.media-card div { display: grid; gap: 6px; padding: 10px; }
.media-card .media-file-preview { padding: 0; }
.media-card small { color: var(--muted); overflow-wrap: anywhere; }
.media-upload { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; margin-bottom: 14px; }
.media-library-modal { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; padding: 18px; background: rgba(15, 23, 42, .72); backdrop-filter: blur(8px); }
.media-library-panel { width: min(980px, 100%); max-height: calc(100vh - 36px); overflow: auto; display: grid; gap: 12px; background: var(--panel); color: var(--text); border: 1px solid rgba(255,255,255,.18); border-radius: 8px; padding: 14px; box-shadow: 0 24px 80px rgba(0,0,0,.34); }
.media-library-panel .preview-head { color: var(--text); }
.media-library-panel .preview-head.compact { margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--line); }
.media-library-panel .preview-head small { color: var(--muted); }
.media-template-library { display: grid; gap: 10px; margin-top: 14px; }
.media-template-library details { border: 1px solid var(--line); border-radius: 8px; padding: 10px; background: var(--surface-bg, #fbfdff); }
.media-template-library summary { cursor: pointer; font-weight: 850; color: var(--text); }
.admin-user-list { gap: 10px; }
.admin-pages { display: flex; flex-wrap: wrap; gap: 8px; }
.admin-pages button { display: inline-flex; justify-content: space-between; gap: 10px; align-items: center; text-align: left; width: auto; min-height: 38px; padding: 8px 10px; }
.admin-pages button span:first-child { overflow-wrap: anywhere; }
.admin-card { background: var(--surface-elevated, #fff); }
.admin-card form { display: grid; gap: 10px; }
.admin-summary { align-items: center; gap: 12px; }
.admin-name-toggle { min-width: 180px; justify-content: flex-start; text-align: left; display: grid; gap: 2px; }
.admin-name-toggle small { color: var(--muted); font-weight: 800; }
.admin-summary-meta { min-width: 0; }
.admin-summary-meta p { margin: 0; }
.admin-details { display: none !important; border-top: 1px solid var(--line); padding-top: 12px; }
.admin-card.expanded .admin-details { display: grid !important; }
.admin-owned-pages { border-top: 1px solid var(--line); padding-top: 10px; }
.compact-admin-pages { display: block; }
.admin-page-title .badge { flex: 0 0 auto; }
.compact-empty { margin: 0; }
.permission-list { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.feature-admin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; max-height: 460px; overflow: auto; padding-right: 4px; }
.bulk-check-scope { display: grid; gap: 8px; }
.bulk-check-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bulk-check-actions button { padding: 7px 10px; font-size: 12px; }
.feature-admin-grid .bulk-check-scope { grid-column: 1 / -1; }
.feature-entitlement { border: 1px solid var(--line); border-radius: 8px; padding: 10px; background: var(--surface-bg, #fbfdff); display: grid; gap: 8px; }
.feature-toggle-section { border-top: 1px solid var(--line); padding-top: 14px; }
.feature-toggle-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 8px; max-height: 360px; overflow: auto; padding-right: 4px; }
.feature-toggle { grid-template-columns: auto minmax(0, 1fr); align-items: start; background: var(--surface-elevated, #fff); }
.feature-toggle span { display: grid; gap: 2px; min-width: 0; }
.feature-toggle strong { color: var(--text); overflow-wrap: anywhere; }
.feature-toggle small { color: var(--muted); font-size: 12px; font-weight: 700; }
.bg-template-panel details { border: 1px solid var(--line); border-radius: 8px; padding: 10px; background: var(--surface-bg, #fbfdff); }
.bg-template-panel summary { cursor: pointer; font-weight: 850; color: var(--text); }
.bg-template-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-top: 10px; }
.bg-template { min-height: 82px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background-size: cover; background-position: center; display: flex; align-items: end; justify-content: stretch; }
.bg-template span { width: 100%; padding: 8px; background: linear-gradient(transparent, rgba(0,0,0,.66)); color: #fff; text-align: left; font-size: 12px; font-weight: 850; }
.bg-template.active { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent), transparent 72%); }
.feature-entitlement small { color: var(--muted); font-weight: 650; }
.feature-card { border: 1px solid var(--line); border-radius: 8px; padding: 14px; background: var(--surface-bg, #fbfdff); display: grid; gap: 10px; align-content: start; }
.feature-card small { color: var(--muted); font-weight: 750; }
.short-link-list-panel[open] > .collapsible-body {
  max-height: min(70vh, 740px);
  overflow: hidden;
  grid-template-rows: minmax(0, 1fr) auto;
}
.short-link-list { gap: 12px; min-height: 0; max-height: min(58vh, 620px); overflow: auto; overscroll-behavior: contain; padding-right: 4px; scrollbar-width: thin; }
.short-link-owner-group { min-height: 0; }
.short-link-owner-group[open] > .collapsible-body { max-height: min(52vh, 560px); overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.short-link-form { border-left: 4px solid var(--accent); min-width: 0; }
.short-link-url { overflow-wrap: anywhere; margin: 4px 0 0; }
.short-link-actions { flex-wrap: wrap; gap: 8px; align-items: center; }
.feature-request-form { display: grid; gap: 10px; }
.feature-checkout { max-width: 760px; }
.feature-pay-summary { border: 1px solid var(--line); border-radius: 8px; padding: 12px; background: var(--surface-bg, #fbfdff); display: grid; gap: 6px; }
.feature-pay-summary strong { font-size: 22px; }
.feature-pay-summary small { color: var(--muted); font-weight: 650; }
.feature-payment-options { display: grid; gap: 10px; }
.feature-payment-option { border: 1px solid var(--line); border-radius: 8px; padding: 12px; background: var(--surface-bg, #fbfdff); display: grid; gap: 8px; }
.feature-payment-option pre { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; background: #eef2f7; border-radius: 8px; padding: 10px; font: inherit; color: var(--text); }
.feature-payment-option small { color: var(--muted); font-weight: 650; }
.announcement-view { background: color-mix(in srgb, var(--panel), var(--accent) 3%); min-width: 0; }
.announcement-view .announcement-content { max-width: var(--announcement-content-width, 1200px); margin-inline: auto; font-size: var(--announcement-text-size, 15px); }
.announcement-content { min-height: 140px; max-height: min(68vh, 720px); border: 1px solid var(--line); border-radius: 8px; padding: 14px; background: var(--surface-bg, #fbfdff); color: var(--text); line-height: 1.6; overflow: auto; overflow-wrap: anywhere; width: 100%; }
.announcement-content-compact { min-height: 80px; max-height: min(46vh, 520px); }
.announcement-content .muted { color: var(--muted); }
.announcement-list { align-content: start; min-width: 0; }
.announcement-title-list { display: grid; gap: 8px; }
.announcement-title-button { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; text-align: left; }
.announcement-title-button span { overflow-wrap: anywhere; }
.announcement-title-button small { color: var(--muted); font-size: 12px; font-weight: 850; }
.announcement-title-button.active { background: color-mix(in srgb, var(--accent), white 74%); border: 1px solid color-mix(in srgb, var(--accent), black 6%); }
.announcement-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin: 10px 0 12px; }
.announcement-accordion { border: 1px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--panel), white 36%); overflow: hidden; }
.announcement-accordion[open], .announcement-accordion.active { border-color: color-mix(in srgb, var(--accent), black 8%); box-shadow: 0 8px 22px rgba(15, 23, 42, .08); }
.announcement-accordion summary { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 12px 14px; cursor: pointer; font-weight: 850; list-style: none; }
.announcement-accordion summary::-webkit-details-marker { display: none; }
.announcement-accordion summary::before { content: "+"; width: 24px; height: 24px; border-radius: 999px; display: inline-grid; place-items: center; background: var(--secondary-bg, color-mix(in srgb, var(--accent), white 78%)); color: var(--secondary-text, #063022); justify-self: start; font-weight: 950; }
.announcement-accordion summary span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.announcement-accordion[open] summary::before { content: "-"; background: var(--accent); color: var(--button-text, #062015); }
.announcement-accordion summary small { color: var(--muted); font-size: 12px; font-weight: 900; }
.announcement-accordion-body { max-height: min(66vh, 700px); overflow: auto; overscroll-behavior: contain; padding: 0 12px 12px; display: grid; gap: 10px; scrollbar-width: thin; }
.announcement-inline-actions { justify-content: flex-end; }
.announcement-layout { display: grid; gap: 12px; min-width: 0; }
.announcement-layout-wide { grid-template-columns: minmax(0, 1fr); }
.announcement-layout-wide .announcement-list { order: 2; }
.announcement-layout-stacked { grid-template-columns: minmax(0, 1fr); }
.button-link { display: inline-flex; width: fit-content; align-items: center; justify-content: center; text-decoration: none; border: 0; background: var(--accent); color: var(--button-text, #062015); border-radius: 8px; padding: 10px 14px; font-weight: 750; }
.button-link.secondary { background: var(--secondary-bg, #e8eef3); color: var(--secondary-text, #17202a); }
.feature-category-list { display: grid; gap: 12px; }
.feature-status-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
.feature-status-panel { border: 1px solid var(--line); border-radius: 8px; padding: 14px; display: grid; gap: 12px; background: color-mix(in srgb, var(--panel), white 4%); }
.feature-access-control { border: 1px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--panel), var(--accent) 5%); }
.feature-access-control > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 12px; padding: 12px 14px; font-weight: 800; }
.feature-access-control > summary::-webkit-details-marker { display: none; }
.feature-access-control .collapsible-body { padding: 0 14px 14px; display: grid; gap: 12px; }
.feature-user-access-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }
.feature-user-access-row { display: flex; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 8px; padding: 10px; background: var(--panel); }
.feature-user-access-row input { width: auto; }
.feature-user-access-row span { display: grid; gap: 2px; min-width: 0; }
.feature-category { border: 1px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--panel), var(--accent) 4%); overflow: visible; }
.feature-category > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 12px; padding: 12px 14px; font-weight: 800; }
.feature-category > summary::-webkit-details-marker { display: none; }
.feature-category > summary::before { content: "+"; width: 22px; height: 22px; border-radius: 999px; background: color-mix(in srgb, var(--accent), white 78%); display: inline-grid; place-items: center; flex: 0 0 22px; font-weight: 950; }
.feature-category[open] > summary::before { content: "-"; background: var(--accent); color: var(--button-text, #062015); }
.feature-category > summary > span { flex: 1 1 auto; min-width: 0; }
.feature-category > summary > small { color: var(--muted); font-weight: 750; white-space: nowrap; }
.feature-category .collapsible-body { max-height: min(66vh, 700px); overflow: auto; overscroll-behavior: contain; padding: 0 14px 14px; display: grid; gap: 12px; scrollbar-width: thin; }
.feature-category-actions { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 900px) { .feature-status-columns { grid-template-columns: 1fr; } }
.content .collapsible-panel[open] > .collapsible-body,
.content .collapsible-panel[open] > .collapsible-body.list,
.content .panel-section-category[open] > .collapsible-body {
  max-height: none !important;
  overflow: visible !important;
}
.content .short-link-list-panel[open] > .collapsible-body {
  grid-template-rows: auto auto;
}
.content .short-link-list,
.content .short-link-owner-group[open] > .collapsible-body,
.content .feature-category[open] > .collapsible-body,
.content .announcement-accordion[open] > .announcement-accordion-body,
.content .feature-admin-grid,
.content .feature-toggle-list,
.content .emoji-pack-list {
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0;
}
.message-list { min-height: var(--panel-space-240, 240px); max-height: var(--panel-space-520, 520px); overflow: auto; display: grid; gap: var(--panel-space-10, 10px); align-content: start; padding: var(--panel-space-4, 4px); }
.message-date-separator { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: calc(12px * var(--panel-text-scale, 1)); font-weight: 800; }
.message-date-separator::before, .message-date-separator::after { content: ""; height: 1px; flex: 1; background: var(--line); }
.message-date-separator span { padding: 4px 10px; border: 1px solid var(--line); border-radius: 999px; background: color-mix(in srgb, var(--card), white 18%); }
.message-bubble { width: min(78%, var(--panel-space-560, 560px)); justify-self: start; display: grid; gap: var(--panel-space-6, 6px); background: var(--surface-soft, #f1f5f9); color: var(--text); border: 1px solid var(--line); border-radius: 8px; padding: var(--panel-space-12, 12px); overflow-wrap: anywhere; position: relative; }
.message-bubble.mine { justify-self: end; background: color-mix(in srgb, var(--accent), white 82%); border-color: color-mix(in srgb, var(--accent), black 10%); }
.message-bubble.reported-highlight { outline: 3px solid color-mix(in srgb, #f59e0b, white 10%); box-shadow: 0 0 0 7px rgba(245,158,11,.16); }
.message-bubble a { color: #0369a1; font-weight: 750; }
.message-bubble small { color: var(--muted); }
.message-reply-context, .reply-preview { border-left: 3px solid var(--accent); border-radius: 8px; background: color-mix(in srgb, var(--field-bg, #fff), transparent 12%); padding: 8px 10px; display: grid; gap: 3px; }
.message-reply-context span, .reply-preview span { color: var(--muted); font-size: 12px; font-weight: 750; overflow-wrap: anywhere; }
.reply-preview { margin-bottom: 8px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.reply-preview:empty { display: none; }
.message-actions { position: absolute; top: 6px; right: 6px; display: flex; gap: 4px; opacity: 0; pointer-events: none; transform: translateY(-2px); transition: opacity .16s ease, transform .16s ease; }
.message-bubble:hover .message-actions, .message-bubble:focus-within .message-actions { opacity: 1; pointer-events: auto; transform: translateY(0); }
.icon-message-action { width: 30px; height: 30px; min-height: 30px; padding: 0; display: inline-grid; place-items: center; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,.92); box-shadow: 0 6px 18px rgba(15,23,42,.16); font-size: 14px; line-height: 1; }
.icon-message-action:hover { transform: translateY(-1px); background: var(--field-bg, #fff); }
.icon-message-action.danger { color: #b91c1c; }
.message-attachment { display: inline-flex; width: fit-content; align-items: center; border-radius: 8px; background: var(--field-bg, #fff); color: var(--text); border: 1px solid var(--line); padding: 8px 10px; text-decoration: none; }
.message-form { border-top: 1px solid var(--line); padding-top: var(--panel-space-14, 14px); display: grid; gap: var(--panel-space-12, 12px); }
.emoji-picker { border: 1px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--panel), var(--accent) 4%); padding: 8px 10px; }
.emoji-picker summary { cursor: pointer; font-weight: 900; color: var(--text); }
.emoji-pack-list { display: grid; gap: 10px; margin-top: 10px; max-height: 260px; overflow: auto; }
.emoji-pack-list h4 { margin: 0 0 6px; font-size: 13px; color: var(--muted); }
.emoji-grid { display: flex; flex-wrap: wrap; gap: 6px; }
.emoji-btn { min-width: 34px; height: 34px; padding: 0 8px; border-radius: 8px; border: 1px solid var(--line); background: var(--panel); color: var(--text); display: inline-grid; place-items: center; font-size: 18px; line-height: 1; }
.emoji-btn:hover { transform: translateY(-1px); border-color: var(--accent); box-shadow: 0 8px 18px rgba(15,23,42,.12); }
.emoji-style-3d { background: linear-gradient(145deg, #fff, color-mix(in srgb, var(--accent), white 72%)); box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 6px 12px rgba(15,23,42,.14); }
.emoji-style-verified { font-weight: 950; color: var(--accent); }
.emoji-style-motion { animation: verifiedPulse 1.6s ease-in-out infinite; background: linear-gradient(145deg, #fff, color-mix(in srgb, var(--accent), white 68%)); }
.emoji-style-spin { animation: verifiedThemeSpin 2.8s linear infinite; }
.emoji-style-rainbow { background: conic-gradient(from 0deg, #ef4444, #f59e0b, #22c55e, #06b6d4, #6366f1, #ec4899, #ef4444); color: #fff; animation: verifiedColorwave 2.2s linear infinite; }
.emoji-style-glow { box-shadow: 0 0 14px color-mix(in srgb, var(--accent), transparent 45%); animation: verifiedGlowLoop 1.8s ease-in-out infinite; }
.emoji-style-bounce { animation: verifiedBounce 1.35s ease-in-out infinite; }
.emoji-style-tgs { background: linear-gradient(135deg, #2aabee, #a78bfa); color: #fff; }
.rich-toolbar { display: flex; flex-wrap: wrap; gap: 6px; }
.rich-toolbar button { padding: 7px 9px; min-height: 34px; }
.rich-message-content { display: grid; gap: 8px; overflow-wrap: anywhere; }
.rich-message-content .spoiler { color: transparent; background: #0f172a; border-radius: 4px; padding: 0 4px; transition: color .15s ease; }
.rich-message-content .spoiler:hover { color: #fff; }
.rich-message-content .rich-box { border: 1px solid var(--line); border-radius: 8px; padding: 10px; background: color-mix(in srgb, var(--field-bg, #fff), transparent 10%); }
.rich-message-content .moving-text { display: inline-block; animation: richTextMove 4s linear infinite alternate; font-weight: 850; }
.rich-message-content img, .message-media-preview img, .paste-preview img { max-width: min(100%, 420px); max-height: 320px; object-fit: contain; border-radius: 8px; border: 1px solid var(--line); background: #fff; }
.message-media-preview { display: block; width: fit-content; }
.paste-preview { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
@keyframes richTextMove { from { transform: translateX(0); } to { transform: translateX(18px); } }
.login { min-height: 100vh; display: grid; place-items: center; padding: 18px; }
.login .card { width: min(420px, 100%); }
.external-auth { display: grid; gap: 10px; justify-items: stretch; padding-top: 4px; }
.external-auth > span { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; color: var(--muted); font-size: 12px; font-weight: 750; }
.external-auth > span::before, .external-auth > span::after { content: ""; height: 1px; background: var(--line); }
.external-auth-button { width: 100%; }
.telegram-auth-widget { min-height: 42px; display: grid; place-items: center; }
.turnstile-auth { display: grid; gap: 6px; justify-items: center; }
.turnstile-auth small { justify-self: start; }
.toast { position: fixed; right: 18px; bottom: 18px; background: #101820; color: white; padding: 12px 14px; border-radius: 8px; box-shadow: 0 12px 36px rgba(0,0,0,.18); }
.site-icon-preview { display: flex; align-items: center; gap: 10px; }
.site-icon-preview img { width: 44px; height: 44px; border-radius: 8px; object-fit: cover; border: 1px solid var(--line); }
.preview-modal { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 18px; background: rgba(15, 23, 42, .72); backdrop-filter: blur(8px); }
.preview-panel { width: min(100%, 1320px); max-height: calc(100vh - 36px); display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 12px; background: #0f172a; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; padding: 12px; box-shadow: 0 24px 80px rgba(0,0,0,.34); }
.preview-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #f8fafc; }
.preview-head div:first-child { display: grid; gap: 2px; }
.preview-head small { color: #cbd5e1; }
.preview-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.preview-mode.active { background: var(--accent); color: var(--button-text, #062015); }
.preview-frame-wrap { overflow: auto; display: grid; justify-items: center; min-height: 0; background: #020617; border-radius: 8px; padding: 14px; }
.preview-frame-wrap iframe { width: min(1280px, 100%); height: min(800px, calc(100vh - 150px)); border: 0; border-radius: 8px; background: #fff; box-shadow: 0 18px 50px rgba(0,0,0,.32); transition: width .22s ease, height .22s ease; }
.preview-modal.tablet .preview-panel { width: min(100%, 840px); }
.preview-modal.tablet iframe { width: 768px; max-width: 100%; height: min(1024px, calc(100vh - 150px)); }
.preview-modal.mobile .preview-panel { width: min(100%, 450px); }
.preview-modal.mobile .preview-frame-wrap { padding: 12px; }
.preview-modal.mobile iframe { width: 390px; max-width: 100%; height: min(844px, calc(100vh - 150px)); }
.google-auth-modal { position: fixed; inset: 0; z-index: 95; display: grid; place-items: center; padding: 18px; background: rgba(15, 23, 42, .72); backdrop-filter: blur(8px); }
.google-auth-panel { width: min(100%, 760px); max-height: calc(100vh - 36px); overflow: auto; background: var(--panel); color: var(--text); border: 1px solid color-mix(in srgb, var(--accent), white 42%); border-radius: 12px; box-shadow: 0 24px 80px rgba(0,0,0,.34); padding: 16px; }
.google-auth-body { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 16px; align-items: start; }
.google-auth-qr { min-height: 260px; display: grid; place-items: center; background: #fff; border-radius: 10px; border: 1px solid var(--line); padding: 10px; }
.google-auth-qr img { width: 240px; height: 240px; object-fit: contain; }
.google-auth-steps { display: grid; gap: 10px; min-width: 0; }
.google-auth-steps ol { margin: 0; padding-left: 20px; line-height: 1.55; }
@media (max-width: 720px) {
  .google-auth-body { grid-template-columns: 1fr; }
  .google-auth-qr { min-height: 220px; }
  .google-auth-qr img { width: 210px; height: 210px; }
}
.public { min-height: 100vh; height: 100vh; height: 100dvh; padding-bottom: 0; background: var(--page-bg, #ecfdf5); background-size: cover; background-position: center; background-attachment: fixed; position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; }
.public::before, .public::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1; }
.public.bg-soft-glow::before { background: radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--accent), transparent 58%), transparent 28%), radial-gradient(circle at 82% 22%, rgba(255,255,255,.32), transparent 30%), radial-gradient(circle at 50% 90%, color-mix(in srgb, var(--accent), transparent 70%), transparent 36%); filter: blur(10px); }
.public.bg-glass-grid::before { background-image: linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px), radial-gradient(circle at 20% 20%, rgba(255,255,255,.22), transparent 26%); background-size: 44px 44px, 44px 44px, auto; }
.public.bg-aurora::before { background: linear-gradient(120deg, color-mix(in srgb, var(--accent), transparent 62%), transparent 32%, rgba(255,255,255,.18) 52%, color-mix(in srgb, var(--accent), #38bdf8 45%) 78%, transparent); opacity: .72; filter: blur(28px); animation: bgDrift 12s ease-in-out infinite alternate; }
.public.bg-spotlight::before { background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.40), transparent 24%), radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--accent), transparent 68%), transparent 42%); }
.public.bg-diagonal::before { background-image: repeating-linear-gradient(135deg, rgba(255,255,255,.18) 0 2px, transparent 2px 18px); opacity: .7; }
.public.bg-dots::before { background-image: radial-gradient(rgba(255,255,255,.28) 1.5px, transparent 1.5px); background-size: 22px 22px; }
.public.bg-waves::before { background: radial-gradient(ellipse at 20% 100%, color-mix(in srgb, var(--accent), transparent 70%), transparent 42%), repeating-radial-gradient(ellipse at 50% 120%, rgba(255,255,255,.18) 0 2px, transparent 2px 24px); }
.public.bg-vignette::after { background: radial-gradient(circle, transparent 42%, rgba(0,0,0,.42)); }
.public.bg-motion::before { background: linear-gradient(110deg, transparent 0 18%, color-mix(in srgb, var(--accent), transparent 62%) 24%, transparent 34% 58%, rgba(255,255,255,.22) 66%, transparent 74%); animation: bgSweep 7s linear infinite; }
.public.bg-mesh::before { background: radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--accent), #f472b6 36%), transparent 28%), radial-gradient(circle at 82% 22%, rgba(34,211,238,.32), transparent 30%), radial-gradient(circle at 48% 92%, rgba(250,204,21,.24), transparent 34%); filter: blur(24px); opacity: .78; animation: bgDrift 13s ease-in-out infinite alternate; }
.public.bg-stars::before { background-image: radial-gradient(circle, rgba(255,255,255,.85) 1px, transparent 1px), radial-gradient(circle, rgba(255,255,255,.45) 1px, transparent 1px); background-size: 42px 42px, 74px 74px; opacity: .55; animation: bgStars 22s linear infinite; }
.public.bg-rain::before { background-image: repeating-linear-gradient(115deg, rgba(255,255,255,.28) 0 2px, transparent 2px 18px); opacity: .48; animation: bgRain 5.5s linear infinite; }
.public.bg-bubbles::before { background: radial-gradient(circle at 16% 78%, rgba(255,255,255,.24) 0 3%, transparent 4%), radial-gradient(circle at 38% 62%, color-mix(in srgb, var(--accent), transparent 70%) 0 4%, transparent 5%), radial-gradient(circle at 72% 74%, rgba(255,255,255,.22) 0 5%, transparent 6%), radial-gradient(circle at 88% 48%, color-mix(in srgb, var(--accent), #38bdf8 45%) 0 3%, transparent 4%); animation: bgBubble 9s ease-in-out infinite alternate; }
.public.bg-sunbeams::before { background: conic-gradient(from -20deg at 50% -10%, rgba(255,255,255,.42), transparent 8%, rgba(255,255,255,.20) 15%, transparent 23%, color-mix(in srgb, var(--accent), transparent 76%) 30%, transparent 38%); opacity: .72; animation: bgSpin 18s linear infinite; transform-origin: 50% 0; }
.public.bg-scan::before { background: linear-gradient(100deg, transparent 0 42%, rgba(255,255,255,.34) 50%, transparent 58% 100%); animation: bgScan 4.2s ease-in-out infinite; }
.public.bg-noise::before { background-image: repeating-radial-gradient(circle at 20% 30%, rgba(255,255,255,.11) 0 1px, transparent 1px 5px); opacity: .48; animation: bgNoise 1.4s steps(3, end) infinite; }
.public.bg-particles::before { background-image: radial-gradient(circle, color-mix(in srgb, var(--accent), white 36%) 1.5px, transparent 2px), radial-gradient(circle, rgba(255,255,255,.45) 1px, transparent 1.5px); background-size: 58px 58px, 92px 92px; animation: bgStars 14s linear infinite reverse; opacity: .52; }
.public.bg-rings::before { background: repeating-radial-gradient(circle at 50% 52%, rgba(255,255,255,.18) 0 2px, transparent 2px 34px); animation: bgRingPulse 5s ease-in-out infinite; }
.public.bg-prism::before { background: linear-gradient(120deg, rgba(239,68,68,.18), rgba(234,179,8,.16), rgba(34,197,94,.16), rgba(59,130,246,.18), rgba(168,85,247,.18)); background-size: 260% 260%; animation: bgPrism 8s ease-in-out infinite; }
.public.bg-grid-flow::before { background-image: linear-gradient(rgba(255,255,255,.14) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.14) 1px, transparent 1px); background-size: 38px 38px; animation: bgGridFlow 6s linear infinite; }
.public.bg-comet::before { background: radial-gradient(circle at 0% 30%, rgba(255,255,255,.85), color-mix(in srgb, var(--accent), transparent 52%) 10%, transparent 24%); animation: bgComet 6s ease-in-out infinite; }
.public.bg-nebula::before { background: radial-gradient(circle at 20% 18%, rgba(168,85,247,.34), transparent 32%), radial-gradient(circle at 80% 22%, rgba(34,211,238,.28), transparent 34%), radial-gradient(circle at 55% 78%, color-mix(in srgb, var(--accent), transparent 62%), transparent 38%); filter: blur(22px); animation: bgDrift 14s ease-in-out infinite alternate; }
.public.bg-matrix-rain::before { background-image: linear-gradient(180deg, rgba(34,197,94,.32) 0 2px, transparent 2px 16px), linear-gradient(90deg, rgba(34,197,94,.12) 1px, transparent 1px); background-size: 24px 34px, 28px 28px; animation: bgMatrixRain 4.5s linear infinite; opacity: .5; }
.public.bg-laser-grid::before { background-image: linear-gradient(rgba(34,211,238,.20) 1px, transparent 1px), linear-gradient(90deg, rgba(236,72,153,.18) 1px, transparent 1px), linear-gradient(115deg, transparent 0 45%, rgba(255,255,255,.28) 50%, transparent 55%); background-size: 54px 54px, 54px 54px, 220px 100%; animation: bgGridFlow 5.2s linear infinite; }
.public.bg-fire-embers::before { background-image: radial-gradient(circle, rgba(251,146,60,.85) 0 2px, transparent 2.5px), radial-gradient(circle, rgba(248,113,113,.55) 0 1px, transparent 1.5px); background-size: 44px 44px, 72px 72px; animation: bgEmbers 7s linear infinite; }
.public.bg-snowfall::before { background-image: radial-gradient(circle, rgba(255,255,255,.9) 0 1.5px, transparent 2px), radial-gradient(circle, rgba(255,255,255,.6) 0 1px, transparent 1.5px); background-size: 34px 34px, 62px 62px; animation: bgSnow 9s linear infinite; opacity: .68; }
.public.bg-confetti::before { background-image: radial-gradient(circle, #f43f5e 0 2px, transparent 2.5px), radial-gradient(circle, #22c55e 0 2px, transparent 2.5px), radial-gradient(circle, #38bdf8 0 2px, transparent 2.5px), radial-gradient(circle, #facc15 0 2px, transparent 2.5px); background-size: 38px 38px, 58px 58px, 76px 76px, 96px 96px; animation: bgConfetti 8s linear infinite; opacity: .44; }
.public.bg-hologram::before { background: repeating-linear-gradient(0deg, rgba(34,211,238,.16) 0 1px, transparent 1px 8px), linear-gradient(120deg, rgba(34,211,238,.18), rgba(168,85,247,.18), transparent); background-size: auto, 260% 260%; animation: bgPrism 7s ease-in-out infinite; }
.public.bg-radar::before { background: conic-gradient(from 0deg at 50% 50%, rgba(34,211,238,.38), transparent 18%, transparent), repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,.12) 0 1px, transparent 1px 52px); animation: bgSpin 10s linear infinite; opacity: .58; }
.public.bg-electric::before { background: linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.66) 46%, rgba(34,211,238,.48) 49%, transparent 53% 100%); opacity: 0; animation: bgElectric 4s steps(1, end) infinite; }
.public.bg-clouds::before { background: radial-gradient(ellipse at 20% 34%, rgba(255,255,255,.32), transparent 30%), radial-gradient(ellipse at 70% 48%, rgba(255,255,255,.26), transparent 34%), radial-gradient(ellipse at 45% 78%, color-mix(in srgb, var(--accent), transparent 78%), transparent 38%); filter: blur(16px); animation: bgClouds 18s ease-in-out infinite alternate; }
.public.bg-water-ripple::before { background: repeating-radial-gradient(ellipse at 50% 58%, rgba(255,255,255,.18) 0 2px, transparent 2px 28px); animation: bgRipple 4.8s ease-in-out infinite; }
.public.bg-gold-dust::before { background-image: radial-gradient(circle, rgba(250,204,21,.9) 0 1.5px, transparent 2px), radial-gradient(circle, rgba(255,255,255,.72) 0 1px, transparent 1.5px); background-size: 46px 46px, 78px 78px; animation: bgStars 16s linear infinite reverse; opacity: .52; }
.public.bg-pixel-scan::before { background-image: linear-gradient(rgba(255,255,255,.16) 2px, transparent 2px), linear-gradient(90deg, rgba(255,255,255,.12) 2px, transparent 2px); background-size: 18px 18px; animation: bgGridFlow 3.2s steps(8, end) infinite; }
.public.bg-cosmic-rays::before { background: conic-gradient(from 90deg at 50% 50%, transparent, rgba(255,255,255,.22), transparent 16%, color-mix(in srgb, var(--accent), transparent 72%), transparent 36%); animation: bgSpin 22s linear infinite; opacity: .7; }
.public.bg-smoke::before { background: radial-gradient(circle at 24% 80%, rgba(255,255,255,.18), transparent 36%), radial-gradient(circle at 70% 72%, rgba(255,255,255,.14), transparent 40%); filter: blur(18px); animation: bgClouds 13s ease-in-out infinite alternate; }
.public.bg-color-shift::before { background: linear-gradient(120deg, rgba(244,114,182,.20), rgba(34,211,238,.20), rgba(250,204,21,.18), rgba(168,85,247,.20)); background-size: 300% 300%; animation: bgPrism 6s ease-in-out infinite; }
.public.bg-light-ribbons::before { background: linear-gradient(110deg, transparent 0 20%, rgba(255,255,255,.28) 26%, transparent 34% 58%, color-mix(in srgb, var(--accent), transparent 68%) 66%, transparent 74%); animation: bgSweep 5.4s linear infinite; }
.public.bg-stardust::before { background-image: radial-gradient(circle, rgba(255,255,255,.88) 0 1px, transparent 1.5px), radial-gradient(circle, color-mix(in srgb, var(--accent), white 42%) 0 1px, transparent 1.5px); background-size: 36px 36px, 82px 82px; animation: bgStars 18s linear infinite; opacity: .56; }
@keyframes bgDrift { from { transform: translate3d(-4%, -2%, 0) scale(1); } to { transform: translate3d(4%, 3%, 0) scale(1.08); } }
@keyframes bgSweep { from { transform: translateX(-20%); } to { transform: translateX(20%); } }
@keyframes bgStars { from { background-position: 0 0, 0 0; } to { background-position: 180px 90px, -140px 120px; } }
@keyframes bgRain { from { background-position: 0 0; } to { background-position: 120px 220px; } }
@keyframes bgBubble { from { transform: translateY(2%) scale(1); } to { transform: translateY(-5%) scale(1.06); } }
@keyframes bgSpin { from { transform: rotate(0deg) scale(1.35); } to { transform: rotate(360deg) scale(1.35); } }
@keyframes bgScan { from { transform: translateX(-120%); } to { transform: translateX(120%); } }
@keyframes bgNoise { 0% { transform: translate(0,0); } 50% { transform: translate(2px,-1px); } 100% { transform: translate(-1px,1px); } }
@keyframes bgRingPulse { 0%, 100% { transform: scale(1); opacity: .48; } 50% { transform: scale(1.08); opacity: .72; } }
@keyframes bgPrism { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes bgGridFlow { from { background-position: 0 0; } to { background-position: 38px 38px; } }
@keyframes bgComet { from { transform: translateX(-25%) translateY(-10%); } 50% { transform: translateX(55%) translateY(10%); } to { transform: translateX(125%) translateY(-4%); } }
@keyframes bgMatrixRain { from { background-position: 0 -140px, 0 0; } to { background-position: 0 140px, 28px 28px; } }
@keyframes bgEmbers { from { background-position: 0 120px, 18px 160px; } to { background-position: 8px -140px, -18px -160px; } }
@keyframes bgSnow { from { background-position: 0 -80px, 0 -120px; } to { background-position: 24px 120px, -18px 160px; } }
@keyframes bgConfetti { from { background-position: 0 -120px, 10px -160px, 28px -180px, 46px -220px; } to { background-position: 0 140px, 10px 180px, 28px 210px, 46px 250px; } }
@keyframes bgElectric { 0%, 88%, 100% { opacity: 0; } 90% { opacity: .9; } 93% { opacity: .15; } 96% { opacity: .65; } }
@keyframes bgClouds { from { transform: translateX(-3%) translateY(2%) scale(1); } to { transform: translateX(4%) translateY(-3%) scale(1.05); } }
@keyframes bgRipple { 0%,100% { transform: scale(.98); opacity: .38; } 50% { transform: scale(1.06); opacity: .68; } }
.public.midnight { background: #111827; color: #e5e7eb; }
.public.light { background: #f8fafc; color: #17202a; }
.public.sunset { background: #fff7ed; color: #27140a; }
.public.ocean { background: #ecfeff; color: #083344; }
.public.forest { background: #f0fdf4; color: #052e16; }
.public.rose { background: #fff1f2; color: #4c0519; }
.public.gold { background: #fefce8; color: #422006; }
.public.ice { background: #f0f9ff; color: #082f49; }
.public.graphite { background: #18181b; color: #fafafa; }
.public.neon { background: #020617; color: #ecfccb; }
.public.lavender { background: #f5f3ff; color: #2e1065; }
.public.minimal { background: #ffffff; color: #111827; }
.public.glass { background: #f8fafc; color: #0f172a; }
.public.cosmic { background: #020617; color: #cffafe; }
.public.studio { background: #fdf2f8; color: #500724; }
.public.mint { background: #ecfdf5; color: #064e3b; }
.public.coral { background: #fff7ed; color: #7c2d12; }
.public.indigo { background: #eef2ff; color: #312e81; }
.public.pearl { background: #fafafa; color: #334155; }
.public.aqua { background: #ecfeff; color: #155e75; }
.public.ruby { background: #fff1f2; color: #881337; }
.public.amber { background: #fffbeb; color: #713f12; }
.public.slate { background: #f1f5f9; color: #0f172a; }
.public.orchid { background: #fdf4ff; color: #701a75; }
.public.cyber { background: #020617; color: #ecfccb; }
.public.paper { background: #ffffff; color: #111827; }
.public.moss { background: #f0fdf4; color: #14532d; }
.public.flame { background: #1c0b05; color: #ffedd5; }
.public.denim { background: #eff6ff; color: #1e3a8a; }
.public.matrix { background: #020617; color: #bbf7d0; }
.public.blush { background: #fff1f2; color: #831843; }
.public.steel { background: #f1f5f9; color: #1e293b; }
.public.aurora { background: #0f172a; color: #e0f2fe; }
.public.velvet { background: #2e1065; color: #f3e8ff; }
.public.citrus { background: #fefce8; color: #365314; }
.public.news { background: #fff1f2; color: #7f1d1d; }
.public.tech { background: #020617; color: #cffafe; }
.public.casino { background: #120704; color: #fef3c7; }
.public.gaming { background: #09090b; color: #ecfccb; }
.public.finance { background: #ecfdf5; color: #022c22; }
.public.sports { background: #fff7ed; color: #7c2d12; }
.public.music { background: #500724; color: #fce7f3; }
.public.cinema { background: #09090b; color: #fef3c7; }
.public.health { background: #ecfeff; color: #155e75; }
.public.education { background: #eff6ff; color: #172554; }
.public.fashion { background: #fdf2f8; color: #831843; }
.public.travel { background: #f0f9ff; color: #075985; }
.public.hologram { background: radial-gradient(circle at top, #ecfeff, #f8fafc 48%, #cffafe); color: #164e63; }
.public.terminal { background: #020617; color: #dcfce7; }
.public.broadcast { background: linear-gradient(135deg, #fff1f2, #fee2e2); color: #7f1d1d; }
.public.premiumred { background: radial-gradient(circle at top, #3f0d16, #170508 62%); color: #ffe4e6; }
.public.rainbowglass { background: linear-gradient(135deg, #ecfeff, #f5f3ff, #fdf2f8); color: #312e81; }
.public.nightclub { background: radial-gradient(circle at top, #312e81, #0f0618 58%); color: #f5f3ff; }
.public.marble { background: linear-gradient(135deg, #ffffff, #e2e8f0); color: #1e293b; }
.public.desert { background: linear-gradient(135deg, #fff7ed, #fed7aa); color: #431407; }
.public.voltage { background: radial-gradient(circle at top, #3b2f05, #09090b 58%); color: #fef9c3; }
.public.obsidian { background: linear-gradient(135deg, #020617, #111827); color: #f8fafc; }
.public.neoncity { background: radial-gradient(circle at top, #0e7490, #030712 60%); color: #cffafe; }
.public.pixel { background: #111827; color: #ecfccb; }
.public.royalnight { background: radial-gradient(circle at top, #581c87, #17072f 62%); color: #f5d0fe; }
.public.candyshop { background: linear-gradient(135deg, #fdf2f8, #cffafe, #fef3c7); color: #831843; }
.public.newsflash { background: linear-gradient(135deg, #fff1f2, #ffffff); color: #7f1d1d; }
.public.goldrush { background: radial-gradient(circle at top, #78350f, #451a03 62%); color: #fef3c7; }
.public.arcticglass { background: linear-gradient(135deg, #ecfeff, #f8fafc); color: #155e75; }
.public.cyberpunk { background: radial-gradient(circle at top, #701a75, #020617 64%); color: #f5d0fe; }
.public.emeraldlux { background: radial-gradient(circle at top, #065f46, #022c22 60%); color: #d1fae5; }
.public.rubyglass { background: linear-gradient(135deg, #fff1f2, #ffe4e6); color: #881337; }
.public.oceanwave { background: linear-gradient(135deg, #083344, #0e7490); color: #cffafe; }
.public.solarflare { background: linear-gradient(135deg, #fff7ed, #fed7aa); color: #7c2d12; }
.public.moondust { background: radial-gradient(circle at top, #334155, #0f172a 60%); color: #f8fafc; }
.public.lavapro { background: radial-gradient(circle at top, #7f1d1d, #1c0b05 64%); color: #ffedd5; }
.public.gamerhub { background: radial-gradient(circle at top, #14532d, #020617 62%); color: #ecfccb; }
.public.cinematic { background: linear-gradient(135deg, #09090b, #1f2937); color: #fef3c7; }
.public.pastelpop { background: linear-gradient(135deg, #fdf2f8, #ecfeff, #fefce8); color: #831843; }
.public.business { background: linear-gradient(135deg, #f8fafc, #e2e8f0); color: #0f172a; }
@keyframes publicThemeFlow { 0%, 100% { background-position: 0% 50%, 50% 50%; } 50% { background-position: 100% 50%, 50% 50%; } }
@keyframes publicThemeGlow { 0%, 100% { filter: saturate(1) brightness(1); } 50% { filter: saturate(1.16) brightness(1.05); } }
.public.aurorapulse { background: radial-gradient(circle at 18% 12%, rgba(34,211,238,.34), transparent 31%), radial-gradient(circle at 78% 8%, rgba(168,85,247,.27), transparent 30%), linear-gradient(135deg, #04111f, #071827 48%, #0f172a); background-size: 150% 150%; color: #e0f2fe; animation: publicThemeFlow 18s ease-in-out infinite; }
.public.neonstorm { background: radial-gradient(circle at 25% 18%, rgba(163,230,53,.28), transparent 28%), linear-gradient(120deg, #020617, #052e16 45%, #111827); background-size: 170% 170%; color: #ecfccb; animation: publicThemeFlow 14s ease-in-out infinite, publicThemeGlow 7s ease-in-out infinite; }
.public.prismflow { background: linear-gradient(135deg, #f5f3ff, #ecfeff, #fff1f2, #fefce8); background-size: 220% 220%; color: #2e1065; animation: publicThemeFlow 20s ease-in-out infinite; }
.public.liquidchrome { background: radial-gradient(circle at 18% 18%, rgba(255,255,255,.92), transparent 28%), linear-gradient(135deg, #cbd5e1, #f8fafc, #94a3b8); background-size: 180% 180%; color: #0f172a; animation: publicThemeFlow 16s ease-in-out infinite; }
.public.starlight { background: radial-gradient(circle at 20% 10%, rgba(196,181,253,.24), transparent 25%), radial-gradient(circle at 80% 22%, rgba(56,189,248,.18), transparent 24%), linear-gradient(135deg, #020617, #0f172a 58%, #1e1b4b); background-size: 160% 160%; color: #f8fafc; animation: publicThemeFlow 22s ease-in-out infinite; }
.public.firewave { background: radial-gradient(circle at 16% 20%, rgba(251,146,60,.30), transparent 28%), linear-gradient(125deg, #120502, #431407 52%, #7f1d1d); background-size: 175% 175%; color: #ffedd5; animation: publicThemeFlow 15s ease-in-out infinite; }
.public.cyberglass { background: linear-gradient(135deg, rgba(103,232,249,.18), transparent 30%), repeating-linear-gradient(90deg, rgba(103,232,249,.08) 0 1px, transparent 1px 28px), linear-gradient(135deg, #020617, #083344); background-size: 180% 180%, auto, auto; color: #cffafe; animation: publicThemeFlow 16s ease-in-out infinite; }
.public.oceanpulse { background: radial-gradient(circle at 50% 0%, rgba(34,211,238,.28), transparent 32%), linear-gradient(135deg, #062433, #083344, #0e7490); background-size: 165% 165%; color: #cffafe; animation: publicThemeFlow 19s ease-in-out infinite; }
.public.goldaurora { background: radial-gradient(circle at 20% 10%, rgba(245,158,11,.32), transparent 28%), radial-gradient(circle at 80% 20%, rgba(250,204,21,.22), transparent 30%), linear-gradient(135deg, #160b02, #451a03 60%, #713f12); background-size: 170% 170%; color: #fef3c7; animation: publicThemeFlow 17s ease-in-out infinite; }
.public.magentaflux { background: radial-gradient(circle at 12% 18%, rgba(244,114,182,.34), transparent 30%), radial-gradient(circle at 78% 12%, rgba(168,85,247,.26), transparent 28%), linear-gradient(135deg, #270216, #500724 62%, #831843); background-size: 160% 160%; color: #fce7f3; animation: publicThemeFlow 18s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
  .public.aurorapulse, .public.neonstorm, .public.prismflow, .public.liquidchrome, .public.starlight, .public.firewave, .public.cyberglass, .public.oceanpulse, .public.goldaurora, .public.magentaflux,
  body.panel-theme-aurorapulse, body.panel-theme-neonstorm, body.panel-theme-prismflow, body.panel-theme-liquidchrome, body.panel-theme-starlight, body.panel-theme-firewave, body.panel-theme-cyberglass, body.panel-theme-oceanpulse, body.panel-theme-goldaurora, body.panel-theme-magentaflux { animation: none; }
}
.public-lang { position: fixed; top: 12px; right: 12px; z-index: 43; display: grid; gap: 6px; background: rgba(15,23,42,.45); border: 1px solid rgba(255,255,255,.24); border-radius: 8px; padding: 6px; backdrop-filter: blur(8px); }
.public-lang summary { list-style: none; cursor: pointer; color: #fff; font-weight: 850; font-size: 12px; padding: 7px 9px; border-radius: 6px; background: rgba(255,255,255,.16); }
.public-lang summary::-webkit-details-marker { display: none; }
.public-lang-options { display: flex; gap: 6px; }
.public-lang:not([open]) .public-lang-options { display: none; }
.public-lang button { padding: 7px 9px; border-radius: 6px; background: rgba(255,255,255,.88); color: #17202a; font-size: 12px; }
.public-lang button.active { background: var(--accent); color: #062015; }
.landing-page { min-height: 100vh; margin: 0; color: var(--landing-text, #102033); background: var(--landing-bg, #eef8ff); background-image: linear-gradient(135deg, color-mix(in srgb, var(--landing-accent, #16c7f4), transparent 88%), transparent 42%), var(--landing-bg-image, none); background-size: cover; background-position: center; background-attachment: fixed; }
.landing-header { width: min(1200px, calc(100% - 28px)); margin: 14px auto 0; min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 14px; border: 1px solid rgba(255,255,255,.46); border-radius: 8px; background: rgba(255,255,255,.76); backdrop-filter: blur(12px); box-shadow: 0 16px 42px rgba(15,23,42,.12); }
.landing-brand { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; font-weight: 900; }
.landing-brand img { width: 38px; height: 38px; border-radius: 8px; object-fit: cover; }
.landing-header nav { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.landing-nav-link { padding: 9px 12px; border-radius: 8px; background: rgba(15,23,42,.08); color: inherit; text-decoration: none; font-weight: 850; }
.landing-auth-menu { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; flex-wrap: wrap; }
.landing-auth-link { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 9px 13px; border-radius: 8px; background: var(--landing-accent, #16c7f4); color: #06121f; text-decoration: none; font-weight: 900; box-shadow: 0 10px 22px color-mix(in srgb, var(--landing-accent, #16c7f4), transparent 70%); }
.landing-auth-link.secondary { background: rgba(15,23,42,.09); color: var(--landing-text, #102033); box-shadow: none; }
.landing-main { width: min(1200px, calc(100% - 28px)); margin: 22px auto 70px; display: grid; gap: 22px; }
.landing-hero { min-height: min(620px, calc(100vh - 170px)); display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 520px); align-items: center; gap: 30px; padding: 34px; border-radius: 8px; background: rgba(255,255,255,.72); border: 1px solid rgba(255,255,255,.5); box-shadow: 0 24px 80px rgba(15,23,42,.14); backdrop-filter: blur(14px); }
.landing-copy { display: grid; gap: 16px; }
.landing-kicker { color: var(--landing-accent, #16c7f4); font-weight: 900; text-transform: uppercase; letter-spacing: 0; }
.landing-copy h1 { font-size: clamp(34px, 7vw, 78px); line-height: .95; color: var(--landing-text, #102033); }
.landing-copy > p:not(.landing-kicker) { font-size: 18px; line-height: 1.55; max-width: 680px; }
.landing-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.landing-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border-radius: 8px; background: var(--landing-accent, #16c7f4); color: #06121f; text-decoration: none; font-weight: 900; box-shadow: 0 12px 30px color-mix(in srgb, var(--landing-accent, #16c7f4), transparent 65%); }
.landing-button.secondary { background: rgba(15,23,42,.09); color: var(--landing-text, #102033); box-shadow: none; }
.landing-media { min-width: 0; border-radius: 8px; overflow: hidden; border: 1px solid rgba(255,255,255,.48); background: rgba(2,6,23,.9); box-shadow: 0 20px 54px rgba(15,23,42,.2); }
.landing-media-asset { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.landing-section { display: grid; gap: 12px; padding: 22px; border-radius: 8px; background: rgba(255,255,255,.66); border: 1px solid rgba(255,255,255,.44); backdrop-filter: blur(12px); }
.landing-grid, .landing-link-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.landing-card, .landing-link-card { min-width: 0; display: grid; gap: 8px; align-content: start; padding: 14px; border-radius: 8px; border: 1px solid rgba(15,23,42,.12); background: rgba(255,255,255,.72); color: inherit; text-decoration: none; }
.landing-card img, .landing-link-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 7px; }
.landing-card strong, .landing-link-card strong { overflow-wrap: anywhere; }
.landing-card span, .landing-link-card span { color: color-mix(in srgb, var(--landing-text, #102033), transparent 20%); line-height: 1.35; }
.landing-splash { position: fixed; top: 50%; transform: translateY(-50%); z-index: 16; width: min(220px, calc(50vw - 42px)); }
.landing-splash-left { left: 14px; }
.landing-splash-right { right: 14px; }
.landing-splash a { color: inherit; text-decoration: none; }
.landing-splash-card { display: grid; gap: 8px; padding: 12px; border-radius: 8px; background: rgba(15,23,42,.86); color: #fff; border: 1px solid rgba(255,255,255,.24); box-shadow: 0 18px 46px rgba(0,0,0,.24); backdrop-filter: blur(12px); }
.landing-splash-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 7px; }
.landing-splash-card small { color: rgba(255,255,255,.76); line-height: 1.35; }
.landing-footer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 15; min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; padding: 8px 14px; background: rgba(255,255,255,.74); color: var(--landing-text, #102033); border-top: 1px solid rgba(15,23,42,.12); backdrop-filter: blur(12px); text-align: center; font-weight: 750; }
.landing-footer .donate-widget { color: var(--landing-text, #102033); }
.landing-guide { display: grid; gap: 8px; padding: 12px; border-radius: 8px; background: color-mix(in srgb, var(--accent), white 90%); border: 1px solid color-mix(in srgb, var(--accent), white 35%); }
.landing-guide p { color: var(--muted); line-height: 1.4; }
.landing-guide code, .landing-guide pre { background: rgba(255,255,255,.72); border: 1px solid rgba(15,23,42,.1); border-radius: 7px; }
.landing-guide code { padding: 2px 5px; }
.landing-guide pre { margin: 0; padding: 10px; white-space: pre-wrap; overflow-wrap: anywhere; font-size: calc(12px * var(--panel-text-scale, 1)); }
.header-adbar { width: min(var(--adbar-width, 1200px), calc(100% - 28px)); height: var(--adbar-height, 52px); margin: 12px auto 0; overflow: hidden; border-radius: var(--adbar-radius, 8px); background: var(--adbar-bg, rgba(15,23,42,.88)); color: var(--adbar-text, #fff); border: var(--adbar-border-width, 1px) var(--adbar-border-style, solid) var(--adbar-border-color, color-mix(in srgb, var(--adbar-text, #fff), transparent 72%)); box-shadow: 0 14px 40px rgba(0,0,0,.16); position: relative; z-index: 12; contain: paint; font-family: var(--adbar-font, Inter, system-ui, sans-serif); }
.header-adbar-track { width: max-content; height: 100%; display: flex; align-items: center; animation: adbarScrollLeft var(--adbar-speed, 28s) linear infinite; will-change: transform; transform: translate3d(0,0,0); backface-visibility: hidden; }
.header-adbar-track[data-smooth-adbar="1"] { animation: none; }
.header-adbar-loop { min-width: min(var(--adbar-width, 1200px), calc(100vw - 28px)); height: 100%; display: flex; align-items: center; justify-content: space-around; gap: 12px; padding-inline: 12px; flex: 0 0 auto; }
.header-adbar-track[data-smooth-adbar="1"] .header-adbar-loop { min-width: 0; justify-content: flex-start; }
.header-adbar-track[data-smooth-adbar="1"] .header-adbar-loop[hidden] { display: none; }
.header-adbar:hover .header-adbar-track { animation-play-state: paused; }
.header-adbar::before, .header-adbar::after { pointer-events: none; }
.adbar-item { height: calc(var(--adbar-height, 52px) - 14px); min-width: 220px; display: inline-flex; align-items: center; gap: 10px; padding: 6px 12px; border-radius: 8px; color: var(--adbar-text, #fff); text-decoration: none; background: rgba(255,255,255,.10); white-space: nowrap; }
.adbar-item img { width: calc(var(--adbar-height, 52px) - 18px); height: calc(var(--adbar-height, 52px) - 18px); border-radius: 6px; object-fit: cover; flex: 0 0 auto; }
.adbar-item span { display: grid; gap: 2px; }
.adbar-item strong { font-size: 14px; line-height: 1; }
.adbar-item small { color: color-mix(in srgb, var(--adbar-text, #fff), transparent 24%); font-size: 12px; line-height: 1; }
.adbar-theme-light { background: #f8fafc; color: #0f172a; box-shadow: 0 12px 28px rgba(15,23,42,.10); }
.adbar-theme-light .adbar-item { color: #0f172a; background: rgba(15,23,42,.07); }
.adbar-theme-light .adbar-item small { color: #475569; }
.adbar-theme-glass { background: color-mix(in srgb, var(--adbar-bg, rgba(255,255,255,.45)), transparent 12%); backdrop-filter: blur(14px); }
.adbar-theme-transparent { background: color-mix(in srgb, var(--adbar-bg, rgba(15,23,42,.42)), transparent 58%); backdrop-filter: blur(12px) saturate(1.18); box-shadow: none; }
.adbar-theme-transparent .adbar-item { background: color-mix(in srgb, var(--adbar-text, #fff), transparent 88%); border: 1px solid color-mix(in srgb, var(--adbar-text, #fff), transparent 78%); }
.adbar-theme-gradient { background: linear-gradient(90deg, #0f172a, #7c3aed, #0e7490); }
.adbar-theme-neon { background: #050816; border-color: #22d3ee; box-shadow: 0 0 24px rgba(34,211,238,.34); }
.adbar-theme-gold { background: linear-gradient(90deg, #713f12, #ca8a04, #422006); }
.adbar-theme-danger { background: linear-gradient(90deg, #7f1d1d, #dc2626, #450a0a); }
.adbar-theme-ocean { background: linear-gradient(90deg, #083344, #0891b2, #0f172a); }
.adbar-theme-emerald { background: linear-gradient(90deg, #052e16, #059669, #064e3b); }
.adbar-theme-violet { background: linear-gradient(90deg, #2e1065, #7c3aed, #1e1b4b); }
.adbar-theme-ruby { background: linear-gradient(90deg, #4c0519, #e11d48, #881337); }
.adbar-theme-mono { background: #111827; box-shadow: none; }
.adbar-theme-sunset { background: linear-gradient(90deg, #7c2d12, #f97316, #581c87); }
.adbar-theme-ice { background: linear-gradient(90deg, #e0f2fe, #bae6fd, #f8fafc); color: #0c4a6e; }
.adbar-theme-ice .adbar-item { color: #0c4a6e; background: rgba(255,255,255,.58); }
.adbar-theme-ice .adbar-item small { color: #0369a1; }
.adbar-theme-carbon { background: linear-gradient(90deg, #030712, #1f2937, #111827); }
.adbar-theme-candy { background: linear-gradient(90deg, #db2777, #f9a8d4, #7c3aed); color: #fff; }
.adbar-theme-forest { background: linear-gradient(90deg, #052e16, #166534, #365314); }
.adbar-theme-royal { background: linear-gradient(90deg, #1e1b4b, #4338ca, #7e22ce); }
.adbar-theme-lava { background: linear-gradient(90deg, #450a0a, #ea580c, #7f1d1d); }
.adbar-theme-aqua { background: linear-gradient(90deg, #164e63, #06b6d4, #115e59); }
.adbar-theme-rose { background: linear-gradient(90deg, #831843, #f43f5e, #be123c); }
.adbar-theme-lime { background: linear-gradient(90deg, #1a2e05, #84cc16, #365314); color: #102a04; }
.adbar-theme-lime .adbar-item { color: #102a04; background: rgba(255,255,255,.34); }
.adbar-theme-steel { background: linear-gradient(90deg, #334155, #94a3b8, #1e293b); }
.adbar-theme-cream { background: #fff7ed; color: #431407; box-shadow: 0 10px 28px rgba(124,45,18,.12); }
.adbar-theme-cream .adbar-item { color: #431407; background: rgba(251,146,60,.16); }
.adbar-theme-cyber { background: linear-gradient(90deg, #020617, #0891b2 48%, #a21caf); box-shadow: 0 0 28px rgba(217,70,239,.24); }
.adbar-theme-matrix { background: #03120a; color: #86efac; box-shadow: 0 0 22px rgba(34,197,94,.24); }
.adbar-theme-matrix .adbar-item { color: #bbf7d0; background: rgba(34,197,94,.12); }
.adbar-theme-clean { background: #ffffff; color: #111827; box-shadow: 0 8px 24px rgba(15,23,42,.08); }
.adbar-theme-clean .adbar-item { color: #111827; background: #f1f5f9; }
.adbar-theme-outline { background: transparent; color: var(--adbar-text, #fff); box-shadow: none; }
.adbar-theme-outline .adbar-item { background: transparent; border: 1px solid currentColor; }
.adbar-theme-breaking-news { background: linear-gradient(90deg, #7f1d1d, #dc2626, #991b1b); box-shadow: 0 0 24px rgba(239,68,68,.28); }
.adbar-theme-tech-pulse { background: linear-gradient(90deg, #020617, #0891b2, #1e1b4b); box-shadow: 0 0 28px rgba(34,211,238,.25); }
.adbar-theme-casino-gold { background: linear-gradient(90deg, #120704, #854d0e, #facc15, #120704); color: #fff7ad; }
.adbar-theme-game-arena { background: linear-gradient(90deg, #09090b, #365314, #111827); color: #ecfccb; box-shadow: 0 0 26px rgba(163,230,53,.20); }
.adbar-theme-finance-ticker { background: linear-gradient(90deg, #022c22, #047857, #064e3b); color: #d1fae5; }
.adbar-theme-sports-live { background: linear-gradient(90deg, #431407, #f97316, #7c2d12); color: #ffedd5; }
.adbar-theme-music-wave { background: linear-gradient(90deg, #500724, #db2777, #7e22ce); color: #fce7f3; }
.adbar-theme-cinema-premiere { background: linear-gradient(90deg, #000, #3f3f46, #713f12); color: #fef3c7; }
.adbar-theme-luxury-black { background: linear-gradient(90deg, #020617, #111827, #ca8a04); color: #fef3c7; }
.adbar-theme-medical-clean { background: linear-gradient(90deg, #ecfeff, #a5f3fc, #fff); color: #155e75; }
.adbar-theme-medical-clean .adbar-item { color: #155e75; background: rgba(255,255,255,.58); }
.adbar-theme-education-blue { background: linear-gradient(90deg, #172554, #2563eb, #1e40af); color: #dbeafe; }
.adbar-theme-fashion-runway { background: linear-gradient(90deg, #831843, #f472b6, #500724); color: #fce7f3; }
.adbar-theme-food-festival { background: linear-gradient(90deg, #7c2d12, #f97316, #facc15); color: #fff7ed; }
.adbar-theme-travel-sky { background: linear-gradient(90deg, #075985, #38bdf8, #e0f2fe); color: #082f49; }
.adbar-theme-travel-sky .adbar-item { color: #082f49; background: rgba(255,255,255,.42); }
.adbar-theme-hologram { background: linear-gradient(90deg, rgba(8,47,73,.86), rgba(34,211,238,.42), rgba(168,85,247,.36)); backdrop-filter: blur(14px) saturate(1.3); color: #ecfeff; box-shadow: 0 0 30px rgba(34,211,238,.28); }
.adbar-theme-night-rider { background: linear-gradient(90deg, #020617, #111827 36%, #ef4444 50%, #111827 64%, #020617); color: #fee2e2; }
.adbar-theme-chrome { background: linear-gradient(90deg, #111827, #e5e7eb, #64748b, #f8fafc, #111827); color: #0f172a; }
.adbar-theme-chrome .adbar-item { color: #0f172a; background: rgba(255,255,255,.46); }
.adbar-theme-festival { background: linear-gradient(90deg, #be123c, #f97316, #eab308, #16a34a, #2563eb, #7c3aed); color: #fff; }
.adbar-theme-terminal { background: #020617; color: #86efac; box-shadow: inset 0 0 0 1px rgba(34,197,94,.28), 0 0 22px rgba(34,197,94,.18); }
.adbar-theme-terminal .adbar-item { color: #bbf7d0; background: rgba(34,197,94,.12); }
.adbar-theme-broadcast { background: linear-gradient(90deg, #450a0a, #dc2626, #991b1b); color: #fff1f2; box-shadow: 0 0 24px rgba(239,68,68,.28); }
.adbar-theme-rainbow-glass { background: linear-gradient(90deg, rgba(239,68,68,.38), rgba(250,204,21,.34), rgba(34,197,94,.32), rgba(34,211,238,.34), rgba(168,85,247,.38)); backdrop-filter: blur(12px); color: #fff; }
.adbar-theme-premium-red { background: linear-gradient(90deg, #170508, #7f1d1d, #ef4444, #170508); color: #ffe4e6; box-shadow: 0 0 28px rgba(239,68,68,.30); }
.adbar-border-neon-flow { border-color: transparent; box-shadow: 0 0 0 var(--adbar-border-width, 2px) #22d3ee, 0 0 28px rgba(34,211,238,.34); }
.adbar-border-neon-flow::before, .adbar-border-rainbow::before, .adbar-border-gold-pulse::before, .adbar-border-electric::before, .adbar-border-fire::before, .adbar-border-ice::before, .adbar-border-matrix::before, .adbar-border-spotlight::before, .adbar-border-dash-run::before, .adbar-border-double-glow::before, .adbar-border-soft-glass::before, .adbar-border-news-flash::before, .adbar-border-tech-circuit::before, .adbar-border-casino-lights::before, .adbar-border-game-hud::before, .adbar-border-sports-score::before, .adbar-border-finance-signal::before, .adbar-border-music-eq::before, .adbar-border-vip-chrome::before, .adbar-border-meteor::before, .adbar-border-hologram::before, .adbar-border-pulse-rings::before, .adbar-border-chrome-sweep::before, .adbar-border-laser-corners::before, .adbar-border-dotted-glow::before, .adbar-border-aurora::before, .adbar-border-liquid::before, .adbar-border-warning-stripes::before, .adbar-border-premium-red::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: max(2px, var(--adbar-border-width, 2px)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: 3; }
.adbar-border-neon-flow::before { background: linear-gradient(90deg, #22d3ee, #a855f7, #22c55e, #22d3ee); background-size: 220% 100%; animation: adbarBorderFlow 2.8s linear infinite; }
.adbar-border-rainbow::before { background: conic-gradient(from var(--adbar-spin, 0deg), #ef4444, #f97316, #eab308, #22c55e, #06b6d4, #6366f1, #d946ef, #ef4444); animation: adbarBorderSpin 3.5s linear infinite; }
.adbar-border-gold-pulse::before { background: linear-gradient(90deg, #78350f, #facc15, #fff7ad, #f59e0b, #78350f); animation: adbarBorderPulse 1.8s ease-in-out infinite; }
.adbar-border-electric::before { background: repeating-linear-gradient(90deg, #67e8f9 0 10px, #2563eb 10px 14px, #fff 14px 16px); animation: adbarBorderDash 1s linear infinite; }
.adbar-border-fire::before { background: linear-gradient(90deg, #7f1d1d, #ef4444, #f97316, #fde68a, #ef4444); background-size: 260% 100%; animation: adbarBorderFlow 1.7s linear infinite; }
.adbar-border-ice::before { background: linear-gradient(90deg, #e0f2fe, #38bdf8, #f8fafc, #0ea5e9); animation: adbarBorderPulse 2.1s ease-in-out infinite; }
.adbar-border-matrix::before { background: repeating-linear-gradient(90deg, #052e16 0 8px, #22c55e 8px 10px, #86efac 10px 12px); animation: adbarBorderDash 1.3s linear infinite; }
.adbar-border-spotlight::before { background: linear-gradient(110deg, transparent 0 35%, rgba(255,255,255,.9) 46%, transparent 58% 100%); animation: adbarBorderSpot 2.4s ease-in-out infinite; }
.adbar-border-dash-run { border-style: dashed; animation: adbarDashRun 1.1s linear infinite; }
.adbar-border-double-glow { box-shadow: inset 0 0 0 max(1px, var(--adbar-border-width, 1px)) color-mix(in srgb, var(--adbar-text, #fff), transparent 32%), 0 0 24px color-mix(in srgb, var(--adbar-text, #fff), transparent 55%); }
.adbar-border-double-glow::before { background: linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent); animation: adbarBorderFlow 2.2s linear infinite; }
.adbar-border-soft-glass::before { background: linear-gradient(90deg, rgba(255,255,255,.15), rgba(255,255,255,.7), rgba(255,255,255,.2)); animation: adbarBorderPulse 2.6s ease-in-out infinite; }
.adbar-border-news-flash::before { background: repeating-linear-gradient(90deg, #ef4444 0 14px, #fff 14px 18px, #991b1b 18px 32px); animation: adbarBorderDash .75s linear infinite; }
.adbar-border-tech-circuit::before { background: repeating-linear-gradient(90deg, #22d3ee 0 8px, #0f172a 8px 12px, #67e8f9 12px 14px); animation: adbarBorderDash 1.1s linear infinite; }
.adbar-border-casino-lights::before { background: radial-gradient(circle, #fef08a 0 18%, transparent 20%) 0 0 / 22px 22px, linear-gradient(90deg, #ca8a04, #7c2d12); animation: adbarBorderDash 1.3s linear infinite; }
.adbar-border-game-hud::before { background: repeating-linear-gradient(90deg, #a3e635 0 10px, transparent 10px 18px), linear-gradient(90deg, #22c55e, #84cc16); animation: adbarBorderDash .9s linear infinite; }
.adbar-border-sports-score::before { background: repeating-linear-gradient(90deg, #f97316 0 16px, #fff 16px 20px, #16a34a 20px 36px); animation: adbarBorderDash .95s linear infinite; }
.adbar-border-finance-signal::before { background: linear-gradient(90deg, #064e3b, #10b981, #bbf7d0, #10b981); background-size: 220% 100%; animation: adbarBorderFlow 2s linear infinite; }
.adbar-border-music-eq::before { background: repeating-linear-gradient(90deg, #ec4899 0 6px, #a855f7 6px 12px, #22d3ee 12px 18px); animation: adbarBorderDash .65s steps(4, end) infinite; }
.adbar-border-vip-chrome::before { background: linear-gradient(90deg, #111827, #fef3c7, #94a3b8, #fbbf24, #111827); background-size: 260% 100%; animation: adbarBorderFlow 2.4s linear infinite; }
.adbar-border-meteor::before { background: linear-gradient(100deg, transparent 0 35%, #fff 44%, #38bdf8 50%, transparent 60%); animation: adbarBorderSpot 1.25s linear infinite; }
.adbar-border-hologram::before { background: linear-gradient(90deg, #22d3ee, #f0abfc, #a7f3d0, #22d3ee); background-size: 260% 100%; animation: adbarBorderFlow 2s linear infinite; }
.adbar-border-pulse-rings::before { background: radial-gradient(circle at 50% 50%, transparent 0 36%, rgba(34,211,238,.85) 38%, transparent 52%); animation: adbarBorderPulse 1.35s ease-in-out infinite; }
.adbar-border-chrome-sweep::before { background: linear-gradient(90deg, #111827, #f8fafc, #94a3b8, #f8fafc, #111827); background-size: 280% 100%; animation: adbarBorderFlow 1.8s linear infinite; }
.adbar-border-laser-corners::before { background: conic-gradient(from 45deg, #22d3ee 0 9%, transparent 9% 41%, #a855f7 41% 59%, transparent 59% 91%, #22d3ee 91%); animation: adbarBorderSpin 3.2s linear infinite; }
.adbar-border-dotted-glow::before { background: radial-gradient(circle, #fef08a 0 2px, transparent 3px) 0 0 / 18px 18px, linear-gradient(90deg, #f59e0b, #ef4444); animation: adbarBorderDash 1s linear infinite; }
.adbar-border-aurora::before { background: linear-gradient(90deg, #22c55e, #22d3ee, #a855f7, #fb7185, #22c55e); background-size: 320% 100%; animation: adbarBorderFlow 3.2s ease-in-out infinite; }
.adbar-border-liquid::before { background: linear-gradient(90deg, #0ea5e9, #14b8a6, #8b5cf6, #0ea5e9); filter: blur(.4px); background-size: 260% 100%; animation: adbarBorderFlow 2.3s ease-in-out infinite; }
.adbar-border-warning-stripes::before { background: repeating-linear-gradient(120deg, #facc15 0 12px, #111827 12px 24px); animation: adbarBorderDash .85s linear infinite; }
.adbar-border-premium-red::before { background: linear-gradient(90deg, #450a0a, #ef4444, #fecaca, #7f1d1d); background-size: 260% 100%; animation: adbarBorderFlow 1.9s linear infinite; }
.adbar-border-color-cyan, .adbar-border-color-neon, .adbar-border-color-sapphire, .adbar-border-color-violet, .adbar-border-color-fuchsia { box-shadow: 0 14px 40px rgba(0,0,0,.16), 0 0 22px color-mix(in srgb, var(--adbar-border-color), transparent 58%); }
.adbar-border-color-gold, .adbar-border-color-amber, .adbar-border-color-fire { box-shadow: 0 14px 40px rgba(0,0,0,.16), 0 0 24px color-mix(in srgb, var(--adbar-border-color), transparent 48%); }
.adbar-border-color-emerald, .adbar-border-color-lime, .adbar-border-color-matrix { box-shadow: 0 14px 40px rgba(0,0,0,.16), 0 0 20px color-mix(in srgb, var(--adbar-border-color), transparent 54%); }
.adbar-border-color-ruby, .adbar-border-color-rose { box-shadow: 0 14px 40px rgba(0,0,0,.16), 0 0 24px color-mix(in srgb, var(--adbar-border-color), transparent 52%); }
.adbar-border-color-rainbow { box-shadow: 0 14px 40px rgba(0,0,0,.16), 0 0 20px rgba(168,85,247,.28), 0 0 34px rgba(34,211,238,.16); }
.adbar-border-color-glass { border-color: rgba(255,255,255,.45); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 14px 40px rgba(0,0,0,.14); }
.adbar-border-color-snow { box-shadow: 0 14px 40px rgba(0,0,0,.16), 0 0 18px rgba(248,250,252,.22); }
.adbar-border-color-graphite { box-shadow: 0 14px 40px rgba(15,23,42,.22); }
.adbar-motion-aurora::after, .adbar-motion-comet::after, .adbar-motion-liquid::after, .adbar-motion-stars::after, .adbar-motion-grid-scan::after, .adbar-motion-spark::after, .adbar-motion-ripple::after, .adbar-motion-prism::after, .adbar-motion-noise-glow::after, .adbar-motion-laser::after, .adbar-motion-breathing::after, .adbar-motion-headline-sweep::after, .adbar-motion-circuit-flow::after, .adbar-motion-slot-spin::after, .adbar-motion-pixel-rain::after, .adbar-motion-equalizer::after, .adbar-motion-score-flash::after, .adbar-motion-market-scan::after, .adbar-motion-spotlight-stage::after, .adbar-motion-meteor-shower::after, .adbar-motion-wave-light::after, .adbar-motion-holo-grid::after, .adbar-motion-fireflies::after, .adbar-motion-rainbow-sweep::after, .adbar-motion-data-stream::after, .adbar-motion-cinema-scan::after, .adbar-motion-vip-sparkle::after { content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: 1; opacity: .55; }
.adbar-motion-aurora::after { background: linear-gradient(120deg, transparent, rgba(34,211,238,.38), rgba(168,85,247,.35), transparent); background-size: 240% 100%; animation: adbarMotionFlow 6s ease-in-out infinite; }
.adbar-motion-comet::after { background: radial-gradient(circle at 10% 50%, rgba(255,255,255,.75), transparent 16%); animation: adbarComet 3s linear infinite; }
.adbar-motion-liquid::after { background: linear-gradient(90deg, rgba(14,165,233,.22), rgba(236,72,153,.26), rgba(34,197,94,.20)); background-size: 280% 100%; filter: blur(5px); animation: adbarMotionFlow 4.8s ease-in-out infinite; }
.adbar-motion-stars::after { background-image: radial-gradient(circle, rgba(255,255,255,.8) 1px, transparent 1px), radial-gradient(circle, rgba(255,255,255,.45) 1px, transparent 1px); background-size: 34px 20px, 51px 30px; animation: adbarStars 6s linear infinite; }
.adbar-motion-grid-scan::after { background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent), repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 1px, transparent 1px 22px); animation: adbarMotionFlow 3s linear infinite; }
.adbar-motion-spark::after { background: radial-gradient(circle at 20% 50%, rgba(250,204,21,.8), transparent 8%), radial-gradient(circle at 70% 48%, rgba(255,255,255,.7), transparent 6%); animation: adbarSpark 1.6s steps(2, end) infinite; }
.adbar-motion-ripple::after { background: radial-gradient(circle at 50% 50%, transparent 0 18%, rgba(255,255,255,.22) 19%, transparent 32%); animation: adbarRipple 2.2s ease-out infinite; }
.adbar-motion-prism::after { background: linear-gradient(90deg, rgba(239,68,68,.16), rgba(234,179,8,.16), rgba(34,197,94,.16), rgba(59,130,246,.16), rgba(168,85,247,.16)); background-size: 220% 100%; animation: adbarMotionFlow 3.8s linear infinite; }
.adbar-motion-noise-glow::after { background: repeating-radial-gradient(circle at 30% 50%, rgba(255,255,255,.12) 0 1px, transparent 1px 6px); filter: blur(.3px); animation: adbarNoise 1.8s steps(3, end) infinite; }
.adbar-motion-laser::after { background: linear-gradient(90deg, transparent 0 45%, rgba(255,255,255,.55) 50%, transparent 55% 100%); animation: adbarLaser 2.1s ease-in-out infinite; }
.adbar-motion-breathing { animation: adbarBreathing 2.8s ease-in-out infinite; }
.adbar-motion-headline-sweep::after { background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent); animation: adbarLaser 1.6s linear infinite; }
.adbar-motion-circuit-flow::after { background: repeating-linear-gradient(90deg, rgba(34,211,238,.22) 0 2px, transparent 2px 20px), repeating-linear-gradient(0deg, rgba(34,211,238,.12) 0 1px, transparent 1px 14px); animation: adbarMotionFlow 2.4s linear infinite; }
.adbar-motion-slot-spin::after { background: repeating-linear-gradient(90deg, rgba(250,204,21,.28) 0 8px, transparent 8px 18px); animation: adbarBorderDash .7s steps(5, end) infinite; }
.adbar-motion-pixel-rain::after { background-image: linear-gradient(rgba(163,230,53,.35) 2px, transparent 2px), linear-gradient(90deg, rgba(34,211,238,.28) 2px, transparent 2px); background-size: 18px 18px; animation: adbarStars 2.2s linear infinite; }
.adbar-motion-equalizer::after { background: repeating-linear-gradient(90deg, rgba(236,72,153,.34) 0 5px, transparent 5px 10px, rgba(34,211,238,.26) 10px 14px, transparent 14px 22px); animation: adbarSpark 1s steps(3, end) infinite; }
.adbar-motion-score-flash::after { background: linear-gradient(90deg, transparent, rgba(249,115,22,.38), transparent); animation: adbarBlink .9s steps(2, end) infinite; }
.adbar-motion-market-scan::after { background: repeating-linear-gradient(90deg, rgba(16,185,129,.30) 0 3px, transparent 3px 18px); animation: adbarLaser 2s linear infinite; }
.adbar-motion-spotlight-stage::after { background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.42), transparent 28%); animation: adbarComet 2.8s ease-in-out infinite; }
.adbar-motion-meteor-shower::after { background-image: linear-gradient(115deg, transparent 0 44%, rgba(255,255,255,.72) 45% 47%, transparent 49%), linear-gradient(115deg, transparent 0 68%, rgba(34,211,238,.54) 69% 71%, transparent 73%); background-size: 120px 100%, 180px 100%; animation: adbarMeteor 1.8s linear infinite; }
.adbar-motion-wave-light::after { background: repeating-radial-gradient(ellipse at 50% 120%, rgba(255,255,255,.22) 0 8px, transparent 10px 28px); animation: adbarWaveLight 2.4s ease-in-out infinite; }
.adbar-motion-holo-grid::after { background-image: linear-gradient(rgba(34,211,238,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(168,85,247,.18) 1px, transparent 1px); background-size: 20px 20px; animation: adbarStars 2.2s linear infinite; }
.adbar-motion-fireflies::after { background-image: radial-gradient(circle, rgba(250,204,21,.9) 0 1.5px, transparent 2px), radial-gradient(circle, rgba(255,255,255,.75) 0 1px, transparent 1.5px); background-size: 38px 28px, 57px 34px; animation: adbarFireflies 2.8s steps(3, end) infinite; }
.adbar-motion-rainbow-sweep::after { background: linear-gradient(90deg, rgba(239,68,68,.25), rgba(250,204,21,.25), rgba(34,197,94,.25), rgba(34,211,238,.25), rgba(168,85,247,.25)); background-size: 240% 100%; animation: adbarMotionFlow 3.2s linear infinite; }
.adbar-motion-data-stream::after { background: repeating-linear-gradient(90deg, rgba(34,197,94,.32) 0 2px, transparent 2px 12px), repeating-linear-gradient(0deg, rgba(34,211,238,.14) 0 1px, transparent 1px 10px); animation: adbarDataStream 1.4s linear infinite; }
.adbar-motion-cinema-scan::after { background: linear-gradient(180deg, rgba(0,0,0,.24) 0 18%, transparent 18% 82%, rgba(0,0,0,.24) 82% 100%), linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent); animation: adbarLaser 2.6s ease-in-out infinite; }
.adbar-motion-vip-sparkle::after { background-image: radial-gradient(circle, rgba(255,255,255,.9) 0 1px, transparent 2px), radial-gradient(circle, rgba(250,204,21,.8) 0 1.5px, transparent 2px); background-size: 28px 24px, 46px 32px; animation: adbarSpark 1.2s steps(2, end) infinite; }
.header-adbar-track { position: relative; z-index: 2; }
.adbar-anim-scroll-left .header-adbar-track { animation-name: adbarScrollLeft; }
.adbar-anim-scroll-right .header-adbar-track { animation-name: adbarScrollRight; }
.adbar-anim-slow-crawl .header-adbar-track, .adbar-anim-fast-ticker .header-adbar-track { animation: none; }
.adbar-anim-blink .header-adbar-track { width: 100%; min-width: 100%; animation: adbarBlink 1.1s steps(2, end) infinite; }
.adbar-anim-blink .header-adbar-loop:nth-child(2), .adbar-anim-pulse .header-adbar-loop:nth-child(2), .adbar-anim-fade-swap .header-adbar-loop:nth-child(2), .adbar-anim-static .header-adbar-loop:nth-child(2), .adbar-anim-glow .header-adbar-loop:nth-child(2), .adbar-anim-shake .header-adbar-loop:nth-child(2), .adbar-anim-float .header-adbar-loop:nth-child(2), .adbar-anim-zoom .header-adbar-loop:nth-child(2), .adbar-anim-flip .header-adbar-loop:nth-child(2), .adbar-anim-wave .header-adbar-loop:nth-child(2), .adbar-anim-heartbeat .header-adbar-loop:nth-child(2), .adbar-anim-scanline .header-adbar-loop:nth-child(2), .adbar-anim-soft-slide .header-adbar-loop:nth-child(2), .adbar-anim-elastic .header-adbar-loop:nth-child(2), .adbar-anim-urgent-flash .header-adbar-loop:nth-child(2), .adbar-anim-glass-sweep .header-adbar-loop:nth-child(2), .adbar-anim-ticker-jump .header-adbar-loop:nth-child(2), .adbar-anim-magnetic .header-adbar-loop:nth-child(2), .adbar-anim-strobe-soft .header-adbar-loop:nth-child(2), .adbar-anim-flip-strip .header-adbar-loop:nth-child(2), .adbar-anim-slide-stack .header-adbar-loop:nth-child(2) { display: none; }
.adbar-anim-pulse .header-adbar-track { width: 100%; min-width: 100%; animation: adbarPulse 2.1s ease-in-out infinite; }
.adbar-anim-slide-bounce .header-adbar-track { animation-name: adbarBounce; animation-timing-function: linear; }
.adbar-anim-fade-swap .header-adbar-track { width: 100%; min-width: 100%; animation: adbarFadeSwap 2.8s ease-in-out infinite; }
.adbar-anim-spotlight::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 0 42%, rgba(255,255,255,.32) 50%, transparent 58% 100%); transform: translateX(-120%); animation: adbarSpotlight 2.6s ease-in-out infinite; pointer-events: none; }
.adbar-anim-static .header-adbar-track { width: 100%; min-width: 100%; animation: none; }
.adbar-anim-glow .header-adbar-track, .adbar-anim-shake .header-adbar-track, .adbar-anim-float .header-adbar-track, .adbar-anim-zoom .header-adbar-track, .adbar-anim-flip .header-adbar-track, .adbar-anim-wave .header-adbar-track, .adbar-anim-heartbeat .header-adbar-track, .adbar-anim-scanline .header-adbar-track, .adbar-anim-soft-slide .header-adbar-track, .adbar-anim-elastic .header-adbar-track { width: 100%; min-width: 100%; animation: none; }
.adbar-anim-glow { animation: adbarGlow 2.4s ease-in-out infinite; }
.adbar-anim-shake .header-adbar-loop { animation: adbarShake 1.4s ease-in-out infinite; }
.adbar-anim-float { animation: adbarFloat 3s ease-in-out infinite; }
.adbar-anim-zoom .header-adbar-loop { animation: adbarZoom 2.6s ease-in-out infinite; }
.adbar-anim-flip .adbar-item { animation: adbarFlip 4s ease-in-out infinite; transform-style: preserve-3d; }
.adbar-anim-wave .adbar-item:nth-child(odd) { animation: adbarWave 1.8s ease-in-out infinite; }
.adbar-anim-wave .adbar-item:nth-child(even) { animation: adbarWave 1.8s ease-in-out .18s infinite; }
.adbar-anim-heartbeat .header-adbar-loop { animation: adbarHeartbeat 1.9s ease-in-out infinite; }
.adbar-anim-scanline::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(180deg, transparent 0 5px, rgba(255,255,255,.16) 6px); mix-blend-mode: screen; pointer-events: none; animation: adbarScanline 1.8s linear infinite; }
.adbar-anim-soft-slide .header-adbar-loop { animation: adbarSoftSlide 1.3s ease both; }
.adbar-anim-elastic .header-adbar-loop { animation: adbarElastic 2.2s cubic-bezier(.2,1.3,.3,1) infinite; }
.adbar-anim-marquee-tilt { transform: perspective(900px) rotateX(1.5deg); }
.adbar-anim-marquee-tilt .header-adbar-track { animation-name: adbarScrollLeft; }
.adbar-anim-urgent-flash { animation: adbarUrgentFlash .9s steps(2, end) infinite; }
.adbar-anim-glass-sweep::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 0 38%, rgba(255,255,255,.52) 48%, transparent 60% 100%); transform: translateX(-130%); animation: adbarSpotlight 1.9s ease-in-out infinite; pointer-events: none; }
.adbar-anim-ticker-jump .adbar-item { animation: adbarTickerJump 1.15s ease-in-out infinite; }
.adbar-anim-magnetic .header-adbar-loop { animation: adbarMagnetic 2.4s ease-in-out infinite; }
.adbar-anim-strobe-soft { animation: adbarStrobeSoft 1.7s ease-in-out infinite; }
.adbar-anim-flip-strip .adbar-item { animation: adbarFlipStrip 3.2s ease-in-out infinite; transform-style: preserve-3d; }
.adbar-anim-slide-stack .adbar-item { animation: adbarSlideStack 2.4s ease-in-out infinite; }
.adbar-anim-blink .header-adbar-loop, .adbar-anim-pulse .header-adbar-loop, .adbar-anim-fade-swap .header-adbar-loop, .adbar-anim-spotlight .header-adbar-loop, .adbar-anim-static .header-adbar-loop, .adbar-anim-glow .header-adbar-loop, .adbar-anim-shake .header-adbar-loop, .adbar-anim-float .header-adbar-loop, .adbar-anim-zoom .header-adbar-loop, .adbar-anim-flip .header-adbar-loop, .adbar-anim-wave .header-adbar-loop, .adbar-anim-heartbeat .header-adbar-loop, .adbar-anim-scanline .header-adbar-loop, .adbar-anim-soft-slide .header-adbar-loop, .adbar-anim-elastic .header-adbar-loop, .adbar-anim-urgent-flash .header-adbar-loop, .adbar-anim-glass-sweep .header-adbar-loop, .adbar-anim-ticker-jump .header-adbar-loop, .adbar-anim-magnetic .header-adbar-loop, .adbar-anim-strobe-soft .header-adbar-loop, .adbar-anim-flip-strip .header-adbar-loop, .adbar-anim-slide-stack .header-adbar-loop { min-width: 100%; justify-content: center; flex-wrap: nowrap; overflow: hidden; }
@keyframes adbarScrollLeft { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
@keyframes adbarScrollRight { from { transform: translate3d(-50%,0,0); } to { transform: translate3d(0,0,0); } }
@keyframes adbarBlink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: .28; } }
@keyframes adbarPulse { 0%, 100% { transform: scale(1); filter: brightness(1); } 50% { transform: scale(1.015); filter: brightness(1.18); } }
@keyframes adbarBounce { 0%, 100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(-50%,0,0); } }
@keyframes adbarFadeSwap { 0%, 100% { opacity: 1; transform: translate3d(0,0,0); } 50% { opacity: .42; transform: translate3d(0,2px,0); } }
@keyframes adbarSpotlight { from { transform: translateX(-120%); } to { transform: translateX(120%); } }
@keyframes adbarBorderFlow { from { background-position: 0 0; } to { background-position: 220% 0; } }
@keyframes adbarBorderSpin { from { --adbar-spin: 0deg; } to { --adbar-spin: 360deg; } }
@keyframes adbarBorderPulse { 0%, 100% { opacity: .55; filter: brightness(1); } 50% { opacity: 1; filter: brightness(1.35); } }
@keyframes adbarBorderDash { from { background-position: 0 0; } to { background-position: 28px 0; } }
@keyframes adbarBorderSpot { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@keyframes adbarDashRun { from { border-color: var(--adbar-border-color); } 50% { border-color: color-mix(in srgb, var(--adbar-text, #fff), transparent 12%); } to { border-color: var(--adbar-border-color); } }
@keyframes adbarMotionFlow { 0%, 100% { background-position: 0 0; } 50% { background-position: 100% 0; } }
@keyframes adbarComet { from { transform: translateX(-25%); } to { transform: translateX(125%); } }
@keyframes adbarStars { from { background-position: 0 0, 0 0; } to { background-position: 80px 20px, -60px 30px; } }
@keyframes adbarSpark { 0%, 100% { opacity: .25; filter: brightness(1); } 50% { opacity: .78; filter: brightness(1.5); } }
@keyframes adbarRipple { from { transform: scale(.55); opacity: .65; } to { transform: scale(1.55); opacity: 0; } }
@keyframes adbarNoise { 0% { transform: translate(0,0); } 50% { transform: translate(2px,-1px); } 100% { transform: translate(-1px,1px); } }
@keyframes adbarLaser { from { transform: translateX(-115%); } to { transform: translateX(115%); } }
@keyframes adbarBreathing { 0%, 100% { filter: brightness(1) saturate(1); } 50% { filter: brightness(1.12) saturate(1.22); } }
@keyframes adbarGlow { 0%, 100% { filter: brightness(1); box-shadow: 0 14px 40px rgba(0,0,0,.16); } 50% { filter: brightness(1.16); box-shadow: 0 0 32px color-mix(in srgb, var(--adbar-text, #fff), transparent 56%); } }
@keyframes adbarShake { 0%, 100% { transform: translateX(0); } 10%, 30% { transform: translateX(-2px); } 20%, 40% { transform: translateX(2px); } 50% { transform: translateX(0); } }
@keyframes adbarFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes adbarZoom { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.025); } }
@keyframes adbarFlip { 0%, 90%, 100% { transform: rotateX(0); } 45% { transform: rotateX(12deg); } }
@keyframes adbarWave { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes adbarHeartbeat { 0%, 100% { transform: scale(1); } 16% { transform: scale(1.025); } 28% { transform: scale(1); } 42% { transform: scale(1.018); } }
@keyframes adbarScanline { from { background-position-y: 0; } to { background-position-y: 14px; } }
@keyframes adbarSoftSlide { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes adbarElastic { 0%, 100% { transform: scaleX(1); } 50% { transform: scaleX(1.018); } }
@keyframes adbarMeteor { from { background-position: -140px 0, -220px 0; } to { background-position: 180px 0, 260px 0; } }
@keyframes adbarWaveLight { 0%, 100% { transform: translateY(0) scale(1); opacity: .30; } 50% { transform: translateY(-8%) scale(1.04); opacity: .72; } }
@keyframes adbarFireflies { 0%, 100% { opacity: .24; filter: brightness(1); } 50% { opacity: .82; filter: brightness(1.5); } }
@keyframes adbarDataStream { from { background-position: 0 0, 0 0; } to { background-position: 44px 0, 0 24px; } }
@keyframes adbarUrgentFlash { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.25) saturate(1.35); } }
@keyframes adbarTickerJump { 0%, 100% { transform: translateY(0); } 35% { transform: translateY(-3px); } 70% { transform: translateY(1px); } }
@keyframes adbarMagnetic { 0%, 100% { transform: translateX(0) scale(1); } 45% { transform: translateX(4px) scale(1.01); } 75% { transform: translateX(-2px) scale(1); } }
@keyframes adbarStrobeSoft { 0%, 100% { opacity: 1; } 45% { opacity: .72; } 60% { opacity: 1; } }
@keyframes adbarFlipStrip { 0%, 84%, 100% { transform: rotateX(0); } 44% { transform: rotateX(16deg); } }
@keyframes adbarSlideStack { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); box-shadow: 0 10px 22px rgba(0,0,0,.18); } }
.public-header { width: min(920px, calc(100% - 28px)); margin: 0 auto; padding: 14px 0 0; display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; font-family: var(--header-font); }
.public-header a { color: var(--header-text); background: var(--header-box); border: 1px solid color-mix(in srgb, var(--header-text), transparent 72%); border-radius: 8px; padding: 9px 13px; text-decoration: none; font-weight: 800; line-height: 1; }
.public-header a.active { outline: 2px solid var(--accent); outline-offset: 2px; }
.public-header.nav-left, .public-header.nav-right { position: fixed; top: 50%; transform: translateY(-50%); width: min(180px, calc(100vw - 32px)); padding: 0; flex-direction: column; align-items: stretch; z-index: 10; }
.public-header.nav-left { left: 14px; }
.public-header.nav-right { right: 14px; }
.public-header.nav-left a, .public-header.nav-right a { text-align: center; line-height: 1.2; }
.public-header.anim-fade a { animation: navFade .7s ease both; }
.public-header.anim-slide a { animation: navSlide .55s ease both; }
.public-header.anim-pulse a.active { animation: navPulse 1.8s ease-in-out infinite; }
.public-header.anim-float a { animation: navFloat 2.8s ease-in-out infinite; }
.public-header.anim-bounce a { animation: navBounce .72s cubic-bezier(.2,1.3,.3,1) both; }
.public-header.anim-glow a.active { animation: navGlow 1.9s ease-in-out infinite; }
.public-header.anim-underline a { position: relative; overflow: hidden; }
.public-header.anim-underline a::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 5px; height: 2px; border-radius: 999px; background: var(--accent); transform: translateX(-120%); animation: navUnderline 1.5s ease-in-out infinite; }
.public-header.anim-tilt a { animation: navTilt 2.2s ease-in-out infinite; transform-origin: 50% 80%; }
.public-header.anim-scale a { animation: navScale 1.7s ease-in-out infinite; }
.public-header.anim-wave a { animation: navWave 1.8s ease-in-out infinite; }
.public-header.anim-shake a.active { animation: navShake 1.25s ease-in-out infinite; }
.public-header.anim-flip a { animation: navFlip 2.8s ease-in-out infinite; transform-style: preserve-3d; }
.public-header.anim-elastic a { animation: navElastic .85s cubic-bezier(.2,1.45,.3,1) both; }
.public-header.anim-stagger a { animation: navSlide .62s ease both; }
.public-header.anim-tabs a { border-bottom: 3px solid transparent; box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--accent), transparent 72%); }
.public-header.anim-tabs a.active { border-bottom-color: var(--accent); }
.public-header.anim-spotlight a { position: relative; overflow: hidden; }
.public-header.anim-spotlight a::before { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 0 40%, rgba(255,255,255,.34) 50%, transparent 60% 100%); transform: translateX(-130%); animation: navSpotlight 2.4s ease-in-out infinite; }
.public-header.anim-spark a.active { animation: navSpark 1.1s steps(2, end) infinite; }
.public-header.anim-neon-sweep a { position: relative; overflow: hidden; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent), transparent 58%); }
.public-header.anim-neon-sweep a::before { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent, color-mix(in srgb, var(--accent), white 20%), transparent); transform: translateX(-120%); animation: navSpotlight 1.8s ease-in-out infinite; opacity: .42; }
.public-header.anim-magnet a:is(:hover, .active) { animation: navMagnet 1.1s ease-in-out infinite; }
.public-header.anim-ripple a.active { animation: navRipple 1.6s ease-out infinite; }
.public-header.anim-border-run a { background-image: linear-gradient(90deg, var(--accent), transparent, var(--accent)); background-size: 220% 2px; background-repeat: no-repeat; background-position: 0 100%; animation: navBorderRun 1.8s linear infinite; }
.public-header.anim-drop a { animation: navDrop .62s ease both; }
.public-header.anim-rise a { animation: navRise .62s ease both; }
.public-header.anim-rotate-soft a { animation: navRotateSoft 2.6s ease-in-out infinite; }
.public-header.anim-jelly a:is(:hover, .active) { animation: navJelly .72s ease-in-out; }
.public-header.anim-blur-in a { animation: navBlurIn .62s ease both; }
.public-header.anim-chrome a.active { animation: navChrome 1.8s ease-in-out infinite; }
.public-header.anim-heartbeat a.active { animation: navHeartbeat 1.4s ease-in-out infinite; }
.public-header.anim-dash a { border-style: dashed; animation: navDash 1.4s linear infinite; }
.public-header.anim-laser a { position: relative; overflow: hidden; }
.public-header.anim-laser a::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background: color-mix(in srgb, var(--accent), white 20%); transform: translateX(-110%); animation: navLaser 1.6s linear infinite; }
.public-header.anim-pop a { animation: navPop .48s cubic-bezier(.2,1.45,.3,1) both; }
.public-header.anim-drift a { animation: navDrift 2.2s ease-in-out infinite; }
.public-header a:nth-child(2) { animation-delay: .06s; }
.public-header a:nth-child(3) { animation-delay: .12s; }
.public-header a:nth-child(4) { animation-delay: .18s; }
.public-header a:nth-child(5) { animation-delay: .24s; }
.public-menu-toggle { display: none; position: fixed; top: 12px; z-index: 42; width: 42px; height: 42px; border-radius: 10px; border: 1px solid color-mix(in srgb, var(--accent), white 28%); background: color-mix(in srgb, var(--accent), #0f172a 32%); box-shadow: 0 12px 32px rgba(15,23,42,.28); padding: 9px; }
.public-menu-toggle.menu-left { left: 12px; }
.public-menu-toggle.menu-right { right: 12px; }
.public-menu-toggle span { display: block; height: 3px; border-radius: 999px; background: var(--header-text, #fff); margin: 4px 0; transition: transform .18s ease, opacity .18s ease; }
.public-menu-toggle.menu-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.public-menu-toggle.menu-open span:nth-child(2) { opacity: 0; }
.public-menu-toggle.menu-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
@keyframes navFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes navSlide { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes navPulse { 0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent), transparent 45%); } 50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent), transparent 85%); } }
@keyframes navFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes navBounce { from { opacity: 0; transform: translateY(-12px) scale(.96); } 62% { transform: translateY(3px) scale(1.02); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes navGlow { 0%, 100% { box-shadow: 0 0 0 color-mix(in srgb, var(--accent), transparent 100%); filter: brightness(1); } 50% { box-shadow: 0 0 18px color-mix(in srgb, var(--accent), transparent 42%); filter: brightness(1.18); } }
@keyframes navUnderline { 0%, 100% { transform: translateX(-120%); } 50% { transform: translateX(0); } }
@keyframes navTilt { 0%, 100% { transform: rotate(0deg); } 35% { transform: rotate(-2deg); } 70% { transform: rotate(2deg); } }
@keyframes navScale { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.045); } }
@keyframes navWave { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes navShake { 0%, 100% { transform: translateX(0); } 20% { transform: translateX(-2px); } 40% { transform: translateX(2px); } 60% { transform: translateX(-1px); } 80% { transform: translateX(1px); } }
@keyframes navFlip { 0%, 100% { transform: rotateX(0); } 50% { transform: rotateX(14deg); } }
@keyframes navElastic { from { opacity: 0; transform: scaleX(.78); } 70% { transform: scaleX(1.05); } to { opacity: 1; transform: scaleX(1); } }
@keyframes navSpotlight { from { transform: translateX(-130%); } to { transform: translateX(130%); } }
@keyframes navSpark { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.35) saturate(1.35); } }
@keyframes navMagnet { 0%,100% { transform: translateX(0) scale(1); } 50% { transform: translateX(3px) scale(1.03); } }
@keyframes navRipple { 0%,100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent), transparent 42%); } 70% { box-shadow: 0 0 0 10px color-mix(in srgb, var(--accent), transparent 92%); } }
@keyframes navBorderRun { from { background-position: 0 100%; } to { background-position: 220% 100%; } }
@keyframes navDrop { from { opacity: 0; transform: translateY(-18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes navRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes navRotateSoft { 0%,100% { transform: rotate(0); } 50% { transform: rotate(1.8deg); } }
@keyframes navJelly { 0%,100% { transform: scale(1); } 35% { transform: scale(1.08,.94); } 70% { transform: scale(.96,1.06); } }
@keyframes navBlurIn { from { opacity: 0; filter: blur(7px); transform: translateY(-4px); } to { opacity: 1; filter: blur(0); transform: translateY(0); } }
@keyframes navChrome { 0%,100% { filter: brightness(1); } 50% { filter: brightness(1.35) contrast(1.1); } }
@keyframes navHeartbeat { 0%,100% { transform: scale(1); } 16% { transform: scale(1.06); } 30% { transform: scale(1); } 44% { transform: scale(1.035); } }
@keyframes navDash { 0%,100% { border-color: color-mix(in srgb, var(--accent), white 22%); } 50% { border-color: currentColor; } }
@keyframes navLaser { to { transform: translateX(110%); } }
@keyframes navPop { from { opacity: 0; transform: scale(.86); } to { opacity: 1; transform: scale(1); } }
@keyframes navDrift { 0%,100% { transform: translateX(0); } 50% { transform: translateX(4px); } }
.bio-page { width: min(var(--public-content-width, 1040px), calc(100% - 28px)); margin: 0 auto; padding: 22px 0 calc(var(--footer-height, 38px) + var(--footer-pt, 4px) + var(--footer-pb, 16px) + 34px); flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.bio-page::-webkit-scrollbar { width: 0; height: 0; display: none; }
.cover { width: 100%; height: 190px; object-fit: cover; border-radius: 8px; margin-bottom: -48px; border: 1px solid rgba(255,255,255,.24); }
.profile { text-align: center; display: grid; justify-items: center; gap: 10px; margin-bottom: 22px; }
.profile.with-box { background: var(--profile-box); border: 1px solid rgba(255,255,255,.18); border-radius: 8px; padding: 18px; }
.avatar { width: 104px; height: 104px; object-fit: cover; border-radius: 50%; border: 4px solid color-mix(in srgb, var(--accent), white 50%); background: var(--accent); display: grid; place-items: center; font-weight: 900; color: #062015; overflow: hidden; }
.avatar.round { border-radius: 50%; }
.avatar.square { border-radius: 0; }
.avatar.rounded { border-radius: 18px; }
.avatar.squircle { border-radius: 34%; }
.avatar.hexagon { border-radius: 0; clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%); }
.avatar.diamond { border-radius: 0; clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); }
.avatar.arch { border-radius: 52px 52px 12px 12px; }
.avatar.ticket { border-radius: 18px; clip-path: polygon(0 0, 100% 0, 100% 38%, 88% 50%, 100% 62%, 100% 100%, 0 100%, 0 62%, 12% 50%, 0 38%); }
.avatar.blob { border-radius: 42% 58% 54% 46% / 44% 38% 62% 56%; }
.avatar.shield { border-radius: 28px 28px 40px 40px; clip-path: polygon(50% 0, 92% 14%, 84% 72%, 50% 100%, 16% 72%, 8% 14%); }
.avatar.leaf { border-radius: 70% 8px 70% 8px; }
.avatar.bevel { border-radius: 0; clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); }
.avatar.star { border-radius: 0; clip-path: polygon(50% 0, 61% 34%, 98% 35%, 68% 56%, 79% 91%, 50% 70%, 21% 91%, 32% 56%, 2% 35%, 39% 34%); }
.avatar.rabbet { border-radius: 0; clip-path: polygon(12% 0, 88% 0, 88% 12%, 100% 12%, 100% 88%, 88% 88%, 88% 100%, 12% 100%, 12% 88%, 0 88%, 0 12%, 12% 12%); }
.avatar.message { border-radius: 24px; clip-path: polygon(0 0, 100% 0, 100% 78%, 62% 78%, 50% 100%, 38% 78%, 0 78%); }
.avatar.oval { width: 126px; border-radius: 50% / 38%; }
.avatar.capsule { width: 132px; border-radius: 999px; }
.avatar.vertical-oval { height: 126px; border-radius: 38% / 50%; }
.avatar.octagon { border-radius: 0; clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%); }
.avatar.pentagon { border-radius: 0; clip-path: polygon(50% 0, 98% 36%, 80% 100%, 20% 100%, 2% 36%); }
.avatar.heart { border-radius: 0; clip-path: polygon(50% 92%, 12% 58%, 2% 34%, 10% 14%, 30% 8%, 50% 24%, 70% 8%, 90% 14%, 98% 34%, 88% 58%); }
.avatar.flower { border-radius: 44%; clip-path: polygon(50% 0, 61% 22%, 85% 10%, 78% 36%, 100% 50%, 78% 64%, 85% 90%, 61% 78%, 50% 100%, 39% 78%, 15% 90%, 22% 64%, 0 50%, 22% 36%, 15% 10%, 39% 22%); }
.avatar.burst { border-radius: 0; clip-path: polygon(50% 0, 58% 24%, 80% 12%, 76% 36%, 100% 42%, 80% 56%, 94% 78%, 68% 74%, 58% 100%, 45% 76%, 22% 92%, 26% 64%, 0 56%, 24% 42%, 10% 18%, 38% 26%); }
.avatar.cloud { border-radius: 34px; clip-path: polygon(18% 78%, 8% 74%, 0 62%, 4% 48%, 18% 42%, 25% 24%, 45% 18%, 61% 30%, 72% 24%, 90% 34%, 94% 50%, 100% 58%, 94% 74%, 78% 82%, 42% 82%); }
.avatar.drop { border-radius: 0; clip-path: polygon(50% 0, 84% 38%, 76% 78%, 50% 100%, 24% 78%, 16% 38%); }
.avatar.bookmark { border-radius: 18px 18px 6px 6px; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 78%, 0 100%); }
.avatar.wave { border-radius: 24px; clip-path: polygon(0 10%, 100% 0, 100% 88%, 78% 100%, 54% 90%, 30% 100%, 0 88%); }
.avatar.frame { border-radius: 22px; outline: 5px double color-mix(in srgb, var(--accent), white 45%); outline-offset: 4px; }
.avatar.notch { border-radius: 18px; clip-path: polygon(0 0, 38% 0, 50% 12%, 62% 0, 100% 0, 100% 38%, 88% 50%, 100% 62%, 100% 100%, 62% 100%, 50% 88%, 38% 100%, 0 100%, 0 62%, 12% 50%, 0 38%); }
.avatar.bracket { border-radius: 0; clip-path: polygon(0 0, 28% 0, 28% 14%, 14% 14%, 14% 86%, 28% 86%, 28% 100%, 0 100%, 0 0, 72% 0, 100% 0, 100% 100%, 72% 100%, 72% 86%, 86% 86%, 86% 14%, 72% 14%); }
.avatar.chevron { border-radius: 0; clip-path: polygon(0 0, 76% 0, 100% 50%, 76% 100%, 0 100%, 22% 50%); }
.avatar.ribbon { border-radius: 14px 14px 0 0; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 78%, 0 100%); }
.avatar.tv { width: 132px; height: 88px; border-radius: 18px; }
.avatar.appicon { border-radius: 24%; }
.avatar.pin { border-radius: 0; clip-path: polygon(50% 0, 88% 20%, 92% 58%, 50% 100%, 8% 58%, 12% 20%); }
@keyframes logoPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.065); } }
@keyframes logoFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes logoSpin { to { transform: rotate(360deg); } }
@keyframes logoSwing { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }
@keyframes logoBreathe { 0%, 100% { filter: saturate(1) brightness(1); } 50% { filter: saturate(1.25) brightness(1.12); } }
@keyframes logoGlitch { 0%, 100% { transform: translate(0); filter: none; } 25% { transform: translate(1px, -1px); filter: hue-rotate(35deg); } 50% { transform: translate(-1px, 1px); filter: hue-rotate(-35deg); } }
@keyframes logoJelly { 0%, 100% { transform: scale(1); } 30% { transform: scale(1.08, .92); } 60% { transform: scale(.96, 1.06); } }
.avatar.logo-effect-soft-glow { box-shadow: 0 0 0 5px color-mix(in srgb, var(--accent), transparent 72%), 0 16px 38px color-mix(in srgb, var(--accent), transparent 58%); }
.avatar.logo-effect-neon-glow { box-shadow: 0 0 10px var(--accent), 0 0 28px color-mix(in srgb, var(--accent), transparent 25%), 0 0 54px color-mix(in srgb, var(--accent), transparent 45%); filter: saturate(1.18); }
.avatar.logo-effect-pulse { animation: logoPulse 2.2s ease-in-out infinite; box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent), transparent 35%); }
.avatar.logo-effect-float { animation: logoFloat 3.2s ease-in-out infinite; box-shadow: 0 18px 34px rgba(15,23,42,.22); }
.avatar.logo-effect-spin { animation: logoSpin 11s linear infinite; }
.avatar.logo-effect-swing { animation: logoSwing 2.8s ease-in-out infinite; }
.avatar.logo-effect-hologram { filter: saturate(1.35) hue-rotate(12deg); box-shadow: 0 0 0 4px rgba(34,211,238,.28), 0 0 28px rgba(168,85,247,.34); }
.avatar.logo-effect-fire { filter: saturate(1.18) contrast(1.08); box-shadow: 0 0 0 4px rgba(251,146,60,.25), 0 0 28px rgba(239,68,68,.45), 0 18px 34px rgba(124,45,18,.28); }
.avatar.logo-effect-ice { filter: saturate(1.08) brightness(1.08); box-shadow: 0 0 0 4px rgba(186,230,253,.42), 0 0 28px rgba(14,165,233,.35); }
.avatar.logo-effect-gold { box-shadow: 0 0 0 4px rgba(253,230,138,.56), 0 0 26px rgba(245,158,11,.42); filter: sepia(.18) saturate(1.18); }
.avatar.logo-effect-prism { filter: saturate(1.25); box-shadow: -8px 0 18px rgba(34,211,238,.28), 8px 0 18px rgba(236,72,153,.26), 0 10px 24px rgba(250,204,21,.18); }
.avatar.logo-effect-glitch { animation: logoGlitch 2.4s steps(2, jump-none) infinite; box-shadow: 4px 0 0 rgba(34,211,238,.45), -4px 0 0 rgba(244,63,94,.35); }
.avatar.logo-effect-radar { box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent), transparent 54%), 0 0 0 11px color-mix(in srgb, var(--accent), transparent 80%); }
.avatar.logo-effect-breathe { animation: logoBreathe 3.5s ease-in-out infinite; }
.avatar.logo-effect-spotlight { filter: brightness(1.08); box-shadow: inset 0 18px 22px rgba(255,255,255,.22), 0 18px 35px rgba(15,23,42,.24); }
.avatar.logo-effect-shadow-pop { box-shadow: 0 22px 0 -12px rgba(15,23,42,.18), 0 26px 44px rgba(15,23,42,.30); transform: translateY(-2px); }
.avatar.logo-effect-chrome { filter: contrast(1.08) saturate(.88); box-shadow: inset 0 18px 16px rgba(255,255,255,.28), inset 0 -18px 16px rgba(15,23,42,.18), 0 14px 26px rgba(15,23,42,.18); }
.avatar.logo-effect-jelly { animation: logoJelly 2.7s ease-in-out infinite; }
.avatar.logo-effect-electric { box-shadow: 0 0 0 4px rgba(250,204,21,.22), 0 0 22px rgba(34,211,238,.45), 0 0 44px rgba(163,230,53,.30); filter: saturate(1.28); }
.avatar.logo-effect-rainbow { box-shadow: -8px -4px 20px rgba(239,68,68,.30), 8px -4px 20px rgba(250,204,21,.28), 8px 8px 20px rgba(34,197,94,.28), -8px 8px 20px rgba(59,130,246,.28); filter: saturate(1.2); }
.avatar.logo-effect-tilt { transform: perspective(420px) rotateX(7deg) rotateY(-9deg); box-shadow: 0 18px 36px rgba(15,23,42,.28); }
@media (prefers-reduced-motion: reduce) {
  .avatar.logo-effect-pulse, .avatar.logo-effect-float, .avatar.logo-effect-spin, .avatar.logo-effect-swing, .avatar.logo-effect-glitch, .avatar.logo-effect-breathe, .avatar.logo-effect-jelly { animation: none; }
}
.profile h1 { font-size: 30px; color: var(--title-text); }
.profile p { max-width: 52ch; color: var(--bio-text); }
.bio-links, .link-list { display: grid; gap: 12px; }
.bio-links.with-box, .link-list.with-box { background: var(--links-box); border: 1px solid rgba(255,255,255,.18); border-radius: 8px; padding: 12px; }
.public-ads, .promo-grid { display: grid; grid-template-columns: repeat(var(--ad-cols, 1), minmax(0, 1fr)); grid-auto-rows: auto; align-items: stretch; gap: 10px; margin-bottom: 18px; width: 100%; min-height: 0; position: relative; z-index: 2; }
.public-coupons { display: grid; gap: 10px; margin-bottom: 18px; }
.coupon-box { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; background: color-mix(in srgb, var(--accent), white 86%); color: var(--link-text); border: 1px dashed color-mix(in srgb, var(--accent), black 16%); border-radius: 8px; padding: 12px; }
.coupon-box div { display: grid; gap: 3px; min-width: 0; }
.coupon-box small { color: var(--link-note); }
.coupon-box code { background: #fff; border-radius: 8px; padding: 8px 10px; font-weight: 900; letter-spacing: 0; }
.coupon-box span { font-weight: 850; color: var(--link-text); }
.public-market { display: grid; gap: 12px; margin-bottom: 18px; }
.public-section-head { display: grid; gap: 3px; color: var(--link-text); }
.public-section-head h2 { font-size: 20px; color: var(--title-text); }
.public-section-head small { color: var(--bio-text); font-weight: 750; }
.market-grid { display: grid; grid-template-columns: repeat(var(--market-cols, 3), minmax(0, 1fr)); gap: 12px; }
.market-card { display: grid; gap: 12px; background: var(--market-card-bg, color-mix(in srgb, var(--accent), white 90%)); color: var(--market-card-text, var(--link-text)); border: 1px solid var(--market-card-border, color-mix(in srgb, var(--accent), black 12%)); border-radius: var(--market-radius, 8px); padding: 12px; overflow: hidden; box-shadow: var(--market-shadow, none); position: relative; }
.market-card img, .market-placeholder { width: 100%; aspect-ratio: var(--market-img-w, 1200) / var(--market-img-h, 675); object-fit: var(--market-img-fit, cover); border-radius: 8px; background: linear-gradient(135deg, color-mix(in srgb, var(--accent), #111827 28%), rgba(15,23,42,.78)); color: #fff; display: grid; place-items: center; font-weight: 900; font-size: 28px; }
.market-card h3 { margin: 0; font-size: 17px; color: var(--link-text); overflow-wrap: anywhere; }
.market-card p, .market-card small { overflow-wrap: anywhere; color: var(--link-note); }
.market-actions { display: grid; gap: 8px; align-content: end; }
.market-actions strong { font-size: 18px; color: var(--link-text); }
.market-access { color: var(--link-text); font-weight: 850; text-decoration: underline; }
.market-purchase { display: grid; gap: 10px; }
.market-purchase summary { cursor: pointer; list-style: none; }
.market-purchase summary::-webkit-details-marker { display: none; }
.market-purchase form { display: grid; gap: 10px; padding: 10px; border: 1px solid color-mix(in srgb, var(--accent), black 12%); border-radius: 8px; background: rgba(255,255,255,.62); }
.market-purchase label { display: grid; gap: 5px; font-size: 12px; font-weight: 800; color: var(--link-text); }
.market-purchase input, .market-purchase select, .market-purchase textarea { width: 100%; min-height: 38px; border: 1px solid rgba(100,116,139,.38); border-radius: 8px; padding: 8px 10px; background: #fff; color: #17202a; }
.market-purchase textarea { min-height: 72px; resize: vertical; }
.market-theme-glass { --market-card-bg: rgba(255,255,255,.58); --market-card-border: rgba(255,255,255,.58); --market-shadow: 0 18px 42px rgba(15,23,42,.16); }
.market-theme-neon { --market-card-bg: rgba(7,16,32,.86); --market-card-text: #ecfeff; --market-card-border: rgba(34,211,238,.62); --market-shadow: 0 0 26px rgba(34,211,238,.28); }
.market-theme-luxury { --market-card-bg: linear-gradient(145deg, #15110a, #3b2f16); --market-card-text: #fff7d6; --market-card-border: rgba(250,204,21,.58); --market-shadow: 0 18px 45px rgba(0,0,0,.28); }
.market-theme-tech { --market-card-bg: linear-gradient(145deg, #061827, #0f2f46); --market-card-text: #e0f2fe; --market-card-border: rgba(56,189,248,.46); }
.market-theme-casino { --market-card-bg: linear-gradient(145deg, #062b1b, #350b13); --market-card-text: #fff7ed; --market-card-border: rgba(245,158,11,.52); }
.market-theme-gaming { --market-card-bg: linear-gradient(145deg, #171136, #35114d); --market-card-text: #f5f3ff; --market-card-border: rgba(168,85,247,.55); }
.market-theme-boutique { --market-card-bg: linear-gradient(145deg, #fff1f2, #fdf2f8); --market-card-border: rgba(244,114,182,.36); --market-shadow: 0 12px 32px rgba(244,114,182,.14); }
.market-theme-dark { --market-card-bg: #111827; --market-card-text: #f8fafc; --market-card-border: rgba(148,163,184,.32); }
.market-theme-sunset { --market-card-bg: linear-gradient(145deg, #fff7ed, #ffe4e6); --market-card-border: rgba(249,115,22,.36); }
.market-theme-emerald { --market-card-bg: linear-gradient(145deg, #ecfdf5, #d1fae5); --market-card-border: rgba(16,185,129,.38); }
.market-theme-minimal { --market-card-bg: #fff; --market-card-border: rgba(15,23,42,.12); --market-shadow: 0 8px 22px rgba(15,23,42,.06); }
.market-theme-neon .market-card h3, .market-theme-luxury .market-card h3, .market-theme-tech .market-card h3, .market-theme-casino .market-card h3, .market-theme-gaming .market-card h3, .market-theme-dark .market-card h3,
.market-theme-neon .market-actions strong, .market-theme-luxury .market-actions strong, .market-theme-tech .market-actions strong, .market-theme-casino .market-actions strong, .market-theme-gaming .market-actions strong, .market-theme-dark .market-actions strong { color: var(--market-card-text); }
.market-theme-neon .market-card p, .market-theme-neon .market-card small, .market-theme-luxury .market-card p, .market-theme-luxury .market-card small, .market-theme-tech .market-card p, .market-theme-tech .market-card small, .market-theme-casino .market-card p, .market-theme-casino .market-card small, .market-theme-gaming .market-card p, .market-theme-gaming .market-card small, .market-theme-dark .market-card p, .market-theme-dark .market-card small { color: color-mix(in srgb, var(--market-card-text), transparent 22%); }
.market-effect-fade .market-card { animation: marketFade .55s ease both; }
.market-effect-float .market-card { animation: marketFloat 3.2s ease-in-out infinite; }
.market-effect-pulse .market-card { animation: marketPulse 1.9s ease-in-out infinite; }
.market-effect-shine .market-card::after, .market-effect-border-flow .market-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; }
.market-effect-shine .market-card::after { background: linear-gradient(105deg, transparent 0 38%, rgba(255,255,255,.42) 48%, transparent 58% 100%); transform: translateX(-130%); animation: marketShine 2.6s ease-in-out infinite; }
.market-effect-lift .market-card { transition: transform .18s ease, box-shadow .18s ease; }
.market-effect-lift .market-card:hover { transform: translateY(-5px); box-shadow: 0 18px 42px rgba(15,23,42,.20); }
.market-effect-stagger .market-card { animation: marketSlide .55s ease both; }
.market-effect-stagger .market-card:nth-child(2) { animation-delay: .06s; }
.market-effect-stagger .market-card:nth-child(3) { animation-delay: .12s; }
.market-effect-stagger .market-card:nth-child(4) { animation-delay: .18s; }
.market-effect-glow .market-card { animation: marketGlow 2.4s ease-in-out infinite; }
.market-effect-slide .market-card { animation: marketSlide .55s ease both; }
.market-effect-zoom .market-card { animation: marketZoom .6s cubic-bezier(.2,1.3,.3,1) both; }
.market-effect-border-flow .market-card::after { border: 2px solid transparent; background: linear-gradient(90deg, var(--accent), #38bdf8, #f472b6, var(--accent)) border-box; -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: marketBorder 3s linear infinite; opacity: .78; }
@keyframes marketFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes marketFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes marketPulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.012); } }
@keyframes marketShine { to { transform: translateX(130%); } }
@keyframes marketSlide { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: translateX(0); } }
@keyframes marketGlow { 0%,100% { box-shadow: var(--market-shadow, 0 0 0 rgba(0,0,0,0)); } 50% { box-shadow: 0 0 28px color-mix(in srgb, var(--accent), transparent 50%); } }
@keyframes marketZoom { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }
@keyframes marketBorder { from { filter: hue-rotate(0deg); } to { filter: hue-rotate(360deg); } }
.public-entertainment { display: grid; gap: 12px; margin-bottom: 18px; }
.public-entertainment-category { border: var(--entertainment-category-border-width, 1px) solid var(--entertainment-category-border-color, color-mix(in srgb, var(--accent), black 14%)); border-radius: var(--entertainment-category-radius, 10px); background: var(--entertainment-category-bg, color-mix(in srgb, var(--accent), white 92%)); overflow: hidden; }
.public-entertainment-category > summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; font-weight: 900; color: var(--link-text); }
.public-entertainment-category > summary::-webkit-details-marker { display: none; }
.public-entertainment-category > summary::before { content: "+"; width: 26px; height: 26px; display: inline-grid; place-items: center; border-radius: 7px; background: color-mix(in srgb, var(--accent), white 72%); flex: 0 0 auto; font-weight: 950; }
.public-entertainment-category[open] > summary::before { content: "-"; background: var(--accent); color: #04111f; }
.public-entertainment-category > summary span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.public-entertainment-category > summary small { color: var(--link-note); font-weight: 800; white-space: nowrap; }
.public-entertainment-category > .entertainment-grid { padding: 0 12px 12px; }
.entertainment-grid { display: grid; grid-template-columns: repeat(var(--entertainment-cols, 2), minmax(0, 1fr)); gap: 12px; }
.entertainment-admin-groups { gap: 10px; }
.entertainment-admin-category > summary { cursor: pointer; }
.entertainment-admin-category .collapsible-body { display: grid; gap: 10px; padding: 10px; }
.entertainment-form-wrap { padding: 0; overflow: hidden; }
.entertainment-form-wrap > summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; background: color-mix(in srgb, var(--panel), var(--accent) 5%); font-weight: 850; }
.entertainment-form-wrap > summary::-webkit-details-marker { display: none; }
.entertainment-form-wrap > summary::before { content: "+"; width: 22px; height: 22px; display: inline-grid; place-items: center; border-radius: 6px; background: var(--soft); flex: 0 0 auto; font-weight: 950; }
.entertainment-form-wrap[open] > summary::before { content: "-"; background: var(--accent); color: #04111f; }
.entertainment-form-wrap > summary span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.entertainment-form-wrap > summary small { color: var(--muted); white-space: nowrap; }
.entertainment-form { max-height: min(66vh, 700px); overflow: auto; overscroll-behavior: contain; display: grid; gap: 10px; padding: 12px; scrollbar-width: thin; }
.entertainment-card { display: grid; gap: 10px; width: min(100%, var(--entertainment-width, 960px)); margin-inline: auto; background: var(--entertainment-card-bg, color-mix(in srgb, var(--accent), white 90%)); color: var(--link-text); border: var(--entertainment-card-border-width, 1px) solid var(--entertainment-card-border-color, color-mix(in srgb, var(--accent), black 12%)); border-radius: var(--entertainment-card-radius, 8px); padding: var(--entertainment-card-padding, 12px); overflow: hidden; box-shadow: 0 12px 32px rgba(15,23,42,.10); min-width: 0; }
.entertainment-frame-wrap { border: var(--entertainment-frame-border-width, 1px) solid var(--entertainment-frame-border-color, color-mix(in srgb, var(--accent), black 18%)); border-radius: var(--entertainment-frame-radius, 10px); overflow: hidden; background: var(--entertainment-frame-bg, #0f172a); display: grid; grid-template-rows: minmax(0, var(--entertainment-height, 540px)) auto; min-width: 0; }
.entertainment-frame { width: 100%; height: var(--entertainment-height, 540px); min-height: 160px; max-height: min(70vh, var(--entertainment-height, 540px)); overflow: hidden; background: var(--entertainment-frame-bg, #020617); display: grid; align-items: stretch; justify-items: stretch; }
.entertainment-frame iframe { width: 100% !important; height: 100% !important; max-width: 100%; min-height: 100%; border: 0; display: block; background: #020617; }
.entertainment-controls { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; padding: 7px; background: linear-gradient(90deg, rgba(15,23,42,.94), rgba(30,41,59,.88)); }
.entertainment-controls button { width: auto; padding: 7px 10px; min-height: 32px; border-radius: 7px; font-size: 12px; }
.entertainment-cinema-active { overflow: hidden; }
.entertainment-card.cinema-mode { position: fixed; inset: 18px; z-index: 80; padding: 12px; background: rgba(2,6,23,.96); border-color: color-mix(in srgb, var(--accent), white 18%); box-shadow: 0 0 0 999vmax rgba(0,0,0,.78), 0 30px 80px rgba(0,0,0,.45); }
.entertainment-card.cinema-mode .entertainment-frame-wrap { height: min(78vh, calc(100vh - 150px)); grid-template-rows: minmax(0, 1fr) auto; }
.entertainment-card.cinema-mode .entertainment-frame { min-height: 0; height: 100%; aspect-ratio: auto; }
.entertainment-card.cinema-mode .entertainment-copy strong, .entertainment-card.cinema-mode .entertainment-copy small, .entertainment-card.cinema-mode .entertainment-copy p { color: #fff; }
.entertainment-frame:fullscreen { width: 100vw; height: 100vh; min-height: 100vh; aspect-ratio: auto; border-radius: 0; }
.entertainment-frame:fullscreen iframe { width: 100vw !important; height: 100vh !important; }
.entertainment-copy { display: grid; gap: 4px; }
.entertainment-copy strong { color: var(--link-text); overflow-wrap: anywhere; }
.entertainment-copy small, .entertainment-copy p { color: var(--link-note); overflow-wrap: anywhere; }
.receipt-preview { display: block; width: min(220px, 100%); max-height: 180px; object-fit: contain; border: 1px solid var(--line); border-radius: 8px; background: #fff; padding: 4px; margin-top: 8px; }
.ad-box, .promo-card { display: block; overflow: hidden; border-radius: var(--ad-radius, 8px); border: var(--ad-border-width, 1px) var(--ad-border-style, solid) var(--ad-border-color, rgba(255,255,255,.24)); background: rgba(255,255,255,.35); aspect-ratio: var(--ad-img-w, 1200) / var(--ad-img-h, 675); height: auto; min-height: 0; position: relative; color: #fff; text-decoration: none; transform: translateZ(0); transition: transform .24s ease, box-shadow .24s ease, filter .24s ease, border-color .24s ease; will-change: transform; }
.ad-box:focus-visible, .promo-card:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent), white 22%); outline-offset: 3px; }
.ad-box img, .promo-card img { width: 100%; height: 100%; object-fit: var(--ad-img-fit, cover); display: block; position: relative; z-index: 0; transition: transform .34s ease, filter .34s ease; will-change: transform; }
.ad-box.no-media, .promo-card.no-media { display: grid; min-height: 0; aspect-ratio: var(--ad-img-w, 1200) / var(--ad-img-h, 675); background: linear-gradient(135deg, color-mix(in srgb, var(--accent), #111827 28%), rgba(15,23,42,.78)); }
.ad-box.no-media .ad-copy, .promo-card.no-media .promo-copy { position: static; align-self: end; background: linear-gradient(transparent, rgba(0,0,0,.34)); }
.ad-copy, .promo-copy { position: absolute; inset-inline: 0; bottom: 0; display: grid; gap: 2px; padding: 10px; background: linear-gradient(transparent, rgba(0,0,0,.72)); color: #fff; z-index: 3; }
.ad-copy strong, .ad-copy small, .promo-copy strong, .promo-copy small { overflow-wrap: anywhere; }
.ad-copy small, .promo-copy small { color: rgba(255,255,255,.86); }
.ad-border-neon-flow { box-shadow: 0 0 0 var(--ad-border-width, 2px) #22d3ee, 0 0 26px rgba(34,211,238,.34); }
.ad-border-rainbow { border-color: transparent; box-shadow: 0 0 0 var(--ad-border-width, 2px) #a855f7, 0 0 18px rgba(34,211,238,.24); animation: adBorderHue 3.2s linear infinite; }
.ad-border-gold-pulse { border-color: #facc15; box-shadow: 0 0 24px rgba(250,204,21,.34); animation: adBorderPulse 1.8s ease-in-out infinite; }
.ad-border-electric { border-color: #67e8f9; box-shadow: 0 0 22px rgba(103,232,249,.35); animation: adBorderFlash 1.1s steps(2, end) infinite; }
.ad-border-fire { border-color: #f97316; box-shadow: 0 0 24px rgba(249,115,22,.34); animation: adBorderPulse 1.4s ease-in-out infinite; }
.ad-border-ice { border-color: #bae6fd; box-shadow: 0 0 22px rgba(186,230,253,.34); }
.ad-border-matrix { border-color: #22c55e; box-shadow: 0 0 22px rgba(34,197,94,.28); }
.ad-border-spotlight, .ad-border-double-glow { box-shadow: inset 0 0 0 max(1px, var(--ad-border-width, 1px)) color-mix(in srgb, var(--ad-border-color), white 22%), 0 0 24px color-mix(in srgb, var(--ad-border-color), transparent 48%); }
.ad-border-dash-run { border-style: dashed; animation: adBorderDashRun 1.1s linear infinite; }
.ad-border-soft-glass { backdrop-filter: blur(8px); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 10px 28px rgba(15,23,42,.14); }
.ad-border-news-flash, .ad-border-sports-score { border-color: #ef4444; animation: adBorderFlash .8s steps(2, end) infinite; }
.ad-border-tech-circuit, .ad-border-game-hud { border-color: #22d3ee; box-shadow: 0 0 22px rgba(34,211,238,.28); }
.ad-border-casino-lights, .ad-border-vip-chrome { border-color: #facc15; box-shadow: 0 0 24px rgba(250,204,21,.32); }
.ad-border-finance-signal { border-color: #10b981; box-shadow: 0 0 20px rgba(16,185,129,.30); }
.ad-border-music-eq { border-color: #ec4899; box-shadow: 0 0 22px rgba(236,72,153,.30); }
.ad-border-meteor, .link-border-meteor { border-color: #f8fafc; box-shadow: 0 0 22px rgba(255,255,255,.28), inset 0 0 18px rgba(34,211,238,.18); animation: adBorderFlash 1.4s ease-in-out infinite; }
.ad-border-hologram, .link-border-hologram { border-color: #22d3ee; box-shadow: 0 0 24px rgba(34,211,238,.28), 0 0 36px rgba(168,85,247,.16); }
.ad-border-pulse-rings, .link-border-pulse-rings { border-color: #a855f7; animation: adBorderPulse 1.6s ease-in-out infinite; box-shadow: 0 0 0 2px rgba(168,85,247,.18), 0 0 24px rgba(168,85,247,.22); }
.ad-border-chrome-sweep, .link-border-chrome-sweep { border-color: #cbd5e1; box-shadow: inset 0 0 0 1px rgba(255,255,255,.26), 0 0 24px rgba(203,213,225,.22); }
.ad-border-laser-corners, .link-border-laser-corners { border-color: #22d3ee; box-shadow: 0 0 0 1px #22d3ee, inset 0 0 18px rgba(34,211,238,.18); }
.ad-border-dotted-glow, .link-border-dotted-glow { border-style: dotted; border-color: #f472b6; box-shadow: 0 0 22px rgba(244,114,182,.28); }
.ad-border-aurora, .link-border-aurora { border-color: #67e8f9; box-shadow: 0 0 22px rgba(34,211,238,.22), 0 0 34px rgba(34,197,94,.16); animation: adBorderHue 4s linear infinite; }
.ad-border-liquid, .link-border-liquid { border-color: #38bdf8; box-shadow: inset 0 0 18px rgba(56,189,248,.18), 0 0 24px rgba(236,72,153,.18); animation: adPrism 4s ease-in-out infinite; }
.ad-border-warning-stripes, .link-border-warning-stripes { border-style: dashed; border-color: #f59e0b; box-shadow: 0 0 18px rgba(245,158,11,.24); animation: adBorderDashRun .8s linear infinite; }
.ad-border-premium-red, .link-border-premium-red { border-color: #ef4444; box-shadow: 0 0 24px rgba(239,68,68,.34), inset 0 0 18px rgba(127,29,29,.24); }
.ad-border-color-cyan, .ad-border-color-neon, .ad-border-color-sapphire, .ad-border-color-violet, .ad-border-color-fuchsia { box-shadow: 0 0 20px color-mix(in srgb, var(--ad-border-color), transparent 52%); }
.ad-border-color-gold, .ad-border-color-amber, .ad-border-color-fire { box-shadow: 0 0 22px color-mix(in srgb, var(--ad-border-color), transparent 48%); }
.ad-border-color-emerald, .ad-border-color-lime, .ad-border-color-matrix { box-shadow: 0 0 20px color-mix(in srgb, var(--ad-border-color), transparent 54%); }
.ad-border-color-ruby, .ad-border-color-rose { box-shadow: 0 0 22px color-mix(in srgb, var(--ad-border-color), transparent 50%); }
.ad-border-color-glass { border-color: rgba(255,255,255,.45); box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 10px 28px rgba(15,23,42,.14); }
.ad-border-color-teal, .ad-border-color-purple, .ad-border-color-pink, .ad-border-color-orange, .ad-border-color-bronze, .ad-border-color-chrome, .link-border-color-teal, .link-border-color-purple, .link-border-color-pink, .link-border-color-orange, .link-border-color-bronze, .link-border-color-chrome { box-shadow: 0 0 20px color-mix(in srgb, var(--ad-border-color, var(--link-border-color)), transparent 52%); }
.ad-border-color-white, .link-border-color-white { box-shadow: 0 0 18px rgba(255,255,255,.24); }
.ad-border-color-black, .link-border-color-black { box-shadow: 0 10px 28px rgba(2,6,23,.22); }
.ad-border-color-transparent, .link-border-color-transparent { border-color: rgba(255,255,255,.18); box-shadow: none; }
.ad-box[class*="ad-effect-"]::before, .ad-box[class*="ad-effect-"]::after, .promo-card[class*="ad-effect-"]::before, .promo-card[class*="ad-effect-"]::after, .bio-link[class*="ad-effect-"]::before, .bio-link[class*="ad-effect-"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 1; opacity: .75; mix-blend-mode: screen; transform: translateZ(0); }
.ad-effect-none::before { display: none; }
.ad-effect-none:not(.ad-hover-shine)::after { display: none; }
.ad-effect-fire::before { background: radial-gradient(ellipse at 20% 100%, rgba(255,122,0,.72), transparent 35%), radial-gradient(ellipse at 70% 105%, rgba(255,35,0,.55), transparent 38%), linear-gradient(0deg, rgba(255,177,0,.42), transparent 48%); animation: adFire 1.4s ease-in-out infinite alternate; transform-origin: 50% 100%; }
.ad-effect-lightning::before { background: linear-gradient(115deg, transparent 0 44%, rgba(255,255,255,.9) 45% 47%, rgba(80,210,255,.75) 48% 50%, transparent 51% 100%); opacity: 0; animation: adLightning 3.2s steps(1, end) infinite; }
.ad-effect-rain::before { background-image: linear-gradient(115deg, rgba(255,255,255,.34) 0 2px, transparent 2px 12px); background-size: 18px 26px; animation: adRain .55s linear infinite; opacity: .55; }
.ad-effect-snow::before { background-image: radial-gradient(circle, rgba(255,255,255,.9) 0 1px, transparent 1.5px), radial-gradient(circle, rgba(255,255,255,.65) 0 1px, transparent 1.5px); background-size: 28px 28px, 46px 46px; animation: adSnow 5s linear infinite; }
.ad-effect-sparks::before { background-image: radial-gradient(circle, #fff 0 1px, transparent 2px), radial-gradient(circle, #fbbf24 0 1.5px, transparent 2px); background-size: 24px 24px, 38px 38px; animation: adSpark 1.1s steps(2, end) infinite; }
.ad-effect-shine::before { background: linear-gradient(105deg, transparent 0 36%, rgba(255,255,255,.62) 48%, transparent 60% 100%); transform: translateX(-130%); animation: adShine 2.8s ease-in-out infinite; }
.ad-effect-scan::before { background: repeating-linear-gradient(0deg, rgba(255,255,255,.18) 0 1px, transparent 1px 8px); animation: adScan 1s linear infinite; opacity: .42; }
.ad-effect-neon-glow::before { box-shadow: inset 0 0 26px rgba(34,211,238,.78), inset 0 0 54px rgba(217,70,239,.42); animation: adNeon 2.2s ease-in-out infinite; }
.ad-effect-smoke::before { background: radial-gradient(circle at 25% 80%, rgba(255,255,255,.22), transparent 32%), radial-gradient(circle at 70% 72%, rgba(255,255,255,.18), transparent 36%); filter: blur(10px); animation: adSmoke 4.8s ease-in-out infinite alternate; mix-blend-mode: soft-light; }
.ad-effect-stars::before { background-image: radial-gradient(circle, rgba(255,255,255,.95) 0 1px, transparent 1.5px), radial-gradient(circle, rgba(255,255,255,.62) 0 1px, transparent 1.5px); background-size: 32px 32px, 58px 58px; animation: adStars 3.8s linear infinite; }
.ad-effect-bubbles::before { background-image: radial-gradient(circle, rgba(255,255,255,.32) 0 7px, transparent 8px), radial-gradient(circle, rgba(125,211,252,.24) 0 11px, transparent 12px); background-size: 56px 56px, 82px 82px; animation: adBubbles 5.5s linear infinite; }
.ad-effect-matrix::before { background-image: linear-gradient(rgba(34,197,94,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(34,197,94,.16) 1px, transparent 1px); background-size: 18px 18px; animation: adMatrix 1.1s linear infinite; mix-blend-mode: lighten; }
.ad-effect-prism::before { background: linear-gradient(120deg, rgba(248,113,113,.28), rgba(250,204,21,.24), rgba(34,197,94,.24), rgba(56,189,248,.28), rgba(168,85,247,.26)); background-size: 240% 240%; animation: adPrism 4s ease-in-out infinite; }
.ad-effect-vignette::before { background: radial-gradient(circle, transparent 42%, rgba(0,0,0,.52) 100%); mix-blend-mode: multiply; opacity: .62; }
.ad-effect-laser::before { background: linear-gradient(90deg, transparent 0 45%, rgba(255,0,128,.72) 49%, rgba(34,211,238,.82) 51%, transparent 56% 100%); transform: translateX(-120%); animation: adLaser 1.7s linear infinite; }
.ad-effect-confetti::before { background-image: radial-gradient(circle, #f43f5e 0 2px, transparent 2px), radial-gradient(circle, #22c55e 0 2px, transparent 2px), radial-gradient(circle, #38bdf8 0 2px, transparent 2px), radial-gradient(circle, #facc15 0 2px, transparent 2px); background-size: 30px 30px, 44px 44px, 58px 58px, 72px 72px; animation: adConfetti 3.4s linear infinite; }
.ad-effect-embers::before { background-image: radial-gradient(circle, rgba(251,146,60,.85) 0 2px, transparent 2.5px), radial-gradient(circle, rgba(248,113,113,.55) 0 1.5px, transparent 2px); background-size: 42px 42px, 66px 66px; animation: adEmbers 3.8s linear infinite; }
.ad-effect-wave::before { background: repeating-radial-gradient(ellipse at 50% 120%, rgba(56,189,248,.22) 0 8px, transparent 9px 22px); animation: adWave 2.6s ease-in-out infinite; }
.ad-effect-glitch::before { background: linear-gradient(90deg, rgba(255,0,80,.18), transparent 18%, rgba(0,240,255,.18) 42%, transparent 62%); animation: adGlitch .9s steps(2, end) infinite; }
.ad-effect-meteor::before { background-image: linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.78) 43% 46%, transparent 48%); background-size: 150px 100%; animation: adMeteor 1.6s linear infinite; }
.ad-effect-hologram::before { background: linear-gradient(120deg, rgba(34,211,238,.18), rgba(168,85,247,.18), transparent); background-size: 220% 220%; animation: adPrism 3.4s ease-in-out infinite; }
.ad-effect-fireflies::before { background-image: radial-gradient(circle, rgba(250,204,21,.9) 0 1.5px, transparent 2px), radial-gradient(circle, rgba(255,255,255,.75) 0 1px, transparent 1.5px); background-size: 34px 34px, 53px 42px; animation: adSpark 1.4s steps(3, end) infinite; }
.ad-effect-ripple::before { background: repeating-radial-gradient(circle at 50% 50%, transparent 0 18px, rgba(255,255,255,.18) 19px 21px, transparent 22px 40px); animation: adRipple 2.4s ease-out infinite; }
.ad-effect-spotlight::before { background: radial-gradient(circle at 50% 45%, rgba(255,255,255,.42), transparent 30%); animation: adSpotlightMove 3s ease-in-out infinite; }
.ad-effect-chroma::before { background: linear-gradient(90deg, rgba(239,68,68,.20), rgba(34,197,94,.18), rgba(34,211,238,.20), rgba(168,85,247,.20)); background-size: 240% 100%; animation: adPrism 3.2s linear infinite; }
.ad-effect-static-noise::before { background: repeating-radial-gradient(circle at 30% 50%, rgba(255,255,255,.18) 0 1px, transparent 1px 5px); animation: adStaticNoise .7s steps(2, end) infinite; opacity: .38; }
.ad-effect-liquid::before { background: radial-gradient(circle at 20% 80%, rgba(34,211,238,.24), transparent 34%), radial-gradient(circle at 75% 20%, rgba(236,72,153,.22), transparent 36%); filter: blur(7px); animation: adLiquid 4.2s ease-in-out infinite alternate; }
.ad-effect-pulse-rings::before { background: repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,.20) 0 2px, transparent 2px 26px); animation: adPulseRings 2.2s ease-in-out infinite; }
.ad-effect-diagonal-light::before { background: linear-gradient(135deg, transparent 0 38%, rgba(255,255,255,.52) 48%, transparent 58% 100%); transform: translateX(-130%); animation: adShine 2s ease-in-out infinite; }
.ad-effect-cyber-lines::before { background-image: linear-gradient(rgba(34,211,238,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(236,72,153,.16) 1px, transparent 1px); background-size: 20px 20px; animation: adMatrix 1.4s linear infinite; }
.ad-effect-gold-dust::before { background-image: radial-gradient(circle, rgba(250,204,21,.9) 0 1.5px, transparent 2px), radial-gradient(circle, rgba(255,255,255,.70) 0 1px, transparent 1.5px); background-size: 38px 38px, 64px 64px; animation: adStars 4.5s linear infinite reverse; }
.ad-effect-frost::before { background: linear-gradient(135deg, rgba(224,242,254,.22), transparent), repeating-linear-gradient(45deg, rgba(255,255,255,.16) 0 1px, transparent 1px 9px); mix-blend-mode: screen; }
.ad-effect-radar::before { background: conic-gradient(from 0deg at 50% 50%, rgba(34,211,238,.38), transparent 18%, transparent), repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,.12) 0 1px, transparent 1px 30px); animation: adRadar 3.8s linear infinite; }
.ad-effect-electric-grid::before { background-image: linear-gradient(rgba(250,204,21,.20) 1px, transparent 1px), linear-gradient(90deg, rgba(34,211,238,.18) 1px, transparent 1px); background-size: 26px 26px; animation: adElectricGrid 1.5s steps(2, end) infinite; }
.ad-effect-lens-flare::before { background: radial-gradient(circle at 18% 28%, rgba(255,255,255,.60), transparent 14%), linear-gradient(105deg, transparent 0 36%, rgba(255,255,255,.45) 48%, transparent 60%); transform: translateX(-110%); animation: adShine 2.6s ease-in-out infinite; }
.ad-effect-rainbow-scan::before { background: linear-gradient(90deg, rgba(239,68,68,.22), rgba(250,204,21,.20), rgba(34,197,94,.20), rgba(34,211,238,.22), rgba(168,85,247,.22)); background-size: 260% 100%; animation: adPrism 2.8s linear infinite; }
.ad-effect-pixel-flicker::before { background-image: linear-gradient(rgba(255,255,255,.18) 2px, transparent 2px), linear-gradient(90deg, rgba(255,255,255,.13) 2px, transparent 2px); background-size: 12px 12px; animation: adStaticNoise .55s steps(2, end) infinite; }
.ad-effect-halo-sweep::before { background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.28), transparent 28%); animation: adSpotlightMove 2.6s ease-in-out infinite; }
.ad-effect-cinema-bars::before { background: linear-gradient(0deg, rgba(0,0,0,.62) 0 10%, transparent 10% 90%, rgba(0,0,0,.62) 90% 100%); mix-blend-mode: multiply; opacity: .68; }
.ad-hover-lift:is(:hover, :focus-visible) { transform: translateY(-6px); box-shadow: 0 18px 44px rgba(15,23,42,.26); }
.ad-hover-pop:is(:hover, :focus-visible) { transform: scale(1.045); box-shadow: 0 18px 44px rgba(15,23,42,.24); }
.ad-hover-zoom:is(:hover, :focus-visible) img { transform: scale(1.08); }
.ad-hover-tilt:is(:hover, :focus-visible) { transform: perspective(700px) rotateX(3deg) rotateY(-5deg) translateY(-3px); }
.ad-hover-shake:is(:hover, :focus-visible) { animation: adHoverShake .54s ease-in-out infinite; }
.ad-hover-swing:is(:hover, :focus-visible) { animation: adHoverSwing .86s ease-in-out infinite; transform-origin: 50% 0; }
.ad-hover-float:is(:hover, :focus-visible) { animation: adHoverFloat 1.4s ease-in-out infinite; }
.ad-hover-pulse:is(:hover, :focus-visible) { animation: adHoverPulse .86s ease-in-out infinite; }
.ad-hover-glow:is(:hover, :focus-visible) { box-shadow: 0 0 0 1px rgba(255,255,255,.28), 0 0 28px color-mix(in srgb, var(--accent), transparent 30%), 0 18px 44px rgba(15,23,42,.22); filter: brightness(1.08) saturate(1.12); }
.ad-hover-shine:is(:hover, :focus-visible)::after { display: block; background: linear-gradient(105deg, transparent 0 35%, rgba(255,255,255,.72) 47%, transparent 60% 100%); transform: translateX(-130%); animation: adHoverShine 1.1s ease-in-out; opacity: .9; }
.ad-hover-blur-focus img { filter: saturate(.86) blur(.35px); }
.ad-hover-blur-focus:is(:hover, :focus-visible) img { filter: saturate(1.12) blur(0); transform: scale(1.035); }
.ad-hover-border-flash:is(:hover, :focus-visible) { border-color: color-mix(in srgb, var(--accent), white 32%); animation: adHoverBorderFlash .9s ease-in-out infinite; }
.ad-hover-skew:is(:hover, :focus-visible) { transform: skewX(-2deg) translateY(-3px); }
.ad-hover-flip-soft:is(:hover, :focus-visible) { transform: perspective(720px) rotateY(7deg) translateY(-3px); }
.ad-hover-shadow-deep:is(:hover, :focus-visible) { transform: translateY(-4px); box-shadow: 0 26px 70px rgba(2,6,23,.38); }
.ad-hover-contrast:is(:hover, :focus-visible) img { filter: contrast(1.15) saturate(1.18) brightness(1.06); }
.ad-hover-bounce:is(:hover, :focus-visible) { animation: adHoverBounce .76s ease infinite; }
.ad-hover-slide-up:is(:hover, :focus-visible) .ad-copy, .ad-hover-slide-up:is(:hover, :focus-visible) .promo-copy { transform: translateY(-4px); background: linear-gradient(transparent, rgba(0,0,0,.82)); }
.ad-hover-slide-up .ad-copy, .ad-hover-slide-up .promo-copy, .ad-hover-caption-rise .ad-copy, .ad-hover-caption-rise .promo-copy { transition: transform .24s ease, background .24s ease; }
.ad-hover-rotate:is(:hover, :focus-visible) { transform: rotate(1.8deg) scale(1.018); }
.ad-hover-wiggle:is(:hover, :focus-visible) { animation: adHoverWiggle .62s ease-in-out infinite; }
.ad-hover-neon-border:is(:hover, :focus-visible) { border-color: #22d3ee; box-shadow: 0 0 0 1px #22d3ee, 0 0 28px rgba(34,211,238,.34); }
.ad-hover-grayscale img { filter: grayscale(1); }
.ad-hover-grayscale:is(:hover, :focus-visible) img { filter: grayscale(0) saturate(1.12); }
.ad-hover-saturate:is(:hover, :focus-visible) img { filter: saturate(1.55) contrast(1.08); }
.ad-hover-push-right:is(:hover, :focus-visible) { transform: translateX(7px); }
.ad-hover-push-left:is(:hover, :focus-visible) { transform: translateX(-7px); }
.ad-hover-breathe:is(:hover, :focus-visible) { animation: adHoverBreathe 1.4s ease-in-out infinite; }
.ad-hover-soft-blur:is(:hover, :focus-visible) img { filter: blur(.45px) brightness(1.08); transform: scale(1.035); }
.ad-hover-card-tilt:is(:hover, :focus-visible) { transform: perspective(720px) rotateX(4deg) rotateY(4deg) translateY(-4px); }
.ad-hover-spotlight:is(:hover, :focus-visible)::after { display: block; background: radial-gradient(circle at 50% 45%, rgba(255,255,255,.46), transparent 34%); opacity: .9; }
.ad-hover-magnet:is(:hover, :focus-visible) { animation: adHoverMagnet .9s ease-in-out infinite; }
.ad-hover-raise-rotate:is(:hover, :focus-visible) { transform: translateY(-7px) rotate(1.5deg); box-shadow: 0 22px 52px rgba(15,23,42,.28); }
.ad-hover-glitch:is(:hover, :focus-visible) { animation: adGlitch .42s steps(2, end) infinite; }
.ad-hover-ripple:is(:hover, :focus-visible)::after { display: block; background: repeating-radial-gradient(circle at 50% 50%, transparent 0 12px, rgba(255,255,255,.28) 13px 16px, transparent 17px 32px); animation: adRipple 1.2s ease-out infinite; }
.ad-hover-elastic:is(:hover, :focus-visible) { animation: adHoverElastic .74s ease-in-out; }
.ad-hover-outline-glow:is(:hover, :focus-visible) { outline: 3px solid color-mix(in srgb, var(--accent), white 26%); outline-offset: 4px; box-shadow: 0 0 24px color-mix(in srgb, var(--accent), transparent 42%); }
.ad-hover-image-slide:is(:hover, :focus-visible) img { transform: scale(1.08) translateX(3%); }
.ad-hover-soft-zoom:is(:hover, :focus-visible) { transform: scale(1.025); }
.ad-hover-caption-rise:is(:hover, :focus-visible) .ad-copy, .ad-hover-caption-rise:is(:hover, :focus-visible) .promo-copy { transform: translateY(-6px); }
@keyframes adFire { from { transform: translateY(5%) scale(1); filter: blur(1px) brightness(1); opacity: .62; } to { transform: translateY(-2%) scale(1.035); filter: blur(2px) brightness(1.22); opacity: .82; } }
@keyframes adLightning { 0%, 88%, 100% { opacity: 0; } 90% { opacity: .95; } 92% { opacity: .2; } 95% { opacity: .78; } }
@keyframes adRain { from { background-position: 0 -26px; } to { background-position: 18px 26px; } }
@keyframes adSnow { from { background-position: 0 -40px, 0 -80px; } to { background-position: 18px 80px, -22px 120px; } }
@keyframes adSpark { 0%,100% { opacity: .25; filter: brightness(1); } 50% { opacity: .9; filter: brightness(1.8); } }
@keyframes adShine { to { transform: translateX(130%); } }
@keyframes adScan { from { background-position-y: 0; } to { background-position-y: 8px; } }
@keyframes adNeon { 0%,100% { opacity: .45; } 50% { opacity: .95; } }
@keyframes adSmoke { from { transform: translateX(-4%) translateY(4%); } to { transform: translateX(5%) translateY(-6%); } }
@keyframes adStars { from { background-position: 0 0, 0 0; } to { background-position: 40px 24px, -38px 42px; } }
@keyframes adBubbles { from { background-position: 0 90px, 24px 120px; } to { background-position: 0 -90px, 24px -120px; } }
@keyframes adMatrix { from { background-position: 0 0; } to { background-position: 0 36px; } }
@keyframes adPrism { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes adLaser { to { transform: translateX(120%); } }
@keyframes adConfetti { from { background-position: 0 -80px, 12px -90px, 28px -110px, 44px -140px; } to { background-position: 0 120px, 12px 140px, 28px 160px, 44px 180px; } }
@keyframes adEmbers { from { background-position: 0 90px, 20px 120px; } to { background-position: 8px -90px, -12px -120px; } }
@keyframes adWave { 0%,100% { transform: translateY(0) scale(1); opacity: .35; } 50% { transform: translateY(-6%) scale(1.04); opacity: .72; } }
@keyframes adGlitch { 0%,100% { transform: translate(0,0); opacity: .18; } 35% { transform: translate(2px,-1px); opacity: .48; } 70% { transform: translate(-2px,1px); opacity: .34; } }
@keyframes adHoverShake { 0%,100% { transform: translateX(0); } 18% { transform: translateX(-4px); } 36% { transform: translateX(4px); } 54% { transform: translateX(-3px); } 72% { transform: translateX(3px); } }
@keyframes adHoverSwing { 0%,100% { transform: rotate(0deg); } 25% { transform: rotate(2.5deg); } 60% { transform: rotate(-2deg); } }
@keyframes adHoverFloat { 0%,100% { transform: translateY(-4px); } 50% { transform: translateY(-9px); } }
@keyframes adHoverPulse { 0%,100% { transform: scale(1.018); } 50% { transform: scale(1.055); } }
@keyframes adHoverShine { to { transform: translateX(130%); } }
@keyframes adHoverBorderFlash { 0%,100% { box-shadow: 0 0 0 rgba(255,255,255,0); } 50% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent), transparent 64%); } }
@keyframes adHoverBounce { 0% { transform: translateY(0) scale(1); } 45% { transform: translateY(-8px) scale(1.025); } 72% { transform: translateY(2px) scale(.995); } 100% { transform: translateY(-4px) scale(1.01); } }
@keyframes adMeteor { from { background-position: -160px 0; } to { background-position: 180px 0; } }
@keyframes adRipple { from { transform: scale(.7); opacity: .72; } to { transform: scale(1.35); opacity: .12; } }
@keyframes adSpotlightMove { 0%,100% { transform: translateX(-12%); } 50% { transform: translateX(12%); } }
@keyframes adStaticNoise { 0% { transform: translate(0,0); } 50% { transform: translate(2px,-1px); } 100% { transform: translate(-1px,1px); } }
@keyframes adLiquid { from { transform: translate(-3%, 3%) scale(1); } to { transform: translate(4%, -4%) scale(1.04); } }
@keyframes adPulseRings { 0%,100% { opacity: .18; transform: scale(.96); } 50% { opacity: .58; transform: scale(1.06); } }
@keyframes adHoverWiggle { 0%,100% { transform: rotate(0); } 25% { transform: rotate(1.5deg); } 55% { transform: rotate(-1.5deg); } }
@keyframes adHoverBreathe { 0%,100% { transform: scale(1); filter: brightness(1); } 50% { transform: scale(1.025); filter: brightness(1.12); } }
@keyframes adRadar { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes adElectricGrid { 0%,100% { opacity: .22; filter: brightness(1); } 50% { opacity: .72; filter: brightness(1.5); } }
@keyframes adHoverMagnet { 0%,100% { transform: translateX(0) scale(1); } 50% { transform: translateX(5px) scale(1.018); } }
@keyframes adHoverElastic { 0%,100% { transform: scale(1); } 35% { transform: scale(1.06,.96); } 70% { transform: scale(.985,1.035); } }
@keyframes adBorderHue { from { filter: hue-rotate(0deg); } to { filter: hue-rotate(360deg); } }
@keyframes adBorderPulse { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.25); } }
@keyframes adBorderFlash { 0%, 100% { border-color: var(--ad-border-color); } 50% { border-color: rgba(255,255,255,.92); } }
@keyframes adBorderDashRun { 0%, 100% { border-color: var(--ad-border-color); } 50% { border-color: color-mix(in srgb, var(--ad-border-color), white 42%); } }
.bio-link, .link-card { text-decoration: none; color: var(--link-text); background: color-mix(in srgb, var(--accent), white 88%); border: var(--link-border-width, 1px) var(--link-border-style, solid) var(--link-border-color, color-mix(in srgb, var(--accent), black 12%)); border-radius: var(--link-radius, 8px); padding: 14px; display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; column-gap: 12px; overflow: hidden; position: relative; transition: transform .24s ease, box-shadow .24s ease, filter .24s ease, border-color .24s ease; min-height: 64px; }
.bio-link > *, .link-card > * { position: relative; z-index: 2; }
.link-theme-glass { background: rgba(255,255,255,.58); backdrop-filter: blur(12px); }
.link-theme-neon { background: #06111f; color: #cffafe; box-shadow: 0 0 22px rgba(34,211,238,.20); }
.link-theme-minimal { background: #fff; border-color: rgba(15,23,42,.12); }
.link-theme-gradient { background: linear-gradient(135deg, color-mix(in srgb, var(--accent), white 72%), #fff); }
.link-theme-gold { background: linear-gradient(135deg, #713f12, #facc15); color: #fff7ad; }
.link-theme-dark { background: #111827; color: #f8fafc; }
.link-theme-outline { background: transparent; border-color: currentColor; }
.link-theme-terminal { background: #020617; color: #86efac; }
.link-theme-premium { background: linear-gradient(135deg, #170508, #7f1d1d, #ef4444); color: #ffe4e6; }
.link-theme-rainbow { background: linear-gradient(135deg, #ef4444, #f59e0b, #22c55e, #22d3ee, #a855f7); color: #fff; }
.link-theme-soft { background: color-mix(in srgb, var(--accent), white 92%); box-shadow: 0 10px 28px rgba(15,23,42,.08); }
.link-theme-casino { background: linear-gradient(135deg, #120704, #713f12); color: #fef3c7; box-shadow: inset 0 0 0 1px rgba(250,204,21,.22); }
.link-theme-gaming { background: linear-gradient(135deg, #052e16, #020617); color: #ecfccb; }
.link-theme-news { background: linear-gradient(135deg, #fff1f2, #fee2e2); color: #7f1d1d; }
.link-theme-tech { background: #020617; color: #cffafe; box-shadow: inset 0 0 0 1px rgba(34,211,238,.24); }
.link-theme-luxury { background: linear-gradient(135deg, #09090b, #3f2f05); color: #fef3c7; }
.link-theme-ice { background: linear-gradient(135deg, #ecfeff, #f8fafc); color: #155e75; }
.link-theme-ruby { background: linear-gradient(135deg, #fff1f2, #fecdd3); color: #881337; }
.link-theme-emerald { background: linear-gradient(135deg, #ecfdf5, #bbf7d0); color: #064e3b; }
.link-theme-carbon { background: linear-gradient(135deg, #111827, #020617); color: #f8fafc; }
.link-theme-hologram { background: linear-gradient(135deg, rgba(236,254,255,.84), rgba(245,243,255,.78), rgba(253,242,248,.76)); color: #312e81; backdrop-filter: blur(10px); }
.link-theme-candy { background: linear-gradient(135deg, #fdf2f8, #cffafe, #fef3c7); color: #831843; }
.link-theme-cyber { background: linear-gradient(135deg, #020617, #312e81); color: #e0f2fe; box-shadow: 0 0 24px rgba(34,211,238,.20); }
.link-theme-neon small, .link-theme-dark small, .link-theme-terminal small, .link-theme-premium small, .link-theme-rainbow small, .link-theme-gold small, .link-theme-casino small, .link-theme-gaming small, .link-theme-tech small, .link-theme-luxury small, .link-theme-carbon small, .link-theme-cyber small { color: color-mix(in srgb, currentColor, transparent 26%); }
.link-border-color-cyan, .link-border-color-neon, .link-border-color-sapphire, .link-border-color-violet, .link-border-color-fuchsia, .link-border-color-gold, .link-border-color-amber, .link-border-color-fire, .link-border-color-emerald, .link-border-color-lime, .link-border-color-matrix, .link-border-color-ruby, .link-border-color-rose { box-shadow: 0 0 20px color-mix(in srgb, var(--link-border-color), transparent 54%); }
.link-border-color-glass { border-color: rgba(255,255,255,.45); box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 10px 28px rgba(15,23,42,.14); }
.bio-link span, .link-icon { background: var(--accent); color: #062015; border-radius: 8px; padding: 8px; text-align: center; font-size: 12px; font-weight: 900; }
.bio-link small, .link-card small { grid-column: 2; color: var(--link-note); }
.bio-link.has-media.image, .link-card.has-media { grid-template-columns: 64px minmax(0, 1fr); }
.link-media, .link-thumb { width: 52px; height: 52px; object-fit: cover; border-radius: 8px; background: rgba(255,255,255,.38); }
.link-card:is(:hover, :focus-visible) { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(15,23,42,.18); }
.public-custom { display: grid; gap: 12px; margin-top: 18px; }
.custom-block { background: color-mix(in srgb, var(--accent), white 90%); color: var(--link-text); border: 1px solid color-mix(in srgb, var(--accent), black 12%); border-radius: 8px; padding: 14px; display: grid; gap: 10px; overflow: hidden; }
.custom-block h2 { font-size: 18px; color: var(--link-text); }
.custom-block p, .custom-html { overflow-wrap: anywhere; }
.custom-html img, .custom-html video, .custom-html iframe { max-width: 100%; border-radius: 8px; }
.public-html-code { display: grid; gap: 10px; margin-bottom: 18px; padding: 14px; border: 1px solid color-mix(in srgb, var(--accent), black 12%); border-radius: 10px; background: color-mix(in srgb, var(--accent), white 92%); color: var(--link-text); overflow: hidden; }
.public-html-code.script-only { display: contents; padding: 0; margin: 0; border: 0; background: transparent; }
.public-html-code.script-only .public-html-code-body { display: contents; }
.public-html-code h2 { margin: 0; font-size: 18px; color: var(--link-text); }
.public-html-code-body { overflow-wrap: anywhere; }
.public-html-code-body img, .public-html-code-body video, .public-html-code-body iframe, .public-html-code-body embed, .public-html-code-body object { max-width: 100%; border-radius: 8px; }
.public-html-code-body iframe { width: 100%; min-height: 320px; border: 0; }
.instagram-block iframe { width: 100%; min-height: 520px; border: 0; border-radius: 8px; background: #fff; }
.code-area { min-height: 140px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.template-grid { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 8px; }
.template-grid button { min-height: 38px; padding-inline: 8px; overflow-wrap: normal; word-break: normal; white-space: normal; line-height: 1.2; }
.panel-template-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); gap: 10px; }
.panel-template-grid button { overflow-wrap: normal; word-break: normal; white-space: normal; line-height: 1.2; }
.panel-theme-template { display: flex; align-items: center; justify-content: flex-start; gap: 8px; min-height: 42px; }
.panel-theme-template.active { background: var(--accent); color: var(--button-text, #062015); border-color: color-mix(in srgb, var(--accent), var(--button-text, #062015) 20%); }
.panel-theme-swatch { width: 22px; height: 22px; border-radius: 50%; border: 2px solid rgba(255,255,255,.86); box-shadow: 0 0 0 1px rgba(15,23,42,.16); background: linear-gradient(135deg, var(--bg), var(--accent)); flex: 0 0 auto; }
.panel-theme-swatch.panel-theme-classic { background: linear-gradient(135deg, #f4f6f8, #10b981); }
.panel-theme-swatch.panel-theme-emerald { background: linear-gradient(135deg, #ecfdf5, #10b981); }
.panel-theme-swatch.panel-theme-midnight { background: linear-gradient(135deg, #020617, #38bdf8); }
.panel-theme-swatch.panel-theme-sunset { background: linear-gradient(135deg, #fff7ed, #f97316); }
.panel-theme-swatch.panel-theme-ocean { background: linear-gradient(135deg, #e0f2fe, #0284c7); }
.panel-theme-swatch.panel-theme-graphite { background: linear-gradient(135deg, #18181b, #f97316); }
.panel-theme-swatch.panel-theme-rose { background: linear-gradient(135deg, #fff1f2, #f43f5e); }
.panel-theme-swatch.panel-theme-amber { background: linear-gradient(135deg, #fffbeb, #f59e0b); }
.panel-theme-swatch.panel-theme-violet { background: linear-gradient(135deg, #f5f3ff, #8b5cf6); }
.panel-theme-swatch.panel-theme-ice { background: linear-gradient(135deg, #f0f9ff, #0ea5e9); }
.panel-theme-swatch.panel-theme-forest { background: linear-gradient(135deg, #f0fdf4, #22c55e); }
.panel-theme-swatch.panel-theme-mono { background: linear-gradient(135deg, #f4f4f5, #27272a); }
.panel-theme-swatch.panel-theme-cosmic { background: linear-gradient(135deg, #020617, #22d3ee); }
.panel-theme-swatch.panel-theme-studio { background: linear-gradient(135deg, #fdf2f8, #db2777); }
.panel-theme-swatch.panel-theme-teal { background: linear-gradient(135deg, #f0fdfa, #14b8a6); }
.panel-theme-swatch.panel-theme-ruby { background: linear-gradient(135deg, #fff1f2, #e11d48); }
.panel-theme-swatch.panel-theme-sapphire { background: linear-gradient(135deg, #eff6ff, #3b82f6); }
.panel-theme-swatch.panel-theme-lavender { background: linear-gradient(135deg, #f5f3ff, #a78bfa); }
.panel-theme-swatch.panel-theme-slate { background: linear-gradient(135deg, #f1f5f9, #64748b); }
.panel-theme-swatch.panel-theme-copper { background: linear-gradient(135deg, #fff7ed, #c2410c); }
.panel-theme-swatch.panel-theme-pearl { background: linear-gradient(135deg, #f8fafc, #94a3b8); }
.panel-theme-swatch.panel-theme-lime { background: linear-gradient(135deg, #f7fee7, #84cc16); }
.panel-theme-swatch.panel-theme-plum { background: linear-gradient(135deg, #faf5ff, #c084fc); }
.panel-theme-swatch.panel-theme-sand { background: linear-gradient(135deg, #fef3c7, #d97706); }
.panel-theme-swatch.panel-theme-cyber { background: linear-gradient(135deg, #020617, #a3e635); }
.panel-theme-swatch.panel-theme-royal { background: linear-gradient(135deg, #eef2ff, #6366f1); }
.panel-theme-swatch.panel-theme-cloud { background: linear-gradient(135deg, #f8fafc, #38bdf8); }
.panel-theme-swatch.panel-theme-mint { background: linear-gradient(135deg, #ecfdf5, #2dd4bf); }
.panel-theme-swatch.panel-theme-coral { background: linear-gradient(135deg, #fff7ed, #fb7185); }
.panel-theme-swatch.panel-theme-indigo { background: linear-gradient(135deg, #eef2ff, #818cf8); }
.panel-theme-swatch.panel-theme-espresso { background: linear-gradient(135deg, #f5efe7, #a16207); }
.panel-theme-swatch.panel-theme-arctic { background: linear-gradient(135deg, #f0f9ff, #67e8f9); }
.panel-theme-swatch.panel-theme-orchid { background: linear-gradient(135deg, #fdf4ff, #e879f9); }
.panel-theme-swatch.panel-theme-volcano { background: linear-gradient(135deg, #fff1f2, #ef4444); }
.panel-theme-swatch.panel-theme-denim { background: linear-gradient(135deg, #eff6ff, #60a5fa); }
.panel-theme-swatch.panel-theme-olive { background: linear-gradient(135deg, #f7fee7, #a3e635); }
.panel-theme-swatch.panel-theme-blush { background: linear-gradient(135deg, #fff1f2, #f9a8d4); }
.panel-theme-swatch.panel-theme-onyx { background: linear-gradient(135deg, #09090b, #eab308); }
.panel-theme-swatch.panel-theme-aqua { background: linear-gradient(135deg, #ecfeff, #06b6d4); }
.panel-theme-swatch.panel-theme-honey { background: linear-gradient(135deg, #fefce8, #facc15); }
.panel-theme-swatch.panel-theme-berry { background: linear-gradient(135deg, #fdf2f8, #ec4899); }
.panel-theme-swatch.panel-theme-matrix { background: linear-gradient(135deg, #020617, #22c55e); }
.panel-theme-swatch.panel-theme-paper { background: linear-gradient(135deg, #fafafa, #111827); }
.panel-theme-swatch.panel-theme-nightblue { background: linear-gradient(135deg, #020617, #3b82f6); }
.panel-theme-swatch.panel-theme-flame { background: linear-gradient(135deg, #1c0b05, #f97316); }
.panel-theme-swatch.panel-theme-moss { background: linear-gradient(135deg, #ecfdf5, #4ade80); }
.panel-theme-swatch.panel-theme-steel { background: linear-gradient(135deg, #f1f5f9, #64748b); }
.panel-theme-swatch.panel-theme-hologram { background: linear-gradient(135deg, #ecfeff, #22d3ee, #a855f7); }
.panel-theme-swatch.panel-theme-terminal { background: linear-gradient(135deg, #020617, #22c55e); }
.panel-theme-swatch.panel-theme-broadcast { background: linear-gradient(135deg, #450a0a, #ef4444); }
.panel-theme-swatch.panel-theme-premiumred { background: linear-gradient(135deg, #170508, #ef4444); }
.panel-theme-swatch.panel-theme-rainbowglass { background: linear-gradient(135deg, #ef4444, #eab308, #22c55e, #22d3ee, #a855f7); }
.panel-theme-swatch.panel-theme-nightclub { background: linear-gradient(135deg, #0f0618, #ec4899); }
.panel-theme-swatch.panel-theme-marble { background: linear-gradient(135deg, #ffffff, #cbd5e1); }
.panel-theme-swatch.panel-theme-desert { background: linear-gradient(135deg, #fff7ed, #f59e0b); }
.panel-theme-swatch.panel-theme-aurorapulse { background: linear-gradient(135deg, #04111f, #22d3ee, #a855f7); }
.panel-theme-swatch.panel-theme-neonstorm { background: linear-gradient(135deg, #020617, #a3e635); }
.panel-theme-swatch.panel-theme-prismflow { background: linear-gradient(135deg, #f5f3ff, #22d3ee, #ec4899, #facc15); }
.panel-theme-swatch.panel-theme-liquidchrome { background: linear-gradient(135deg, #cbd5e1, #ffffff, #64748b); }
.panel-theme-swatch.panel-theme-starlight { background: linear-gradient(135deg, #020617, #c4b5fd, #38bdf8); }
.panel-theme-swatch.panel-theme-firewave { background: linear-gradient(135deg, #120502, #fb923c, #ef4444); }
.panel-theme-swatch.panel-theme-cyberglass { background: linear-gradient(135deg, #020617, #67e8f9, #0e7490); }
.panel-theme-swatch.panel-theme-oceanpulse { background: linear-gradient(135deg, #062433, #06b6d4); }
.panel-theme-swatch.panel-theme-goldaurora { background: linear-gradient(135deg, #160b02, #f59e0b, #fef3c7); }
.panel-theme-swatch.panel-theme-magentaflux { background: linear-gradient(135deg, #270216, #f472b6, #a855f7); }
.panel-theme-swatch.panel-theme-voltage { background: linear-gradient(135deg, #09090b, #7c3aed, #f59e0b); }
.panel-theme-swatch.panel-theme-obsidian { background: linear-gradient(135deg, #050505, #404040, #facc15); }
.panel-theme-swatch.panel-theme-neoncity { background: linear-gradient(135deg, #020617, #22d3ee, #a855f7); }
.panel-theme-swatch.panel-theme-pixel { background: linear-gradient(135deg, #101827, #a3e635); }
.panel-theme-swatch.panel-theme-royalnight { background: linear-gradient(135deg, #07020f, #7c3aed, #facc15); }
.panel-theme-swatch.panel-theme-candyshop { background: linear-gradient(135deg, #fdf2f8, #06b6d4, #f9a8d4); }
.panel-theme-swatch.panel-theme-newsflash { background: linear-gradient(135deg, #450a0a, #dc2626, #fee2e2); }
.panel-theme-swatch.panel-theme-goldrush { background: linear-gradient(135deg, #160b02, #facc15); }
.panel-theme-swatch.panel-theme-arcticglass { background: linear-gradient(135deg, #ecfeff, #06b6d4); }
.panel-theme-swatch.panel-theme-cyberpunk { background: linear-gradient(135deg, #050510, #d946ef, #22d3ee); }
.panel-theme-swatch.panel-theme-emeraldlux { background: linear-gradient(135deg, #011c16, #34d399); }
.panel-theme-swatch.panel-theme-rubyglass { background: linear-gradient(135deg, #fff1f2, #e11d48); }
.panel-theme-swatch.panel-theme-oceanwave { background: linear-gradient(135deg, #ecfeff, #0891b2); }
.panel-theme-swatch.panel-theme-solarflare { background: linear-gradient(135deg, #fff7ed, #f97316); }
.panel-theme-swatch.panel-theme-moondust { background: linear-gradient(135deg, #f8fafc, #8b5cf6); }
.panel-theme-swatch.panel-theme-lavapro { background: linear-gradient(135deg, #080102, #f97316, #991b1b); }
.panel-theme-swatch.panel-theme-gamerhub { background: linear-gradient(135deg, #020802, #84cc16); }
.panel-theme-swatch.panel-theme-cinematic { background: linear-gradient(135deg, #000000, #f59e0b); }
.panel-theme-swatch.panel-theme-pastelpop { background: linear-gradient(135deg, #fff7ed, #fb7185, #7c3aed); }
.panel-theme-swatch.panel-theme-business { background: linear-gradient(135deg, #f8fafc, #2563eb); }
.public-payments { display: grid; gap: 12px; margin-top: 18px; color: var(--payment-text); }
.public-payments.with-box { background: var(--payments-box); border: 1px solid rgba(15,23,42,.14); border-radius: 8px; padding: 14px; }
.public-payments h2 { font-size: 18px; color: var(--payment-text); }
.payment-box { background: var(--payments-box); color: var(--payment-text); border: 1px solid rgba(15,23,42,.14); border-radius: 8px; padding: 14px; display: grid; grid-template-columns: 72px 1fr; gap: 12px; align-items: start; }
.payment-box.no-image { grid-template-columns: 1fr; }
.currency-converter { margin-top: 10px; display: grid; grid-template-columns: minmax(120px, 1fr) minmax(110px, auto) auto; gap: 8px; align-items: end; }
.currency-converter label { color: inherit; font-size: .82rem; }
.currency-converter input, .currency-converter select { min-height: 38px; }
.currency-converter small { grid-column: 1 / -1; color: var(--payment-note, #64748b); font-weight: 750; }
.payment-box img { width: 72px; height: 72px; border-radius: 8px; object-fit: cover; }
.payment-box img + div { min-width: 0; }
.payment-box code { display: block; white-space: pre-wrap; overflow-wrap: anywhere; background: #eef2f7; border-radius: 8px; padding: 8px; margin-top: 6px; }
.payment-box small { display: block; margin-top: 6px; color: var(--payment-note); }
.public-footer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; min-height: var(--footer-height, 38px); width: 100%; margin: 0; padding: var(--footer-pt, 4px) 14px var(--footer-pb, 16px); display: grid; gap: 4px; align-content: center; justify-items: stretch; text-align: center; color: var(--bio-text); font-size: var(--footer-text-size, 14px); background: var(--footer-bg, color-mix(in srgb, var(--page-bg, #ecfdf5), white 72%)); border-top: 1px solid var(--footer-border, rgba(15,23,42,.14)); backdrop-filter: var(--footer-blur, blur(10px)); }
.age-gate, .public-popup { position: fixed; inset: 0; z-index: 40; display: grid; place-items: center; padding: 18px; background: rgba(15,23,42,.58); backdrop-filter: blur(8px); }
.age-gate > div, .public-popup > div { width: min(420px, 100%); display: grid; gap: 12px; background: color-mix(in srgb, var(--page-bg, #fff), white 86%); color: #17202a; border: 1px solid rgba(255,255,255,.32); border-radius: 8px; padding: 18px; box-shadow: 0 20px 70px rgba(0,0,0,.28); }
.public-popup button[data-popup-close] { justify-self: end; width: 34px; height: 34px; padding: 0; border-radius: 50%; background: #101820; color: #fff; }
.popup-image-link { display: block; border-radius: 8px; overflow: hidden; }
.popup-image { width: 100%; object-fit: cover; display: block; border-radius: 8px; background: #e8eef3; }
.popup-image.wide { aspect-ratio: 16 / 9; }
.popup-image.square { aspect-ratio: 1 / 1; }
.popup-image.vertical { aspect-ratio: 4 / 5; }
.popup-image.custom { aspect-ratio: 16 / 9; }
.public-popup small { color: #475569; line-height: 1.45; }
.popup-action { display: inline-flex; width: fit-content; justify-self: start; align-items: center; justify-content: center; text-decoration: none; border-radius: 8px; padding: 10px 14px; font-weight: 850; background: var(--accent); color: #062015; }
.floating-contact { position: fixed; right: 16px; bottom: calc(var(--footer-height, 38px) + 34px); z-index: 32; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 15px; border-radius: 999px; background: var(--accent); color: #062015; text-decoration: none; font-weight: 900; box-shadow: 0 14px 36px rgba(0,0,0,.22); }
.public-contact-dock { position: fixed; right: 16px; bottom: calc(var(--footer-height, 38px) + 34px); z-index: 70; display: grid; gap: 8px; justify-items: end; }
.public-contact-dock-toggle { min-height: 46px; padding: 11px 16px; border: 0; border-radius: 999px; background: var(--accent); color: #062015; font-weight: 950; box-shadow: 0 14px 36px rgba(0,0,0,.24); cursor: pointer; }
.public-contact-dock-menu { display: none; gap: 8px; justify-items: end; }
.public-contact-dock.open .public-contact-dock-menu { display: grid; }
.public-contact-dock-item { display: grid; grid-template-columns: auto minmax(44px, max-content); align-items: center; gap: 8px; justify-items: end; }
.public-contact-dock-item::before { content: attr(data-label); max-width: 180px; padding: 7px 10px; border-radius: 999px; background: rgba(15,23,42,.86); color: #fff; font-size: 12px; font-weight: 850; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-shadow: 0 10px 24px rgba(0,0,0,.18); }
.public-contact-dock-item > * { position: static !important; right: auto !important; left: auto !important; bottom: auto !important; top: auto !important; transform: none !important; z-index: auto !important; margin: 0 !important; max-width: min(260px, calc(100vw - 84px)); }
.public-contact-dock-item .floating-contact { min-height: 42px; padding: 9px 13px; box-shadow: 0 8px 22px rgba(0,0,0,.18); }
.floating-contact-html { display: inline-grid; max-width: min(320px, calc(100vw - 84px)); }
.public-contact-dock-item .floating-contact-html { justify-items: end; }
.contact-module-editor { display: grid; gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--panel), var(--accent) 3%); }
.contact-item-editor textarea { min-height: 120px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: calc(12px * var(--panel-text-scale, 1)); }
.floating-contact, .public-contact-dock-toggle { gap: 8px; border: 1px solid transparent; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, background .2s ease; overflow: hidden; }
.floating-contact::before, .public-contact-dock-toggle::before { content: "💬"; display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 999px; background: rgba(255,255,255,.24); line-height: 1; }
.contact-icon-phone::before, .contact-icon-phone .public-contact-dock-toggle::before { content: "☎"; }
.contact-icon-whatsapp::before, .contact-icon-whatsapp .public-contact-dock-toggle::before { content: "WA"; font-size: 11px; font-weight: 950; }
.contact-icon-telegram::before, .contact-icon-telegram .public-contact-dock-toggle::before { content: "TG"; font-size: 11px; font-weight: 950; }
.contact-icon-mail::before, .contact-icon-mail .public-contact-dock-toggle::before { content: "✉"; }
.contact-icon-link::before, .contact-icon-link .public-contact-dock-toggle::before { content: "↗"; }
.contact-icon-support::before, .contact-icon-support .public-contact-dock-toggle::before { content: "?"; font-weight: 950; }
.contact-icon-star::before, .contact-icon-star .public-contact-dock-toggle::before { content: "★"; }
.contact-icon-bolt::before, .contact-icon-bolt .public-contact-dock-toggle::before { content: "⚡"; }
.contact-icon-heart::before, .contact-icon-heart .public-contact-dock-toggle::before { content: "♥"; }
.contact-theme-glass.floating-contact, .contact-theme-glass .public-contact-dock-toggle { background: rgba(255,255,255,.22); color: #fff; backdrop-filter: blur(14px); }
.contact-theme-dark.floating-contact, .contact-theme-dark .public-contact-dock-toggle { background: #020617; color: #e0f2fe; }
.contact-theme-light.floating-contact, .contact-theme-light .public-contact-dock-toggle { background: #fff; color: #0f172a; }
.contact-theme-neon.floating-contact, .contact-theme-neon .public-contact-dock-toggle { background: #020617; color: #67e8f9; box-shadow: 0 0 24px rgba(34,211,238,.42); }
.contact-theme-gold.floating-contact, .contact-theme-gold .public-contact-dock-toggle { background: linear-gradient(135deg, #fde047, #b45309); color: #2a1602; }
.contact-theme-gradient.floating-contact, .contact-theme-gradient .public-contact-dock-toggle { background: linear-gradient(135deg, #22c55e, #06b6d4, #8b5cf6); color: #fff; }
.contact-theme-whatsapp.floating-contact, .contact-theme-whatsapp .public-contact-dock-toggle { background: #22c55e; color: #042f1a; }
.contact-theme-telegram.floating-contact, .contact-theme-telegram .public-contact-dock-toggle { background: #38bdf8; color: #082f49; }
.contact-theme-ruby.floating-contact, .contact-theme-ruby .public-contact-dock-toggle { background: #e11d48; color: #fff1f2; }
.contact-theme-ocean.floating-contact, .contact-theme-ocean .public-contact-dock-toggle { background: linear-gradient(135deg, #0284c7, #14b8a6); color: #ecfeff; }
.contact-theme-minimal.floating-contact, .contact-theme-minimal .public-contact-dock-toggle { background: transparent; color: var(--bio-text, #fff); border-color: currentColor; box-shadow: none; }
.contact-border-soft.floating-contact, .contact-border-soft .public-contact-dock-toggle { border-color: rgba(255,255,255,.34); }
.contact-border-glow.floating-contact, .contact-border-glow .public-contact-dock-toggle { border-color: currentColor; box-shadow: 0 0 0 1px currentColor, 0 0 26px rgba(34,211,238,.34); }
.contact-border-dash.floating-contact, .contact-border-dash .public-contact-dock-toggle { border-style: dashed; animation: contactHue 2.2s linear infinite; }
.contact-border-rainbow.floating-contact, .contact-border-rainbow .public-contact-dock-toggle { border-color: transparent; box-shadow: 0 0 0 2px #22c55e, 0 0 0 4px #06b6d4, 0 0 0 6px #8b5cf6; }
.contact-border-neon.floating-contact, .contact-border-neon .public-contact-dock-toggle { border-color: #67e8f9; box-shadow: 0 0 18px #22d3ee, inset 0 0 12px rgba(34,211,238,.18); }
.contact-border-double.floating-contact, .contact-border-double .public-contact-dock-toggle { border: 3px double currentColor; }
.contact-motion-pulse.floating-contact, .contact-motion-pulse .public-contact-dock-toggle { animation: contactPulse 2.5s ease-in-out infinite; }
.contact-motion-float.floating-contact, .contact-motion-float .public-contact-dock-toggle { animation: contactFloat 3s ease-in-out infinite; }
.contact-motion-bounce.floating-contact, .contact-motion-bounce .public-contact-dock-toggle { animation: contactBounce 2.8s ease-in-out infinite; }
.contact-motion-shake.floating-contact, .contact-motion-shake .public-contact-dock-toggle { animation: contactShake 3s ease-in-out infinite; }
.contact-motion-heartbeat.floating-contact, .contact-motion-heartbeat .public-contact-dock-toggle { animation: contactHeartbeat 2.1s ease-in-out infinite; }
.contact-motion-glow.floating-contact, .contact-motion-glow .public-contact-dock-toggle { animation: contactGlow 2.4s ease-in-out infinite; }
.contact-motion-shine.floating-contact::after, .contact-motion-shine .public-contact-dock-toggle::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 0 35%, rgba(255,255,255,.65) 50%, transparent 65%); transform: translateX(-130%); animation: contactShine 2.2s ease-in-out infinite; pointer-events: none; }
.contact-hover-lift.floating-contact:hover, .contact-hover-lift .public-contact-dock-toggle:hover { transform: translateY(-4px); }
.contact-hover-zoom.floating-contact:hover, .contact-hover-zoom .public-contact-dock-toggle:hover { transform: scale(1.07); }
.contact-hover-magnet.floating-contact:hover, .contact-hover-magnet .public-contact-dock-toggle:hover { transform: translateY(-3px) scale(1.04) rotate(-1deg); }
.contact-hover-tilt.floating-contact:hover, .contact-hover-tilt .public-contact-dock-toggle:hover { transform: rotate(-3deg) scale(1.04); }
.contact-hover-glow.floating-contact:hover, .contact-hover-glow .public-contact-dock-toggle:hover { box-shadow: 0 0 34px rgba(34,211,238,.46); filter: brightness(1.08); }
.contact-hover-slide.floating-contact:hover, .contact-hover-slide .public-contact-dock-toggle:hover { transform: translateX(-5px); }
.contact-iconfx-pulse.floating-contact::before, .contact-iconfx-pulse .public-contact-dock-toggle::before { animation: contactIconPulse 1.6s ease-in-out infinite; }
.contact-iconfx-spin.floating-contact::before, .contact-iconfx-spin .public-contact-dock-toggle::before { animation: contactIconSpin 2.8s linear infinite; }
.contact-iconfx-swing.floating-contact::before, .contact-iconfx-swing .public-contact-dock-toggle::before { animation: contactIconSwing 1.8s ease-in-out infinite; }
.contact-iconfx-spark.floating-contact::before, .contact-iconfx-spark .public-contact-dock-toggle::before { box-shadow: 0 0 14px rgba(255,255,255,.72); animation: contactIconSpark 1.4s ease-in-out infinite; }
.contact-iconfx-glow.floating-contact::before, .contact-iconfx-glow .public-contact-dock-toggle::before { box-shadow: 0 0 18px currentColor; }
.contact-iconfx-bounce.floating-contact::before, .contact-iconfx-bounce .public-contact-dock-toggle::before { animation: contactIconBounce 1.4s ease-in-out infinite; }
@keyframes contactPulse { 0%,100% { filter: brightness(1); } 50% { filter: brightness(1.18); } }
@keyframes contactFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes contactBounce { 0%,100% { transform: translateY(0); } 35% { transform: translateY(-7px); } 55% { transform: translateY(0); } }
@keyframes contactShake { 0%,88%,100% { transform: translateX(0); } 91% { transform: translateX(-3px); } 94% { transform: translateX(3px); } 97% { transform: translateX(-2px); } }
@keyframes contactHeartbeat { 0%,100% { transform: scale(1); } 20% { transform: scale(1.06); } 34% { transform: scale(1); } 48% { transform: scale(1.04); } }
@keyframes contactGlow { 0%,100% { box-shadow: 0 12px 32px rgba(0,0,0,.22); } 50% { box-shadow: 0 0 34px rgba(34,211,238,.52); } }
@keyframes contactShine { from { transform: translateX(-130%); } to { transform: translateX(130%); } }
@keyframes contactHue { to { filter: hue-rotate(360deg); } }
@keyframes contactIconPulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.16); } }
@keyframes contactIconSpin { to { transform: rotate(360deg); } }
@keyframes contactIconSwing { 0%,100% { transform: rotate(0); } 35% { transform: rotate(-12deg); } 70% { transform: rotate(12deg); } }
@keyframes contactIconSpark { 0%,100% { filter: brightness(1); } 50% { filter: brightness(1.45); } }
@keyframes contactIconBounce { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
.page-social-editor { display: grid; gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--panel), var(--accent) 4%); }
.social-icon-editor { border-color: color-mix(in srgb, var(--accent), var(--line) 70%); }
.social-manual-icon .upload-preview { width: 48px; height: 48px; border-radius: 12px; }
.public-social-icons { width: min(100%, var(--public-content-width, 1040px)); margin: 18px auto 20px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 13px; padding: 8px 10px; position: relative; z-index: 2; }
.public-social-icon { --social-brand: var(--accent, #2563eb); position: relative; width: var(--social-icon-size, 38px); height: var(--social-icon-size, 38px); display: inline-grid; place-items: center; border-radius: 999px; color: #fff; background: var(--social-brand); border: 1.5px solid rgba(255,255,255,.72); box-shadow: 0 12px 28px rgba(15,23,42,.16); text-decoration: none; transition: transform .2s ease, filter .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; overflow: hidden; }
.public-social-icon svg { width: 62%; height: 62%; display: block; }
.public-social-icon-img { width: 72%; height: 72%; object-fit: contain; display: block; }
.public-social-icon span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.public-social-icon:hover { transform: translateY(-4px) scale(1.06); filter: brightness(1.08); box-shadow: 0 18px 36px rgba(15,23,42,.22); }
.bio-links, .promo-grid, .public-social-icons, .public-custom, .public-payments, .public-market, .public-coupons { content-visibility: auto; contain-intrinsic-size: 1px 320px; }
.social-type-email { --social-brand: #64748b; }
.social-type-telegram { --social-brand: #229ed9; }
.social-type-whatsapp { --social-brand: #22c55e; }
.social-type-viber { --social-brand: #7360f2; }
.social-type-instagram { --social-brand: #e1306c; }
.social-type-youtube { --social-brand: #ff0033; }
.social-type-x { --social-brand: #111827; }
.social-type-facebook { --social-brand: #1877f2; }
.social-type-tiktok { --social-brand: #0f172a; }
.social-type-discord { --social-brand: #5865f2; }
.social-type-web { --social-brand: #06b6d4; }
.social-type-phone { --social-brand: #10b981; }
.social-pack-outline .public-social-icon { background: transparent; color: var(--social-brand); border-color: currentColor; box-shadow: none; }
.social-pack-solid .public-social-icon { border-color: transparent; }
.social-pack-square .public-social-icon { border-radius: 10px; }
.social-pack-glass .public-social-icon { background: color-mix(in srgb, var(--social-brand), transparent 38%); backdrop-filter: blur(12px); border-color: rgba(255,255,255,.54); }
.social-pack-neon .public-social-icon { background: #020617; color: color-mix(in srgb, var(--social-brand), white 28%); border-color: currentColor; box-shadow: 0 0 18px color-mix(in srgb, var(--social-brand), transparent 30%); }
.social-pack-brand .public-social-icon { background: var(--social-brand); }
.social-pack-minimal .public-social-icon { background: transparent; color: var(--bio-text, var(--social-brand)); border-color: transparent; box-shadow: none; }
.social-theme-light .public-social-icon { color: #fff; }
.social-theme-dark .public-social-icon { background: #020617; color: #e5f4ff; border-color: rgba(255,255,255,.22); }
.social-theme-accent .public-social-icon { --social-brand: var(--accent, #2563eb); }
.social-theme-white .public-social-icon { background: rgba(255,255,255,.92); color: var(--social-brand); border-color: rgba(15,23,42,.12); }
.social-theme-glass .public-social-icon { background: rgba(255,255,255,.18); color: #fff; backdrop-filter: blur(14px); border-color: rgba(255,255,255,.45); }
.social-theme-neon .public-social-icon { background: #020617; color: #67e8f9; border-color: #67e8f9; box-shadow: 0 0 22px rgba(34,211,238,.45); }
.social-theme-gradient .public-social-icon { background: linear-gradient(135deg, var(--social-brand), #8b5cf6, #06b6d4); color: #fff; }
.social-theme-gold .public-social-icon { background: linear-gradient(135deg, #fde047, #b45309); color: #2a1602; border-color: #fff7ad; }
.social-theme-mono .public-social-icon { background: #f8fafc; color: #0f172a; border-color: #0f172a; }
.social-effect-pulse .public-social-icon { animation: contactPulse 2.4s ease-in-out infinite; }
.social-effect-float .public-social-icon { animation: contactFloat 3s ease-in-out infinite; }
.social-effect-bounce .public-social-icon { animation: contactBounce 2.7s ease-in-out infinite; }
.social-effect-spin .public-social-icon svg { animation: contactIconSpin 4s linear infinite; }
.social-effect-swing .public-social-icon svg { animation: contactIconSwing 1.9s ease-in-out infinite; transform-origin: 50% 50%; }
.social-effect-glow .public-social-icon { animation: contactGlow 2.4s ease-in-out infinite; }
.social-effect-shake .public-social-icon { animation: contactShake 3s ease-in-out infinite; }
.social-effect-wave .public-social-icon:nth-child(2n) { animation: contactFloat 2.7s ease-in-out infinite; }
.social-effect-wave .public-social-icon:nth-child(2n+1) { animation: contactBounce 3.1s ease-in-out infinite; }
.social-effect-spark .public-social-icon { animation: contactIconSpark 1.6s ease-in-out infinite; }
.social-effect-zoom .public-social-icon { animation: socialZoom 2.4s ease-in-out infinite; }
.social-effect-heartbeat .public-social-icon { animation: contactHeartbeat 2.1s ease-in-out infinite; }
.social-effect-rainbow .public-social-icon { animation: contactHue 3s linear infinite; }
@keyframes socialZoom { 0%,100% { transform: scale(1); } 50% { transform: scale(1.08); } }
.side-splash { position: fixed; top: clamp(18%, var(--splash-top, 50%), 82%); transform: translateY(-50%); z-index: 18; width: clamp(120px, var(--splash-width, 220px), min(520px, calc(50vw - 56px))); max-width: calc(50vw - 32px); color: var(--splash-text, #fff); font-family: var(--splash-font, Inter, system-ui, sans-serif); animation: splashIn .55s ease both; }
.side-splash-left { left: clamp(8px, var(--splash-offset, 16px), 120px); }
.side-splash-right { right: clamp(8px, var(--splash-offset, 16px), 120px); }
.side-splash a, .side-splash > div { color: inherit; text-decoration: none; }
.side-splash .splash-frame { position: relative; display: grid; height: clamp(160px, var(--splash-height, 420px), min(820px, calc(100vh - 130px))); min-height: 0; overflow: hidden; color: inherit; text-decoration: none; background: var(--splash-bg, rgba(15,23,42,.88)); border: var(--splash-border-width, 1px) var(--splash-border-style, solid) var(--splash-border-color, color-mix(in srgb, var(--splash-text, #fff), transparent 76%)); border-radius: 8px; padding: 12px; box-shadow: 0 16px 42px rgba(0,0,0,.24); backdrop-filter: blur(10px); }
.side-splash .splash-frame::before, .side-splash .splash-frame::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; }
.side-splash .splash-frame > * { position: relative; z-index: 2; }
.splash-items { display: grid; gap: 10px; min-height: 0; overflow: hidden; align-content: start; }
.splash-ad { position: relative; display: grid; gap: 8px; min-width: 0; padding: 8px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--splash-text, #fff), transparent 82%); border-radius: 8px; color: inherit; text-decoration: none; background: rgba(255,255,255,.09); }
.splash-ad img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 7px; background: rgba(255,255,255,.16); }
.splash-ad span { display: grid; gap: 4px; }
.splash-ad strong { font-size: 15px; line-height: 1.15; overflow-wrap: anywhere; }
.splash-ad small { color: color-mix(in srgb, var(--splash-text, #fff), transparent 22%); line-height: 1.35; overflow-wrap: anywhere; }
.splash-ad em { justify-self: start; font-style: normal; border-radius: 999px; padding: 7px 10px; background: var(--accent); color: #062015; font-weight: 900; font-size: 12px; }
.splash-items-scroll-up .splash-frame, .splash-items-scroll-down .splash-frame, .splash-items-ticker-up .splash-frame, .splash-items-ticker-down .splash-frame { overflow: hidden; }
.splash-items-scroll-up .splash-items, .splash-items-scroll-down .splash-items, .splash-items-ticker-up .splash-items, .splash-items-ticker-down .splash-items { display: flex; flex-direction: column; gap: 10px; overflow: visible; will-change: transform; transform: translate3d(0,0,0); }
.splash-frame[data-splash-scroll] .splash-items { animation: none !important; }
.splash-frame[data-splash-scroll] .splash-ad { animation: none !important; }
.splash-items-scroll-up .splash-items { animation: splashLoopUp calc(var(--splash-interval, 5s) * 6) linear infinite; }
.splash-items-scroll-down .splash-items { animation: splashLoopDown calc(var(--splash-interval, 5s) * 6) linear infinite; }
.splash-items-ticker-up .splash-items { animation: splashLoopUp calc(var(--splash-interval, 5s) * 3) linear infinite; }
.splash-items-ticker-down .splash-items { animation: splashLoopDown calc(var(--splash-interval, 5s) * 3) linear infinite; }
.splash-items-scroll-up:hover .splash-items, .splash-items-scroll-down:hover .splash-items, .splash-items-ticker-up:hover .splash-items, .splash-items-ticker-down:hover .splash-items { animation-play-state: paused; }
.splash-single-item.splash-items-scroll-up .splash-items, .splash-single-item.splash-items-scroll-down .splash-items, .splash-single-item.splash-items-ticker-up .splash-items, .splash-single-item.splash-items-ticker-down .splash-items { display: grid; height: 100%; animation: none; }
.splash-single-item.splash-items-scroll-up .splash-ad, .splash-single-item.splash-items-ticker-up .splash-ad { align-self: end; animation: splashSingleUp calc(var(--splash-interval, 5s) * 2.6) linear infinite; }
.splash-single-item.splash-items-scroll-down .splash-ad, .splash-single-item.splash-items-ticker-down .splash-ad { align-self: start; animation: splashSingleDown calc(var(--splash-interval, 5s) * 2.6) linear infinite; }
.splash-single-item.splash-items-ticker-up .splash-ad, .splash-single-item.splash-items-ticker-down .splash-ad { animation-duration: calc(var(--splash-interval, 5s) * 1.5); }
.splash-items-fade-rotate .splash-items, .splash-items-slide-rotate .splash-items, .splash-items-slide-up-rotate .splash-items, .splash-items-slide-down-rotate .splash-items, .splash-items-slide-left-rotate .splash-items, .splash-items-slide-right-rotate .splash-items, .splash-items-zoom-rotate .splash-items, .splash-items-flip-rotate .splash-items, .splash-items-cube-rotate .splash-items, .splash-items-blur-rotate .splash-items, .splash-items-stack-swap .splash-items { display: grid; min-height: 0; height: 100%; perspective: 900px; }
.splash-items-fade-rotate .splash-ad, .splash-items-slide-rotate .splash-ad, .splash-items-slide-up-rotate .splash-ad, .splash-items-slide-down-rotate .splash-ad, .splash-items-slide-left-rotate .splash-ad, .splash-items-slide-right-rotate .splash-ad, .splash-items-zoom-rotate .splash-ad, .splash-items-flip-rotate .splash-ad, .splash-items-cube-rotate .splash-ad, .splash-items-blur-rotate .splash-ad, .splash-items-stack-swap .splash-ad { grid-area: 1 / 1; opacity: 0; pointer-events: none; transition: opacity .5s ease, transform .5s ease, filter .5s ease; backface-visibility: hidden; }
.splash-items-fade-rotate .splash-ad.active { opacity: 1; pointer-events: auto; }
.splash-items-slide-rotate .splash-ad, .splash-items-slide-up-rotate .splash-ad { transform: translateY(22px); }
.splash-items-slide-down-rotate .splash-ad { transform: translateY(-22px); }
.splash-items-slide-left-rotate .splash-ad { transform: translateX(26px); }
.splash-items-slide-right-rotate .splash-ad { transform: translateX(-26px); }
.splash-items-slide-rotate .splash-ad.active, .splash-items-slide-up-rotate .splash-ad.active, .splash-items-slide-down-rotate .splash-ad.active, .splash-items-slide-left-rotate .splash-ad.active, .splash-items-slide-right-rotate .splash-ad.active { opacity: 1; transform: translate3d(0,0,0); pointer-events: auto; }
.splash-items-zoom-rotate .splash-ad { transform: scale(.88); }
.splash-items-zoom-rotate .splash-ad.active { opacity: 1; transform: scale(1); pointer-events: auto; }
.splash-items-flip-rotate .splash-ad { transform: rotateY(78deg) scale(.94); }
.splash-items-flip-rotate .splash-ad.active { opacity: 1; transform: rotateY(0) scale(1); pointer-events: auto; }
.splash-items-cube-rotate .splash-ad { transform: rotateX(82deg) translateY(16px); transform-origin: 50% 0; }
.splash-items-cube-rotate .splash-ad.active { opacity: 1; transform: rotateX(0) translateY(0); pointer-events: auto; }
.splash-items-blur-rotate .splash-ad { transform: scale(1.035); filter: blur(8px) saturate(.7); }
.splash-items-blur-rotate .splash-ad.active { opacity: 1; transform: scale(1); filter: blur(0) saturate(1); pointer-events: auto; }
.splash-items-stack-swap .splash-ad { transform: translateY(18px) scale(.92) rotate(-2deg); }
.splash-items-stack-swap .splash-ad.active { opacity: 1; transform: translateY(0) scale(1) rotate(0); pointer-events: auto; }
.splash-theme-light { --splash-bg: #f8fafc; --splash-text: #0f172a; }
.splash-theme-light a, .splash-theme-light > div { background: #f8fafc; color: #0f172a; }
.splash-theme-glass a, .splash-theme-glass > div { background: color-mix(in srgb, var(--splash-bg), transparent 18%); backdrop-filter: blur(16px); }
.splash-theme-transparent { --splash-bg: rgba(15,23,42,.20); }
.splash-theme-transparent a, .splash-theme-transparent > div { background: color-mix(in srgb, var(--splash-bg), transparent 56%); backdrop-filter: blur(12px) saturate(1.18); box-shadow: none; }
.splash-theme-transparent .splash-ad { background: color-mix(in srgb, var(--splash-text, #fff), transparent 90%); border-color: color-mix(in srgb, var(--splash-text, #fff), transparent 78%); }
.splash-theme-gradient { --splash-bg: linear-gradient(135deg, #0f172a, #7c3aed, #0891b2); }
.splash-theme-gradient a, .splash-theme-gradient > div { background: linear-gradient(135deg, #0f172a, #7c3aed, #0891b2); }
.splash-theme-neon { --splash-bg: #050816; --splash-text: #cffafe; }
.splash-theme-neon a, .splash-theme-neon > div { background: #050816; color: #cffafe; }
.splash-theme-gold { --splash-bg: linear-gradient(135deg, #713f12, #f59e0b); --splash-text: #fff7ad; }
.splash-theme-gold a, .splash-theme-gold > div { background: linear-gradient(135deg, #713f12, #f59e0b); color: #fff7ad; }
.splash-theme-ruby { --splash-bg: linear-gradient(135deg, #4c0519, #e11d48); --splash-text: #ffe4e6; }
.splash-theme-ruby a, .splash-theme-ruby > div { background: linear-gradient(135deg, #4c0519, #e11d48); color: #ffe4e6; }
.splash-theme-ocean { --splash-bg: linear-gradient(135deg, #083344, #0891b2); --splash-text: #ecfeff; }
.splash-theme-ocean a, .splash-theme-ocean > div { background: linear-gradient(135deg, #083344, #0891b2); color: #ecfeff; }
.splash-theme-emerald { --splash-bg: linear-gradient(135deg, #052e16, #059669); --splash-text: #d1fae5; }
.splash-theme-emerald a, .splash-theme-emerald > div { background: linear-gradient(135deg, #052e16, #059669); color: #d1fae5; }
.splash-theme-violet { --splash-bg: linear-gradient(135deg, #2e1065, #7c3aed); --splash-text: #f3e8ff; }
.splash-theme-violet a, .splash-theme-violet > div { background: linear-gradient(135deg, #2e1065, #7c3aed); color: #f3e8ff; }
.splash-theme-casino { --splash-bg: linear-gradient(135deg, #120704, #854d0e, #facc15); --splash-text: #fff7ad; }
.splash-theme-casino a, .splash-theme-casino > div { background: linear-gradient(135deg, #120704, #854d0e, #facc15); color: #fff7ad; }
.splash-theme-gaming { --splash-bg: linear-gradient(135deg, #09090b, #365314); --splash-text: #ecfccb; }
.splash-theme-gaming a, .splash-theme-gaming > div { background: linear-gradient(135deg, #09090b, #365314); color: #ecfccb; }
.splash-theme-tech { --splash-bg: linear-gradient(135deg, #020617, #0891b2); --splash-text: #cffafe; }
.splash-theme-tech a, .splash-theme-tech > div { background: linear-gradient(135deg, #020617, #0891b2); color: #cffafe; }
.splash-theme-news { --splash-bg: linear-gradient(135deg, #7f1d1d, #dc2626); --splash-text: #fff1f2; }
.splash-theme-news a, .splash-theme-news > div { background: linear-gradient(135deg, #7f1d1d, #dc2626); color: #fff1f2; }
.splash-theme-luxury { --splash-bg: linear-gradient(135deg, #020617, #111827, #ca8a04); --splash-text: #fef3c7; }
.splash-theme-luxury a, .splash-theme-luxury > div { background: linear-gradient(135deg, #020617, #111827, #ca8a04); color: #fef3c7; }
.splash-theme-ice { --splash-bg: linear-gradient(135deg, #e0f2fe, #f8fafc); --splash-text: #0c4a6e; }
.splash-theme-ice a, .splash-theme-ice > div { background: linear-gradient(135deg, #e0f2fe, #f8fafc); color: #0c4a6e; }
.splash-theme-sunset { --splash-bg: linear-gradient(135deg, #7c2d12, #f97316, #581c87); --splash-text: #ffedd5; }
.splash-theme-sunset a, .splash-theme-sunset > div { background: linear-gradient(135deg, #7c2d12, #f97316, #581c87); color: #ffedd5; }
.splash-theme-matrix { --splash-bg: #03120a; --splash-text: #86efac; }
.splash-theme-matrix a, .splash-theme-matrix > div { background: #03120a; color: #86efac; }
.splash-theme-minimal { --splash-bg: #ffffff; --splash-text: #111827; }
.splash-theme-minimal a, .splash-theme-minimal > div { background: #ffffff; color: #111827; }
.splash-theme-outline a, .splash-theme-outline > div { background: transparent; box-shadow: none; }
.splash-theme-hologram { --splash-bg: linear-gradient(135deg, rgba(8,47,73,.88), rgba(34,211,238,.34), rgba(168,85,247,.28)); --splash-text: #ecfeff; }
.splash-theme-hologram a, .splash-theme-hologram > div { background: var(--splash-bg); color: #ecfeff; backdrop-filter: blur(14px) saturate(1.28); }
.splash-theme-terminal { --splash-bg: #020617; --splash-text: #86efac; }
.splash-theme-terminal a, .splash-theme-terminal > div { background: #020617; color: #86efac; box-shadow: inset 0 0 0 1px rgba(34,197,94,.24), 0 0 22px rgba(34,197,94,.18); }
.splash-theme-chrome { --splash-bg: linear-gradient(135deg, #111827, #f8fafc, #64748b); --splash-text: #0f172a; }
.splash-theme-chrome a, .splash-theme-chrome > div { background: var(--splash-bg); color: #0f172a; }
.splash-theme-festival { --splash-bg: linear-gradient(135deg, #be123c, #f97316, #eab308, #16a34a, #2563eb, #7c3aed); --splash-text: #fff; }
.splash-theme-festival a, .splash-theme-festival > div { background: var(--splash-bg); color: #fff; }
.splash-theme-broadcast { --splash-bg: linear-gradient(135deg, #450a0a, #dc2626, #991b1b); --splash-text: #fff1f2; }
.splash-theme-broadcast a, .splash-theme-broadcast > div { background: var(--splash-bg); color: #fff1f2; }
.splash-theme-premium-red { --splash-bg: linear-gradient(135deg, #170508, #7f1d1d, #ef4444, #170508); --splash-text: #ffe4e6; }
.splash-theme-premium-red a, .splash-theme-premium-red > div { background: var(--splash-bg); color: #ffe4e6; box-shadow: 0 0 28px rgba(239,68,68,.24); }
.splash-theme-rainbow-glass { --splash-bg: linear-gradient(135deg, rgba(239,68,68,.38), rgba(250,204,21,.34), rgba(34,197,94,.32), rgba(34,211,238,.34), rgba(168,85,247,.38)); --splash-text: #fff; }
.splash-theme-rainbow-glass a, .splash-theme-rainbow-glass > div { background: var(--splash-bg); color: #fff; backdrop-filter: blur(12px); }
.splash-theme-night-rider { --splash-bg: linear-gradient(135deg, #020617, #111827 36%, #ef4444 50%, #111827 64%, #020617); --splash-text: #fee2e2; }
.splash-theme-night-rider a, .splash-theme-night-rider > div { background: var(--splash-bg); color: #fee2e2; }
.splash-effect-soft-glow a::before, .splash-effect-soft-glow > div::before { background: radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--accent), transparent 50%), transparent 42%); }
.splash-effect-aurora a::before, .splash-effect-aurora > div::before { background: linear-gradient(120deg, transparent, rgba(34,211,238,.25), rgba(168,85,247,.22), transparent); background-size: 220% 100%; animation: splashFlow 5s ease-in-out infinite; }
.splash-effect-stars a::before, .splash-effect-stars > div::before { background-image: radial-gradient(circle, rgba(255,255,255,.75) 1px, transparent 1px); background-size: 24px 24px; animation: splashStars 7s linear infinite; }
.splash-effect-scan a::before, .splash-effect-scan > div::before { background: linear-gradient(100deg, transparent 0 42%, rgba(255,255,255,.28) 50%, transparent 58%); animation: splashScan 2.6s linear infinite; }
.splash-effect-grid a::before, .splash-effect-grid > div::before { background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px); background-size: 18px 18px; }
.splash-effect-particles a::before, .splash-effect-particles > div::before { background-image: radial-gradient(circle, color-mix(in srgb, var(--accent), white 30%) 1px, transparent 2px); background-size: 30px 30px; animation: splashStars 5s linear infinite reverse; }
.splash-effect-prism a::before, .splash-effect-prism > div::before { background: linear-gradient(120deg, rgba(239,68,68,.16), rgba(34,197,94,.14), rgba(59,130,246,.16), rgba(168,85,247,.16)); background-size: 220% 220%; animation: splashFlow 5.5s ease-in-out infinite; }
.splash-effect-rings a::before, .splash-effect-rings > div::before { background: repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,.16) 0 2px, transparent 2px 24px); animation: splashPulse 3s ease-in-out infinite; }
.splash-effect-comet a::before, .splash-effect-comet > div::before { background: radial-gradient(circle at 0% 30%, rgba(255,255,255,.7), transparent 22%); animation: splashComet 3.8s ease-in-out infinite; }
.splash-effect-lightning a::before, .splash-effect-lightning > div::before { background: linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.95) 44%, rgba(96,165,250,.55) 46%, transparent 50% 100%); opacity: 0; animation: splashLightning 2.8s steps(2, end) infinite; }
.splash-effect-shine a::before, .splash-effect-shine > div::before { background: linear-gradient(105deg, transparent 0 35%, rgba(255,255,255,.55) 48%, transparent 62% 100%); animation: splashScan 2.7s ease-in-out infinite; }
.splash-effect-raindrops a::before, .splash-effect-raindrops > div::before { background-image: radial-gradient(ellipse at 50% 30%, rgba(255,255,255,.45) 0 2px, transparent 3px); background-size: 18px 28px; animation: splashRain 1.2s linear infinite; }
.splash-effect-spark-rain a::before, .splash-effect-spark-rain > div::before { background-image: radial-gradient(circle, rgba(250,204,21,.85) 0 1.5px, transparent 2px), radial-gradient(circle, rgba(255,255,255,.7) 0 1px, transparent 1.5px); background-size: 22px 34px, 35px 48px; animation: splashRain 1.7s linear infinite; }
.splash-effect-pulse-lines a::before, .splash-effect-pulse-lines > div::before { background: repeating-linear-gradient(90deg, rgba(255,255,255,.22) 0 2px, transparent 2px 18px); animation: splashLines 1.8s ease-in-out infinite; }
.splash-effect-meteor a::before, .splash-effect-meteor > div::before { background-image: linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.72) 43% 46%, transparent 48%); background-size: 140px 100%; animation: splashMeteor 1.6s linear infinite; }
.splash-effect-fireflies a::before, .splash-effect-fireflies > div::before { background-image: radial-gradient(circle, rgba(250,204,21,.9) 0 1.5px, transparent 2px), radial-gradient(circle, rgba(255,255,255,.75) 0 1px, transparent 1.5px); background-size: 34px 34px, 53px 42px; animation: splashSpark 1.4s steps(3, end) infinite; }
.splash-effect-holo-grid a::before, .splash-effect-holo-grid > div::before { background-image: linear-gradient(rgba(34,211,238,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(168,85,247,.18) 1px, transparent 1px); background-size: 18px 18px; animation: splashStars 2.4s linear infinite; }
.splash-effect-wave-light a::before, .splash-effect-wave-light > div::before { background: repeating-radial-gradient(ellipse at 50% 120%, rgba(255,255,255,.22) 0 8px, transparent 9px 26px); animation: splashWaveLight 2.3s ease-in-out infinite; }
.splash-effect-rainbow-sweep a::before, .splash-effect-rainbow-sweep > div::before { background: linear-gradient(90deg, rgba(239,68,68,.20), rgba(250,204,21,.20), rgba(34,197,94,.20), rgba(34,211,238,.20), rgba(168,85,247,.20)); background-size: 240% 100%; animation: splashFlow 3.2s linear infinite; }
.splash-effect-data-stream a::before, .splash-effect-data-stream > div::before { background: repeating-linear-gradient(90deg, rgba(34,197,94,.28) 0 2px, transparent 2px 12px), repeating-linear-gradient(0deg, rgba(34,211,238,.12) 0 1px, transparent 1px 10px); animation: splashDataStream 1.4s linear infinite; }
.splash-effect-cinema-scan a::before, .splash-effect-cinema-scan > div::before { background: linear-gradient(180deg, rgba(0,0,0,.24) 0 18%, transparent 18% 82%, rgba(0,0,0,.24) 82% 100%), linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent); animation: splashScan 2.6s ease-in-out infinite; }
.splash-effect-vip-sparkle a::before, .splash-effect-vip-sparkle > div::before { background-image: radial-gradient(circle, rgba(255,255,255,.9) 0 1px, transparent 2px), radial-gradient(circle, rgba(250,204,21,.8) 0 1.5px, transparent 2px); background-size: 28px 24px, 46px 32px; animation: splashSpark 1.2s steps(2, end) infinite; }
.splash-border-neon-flow a, .splash-border-neon-flow > div { box-shadow: 0 0 0 var(--splash-border-width, 2px) #22d3ee, 0 0 24px rgba(34,211,238,.34); }
.splash-border-rainbow a::after, .splash-border-rainbow > div::after, .splash-border-gold-pulse a::after, .splash-border-gold-pulse > div::after, .splash-border-electric a::after, .splash-border-electric > div::after, .splash-border-fire a::after, .splash-border-fire > div::after, .splash-border-ice a::after, .splash-border-ice > div::after, .splash-border-matrix a::after, .splash-border-matrix > div::after, .splash-border-spotlight a::after, .splash-border-spotlight > div::after, .splash-border-dash-run a::after, .splash-border-dash-run > div::after, .splash-border-double-glow a::after, .splash-border-double-glow > div::after, .splash-border-soft-glass a::after, .splash-border-soft-glass > div::after, .splash-border-news-flash a::after, .splash-border-news-flash > div::after, .splash-border-tech-circuit a::after, .splash-border-tech-circuit > div::after, .splash-border-casino-lights a::after, .splash-border-casino-lights > div::after, .splash-border-game-hud a::after, .splash-border-game-hud > div::after, .splash-border-sports-score a::after, .splash-border-sports-score > div::after, .splash-border-finance-signal a::after, .splash-border-finance-signal > div::after, .splash-border-music-eq a::after, .splash-border-music-eq > div::after, .splash-border-vip-chrome a::after, .splash-border-vip-chrome > div::after, .splash-border-meteor a::after, .splash-border-meteor > div::after, .splash-border-hologram a::after, .splash-border-hologram > div::after, .splash-border-pulse-rings a::after, .splash-border-pulse-rings > div::after, .splash-border-chrome-sweep a::after, .splash-border-chrome-sweep > div::after, .splash-border-laser-corners a::after, .splash-border-laser-corners > div::after, .splash-border-dotted-glow a::after, .splash-border-dotted-glow > div::after, .splash-border-aurora a::after, .splash-border-aurora > div::after, .splash-border-liquid a::after, .splash-border-liquid > div::after, .splash-border-warning-stripes a::after, .splash-border-warning-stripes > div::after, .splash-border-premium-red a::after, .splash-border-premium-red > div::after { padding: max(2px, var(--splash-border-width, 2px)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: 3; }
.splash-border-rainbow a::after, .splash-border-rainbow > div::after { background: conic-gradient(#ef4444, #f97316, #eab308, #22c55e, #06b6d4, #6366f1, #d946ef, #ef4444); animation: splashSpin 3s linear infinite; }
.splash-border-gold-pulse a::after, .splash-border-gold-pulse > div::after { background: linear-gradient(90deg, #78350f, #facc15, #fff7ad, #f59e0b); animation: splashPulse 1.6s ease-in-out infinite; }
.splash-border-electric a::after, .splash-border-electric > div::after, .splash-border-tech-circuit a::after, .splash-border-tech-circuit > div::after { background: repeating-linear-gradient(90deg, #67e8f9 0 10px, #2563eb 10px 14px, #fff 14px 16px); animation: splashDash 1s linear infinite; }
.splash-border-fire a::after, .splash-border-fire > div::after { background: linear-gradient(90deg, #7f1d1d, #ef4444, #f97316, #fde68a); background-size: 220% 100%; animation: splashFlow 1.8s linear infinite; }
.splash-border-ice a::after, .splash-border-ice > div::after, .splash-border-soft-glass a::after, .splash-border-soft-glass > div::after { background: linear-gradient(90deg, #e0f2fe, #38bdf8, #fff, #0ea5e9); animation: splashPulse 2s ease-in-out infinite; }
.splash-border-matrix a::after, .splash-border-matrix > div::after, .splash-border-game-hud a::after, .splash-border-game-hud > div::after { background: repeating-linear-gradient(90deg, #052e16 0 8px, #22c55e 8px 10px, #86efac 10px 12px); animation: splashDash 1.2s linear infinite; }
.splash-border-spotlight a::after, .splash-border-spotlight > div::after, .splash-border-double-glow a::after, .splash-border-double-glow > div::after { background: linear-gradient(110deg, transparent 0 35%, rgba(255,255,255,.9) 46%, transparent 58%); animation: splashScan 2.2s ease-in-out infinite; }
.splash-border-dash-run a, .splash-border-dash-run > div { border-style: dashed; animation: splashBorderBlink 1.1s linear infinite; }
.splash-border-news-flash a::after, .splash-border-news-flash > div::after, .splash-border-sports-score a::after, .splash-border-sports-score > div::after { background: repeating-linear-gradient(90deg, #ef4444 0 14px, #fff 14px 18px, #991b1b 18px 32px); animation: splashDash .8s linear infinite; }
.splash-border-casino-lights a::after, .splash-border-casino-lights > div::after { background: radial-gradient(circle, #fef08a 0 18%, transparent 20%) 0 0 / 20px 20px, linear-gradient(90deg, #ca8a04, #7c2d12); animation: splashDash 1.1s linear infinite; }
.splash-border-finance-signal a::after, .splash-border-finance-signal > div::after { background: linear-gradient(90deg, #064e3b, #10b981, #bbf7d0, #10b981); background-size: 220% 100%; animation: splashFlow 2s linear infinite; }
.splash-border-music-eq a::after, .splash-border-music-eq > div::after { background: repeating-linear-gradient(90deg, #ec4899 0 6px, #a855f7 6px 12px, #22d3ee 12px 18px); animation: splashDash .65s steps(4, end) infinite; }
.splash-border-vip-chrome a::after, .splash-border-vip-chrome > div::after { background: linear-gradient(90deg, #111827, #fef3c7, #94a3b8, #fbbf24); background-size: 220% 100%; animation: splashFlow 2.2s linear infinite; }
.splash-border-meteor a::after, .splash-border-meteor > div::after { background: linear-gradient(100deg, transparent 0 35%, #fff 44%, #38bdf8 50%, transparent 60%); animation: splashScan 1.25s linear infinite; }
.splash-border-hologram a::after, .splash-border-hologram > div::after { background: linear-gradient(90deg, #22d3ee, #f0abfc, #a7f3d0, #22d3ee); background-size: 260% 100%; animation: splashFlow 2s linear infinite; }
.splash-border-pulse-rings a::after, .splash-border-pulse-rings > div::after { background: radial-gradient(circle at 50% 50%, transparent 0 36%, rgba(34,211,238,.85) 38%, transparent 52%); animation: splashPulse 1.35s ease-in-out infinite; }
.splash-border-chrome-sweep a::after, .splash-border-chrome-sweep > div::after { background: linear-gradient(90deg, #111827, #f8fafc, #94a3b8, #f8fafc, #111827); background-size: 260% 100%; animation: splashFlow 1.8s linear infinite; }
.splash-border-laser-corners a::after, .splash-border-laser-corners > div::after { background: conic-gradient(from 45deg, #22d3ee 0 9%, transparent 9% 41%, #a855f7 41% 59%, transparent 59% 91%, #22d3ee 91%); animation: splashSpin 3.2s linear infinite; }
.splash-border-dotted-glow a::after, .splash-border-dotted-glow > div::after { background: radial-gradient(circle, #fef08a 0 2px, transparent 3px) 0 0 / 18px 18px, linear-gradient(90deg, #f59e0b, #ef4444); animation: splashDash 1s linear infinite; }
.splash-border-aurora a::after, .splash-border-aurora > div::after { background: linear-gradient(90deg, #22c55e, #22d3ee, #a855f7, #fb7185, #22c55e); background-size: 320% 100%; animation: splashFlow 3.2s ease-in-out infinite; }
.splash-border-liquid a::after, .splash-border-liquid > div::after { background: linear-gradient(90deg, #0ea5e9, #14b8a6, #8b5cf6, #0ea5e9); background-size: 260% 100%; animation: splashFlow 2.3s ease-in-out infinite; }
.splash-border-warning-stripes a::after, .splash-border-warning-stripes > div::after { background: repeating-linear-gradient(120deg, #facc15 0 12px, #111827 12px 24px); animation: splashDash .85s linear infinite; }
.splash-border-premium-red a::after, .splash-border-premium-red > div::after { background: linear-gradient(90deg, #450a0a, #ef4444, #fecaca, #7f1d1d); background-size: 260% 100%; animation: splashFlow 1.9s linear infinite; }
.splash-anim-float { animation: splashFloat 3s ease-in-out infinite; }
.splash-anim-pulse { animation: splashCardPulse 2s ease-in-out infinite; }
.splash-anim-bounce { animation: splashBounce 1s cubic-bezier(.2,1.35,.3,1) both; }
.splash-anim-glow { animation: splashGlow 2.2s ease-in-out infinite; }
.splash-anim-shake { animation: splashShake 1.3s ease-in-out infinite; }
.splash-anim-tilt { animation: splashTilt 2.2s ease-in-out infinite; }
.splash-anim-zoom { animation: splashZoom 2.4s ease-in-out infinite; }
.splash-anim-flip { animation: splashFlip 3s ease-in-out infinite; transform-style: preserve-3d; }
.splash-anim-wave { animation: splashWave 1.8s ease-in-out infinite; }
.splash-anim-spotlight a::before, .splash-anim-spotlight > div::before { background: linear-gradient(100deg, transparent 0 42%, rgba(255,255,255,.34) 50%, transparent 58%); animation: splashScan 2.4s ease-in-out infinite; }
.splash-anim-spark { animation: splashSpark 1.1s steps(2, end) infinite; }
.splash-anim-heartbeat { animation: splashHeartbeat 1.9s ease-in-out infinite; }
.splash-anim-swing { animation: splashSwing 2.1s ease-in-out infinite; transform-origin: 50% 0; }
.splash-anim-jelly { animation: splashJelly 1.8s cubic-bezier(.2,1.25,.3,1) infinite; }
.splash-anim-rotate { animation: splashRotateSoft 2.8s ease-in-out infinite; }
.splash-anim-blur-pulse { animation: splashBlurPulse 2.2s ease-in-out infinite; }
.splash-anim-slide-glow { animation: splashSlideGlow 2.4s ease-in-out infinite; }
.splash-anim-pop { animation: splashPop .8s cubic-bezier(.2,1.35,.3,1) both; }
.splash-anim-drift { animation: splashDrift 4.2s ease-in-out infinite; }
.splash-anim-flash { animation: splashFlash 1.2s steps(2, end) infinite; }
@keyframes splashIn { from { opacity: 0; transform: translateY(-46%) scale(.96); } to { opacity: 1; transform: translateY(-50%) scale(1); } }
@keyframes splashLoopUp { from { transform: translate3d(0,0,0); } to { transform: translate3d(0,-50%,0); } }
@keyframes splashLoopDown { from { transform: translate3d(0,-50%,0); } to { transform: translate3d(0,0,0); } }
@keyframes splashSingleUp { from { transform: translate3d(0,120%,0); opacity: 0; } 12%, 82% { opacity: 1; } to { transform: translate3d(0,-120%,0); opacity: 0; } }
@keyframes splashSingleDown { from { transform: translate3d(0,-120%,0); opacity: 0; } 12%, 82% { opacity: 1; } to { transform: translate3d(0,120%,0); opacity: 0; } }
@keyframes splashFlow { 0%, 100% { background-position: 0 0; } 50% { background-position: 100% 0; } }
@keyframes splashStars { from { background-position: 0 0; } to { background-position: 60px 60px; } }
@keyframes splashScan { from { transform: translateX(-115%); } to { transform: translateX(115%); } }
@keyframes splashPulse { 0%, 100% { opacity: .45; } 50% { opacity: 1; } }
@keyframes splashComet { from { transform: translateX(-45%); } to { transform: translateX(135%); } }
@keyframes splashLightning { 0%, 88%, 100% { opacity: 0; filter: brightness(1); } 90% { opacity: .9; filter: brightness(1.8); } 94% { opacity: .25; } 97% { opacity: .75; } }
@keyframes splashRain { from { background-position: 0 -40px, 0 -55px; } to { background-position: 0 40px, 0 55px; } }
@keyframes splashLines { 0%, 100% { opacity: .18; transform: translateX(-12px); } 50% { opacity: .55; transform: translateX(12px); } }
@keyframes splashSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes splashDash { from { background-position: 0 0; } to { background-position: 28px 0; } }
@keyframes splashBorderBlink { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.24); } }
@keyframes splashFloat { 0%, 100% { transform: translateY(-50%); } 50% { transform: translateY(calc(-50% - 5px)); } }
@keyframes splashCardPulse { 0%, 100% { transform: translateY(-50%) scale(1); } 50% { transform: translateY(-50%) scale(1.025); } }
@keyframes splashBounce { from { opacity: 0; transform: translateY(-55%) scale(.92); } 62% { transform: translateY(-48%) scale(1.03); } to { opacity: 1; transform: translateY(-50%) scale(1); } }
@keyframes splashGlow { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.18) drop-shadow(0 0 14px color-mix(in srgb, var(--accent), transparent 45%)); } }
@keyframes splashShake { 0%, 100% { transform: translateY(-50%) translateX(0); } 20% { transform: translateY(-50%) translateX(-2px); } 40% { transform: translateY(-50%) translateX(2px); } 60% { transform: translateY(-50%) translateX(-1px); } 80% { transform: translateY(-50%) translateX(1px); } }
@keyframes splashTilt { 0%, 100% { transform: translateY(-50%) rotate(0); } 50% { transform: translateY(-50%) rotate(2deg); } }
@keyframes splashZoom { 0%, 100% { transform: translateY(-50%) scale(1); } 50% { transform: translateY(-50%) scale(1.035); } }
@keyframes splashFlip { 0%, 100% { transform: translateY(-50%) rotateY(0); } 50% { transform: translateY(-50%) rotateY(8deg); } }
@keyframes splashWave { 0%, 100% { transform: translateY(-50%); } 50% { transform: translateY(calc(-50% - 4px)) skewY(-1deg); } }
@keyframes splashSpark { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.35) saturate(1.25); } }
@keyframes splashHeartbeat { 0%, 100% { transform: translateY(-50%) scale(1); } 16% { transform: translateY(-50%) scale(1.035); } 30% { transform: translateY(-50%) scale(1); } 44% { transform: translateY(-50%) scale(1.02); } }
@keyframes splashMeteor { from { background-position: -160px 0; } to { background-position: 180px 0; } }
@keyframes splashWaveLight { 0%, 100% { transform: translateY(0) scale(1); opacity: .30; } 50% { transform: translateY(-7%) scale(1.04); opacity: .72; } }
@keyframes splashDataStream { from { background-position: 0 0, 0 0; } to { background-position: 44px 0, 0 24px; } }
@keyframes splashSwing { 0%, 100% { transform: translateY(-50%) rotate(0); } 35% { transform: translateY(-50%) rotate(2deg); } 70% { transform: translateY(-50%) rotate(-1.6deg); } }
@keyframes splashJelly { 0%, 100% { transform: translateY(-50%) scale(1); } 38% { transform: translateY(-50%) scale(1.035,.97); } 68% { transform: translateY(-50%) scale(.985,1.025); } }
@keyframes splashRotateSoft { 0%, 100% { transform: translateY(-50%) rotate(0); } 50% { transform: translateY(-50%) rotate(3deg); } }
@keyframes splashBlurPulse { 0%, 100% { transform: translateY(-50%) scale(1); filter: blur(0) brightness(1); } 50% { transform: translateY(-50%) scale(1.02); filter: blur(.7px) brightness(1.18); } }
@keyframes splashSlideGlow { 0%, 100% { transform: translateY(-50%) translateX(0); filter: brightness(1); } 50% { transform: translateY(-50%) translateX(5px); filter: brightness(1.2) drop-shadow(0 0 14px color-mix(in srgb, var(--accent), transparent 42%)); } }
@keyframes splashPop { from { opacity: 0; transform: translateY(-50%) scale(.88); } 70% { transform: translateY(-50%) scale(1.04); } to { opacity: 1; transform: translateY(-50%) scale(1); } }
@keyframes splashDrift { 0%, 100% { transform: translateY(-50%) translateX(0); } 50% { transform: translateY(calc(-50% - 5px)) translateX(4px); } }
@keyframes splashFlash { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.35) saturate(1.25); } }
.public-footer p { width: 100%; max-width: none; margin: 0; }
.maintenance-public { display: grid; align-items: center; }
.maintenance-page { width: min(680px, calc(100% - 28px)); margin: 0 auto; padding: 42px 0; }
.maintenance-page .profile { min-height: 220px; align-content: center; }
.footer-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.footer-button { color: #062015; background: var(--accent); border-radius: 8px; padding: var(--footer-button-py, 8px) var(--footer-button-px, 12px); text-decoration: none; font-weight: 850; font-size: var(--footer-button-size, 14px); }
.footer-button.secondary { color: var(--link-text); background: color-mix(in srgb, var(--accent), white 84%); }
.public-page-actions { position: fixed; left: 0; right: 0; bottom: calc(var(--footer-height, 38px) + var(--footer-pt, 4px) + var(--footer-pb, 16px) + 14px); z-index: 42; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; padding: 0 14px; pointer-events: none; }
.public-page-actions > * { pointer-events: auto; }
.public:not(:has(.public-footer)) .public-page-actions { bottom: 18px; }
.public:has(.public-page-actions) .bio-page { padding-bottom: calc(var(--footer-height, 38px) + var(--footer-pt, 4px) + var(--footer-pb, 16px) + 112px); }
.public-page-actions .donate-widget,
.public-page-actions .page-report-widget { justify-items: center; }
.public-page-actions .donate-popover,
.public-page-actions .page-report-form { left: 50%; right: auto; transform: translateX(-50%); }
.page-report-widget { position: relative; display: inline-grid; justify-items: end; color: var(--link-text, #17202a); }
.page-report-widget > summary { list-style: none; cursor: pointer; user-select: none; border: 1px solid transparent; display: inline-flex; align-items: center; gap: 7px; position: relative; overflow: hidden; }
.page-report-widget > summary::-webkit-details-marker { display: none; }
.page-report-widget img { width: 20px; height: 20px; object-fit: contain; border-radius: 6px; }
.page-report-icon { display: inline-grid; place-items: center; min-width: 20px; min-height: 20px; }
.page-report-form { position: absolute; right: 0; bottom: calc(100% + 10px); width: min(360px, calc(100vw - 28px)); max-height: min(420px, calc(100vh - 120px)); overflow: auto; display: grid; gap: 10px; padding: 12px; border-radius: 10px; background: color-mix(in srgb, var(--page-bg, #fff), white 90%); color: #17202a; border: 1px solid rgba(15,23,42,.16); box-shadow: 0 24px 70px rgba(0,0,0,.24); text-align: left; z-index: 92; }
.floating-popover-close { justify-self: end; width: 34px; height: 34px; display: inline-grid; place-items: center; border-radius: 999px; padding: 0; font-size: 18px; line-height: 1; background: rgba(15,23,42,.08); color: inherit; }
.floating-popover-close:hover { background: #ef4444; color: #fff; }
.page-report-form textarea { min-height: 96px; resize: vertical; }
.page-report-theme-dark > summary { background: #0f172a; color: #f8fafc; }
.page-report-theme-light > summary { background: #f8fafc; color: #0f172a; }
.page-report-theme-danger > summary { background: #ef4444; color: #fff; }
.page-report-theme-glass > summary { background: rgba(255,255,255,.24); color: var(--bio-text, #fff); backdrop-filter: blur(12px); }
.page-report-theme-neon > summary { background: #020617; color: #67e8f9; box-shadow: 0 0 20px rgba(34,211,238,.36); }
.page-report-effect-pulse > summary { animation: donatePulse 2.4s ease-in-out infinite; }
.page-report-effect-float > summary { animation: donateFloat 3s ease-in-out infinite; }
.page-report-effect-shake > summary:hover { animation: donateShake .65s ease-in-out; }
.page-report-effect-shine > summary::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 0 35%, rgba(255,255,255,.58) 48%, transparent 62%); transform: translateX(-120%); animation: donateShine 1.8s ease-in-out infinite; }
.donate-widget { position: relative; display: inline-grid; justify-items: end; color: var(--link-text, #17202a); }
.donate-widget > summary { list-style: none; cursor: pointer; user-select: none; border: 1px solid transparent; position: relative; overflow: hidden; }
.donate-widget > summary::-webkit-details-marker { display: none; }
.donate-widget[open] > summary { filter: brightness(1.05); }
.donate-popover { position: absolute; right: 0; bottom: calc(100% + 10px); width: min(360px, calc(100vw - 28px)); max-height: min(460px, calc(100vh - 120px)); overflow: auto; display: grid; gap: 10px; padding: 12px; border-radius: 10px; background: color-mix(in srgb, var(--page-bg, #fff), white 90%); color: #17202a; border: 1px solid rgba(15,23,42,.16); box-shadow: 0 24px 70px rgba(0,0,0,.24); text-align: left; z-index: 90; }
.panel-donate-shell .donate-popover { background: var(--card, #fff); color: var(--text, #17202a); }
.donate-method { display: grid; gap: 4px; padding: 10px; border-radius: 8px; background: rgba(15,23,42,.05); color: inherit; text-decoration: none; border: 1px solid rgba(15,23,42,.10); overflow-wrap: anywhere; }
.donate-method small { color: var(--muted, #64748b); font-weight: 800; }
.donate-method em { font-style: normal; color: var(--muted, #64748b); }
.payment-detail { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; overflow-wrap: anywhere; }
.payment-detail strong { font-weight: 850; }
.copy-payment-value { min-height: 30px; padding: 6px 10px; border-radius: 999px; font-size: 12px; }
.payment-open-link { min-height: 34px; padding: 8px 12px; font-size: 13px; }
.donate-theme-gold > summary { background: linear-gradient(135deg, #facc15, #b45309); color: #271303; }
.donate-theme-neon > summary { background: #020617; color: #67e8f9; box-shadow: 0 0 20px rgba(34,211,238,.36); }
.donate-theme-glass > summary { background: rgba(255,255,255,.24); color: var(--bio-text, #fff); backdrop-filter: blur(12px); }
.donate-theme-dark > summary { background: #0f172a; color: #f8fafc; }
.donate-theme-light > summary { background: #f8fafc; color: #0f172a; }
.donate-theme-rainbow > summary { background: linear-gradient(90deg, #ef4444, #f59e0b, #22c55e, #06b6d4, #8b5cf6); color: #fff; }
.donate-theme-minimal > summary { background: transparent; color: var(--bio-text, #17202a); border-color: currentColor; }
.donate-cursor-glow > summary:hover { box-shadow: 0 0 28px color-mix(in srgb, var(--accent), transparent 45%); }
.donate-cursor-magnet > summary:hover { transform: translateY(-2px) scale(1.03); }
.donate-cursor-spark > summary:hover::after, .donate-motion-shine > summary::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 0 35%, rgba(255,255,255,.58) 48%, transparent 62%); transform: translateX(-120%); animation: donateShine 1.8s ease-in-out infinite; }
.donate-cursor-zoom > summary:hover { transform: scale(1.06); }
.donate-border-soft > summary { border-color: color-mix(in srgb, var(--accent), white 45%); }
.donate-border-glow > summary { border-color: var(--accent); box-shadow: 0 0 18px color-mix(in srgb, var(--accent), transparent 50%); }
.donate-border-dash > summary { border-style: dashed; animation: donateDash 1.6s linear infinite; }
.donate-border-rainbow > summary { border-color: transparent; box-shadow: 0 0 0 2px #22d3ee, 0 0 0 4px #a855f7; }
.donate-border-gold > summary { border-color: #facc15; box-shadow: 0 0 20px rgba(250,204,21,.30); }
.donate-motion-pulse > summary { animation: donatePulse 2.4s ease-in-out infinite; }
.donate-motion-float > summary { animation: donateFloat 3s ease-in-out infinite; }
.donate-motion-shake > summary:hover { animation: donateShake .65s ease-in-out; }
.donate-motion-heartbeat > summary { animation: donateHeartbeat 2s ease-in-out infinite; }
@keyframes donatePulse { 0%,100% { filter: brightness(1); } 50% { filter: brightness(1.14); } }
@keyframes donateFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes donateShake { 0%,100% { transform: translateX(0); } 25% { transform: translateX(-2px); } 75% { transform: translateX(2px); } }
@keyframes donateHeartbeat { 0%,100% { transform: scale(1); } 18% { transform: scale(1.05); } 32% { transform: scale(1); } 48% { transform: scale(1.03); } }
@keyframes donateShine { from { transform: translateX(-120%); } to { transform: translateX(120%); } }
@keyframes donateDash { 0%,100% { filter: hue-rotate(0); } 50% { filter: hue-rotate(35deg); } }
@media (max-width: 900px) {
  .shell { width: 100%; min-height: 100dvh; height: auto; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; overflow: visible; }
  .shell.mobile-panel-menu .panel-main { display: none; }
  .shell.mobile-panel-page .sidebar { display: none; }
  .shell.mobile-panel-menu .sidebar { height: 100dvh; max-height: 100dvh; overflow: hidden; align-content: start; padding: 14px; display: flex; flex-direction: column; gap: 10px; }
  .shell.mobile-panel-menu.menu-top .sidebar { max-height: 100dvh; overflow: hidden; }
  .shell.mobile-panel-menu .sidebar .brand { font-size: 24px; }
  .shell.mobile-panel-menu .sidebar .nav { display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; flex: 1 1 auto; min-height: 0; gap: 8px; padding-right: 2px; scrollbar-width: none; }
  .shell.mobile-panel-menu .sidebar .nav::-webkit-scrollbar { width: 0; height: 0; display: none; }
  .shell.mobile-panel-menu .sidebar .nav button { width: 100%; min-width: 0; min-height: 48px; white-space: normal; }
  .shell.mobile-panel-menu .sidebar .nav button span:not(.nav-drag-handle):first-of-type,
  .nav-hidden-summary span,
  .collapsible-panel summary span:first-of-type,
  .feature-category > summary > span,
  .feature-access-control > summary > span,
  .admin-pages button span:first-child,
  .panel-template-grid button,
  .template-grid button {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: auto;
    white-space: normal;
  }
  .shell.mobile-panel-menu .sidebar .nav button span:not(.nav-drag-handle):first-of-type,
  .collapsible-panel summary span:first-of-type,
  .feature-category > summary > span,
  .feature-access-control > summary > span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .shell.menu-right .sidebar, .shell.menu-right .panel-main { grid-column: 1; grid-row: auto; }
  .shell.menu-top .sidebar { flex-direction: column; align-items: stretch; }
  .shell.menu-top .nav { display: flex; flex-direction: column; flex-basis: auto; }
  .menu-drop-zones [data-menu-drop="left"], .menu-drop-zones [data-menu-drop="right"] { width: 96px; }
  .menu-drop-zones [data-menu-drop="top"] { left: 110px; right: 110px; height: 88px; }
  .sidebar { position: static; min-height: 0; padding: 10px 12px; gap: 10px; }
  .sidebar .brand, .sidebar .menu-drag-hint, .sidebar .user-pill, .sidebar .translation-menu, .sidebar .translation-box, .sidebar-utility, .sidebar-utility > button { min-width: 0; }
  .shell.mobile-panel-menu .sidebar-utility { flex: 0 0 auto; margin-top: 0; padding-top: 8px; position: static; background: var(--sidebar, #101820); }
  .shell.mobile-panel-menu .sidebar .translation-menu { margin-top: 0; }
  .shell.mobile-panel-menu .sidebar .translation-menu > summary { min-height: 46px; }
  .shell.mobile-panel-page .sidebar .nav { display: flex; gap: 6px; overflow-x: auto; overflow-y: hidden; padding-bottom: 2px; scrollbar-width: none; }
  .shell.mobile-panel-page .sidebar .nav::-webkit-scrollbar { width: 0; height: 0; display: none; }
  .shell.mobile-panel-page .sidebar .nav button { flex: 0 0 auto; width: auto; min-width: max-content; min-height: 38px; grid-template-columns: auto minmax(0, auto) auto; white-space: nowrap; }
  .nav-hidden-section { max-width: 100%; flex: 0 0 auto; }
  .nav-hidden-list { max-height: none; overflow: visible; }
  .shell.mobile-panel-menu { height: 100dvh; overflow: hidden; }
  .shell.mobile-panel-page { min-height: 100dvh; height: auto; overflow: visible; }
  .panel-main { min-height: 100dvh; height: auto; overflow: visible; }
  .panel-searchbar { padding: 12px 12px 0; }
  .shell.mobile-panel-page .panel-main > .panel-searchbar:not(.mobile-search-visible) { display: none; }
  .shell.mobile-panel-menu .sidebar > .panel-searchbar { padding: 0; background: transparent; z-index: 2; }
  .shell.mobile-panel-menu .sidebar .panel-search-results { left: 0; right: 0; top: calc(100% + 6px); max-height: 42vh; }
  .mobile-panel-controls { display: grid; grid-template-columns: auto auto auto auto minmax(0, 1fr); gap: 8px; align-items: center; padding: 10px 12px 0; background: var(--bg); }
  .mobile-panel-controls button { min-height: 38px; padding: 8px 10px; }
  .mobile-panel-controls strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; justify-self: end; }
  .panel-searchbox { width: 100%; }
  .panel-search-results { left: 12px; right: 12px; max-height: 52vh; }
  .content { height: auto; min-height: 0; overflow: visible; padding: 14px; }
  .panel-footer-adbar-shell { padding-inline: 10px; padding-bottom: 10px; }
  .panel-donate-shell { right: 10px; bottom: 10px; }
  .panel-footer-adbar-shell + .panel-donate-shell { bottom: 74px; }
  .shell.has-panel-footer-adbar .content { padding-bottom: max(var(--panel-space-28, 28px), 82px); }
  .span-4, .span-5, .span-6, .span-7, .span-8, .span-12 { grid-column: span 12; }
  .panel-split { grid-template-columns: 1fr; gap: var(--panel-space-12, 12px); }
  .panel-splitter { display: none; }
  .panel-split-pane > .card { height: auto; }
  .panel-split-left > .card, .panel-split-right > .card { border-radius: 8px; }
  .form-grid, .upload-row { grid-template-columns: 1fr; }
  .split-grid { grid-template-columns: 1fr; }
  .template-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .panel-template-grid { grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)); }
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .public-ads, .promo-grid { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
  .market-grid { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
  .entertainment-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
  .public-menu-toggle { display: block; }
  .public-lang { top: 62px; right: 10px; z-index: 44; max-width: min(260px, calc(100vw - 20px)); }
  .public:has(.public-menu-toggle.menu-right) .public-lang { left: 10px; right: auto; }
  .public-lang-options { flex-wrap: wrap; }
  .public-header, .public-header.nav-left, .public-header.nav-right { position: fixed; top: 0; bottom: 0; width: min(82vw, 320px); height: 100vh; margin: 0; padding: 68px 14px 18px; display: grid; align-content: start; justify-content: stretch; gap: 9px; overflow-y: auto; background: color-mix(in srgb, var(--page-bg, #0f172a), #020617 38%); border: 1px solid color-mix(in srgb, var(--accent), white 18%); box-shadow: 0 24px 70px rgba(2,6,23,.42); z-index: 41; transition: transform .22s ease; }
  .public-header { scrollbar-width: none; -ms-overflow-style: none; }
  .public-header::-webkit-scrollbar { width: 0; height: 0; display: none; }
  .public-header.mobile-left { left: 0; right: auto; border-radius: 0 14px 14px 0; transform: translateX(-105%); }
  .public-header.mobile-right { right: 0; left: auto; border-radius: 14px 0 0 14px; transform: translateX(105%); }
  .public-header.menu-open { transform: translateX(0); }
  .public-header a, .public-header.nav-left a, .public-header.nav-right a { width: 100%; text-align: left; padding: 12px 14px; font-size: 15px; line-height: 1.15; }
  .side-splash { display: none; }
  .landing-header, .landing-main { width: min(100% - 20px, 760px); }
  .landing-header { align-items: flex-start; flex-direction: column; }
  .landing-header nav { width: 100%; justify-content: flex-start; }
  .landing-hero { grid-template-columns: 1fr; min-height: 0; padding: 20px; }
  .landing-grid, .landing-link-grid { grid-template-columns: 1fr; }
  .landing-splash { display: none; }
  .topbar { align-items: start; flex-direction: column; }
  .panel-section-category > summary { min-height: 46px; }
}
@media (min-width: 901px) {
  .mobile-panel-controls { display: none; }
}
@media (max-width: 520px) {
  .public { background-attachment: scroll; padding-bottom: 0; }
  .template-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .panel-template-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .public-lang { top: 62px; right: 8px; gap: 4px; }
  .public:has(.public-menu-toggle.menu-right) .public-lang { left: 8px; right: auto; }
  .public-lang button { padding: 6px 8px; }
  .public-header, .public-header.nav-left, .public-header.nav-right { width: min(86vw, 300px); padding-top: 64px; overflow-x: hidden; flex-wrap: initial; }
  .public-header a, .public-header.nav-left a, .public-header.nav-right a { flex: initial; padding: 11px 12px; font-size: 14px; }
  .market-grid { grid-template-columns: 1fr; }
  .entertainment-grid { grid-template-columns: 1fr; }
  .entertainment-card { width: 100%; }
  .entertainment-frame-wrap { grid-template-rows: minmax(180px, min(var(--entertainment-height, 540px), 56vw)) auto; }
  .entertainment-frame { height: min(var(--entertainment-height, 540px), 56vw); min-height: 180px; max-height: 420px; }
  .entertainment-card.cinema-mode { inset: 8px; padding: 8px; }
  .entertainment-card.cinema-mode .entertainment-frame-wrap { height: min(74vh, calc(100vh - 150px)); }
  .entertainment-controls { justify-content: stretch; }
  .entertainment-controls button { flex: 1 1 88px; }
  .bio-page { width: calc(100% - 20px); padding: 14px 0 calc(var(--footer-height, 38px) + var(--footer-pt, 4px) + var(--footer-pb, 16px) + 28px); }
  .cover { height: 138px; margin-bottom: -38px; }
  .profile { gap: 8px; margin-bottom: 16px; }
  .profile.with-box { padding: 14px; }
  .avatar { width: 88px; height: 88px; border-width: 3px; }
  .avatar.oval { width: 108px; }
  .avatar.capsule, .avatar.tv { width: 108px; }
  .avatar.vertical-oval { height: 108px; }
  .profile h1 { font-size: 24px; line-height: 1.15; overflow-wrap: anywhere; }
  .profile p { font-size: 14px; overflow-wrap: anywhere; }
  .public-ads, .promo-grid { grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); gap: 8px; margin-bottom: 14px; }
  .ad-copy { padding: 8px; }
  .ad-copy strong { font-size: 13px; }
  .ad-copy small { font-size: 12px; }
  .bio-links, .link-list { gap: 9px; }
  .bio-links.with-box, .link-list.with-box { padding: 9px; }
  .bio-link, .link-card { grid-template-columns: 46px minmax(0, 1fr); padding: 11px; column-gap: 10px; }
  .bio-link.has-media.image, .link-card.has-media { grid-template-columns: 52px minmax(0, 1fr); }
  .bio-link strong, .bio-link small, .link-card strong, .link-card small { overflow-wrap: anywhere; }
  .link-media, .link-thumb { width: 46px; height: 46px; }
  .coupon-box { grid-template-columns: 1fr; align-items: stretch; }
  .payment-box { grid-template-columns: 56px minmax(0, 1fr); gap: 10px; padding: 12px; }
  .payment-box img { width: 56px; height: 56px; }
  .public-payments h2, .custom-block h2 { font-size: 17px; }
  .instagram-block iframe { min-height: 420px; }
  .public-footer { padding-left: 10px; padding-right: 10px; }
  .footer-actions { gap: 6px; }
  .public-page-actions { bottom: calc(var(--footer-height, 38px) + var(--footer-pt, 4px) + var(--footer-pb, 16px) + 10px); gap: 7px; padding-inline: 10px; }
  .public:not(:has(.public-footer)) .public-page-actions { bottom: 12px; }
  .donate-widget[open], .page-report-widget[open] { position: fixed !important; inset: 0 !important; z-index: 180; display: grid; place-items: center; justify-items: center; padding: 16px; background: rgba(2,6,23,.58); color: var(--text, #17202a); pointer-events: auto; }
  .donate-widget[open] > summary, .page-report-widget[open] > summary { position: fixed; top: 12px; right: 12px; z-index: 182; width: 42px; height: 42px; display: inline-grid; place-items: center; padding: 0; border-radius: 999px; background: rgba(255,255,255,.92); color: #0f172a; font-size: 0; box-shadow: 0 12px 32px rgba(2,6,23,.24); }
  .donate-widget[open] > summary::before, .page-report-widget[open] > summary::before { content: "X"; font-size: 16px; font-weight: 950; }
  .donate-widget[open] > summary > *, .page-report-widget[open] > summary > * { display: none; }
  .donate-widget[open] .donate-popover,
  .page-report-widget[open] .page-report-form,
  .public-page-actions .donate-widget[open] .donate-popover,
  .public-page-actions .page-report-widget[open] .page-report-form,
  .panel-donate-shell .donate-widget[open] .donate-popover { position: relative; left: auto; right: auto; bottom: auto; transform: none; width: min(420px, calc(100vw - 28px)); max-height: calc(100dvh - 88px); overflow: auto; z-index: 181; }
  .public-page-actions .donate-widget[open], .public-page-actions .page-report-widget[open], .panel-donate-shell .donate-widget[open] { justify-items: center; }
  .public-page-actions .donate-widget[open],
  .public-page-actions .page-report-widget[open] { pointer-events: auto; }
  .public-lang { top: 62px; right: 8px; z-index: 44; }
  .public-menu-toggle.menu-right + .public-header ~ .public-lang,
  .public:has(.public-menu-toggle.menu-right) .public-lang { left: 8px; right: auto; }
  .floating-contact { right: 10px; bottom: calc(var(--footer-height, 38px) + 24px); max-width: calc(100% - 20px); }
  .public-contact-dock { right: 10px; bottom: calc(var(--footer-height, 38px) + 24px); max-width: calc(100% - 20px); }
  .public-contact-dock-item { grid-template-columns: minmax(0, auto) minmax(40px, max-content); }
  .public-contact-dock-item::before { max-width: 136px; }
  .age-gate, .public-popup { padding: 10px; }
  .age-gate > div, .public-popup > div { width: min(100%, 360px); padding: 14px; }
}