.dbn-root{--background:oklch(16% .055 285);--foreground:oklch(98% .01 90);--surface:oklch(22% .06 285);--surface-2:oklch(28% .075 288);--primary:oklch(78% .17 65);--primary-foreground:oklch(20% .05 60);--muted-foreground:oklch(78% .03 285);--accent:oklch(68% .17 20);--accent-foreground:oklch(99% .01 90);--border:oklch(40% .05 285/.55);--online:oklch(78% .19 145);--ready:oklch(78% .17 220);--winner:oklch(85% .17 85);--ticket:oklch(97% .02 85);--ticket-foreground:oklch(22% .05 285);--ticket-line:oklch(72% .14 55);--marked:oklch(68% .2 22);--marked-foreground:oklch(99% .01 90);--gradient-gold:linear-gradient(135deg, oklch(86% .17 85), oklch(72% .19 55));--gradient-called:linear-gradient(135deg, oklch(72% .2 25), oklch(55% .23 15));--gradient-bg:radial-gradient(1000px 500px at 100% -10%, oklch(40% .16 300/.5), transparent 60%), radial-gradient(800px 500px at -10% 20%, oklch(45% .16 20/.35), transparent 60%), linear-gradient(180deg, oklch(14% .05 285), oklch(11% .045 285));--shadow-soft:0 8px 24px -12px oklch(0% 0 0/.55);--shadow-glow:0 12px 40px -12px oklch(78% .18 65/.55);background:var(--gradient-bg);color:var(--foreground);direction:rtl;background-attachment:fixed;font-family:Vazirmatn,ui-sans-serif,system-ui,sans-serif}.dbn-root.dbn-light{--background:oklch(98.5% .008 85);--foreground:oklch(20% .04 285);--surface:oklch(100% 0 0);--surface-2:oklch(96.5% .012 85);--primary:oklch(55% .19 285);--primary-foreground:oklch(99% .01 90);--muted-foreground:oklch(50% .03 285);--accent:oklch(72% .17 55);--accent-foreground:oklch(22% .05 60);--border:oklch(90% .015 285);--online:oklch(72% .19 145);--ready:oklch(72% .17 210);--winner:oklch(78% .17 82);--ticket:oklch(98.5% .02 85);--ticket-foreground:oklch(24% .05 285);--ticket-line:oklch(85% .05 60);--marked:oklch(62% .2 22);--marked-foreground:oklch(99% .01 90);--gradient-called:linear-gradient(135deg, oklch(70% .2 25), oklch(55% .23 15));--gradient-bg:radial-gradient(1000px 500px at 100% -10%, oklch(85% .1 300/.35), transparent 60%), radial-gradient(800px 500px at -10% 20%, oklch(88% .11 55/.35), transparent 60%), linear-gradient(180deg, oklch(98.5% .008 85), oklch(96.5% .014 85));--shadow-soft:0 8px 24px -14px oklch(30% .1 285/.35);--shadow-glow:0 12px 40px -12px oklch(62% .22 55/.5);background:var(--gradient-bg);color:var(--foreground)}.dbn-surface-panel{background:color-mix(in oklab, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border)}.dbn-text-gold{background:var(--gradient-gold);color:#0000;-webkit-background-clip:text;background-clip:text}.dbn-no-scrollbar{scrollbar-width:none}.dbn-no-scrollbar::-webkit-scrollbar{display:none}@keyframes dbn-pop-mark{0%{transform:scale(.7)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes dbn-glow-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 55%, transparent)}50%{box-shadow:0 0 0 10px color-mix(in oklab, var(--primary) 0%, transparent)}}@keyframes dbn-shine{0%{background-position:-200% 0}to{background-position:200% 0}}.dbn-animate-pop-mark{animation:.28s cubic-bezier(.34,1.56,.64,1) dbn-pop-mark}.dbn-animate-glow-pulse{animation:1.8s ease-out infinite dbn-glow-pulse}.dbn-animate-shine{background:linear-gradient(90deg,#0000,oklch(100% 0 0/.35),#0000) 0 0/200% 100%;animation:2.2s linear infinite dbn-shine}