:root{--color-primary:#667eea;--color-primary-dark:#764ba2;--color-secondary:#f093fb;--color-secondary-dark:#f5576c;--color-accent:#4facfe;--color-accent-dark:#00f2fe;--color-success:#43e97b;--color-success-dark:#38f9d7;--color-error:#f5576c;--color-error-light:#ff6b88;--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);--gradient-secondary:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);--gradient-accent:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);--gradient-success:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);--gradient-background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);--gradient-rod:linear-gradient(180deg,#4a5568,#2d3748);--gradient-primary-transparent:linear-gradient(135deg,rgba(102,126,234,0.1),rgba(118,75,162,0.1));--color-dark-bg:#0f0c29;--color-dark-surface:#1a1a2e;--color-dark-elevated:#252538;--color-overlay-light:rgba(255,255,255,0.05);--color-overlay-medium:rgba(255,255,255,0.1);--color-overlay-heavy:rgba(0,0,0,0.3);--color-overlay-darker:rgba(0,0,0,0.4);--color-text-primary:#ffffff;--color-text-secondary:rgba(255,255,255,0.7);--color-text-tertiary:rgba(255,255,255,0.5);--color-border-light:rgba(255,255,255,0.1);--color-border-medium:rgba(255,255,255,0.15);--color-border-primary:var(--color-primary);--color-bg-transparent-10:rgba(0,0,0,0.2);--color-bg-transparent-20:rgba(0,0,0,0.4);--color-primary-opacity-5:rgba(102,126,234,0.05);--color-primary-opacity-10:rgba(102,126,234,0.1);--color-primary-opacity-20:rgba(102,126,234,0.2);--color-primary-opacity-30:rgba(102,126,234,0.3);--color-primary-opacity-40:rgba(102,126,234,0.4);--color-success-opacity-20:rgba(67,233,123,0.2);--color-success-opacity-30:rgba(67,233,123,0.3);--color-danger:#ef4444;--color-danger-opacity-10:rgba(239,68,68,0.1);--color-danger-opacity-30:rgba(239,68,68,0.3);--color-error-opacity-20:rgba(245,87,108,0.2);--color-error-variant:rgba(240,101,149,0.3);--color-info:#3b82f6;--color-info-opacity-10:rgba(59,130,246,0.1);--color-info-opacity-30:rgba(59,130,246,0.3);--color-warning:#ffc107;--color-warning-opacity-20:rgba(255,193,7,0.2);--color-secondary-opacity-40:rgba(240,147,251,0.4);--color-secondary-opacity-60:rgba(240,147,251,0.6);--color-accent-opacity-40:rgba(79,172,254,0.4);--color-accent-opacity-60:rgba(79,172,254,0.6);--font-family-base:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-family-heading:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3.5rem;--font-size-5xl:4rem;--font-size-6xl:6rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-loose:1.8;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--radius-xxs:0.1875rem;--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:0.625rem;--radius-lg:0.9375rem;--radius-xl:1.25rem;--radius-round:50%;--max-width-container:1400px;--max-width-input:300px;--shadow-sm:0 2px 8px rgba(0,0,0,0.1);--shadow-md:0 10px 30px rgba(0,0,0,0.2);--shadow-lg:0 20px 60px rgba(0,0,0,0.3);--shadow-xl:0 30px 80px rgba(0,0,0,0.4);--shadow-primary:0 10px 30px rgba(102,126,234,0.4);--shadow-primary-hover:0 15px 40px rgba(102,126,234,0.6);--shadow-secondary:0 10px 30px rgba(240,147,251,0.4);--shadow-secondary-hover:0 15px 40px rgba(240,147,251,0.6);--shadow-accent:0 10px 30px rgba(79,172,254,0.4);--shadow-accent-hover:0 15px 40px rgba(79,172,254,0.6);--shadow-success:0 5px 25px rgba(67,233,123,0.6);--shadow-error:0 5px 25px rgba(245,87,108,0.6);--shadow-inset:inset 0 5px 20px rgba(0,0,0,0.5);--shadow-glow-primary:0 0 20px rgba(102,126,234,0.3);--shadow-glow-success:0 0 30px rgba(102,126,234,0.4);--shadow-glow-divider:0 0 10px rgba(102,126,234,0.5);--shadow-bead:0 5px 15px rgba(0,0,0,0.3);--shadow-bead-hover:0 8px 25px rgba(240,147,251,0.6);--shadow-button:0 4px 15px rgba(0,0,0,0.3);--shadow-button-hover:0 6px 20px rgba(0,0,0,0.4);--shadow-button-active:0 3px 10px rgba(0,0,0,0.3);--shadow-card-hover:0 20px 40px rgba(102,126,234,0.4);--shadow-card-active:0 15px 35px rgba(67,233,123,0.3);--z-base:0;--z-dropdown:100;--z-overlay:200;--z-modal:300;--z-tooltip:400;--transition-fast:0.15s ease;--transition-fast-smooth:0.2s ease;--transition-base:0.3s ease;--transition-medium:0.3s ease;--transition-smooth:300ms ease-in-out;--transition-slow:0.5s ease;--transition-bounce:0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--button-padding-sm:0.625rem 1.25rem;--button-padding-md:0.9375rem 1.875rem;--button-padding-lg:1.25rem 2.5rem;--input-padding:0.9375rem;--card-padding:1.875rem;--bead-size:35px;--bead-size-mobile:30px;--rod-width:6px;--rod-height:300px;--rod-height-mobile:250px;--text-shadow-outline:-1px -1px 2px rgba(0,0,0,0.8),1px -1px 2px rgba(0,0,0,0.8),-1px 1px 2px rgba(0,0,0,0.8),1px 1px 2px rgba(0,0,0,0.8),0 0 10px rgba(0,0,0,0.5);--text-shadow-glow:0 0 20px currentColor}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes successPulse{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes flashScale{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}body,html{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box;padding:0;margin:0}body{font-family:var(--font-family-base);background:var(--gradient-background);background-attachment:fixed;color:var(--color-text-primary);min-height:100vh;min-height:100dvh;line-height:var(--line-height-relaxed);font-size:var(--font-size-base)}a{text-decoration:none}