@charset "UTF-8";.brand-logo[data-astro-cid-sn75uigh]{width:100%;height:100%;display:block;shape-rendering:geometricPrecision;flex-shrink:0;max-width:100%;height:auto}.brand-logo__border[data-astro-cid-sn75uigh],.brand-logo__path[data-astro-cid-sn75uigh]{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--logo-stroke, 120);stroke-dasharray:100000;stroke-dashoffset:100000}.anim-hybrid[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:hybrid-border var(--anim-duration) ease-in-out infinite}.anim-hybrid[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:hybrid-path var(--anim-duration) ease-in-out infinite}.anim-hybrid-v2[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:hybrid-v2-border var(--anim-duration) ease-in-out infinite}.anim-hybrid-v2[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:hybrid-v2-path var(--anim-duration) ease-in-out infinite}.anim-sequential[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:sequential-border var(--anim-duration) ease-in-out infinite}.anim-sequential[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:sequential-path var(--anim-duration) ease-in-out infinite}.anim-sequential[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="2"]{animation-delay:.2s}.anim-sequential[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="3"]{animation-delay:.4s}.anim-sequential[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="4"]{animation-delay:.6s}.anim-sequential-v2[data-astro-cid-sn75uigh] .brand-logo[data-astro-cid-sn75uigh]{animation:sequential-v2-shake var(--anim-duration) ease-in-out infinite}.anim-sequential-v2[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:sequential-v2-border var(--anim-duration) ease-in-out infinite}.anim-sequential-v2[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:sequential-v2-path var(--anim-duration) ease-in-out infinite}.anim-sequential-v2[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="2"]{animation-delay:.3s}.anim-sequential-v2[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="3"]{animation-delay:.6s}.anim-sequential-v2[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="4"]{animation-delay:.9s}.anim-wave[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:wave-border var(--anim-duration) ease-in-out infinite}.anim-wave[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:wave-path var(--anim-duration) ease-in-out infinite}.anim-wave[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="2"]{animation-delay:.5s}.anim-wave[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="3"]{animation-delay:1s}.anim-wave[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="4"]{animation-delay:1.5s}.anim-wave-v2[data-astro-cid-sn75uigh] .brand-logo[data-astro-cid-sn75uigh]{animation:wave-v2-zoom var(--anim-duration) ease-in-out infinite}.anim-wave-v2[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:wave-v2-border var(--anim-duration) linear infinite}.anim-wave-v2[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:wave-v2-path var(--anim-duration) linear infinite}.anim-sandwich[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:sandwich-border var(--anim-duration) ease-in-out infinite}.anim-sandwich[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:sandwich-path var(--anim-duration) ease-in-out infinite}.anim-sandwich-v2[data-astro-cid-sn75uigh] .brand-logo[data-astro-cid-sn75uigh]{animation:sandwich-v2-zoom var(--anim-duration) ease-in-out infinite}.anim-sandwich-v2[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:sandwich-v2-border var(--anim-duration) ease-in-out infinite}.anim-sandwich-v2[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:sandwich-v2-path var(--anim-duration) ease-in-out infinite}.anim-fill[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:fill-border var(--anim-duration) ease-in-out infinite}.anim-fill[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:fill-path var(--anim-duration) ease-in-out infinite}.anim-fill-v2[data-astro-cid-sn75uigh] .brand-logo[data-astro-cid-sn75uigh]{animation:fill-v2-clip var(--anim-duration) ease-in-out infinite}.anim-fill-v2[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:fill-v2-border var(--anim-duration) ease-in-out infinite}.anim-fill-v2[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:fill-v2-path var(--anim-duration) ease-in-out infinite}.anim-neon[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:neon-border var(--anim-duration) ease-in-out infinite}.anim-neon[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:neon-path var(--anim-duration) ease-in-out infinite}.anim-neon-v2[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:neon-v2-border var(--anim-duration) steps(10) infinite}.anim-neon-v2[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:neon-v2-path var(--anim-duration) steps(10) infinite}.anim-elastic[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:elastic-border var(--anim-duration) ease-in-out infinite}.anim-elastic[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:elastic-path var(--anim-duration) ease-in-out infinite}.anim-elastic[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="2"]{animation-delay:.1s}.anim-elastic[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="3"]{animation-delay:.2s}.anim-elastic[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="4"]{animation-delay:.3s}.anim-elastic-v2[data-astro-cid-sn75uigh] .brand-logo[data-astro-cid-sn75uigh]{animation:elastic-v2-jelly var(--anim-duration) ease-in-out infinite}.anim-elastic-v2[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:elastic-v2-border var(--anim-duration) ease-in-out infinite}.anim-elastic-v2[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:elastic-v2-path var(--anim-duration) ease-in-out infinite}.anim-elastic-v2[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="2"]{animation-delay:.1s}.anim-elastic-v2[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="3"]{animation-delay:.2s}.anim-elastic-v2[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh][data-index="4"]{animation-delay:.3s}.anim-data[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:data-border var(--anim-duration) linear infinite}.anim-data[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:data-path var(--anim-duration) linear infinite}.anim-data-v2[data-astro-cid-sn75uigh] .brand-logo[data-astro-cid-sn75uigh]{animation:data-v2-glitch var(--anim-duration) steps(5) infinite}.anim-data-v2[data-astro-cid-sn75uigh] .brand-logo__border[data-astro-cid-sn75uigh]{animation:data-v2-border var(--anim-duration) linear infinite}.anim-data-v2[data-astro-cid-sn75uigh] .brand-logo__path[data-astro-cid-sn75uigh]{animation:data-v2-path var(--anim-duration) linear infinite}@keyframes hybrid-border{0%,to{stroke-dashoffset:100000;fill:none}20%{stroke-dashoffset:0;fill:none}35%{stroke-dashoffset:0;stroke:var(--theme-color-accent);fill:var(--theme-color-accent);fill-opacity:.15}45%{stroke-dashoffset:0;stroke:var(--theme-color-accent);fill:none}80%{stroke-dashoffset:100000;fill:none}}@keyframes hybrid-path{0%,45%{stroke-dashoffset:100000;fill:none}55%{stroke-dashoffset:0;fill:none}65%{stroke-dashoffset:0;stroke:var(--theme-color-primary);fill:var(--theme-color-primary);fill-opacity:.15}80%{stroke-dashoffset:0;fill:none}to{stroke-dashoffset:100000;fill:none}}@keyframes hybrid-v2-border{0%,to{stroke-dashoffset:100000;stroke-width:200;opacity:0}10%{stroke-width:200;opacity:1}25%{stroke-dashoffset:0;stroke-width:200}40%{stroke-dashoffset:0;stroke:var(--theme-color-accent);stroke-width:0;fill:var(--theme-color-accent);fill-opacity:.15}55%{stroke-width:120;fill:none;stroke:var(--theme-color-accent)}80%{stroke-dashoffset:100000}}@keyframes hybrid-v2-path{0%,50%{stroke-dashoffset:100000;opacity:0}60%{opacity:1;stroke-width:200}75%{stroke-dashoffset:0;stroke-width:200}85%{stroke-width:0;fill:var(--theme-color-primary);fill-opacity:.15}95%{stroke-width:120;fill:none;stroke:var(--theme-color-primary)}to{stroke-dashoffset:100000}}@keyframes sequential-border{0%,20%{stroke-dashoffset:100000;fill:none}40%{stroke-dashoffset:0;fill:none}45%{stroke-dashoffset:0;stroke:var(--theme-color-accent);fill:var(--theme-color-accent);fill-opacity:.15}55%{stroke-dashoffset:0;stroke:var(--theme-color-accent);fill:none}90%,to{stroke-dashoffset:100000}}@keyframes sequential-path{0%,20%{stroke-dashoffset:100000;fill:none}40%{stroke-dashoffset:0;fill:none}60%{stroke-dashoffset:0;stroke:var(--theme-color-primary);fill:var(--theme-color-primary);fill-opacity:.15}70%{stroke-dashoffset:0;stroke:var(--theme-color-primary);fill:none}90%,to{stroke-dashoffset:100000}}@keyframes sequential-v2-border{0%,20%{stroke-dashoffset:100000;opacity:0}25%{opacity:1}45%{stroke-dashoffset:0;opacity:1}50%{stroke:none;fill:var(--theme-color-accent);fill-opacity:.5;opacity:1}70%{stroke:var(--theme-color-accent);fill:none;opacity:1}90%,to{stroke-dashoffset:100000;fill:none;opacity:0}}@keyframes sequential-v2-path{0%,50%{stroke-dashoffset:100000;opacity:0}55%{opacity:1}75%{stroke-dashoffset:0;opacity:1}80%{stroke:none;fill:var(--theme-color-primary);fill-opacity:.5;opacity:1}90%{stroke:var(--theme-color-primary);fill:none;opacity:1}to{stroke-dashoffset:100000;fill:none;opacity:0}}@keyframes sequential-v2-shake{0%,45%{transform:translate(0)}46%{transform:translate(-2px,2px)}48%{transform:translate(2px,-2px)}50%{transform:translate(0)}74%{transform:translate(0)}76%{transform:translate(1px,1px)}78%{transform:translate(-1px,-1px)}80%{transform:translate(0)}to{transform:translate(0)}}@keyframes wave-border{0%,to{stroke-dashoffset:100000;stroke:var(--theme-color-accent);stroke-width:120}10%{stroke-dashoffset:0;stroke:var(--theme-color-accent);stroke-width:120}35%{stroke-dashoffset:0;stroke:var(--theme-color-primary);stroke-width:160;fill:var(--theme-color-primary);fill-opacity:.15}45%{stroke-dashoffset:0;stroke:var(--theme-color-accent);stroke-width:120;fill:none}90%{stroke-dashoffset:100000}}@keyframes wave-path{0%,10%{stroke-dashoffset:100000;stroke:var(--theme-color-primary);stroke-width:120}20%{stroke-dashoffset:0;stroke:var(--theme-color-primary);stroke-width:120}50%{stroke-dashoffset:0;stroke:var(--theme-color-primary);stroke-width:120}60%{stroke-dashoffset:0;stroke:var(--theme-color-accent);stroke-width:150;fill:var(--theme-color-accent);fill-opacity:.15}70%{stroke-dashoffset:0;stroke:var(--theme-color-primary);stroke-width:120;fill:none}90%,to{stroke-dashoffset:100000}}@keyframes wave-v2-border{0%,to{stroke-dashoffset:100000;filter:drop-shadow(0 0 15px var(--theme-color-primary))}10%{stroke-dashoffset:0;filter:drop-shadow(0 0 20px var(--theme-color-accent))}30%{stroke-dashoffset:0;stroke:var(--theme-color-accent);filter:drop-shadow(0 0 20px var(--theme-color-accent));fill:var(--theme-color-accent);fill-opacity:.15}40%{stroke-dashoffset:0;filter:none;fill:none}90%{stroke-dashoffset:100000}}@keyframes wave-v2-path{0%,40%{stroke-dashoffset:100000;filter:drop-shadow(0 0 15px var(--theme-color-primary))}50%{stroke-dashoffset:0;filter:drop-shadow(0 0 20px var(--theme-color-primary))}70%{stroke-dashoffset:0;stroke:var(--theme-color-primary);filter:drop-shadow(0 0 20px var(--theme-color-primary));fill:var(--theme-color-primary);fill-opacity:.15}80%{stroke-dashoffset:0;filter:none;fill:none}90%{stroke-dashoffset:100000}}@keyframes wave-v2-zoom{0%,to{transform:scale(1)}30%{transform:scale(1.02)}70%{transform:scale(1.02)}}@keyframes sandwich-border{0%,to{stroke-dashoffset:100000;stroke:var(--theme-color-accent);stroke-width:120}20%{stroke-dashoffset:0;stroke:var(--theme-color-accent);stroke-width:120}30%{stroke-dashoffset:0;stroke:var(--theme-color-primary);stroke-width:160;fill:var(--theme-color-primary);fill-opacity:.15}40%{stroke-dashoffset:0;stroke:var(--theme-color-accent);stroke-width:120;fill:none}80%{stroke-dashoffset:100000}}@keyframes sandwich-path{0%,40%{stroke-dashoffset:100000;stroke:var(--theme-color-primary);stroke-width:120}55%{stroke-dashoffset:0;stroke:var(--theme-color-primary);stroke-width:120}65%{stroke-dashoffset:0;stroke:var(--theme-color-accent);stroke-width:160;fill:var(--theme-color-accent);fill-opacity:.15}75%{stroke-dashoffset:0;stroke:var(--theme-color-primary);stroke-width:120;fill:none}to{stroke-dashoffset:100000}}@keyframes sandwich-v2-zoom{0%,to{transform:scale(1)}20%{transform:scale(.9)}35%{transform:scale(1.05)}45%{transform:scale(1)}55%{transform:scale(1.05)}65%{transform:scale(1)}}@keyframes sandwich-v2-border{0%,20%{stroke-dashoffset:100000}35%{stroke-dashoffset:0;stroke:var(--theme-color-accent);stroke-width:140;fill:var(--theme-color-accent);fill-opacity:.15}45%{stroke-width:120;fill:none}90%{stroke-dashoffset:100000}}@keyframes sandwich-v2-path{0%,45%{stroke-dashoffset:100000}55%{stroke-dashoffset:0;stroke:var(--theme-color-primary);stroke-width:140;fill:var(--theme-color-primary);fill-opacity:.15}65%{stroke-width:120;fill:none}90%{stroke-dashoffset:100000}}@keyframes fill-border{0%{stroke-dashoffset:100000;fill:none;opacity:1}25%{stroke-dashoffset:0;fill:none}35%{stroke-dashoffset:0;fill:var(--theme-color-accent);fill-opacity:.15}50%{stroke-dashoffset:0;fill:none;opacity:.2}to{stroke-dashoffset:100000;fill:none;opacity:1}}@keyframes fill-path{0%,50%{stroke-dashoffset:100000;fill:none}65%{stroke-dashoffset:0;fill:none}75%{stroke-dashoffset:0;fill:var(--theme-color-primary);fill-opacity:.15;stroke-width:130}90%{stroke-dashoffset:0;fill:none}to{stroke-dashoffset:100000;fill:none}}@keyframes fill-v2-clip{0%,to{clip-path:circle(0% at 50% 50%)}40%,60%{clip-path:circle(150% at 50% 50%)}90%{clip-path:circle(0% at 50% 50%)}}@keyframes fill-v2-border{0%,20%{stroke-dashoffset:100000}30%{stroke-dashoffset:0}50%{stroke:var(--theme-color-accent);fill:var(--theme-color-accent);fill-opacity:.4}70%{fill:none}90%{stroke-dashoffset:100000}}@keyframes fill-v2-path{0%,45%{stroke-dashoffset:100000}55%{stroke-dashoffset:0}65%{stroke:var(--theme-color-primary);fill:var(--theme-color-primary);fill-opacity:.4}85%{fill:none}90%{stroke-dashoffset:100000}}@keyframes neon-border{0%{stroke-dashoffset:100000;filter:drop-shadow(0 0 15px var(--theme-color-primary));fill:none}30%{stroke-dashoffset:0;filter:drop-shadow(0 0 10px var(--theme-color-primary));fill:none}40%{stroke-dashoffset:0;stroke:var(--theme-color-tertiary);fill:var(--theme-color-tertiary);fill-opacity:.15;filter:drop-shadow(0 0 30px var(--theme-color-tertiary))}50%{stroke-dashoffset:0;fill:none;filter:drop-shadow(0 0 5px var(--theme-color-tertiary))}to{stroke-dashoffset:100000;fill:none}}@keyframes neon-path{0%,50%{stroke-dashoffset:100000;filter:drop-shadow(0 0 15px var(--theme-color-primary));fill:none}60%{stroke-dashoffset:0;stroke:var(--theme-color-primary);filter:drop-shadow(0 0 15px var(--theme-color-primary));fill:none}70%{stroke-dashoffset:0;stroke:var(--theme-color-accent);fill:var(--theme-color-accent);fill-opacity:.15;filter:drop-shadow(0 0 30px var(--theme-color-accent))}80%{stroke-dashoffset:0;fill:none;filter:drop-shadow(0 0 5px var(--theme-color-primary))}to{stroke-dashoffset:100000;fill:none}}@keyframes neon-v2-border{0%,25%{stroke-dashoffset:100000;filter:drop-shadow(0 0 5px var(--theme-color-primary));stroke:var(--theme-color-primary)}35%{stroke-dashoffset:0;filter:drop-shadow(0 0 20px var(--theme-color-primary))}40%{stroke-dashoffset:-2000;stroke:#fff;stroke-width:180;filter:drop-shadow(0 0 30px #fff)}45%{stroke-dashoffset:-4000;stroke:var(--theme-color-tertiary);stroke-width:120;fill:var(--theme-color-tertiary);fill-opacity:.15}55%{stroke:var(--theme-color-primary);fill:none}to{stroke-dashoffset:100000}}@keyframes neon-v2-path{0%,50%{stroke-dashoffset:100000;filter:drop-shadow(0 0 5px var(--theme-color-accent));stroke:var(--theme-color-accent)}60%{stroke-dashoffset:0;filter:drop-shadow(0 0 20px var(--theme-color-accent))}65%{stroke-dashoffset:-2000;stroke:#fff;stroke-width:180;filter:drop-shadow(0 0 30px #fff)}70%{stroke-dashoffset:-4000;stroke:var(--theme-color-tertiary);stroke-width:120;fill:var(--theme-color-tertiary);fill-opacity:.15}80%{stroke:var(--theme-color-accent);fill:none}to{stroke-dashoffset:100000}}@keyframes elastic-border{0%,10%{stroke-dashoffset:100000;fill:none}40%{stroke-dashoffset:0;fill:none}50%{stroke-width:160}55%{stroke-dashoffset:0;stroke:var(--theme-color-accent);fill:var(--theme-color-accent);fill-opacity:.15}65%{stroke-width:100;fill:none}90%,to{stroke-dashoffset:100000}}@keyframes elastic-path{0%,10%{stroke-dashoffset:100000;fill:none}40%{stroke-dashoffset:0;fill:none}50%{stroke-width:160}65%{stroke-width:100;fill:none}70%{stroke-dashoffset:0;stroke:var(--theme-color-primary);fill:var(--theme-color-primary);fill-opacity:.15}80%{fill:none}90%,to{stroke-dashoffset:100000}}@keyframes elastic-v2-jelly{0%,to{transform:scale(1) skew(0)}40%{transform:scale(1.02) skew(0)}45%{transform:scale(.98,1.02) skew(-5deg)}50%{transform:scale(1.02,.98) skew(5deg)}55%{transform:scale(1) skew(0)}70%{transform:scale(1.02) skew(0)}75%{transform:scale(.98,1.02) skew(-5deg)}80%{transform:scale(1.02,.98) skew(5deg)}85%{transform:scale(1) skew(0)}}@keyframes elastic-v2-border{0%,20%{stroke-dashoffset:100000}45%{stroke-dashoffset:0;stroke-width:160}50%{stroke-dashoffset:0;stroke:var(--theme-color-accent);fill:var(--theme-color-accent);fill-opacity:.15}60%{stroke-width:120;fill:none}90%{stroke-dashoffset:100000}}@keyframes elastic-v2-path{0%,20%{stroke-dashoffset:100000}45%{stroke-dashoffset:0;stroke-width:160}70%{stroke-width:120}75%{stroke-dashoffset:0;stroke:var(--theme-color-primary);fill:var(--theme-color-primary);fill-opacity:.15}85%{fill:none}90%{stroke-dashoffset:100000}}@keyframes data-border{0%{stroke-dashoffset:100000;stroke-dasharray:100000;fill:none}30%{stroke-dashoffset:0;stroke-dasharray:100000;fill:none}40%{stroke-dasharray:400 400;stroke:var(--theme-color-accent);fill:var(--theme-color-accent);fill-opacity:.1}50%{fill:none}55%{stroke-dasharray:400 400;stroke-dashoffset:-800}70%{stroke-dasharray:100000;stroke:var(--theme-color-primary);fill:none}to{stroke-dashoffset:-100000;fill:none}}@keyframes data-path{0%,50%{stroke-dashoffset:100000;stroke-dasharray:100000;fill:none}65%{stroke-dashoffset:0;stroke-dasharray:100000;fill:none}75%{stroke-dasharray:200 200;stroke:var(--theme-color-tertiary);fill:var(--theme-color-tertiary);fill-opacity:.1}85%{fill:none}90%{stroke-dasharray:200 200;stroke-dashoffset:-800}to{stroke-dashoffset:-100000;fill:none}}@keyframes data-v2-glitch{0%,30%{transform:translate(0);opacity:1}31%{transform:translate(-5px);opacity:.8}32%{transform:translate(5px);opacity:.8}33%{transform:translate(0);opacity:1}65%,95%{transform:translate(0);opacity:1}96%{transform:translate(-5px);opacity:.8}97%{transform:translate(5px);opacity:.8}98%{transform:translate(0);opacity:1}}@keyframes data-v2-border{0%{stroke-dashoffset:100000;stroke:var(--theme-color-boot)}30%{stroke-dashoffset:0;stroke:var(--theme-color-boot);stroke-dasharray:100 50}40%{stroke-dasharray:100000;stroke:var(--theme-color-accent);fill:var(--theme-color-accent);fill-opacity:.1}60%{stroke:var(--theme-color-accent);fill:none}to{stroke-dashoffset:100000}}@keyframes data-v2-path{0%,40%{stroke-dashoffset:100000;stroke:var(--theme-color-boot)}55%{stroke-dashoffset:0;stroke:var(--theme-color-boot);stroke-dasharray:50 50}65%{stroke-dasharray:100000;stroke:var(--theme-color-primary);fill:var(--theme-color-primary);fill-opacity:.1}80%{stroke:var(--theme-color-primary);fill:none}to{stroke-dashoffset:100000}}@media(prefers-reduced-motion:reduce){.brand-logo[data-astro-cid-sn75uigh],.brand-logo__border[data-astro-cid-sn75uigh],.brand-logo__path[data-astro-cid-sn75uigh]{animation:none!important;stroke-dashoffset:0;stroke-width:120}.brand-logo__border[data-astro-cid-sn75uigh]{stroke:var(--theme-color-accent)}.brand-logo__path[data-astro-cid-sn75uigh]{stroke:var(--theme-color-primary)}}@media(prefers-contrast:high){.brand-logo[data-astro-cid-sn75uigh],.brand-logo__border[data-astro-cid-sn75uigh],.brand-logo__path[data-astro-cid-sn75uigh]{stroke-width:200;animation:none!important}.brand-logo__border[data-astro-cid-sn75uigh],.brand-logo__path[data-astro-cid-sn75uigh]{stroke:currentColor}}@media(prefers-color-scheme:dark){.brand-logo__border[data-astro-cid-sn75uigh],.brand-logo__path[data-astro-cid-sn75uigh]{filter:brightness(1.1)}}.user-menu[data-astro-cid-a7gesr4k]{position:relative}.user-menu__trigger[data-astro-cid-a7gesr4k]{display:flex;align-items:center;gap:var(--spacing-2, 8px);padding:var(--spacing-2, 8px) var(--spacing-3, 12px);background:transparent;border:1px solid var(--theme-border-primary, #e5e5e5);border-radius:var(--radius-full, 9999px);cursor:pointer;transition:all .2s}.user-menu__trigger[data-astro-cid-a7gesr4k]:hover{background:var(--theme-bg-secondary, #f5f5f5)}.user-menu__avatar[data-astro-cid-a7gesr4k]{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--theme-bg-secondary, #f5f5f5)}.user-menu__name[data-astro-cid-a7gesr4k]{font-size:var(--text-sm, 14px);font-weight:500;color:var(--theme-text-primary, #1a1a1a);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__chevron[data-astro-cid-a7gesr4k]{color:var(--theme-text-muted, #999)}.user-menu__dropdown[data-astro-cid-a7gesr4k]{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--theme-bg-surface-secondary, #fff);border:1px solid var(--theme-border-primary, #e5e5e5);border-radius:var(--radius-lg, 8px);box-shadow:0 4px 12px #0000001a;padding:var(--spacing-2, 8px) 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;z-index:100}.user-menu[data-astro-cid-a7gesr4k].is-open .user-menu__dropdown[data-astro-cid-a7gesr4k]{opacity:1;visibility:visible;transform:translateY(0)}.user-menu[data-astro-cid-a7gesr4k].is-open .user-menu__chevron[data-astro-cid-a7gesr4k]{transform:rotate(180deg)}.user-menu__header[data-astro-cid-a7gesr4k]{padding:var(--spacing-3, 12px) var(--spacing-4, 16px);border-bottom:1px solid var(--theme-border-primary, #e5e5e5)}.user-menu__label[data-astro-cid-a7gesr4k]{display:block;font-size:var(--text-xs, 12px);color:var(--theme-text-muted, #999);margin-bottom:var(--spacing-1, 4px)}.user-menu__email[data-astro-cid-a7gesr4k]{display:block;font-size:var(--text-sm, 14px);color:var(--theme-text-primary, #1a1a1a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__divider[data-astro-cid-a7gesr4k]{height:1px;background:var(--theme-border-primary, #e5e5e5);margin:var(--spacing-2, 8px) 0}.user-menu__item[data-astro-cid-a7gesr4k]{display:flex;align-items:center;gap:var(--spacing-3, 12px);width:100%;padding:var(--spacing-3, 12px) var(--spacing-4, 16px);background:none;border:none;font-size:var(--text-sm, 14px);color:var(--theme-text-primary, #1a1a1a);text-decoration:none;cursor:pointer;transition:background .2s}.user-menu__item[data-astro-cid-a7gesr4k]:hover{background:var(--theme-bg-secondary, #f5f5f5)}.user-menu__item--danger[data-astro-cid-a7gesr4k]{color:#dc2626}.user-menu__item--danger[data-astro-cid-a7gesr4k]:hover{background:#fef2f2}@media(max-width:768px){.user-menu__name[data-astro-cid-a7gesr4k]{display:none}.user-menu__trigger[data-astro-cid-a7gesr4k]{padding:var(--spacing-2, 8px)}}.auth-toast-content[data-astro-cid-6iignqru]{display:flex;flex-direction:column;gap:4px}.auth-toast-title[data-astro-cid-6iignqru]{font-weight:600;font-size:14px}.auth-toast-message[data-astro-cid-6iignqru]{font-size:13px;opacity:.9}.auth-modal-overlay[data-astro-cid-6iignqru]{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s}.auth-modal-overlay[data-astro-cid-6iignqru].is-open{opacity:1;visibility:visible;pointer-events:auto}.auth-modal[data-astro-cid-6iignqru]{width:90%;max-width:420px;max-height:90vh;overflow-y:auto;transform:translateY(20px) scale(.95);transition:transform .3s cubic-bezier(.34,1.56,.64,1);padding:var(--spacing-6)}.auth-modal-overlay[data-astro-cid-6iignqru].is-open .auth-modal[data-astro-cid-6iignqru]{transform:translateY(0) scale(1)}.auth-modal-close[data-astro-cid-6iignqru]{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:32px;height:32px;border-radius:50%;border:none;background:var(--theme-bg-surface-secondary);cursor:pointer;color:var(--theme-text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);transition:all .2s}.auth-modal-close[data-astro-cid-6iignqru]:hover{background:var(--theme-color-error);color:#fff}.auth-tabs[data-astro-cid-6iignqru]{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.auth-tab[data-astro-cid-6iignqru]{flex:1;padding:var(--spacing-3) var(--spacing-4);border:none;background:transparent;color:var(--theme-text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.auth-tab[data-astro-cid-6iignqru]:hover{color:var(--theme-text-primary)}.auth-tab[data-astro-cid-6iignqru].is-active{color:var(--theme-color-primary);border-bottom-color:var(--theme-color-primary)}.auth-form[data-astro-cid-6iignqru]{display:none}.auth-form[data-astro-cid-6iignqru].is-visible{display:block}.auth-form-intro[data-astro-cid-6iignqru]{font-size:var(--text-sm);margin-bottom:var(--spacing-5);padding:var(--spacing-4);background:var(--theme-color-primary-light);border-left:4px solid var(--theme-color-primary);border-radius:var(--border-radius-lg);color:var(--theme-text-primary);display:flex;align-items:flex-start;gap:var(--spacing-3)}.auth-form-intro[data-astro-cid-6iignqru] svg[data-astro-cid-6iignqru]{flex-shrink:0;margin-top:2px}.auth-form-intro--warning[data-astro-cid-6iignqru]{background:#fef3c7;border-left-color:#f59e0b;color:#92400e}.auth-form-intro--info[data-astro-cid-6iignqru]{background:#dbeafe;border-left-color:#3b82f6;color:#1e40af}.auth-form-description[data-astro-cid-6iignqru]{font-size:var(--text-sm);color:var(--theme-text-secondary);margin-bottom:var(--spacing-5)}.auth-input--code[data-astro-cid-6iignqru]{text-align:center;letter-spacing:8px;font-family:monospace;font-size:var(--text-xl)}.auth-field[data-astro-cid-6iignqru]{margin-bottom:var(--spacing-4)}.auth-label[data-astro-cid-6iignqru]{display:block;font-size:var(--text-sm);font-weight:600;color:var(--theme-text-secondary);margin-bottom:var(--spacing-2)}.auth-input[data-astro-cid-6iignqru]{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--theme-border-primary);border-radius:var(--border-radius-lg);background:var(--theme-bg-primary);color:var(--theme-text-primary);font-size:var(--text-base);transition:border-color .2s,box-shadow .2s}.auth-input[data-astro-cid-6iignqru]:focus{outline:none;border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-primary-light)}.auth-input[data-astro-cid-6iignqru]::placeholder{color:var(--theme-text-muted)}.auth-hint[data-astro-cid-6iignqru]{display:block;font-size:var(--text-xs);color:var(--theme-text-muted);margin-top:var(--spacing-1)}.auth-field-checkbox[data-astro-cid-6iignqru]{display:flex;align-items:center;gap:var(--spacing-3)}.auth-field-checkbox[data-astro-cid-6iignqru] input[data-astro-cid-6iignqru]{width:1.25rem;height:1.25rem;accent-color:var(--theme-color-primary)}.auth-field-checkbox[data-astro-cid-6iignqru] label[data-astro-cid-6iignqru]{font-size:var(--text-sm);color:var(--theme-text-secondary);cursor:pointer}.auth-link[data-astro-cid-6iignqru]{color:var(--theme-color-primary);text-decoration:none}.auth-link[data-astro-cid-6iignqru]:hover{text-decoration:underline}.auth-forgot-password[data-astro-cid-6iignqru]{text-align:center;margin-top:var(--spacing-4);font-size:var(--text-sm);color:var(--theme-text-muted)}.auth-forgot-btn[data-astro-cid-6iignqru]{background:none;border:none;color:var(--theme-color-primary);cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.auth-forgot-btn[data-astro-cid-6iignqru]:hover{color:var(--theme-color-primary-hover)}.auth-submit[data-astro-cid-6iignqru]{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);background:var(--theme-color-primary);color:var(--theme-color-on-primary);border:none;border-radius:var(--border-radius-lg);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all .2s;margin-top:var(--spacing-2)}.auth-submit[data-astro-cid-6iignqru]:hover{background:var(--theme-color-primary-hover);transform:translateY(-1px)}.auth-submit[data-astro-cid-6iignqru]:disabled{opacity:.7;cursor:wait;pointer-events:none}.auth-error[data-astro-cid-6iignqru]{color:var(--theme-color-error);font-size:var(--text-sm);margin-top:var(--spacing-4);padding:var(--spacing-3);background:var(--theme-color-error-soft-bg);border-radius:var(--border-radius-lg);display:none}.auth-error[data-astro-cid-6iignqru].is-visible{display:block}.auth-error--warning[data-astro-cid-6iignqru]{background:#fef3c7!important;border-left-color:#f59e0b!important;color:#92400e!important}.auth-error--warning[data-astro-cid-6iignqru] button[data-astro-cid-6iignqru]{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;padding:0;font:inherit}.auth-error--warning[data-astro-cid-6iignqru] button[data-astro-cid-6iignqru]:hover{color:#78350f}.auth-success[data-astro-cid-6iignqru]{display:none;text-align:center;padding:var(--spacing-8) var(--spacing-4)}.auth-success[data-astro-cid-6iignqru].is-visible{display:block}.auth-success-icon[data-astro-cid-6iignqru]{width:80px;height:80px;margin:0 auto var(--spacing-5);background:var(--theme-color-success-soft-bg);color:var(--theme-color-success);border-radius:50%;display:flex;align-items:center;justify-content:center}.auth-success[data-astro-cid-6iignqru] h3[data-astro-cid-6iignqru]{font-size:var(--text-xl);font-weight:700;color:var(--theme-text-primary);margin-bottom:var(--spacing-2)}.auth-success[data-astro-cid-6iignqru] p[data-astro-cid-6iignqru]{color:var(--theme-text-secondary)}.surface--elevated[data-astro-cid-6iignqru]{background:var(--theme-bg-surface-secondary);border:1px solid var(--theme-border-primary)}.radius-xl[data-astro-cid-6iignqru]{border-radius:var(--border-radius-xl)}:root{--text-font-size-xs: clamp(.7rem, .66rem + .21vw, .75rem);--text-font-size-sm: clamp(.79rem, .75rem + .21vw, .875rem);--text-font-size-base: clamp(.88rem, .83rem + .28vw, 1rem);--text-font-size-lg: clamp(1rem, .94rem + .35vw, 1.125rem);--text-font-size-xl: clamp(1.13rem, 1.06rem + .42vw, 1.25rem);--text-font-size-2xl: clamp(1.35rem, 1.25rem + .63vw, 1.5rem);--text-font-size-3xl: clamp(1.6rem, 1.45rem + .88vw, 1.875rem);--text-font-size-4xl: clamp(2rem, 1.85rem + 1.25vw, 2.25rem);--text-font-size-5xl: clamp(2.5rem, 2.25rem + 1.88vw, 3rem);--text-line-height-tight: 1.25;--text-line-height-snug: 1.375;--text-line-height-normal: 1.5;--text-line-height-relaxed: 1.625;--text-line-height-loose: 2;--text-letter-spacing-tight: -.025em;--text-letter-spacing-normal: 0;--text-letter-spacing-wide: .025em;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-8);--spacing-xl: var(--spacing-10);--border-radius-none: 0;--border-radius-sm: .125rem;--border-radius-base: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-full: 9999px;--radius-md: var(--border-radius-md);--radius-lg: var(--border-radius-lg);--radius-xl: var(--border-radius-xl);--radius-2xl: var(--border-radius-2xl);--ease-in: cubic-bezier(.55, .055, .675, .19);--ease-out: cubic-bezier(.215, .61, .355, 1);--ease-in-out: cubic-bezier(.645, .045, .355, 1);--transition-duration-fast: .15s var(--ease-out);--transition-duration-normal: .2s var(--ease-out);--transition-duration-slow: .3s var(--ease-out);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--font-inter: "Inter", sans-serif;--font-sans: var(--font-inter);--font-mono: var(--font-jetbrains-mono);--font-secondary: var(--font-poppins);--font-display: var(--font-sora);--font-poppins: "Poppins", sans-serif;--font-sora: "Sora", sans-serif;--font-jetbrains-mono: "JetBrains Mono", monospace;--font-roboto-flex: "Roboto Flex", sans-serif;--font-tinos: "Tinos", serif;--font-source-serif-pro: "Source Serif Pro", serif;--font-lora: "Lora", serif;--font-weight-base: 400;--font-weight-thin: 100;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-body: var(--font-weight-base);--font-weight-heading: var(--font-weight-bold);--font-weight-button: var(--font-weight-semibold);--font-weight-accent: var(--font-weight-medium);--font-style-primary: normal;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--surface-border-width: 1px;--surface-transition-duration: .3s;--surface-transition-timing: cubic-bezier(.25, .46, .45, .94);--text-xs: var(--text-font-size-xs);--text-sm: var(--text-font-size-sm);--text-base: var(--text-font-size-base);--text-lg: var(--text-font-size-lg);--text-xl: var(--text-font-size-xl);--text-2xl: var(--text-font-size-2xl);--text-3xl: var(--text-font-size-3xl);--text-4xl: var(--text-font-size-4xl);--text-5xl: var(--text-font-size-5xl);--card-width-compact: 240px;--card-width-standard: 320px;--card-width-featured: 480px;--card-width-list: 200px;--card-aspect-ratio-standard: 16 / 9;--card-aspect-ratio-portrait: 4 / 5;--card-aspect-ratio-original: auto;--card-grid-columns-mobile: 1;--card-grid-columns-sm: 2;--card-grid-columns-md: 3;--card-grid-columns-lg: 4;--card-grid-columns-xl: 4}:root{--color-text-primary: #1a202c;--color-text-secondary: #4a5568;--color-text-tertiary: #718096;--color-text-inverse: #ffffff;--color-primary: #3182ce;--color-primary-hover: #2c5aa0;--color-primary-light: rgba(49, 130, 206, .1);--color-surface-primary: #ffffff;--color-surface-secondary: #f7fafc;--color-surface-tertiary: #edf2f7;--color-border-primary: #e2e8f0;--color-border-light: #edf2f7;--color-star-filled: #fbbf24;--color-star-empty: #cbd5e0;--color-twitter: #000000;--color-facebook: #1877f2;--color-linkedin: #0a66c2;--color-reddit: #ff4500;--color-whatsapp: #25d366;--color-tiktok: #000000;--color-instagram: #e4405f;--color-pinterest: #bd081c;--color-telegram: #0088cc;--color-discord: #5865f2;--color-success: #22c55e;--color-success-light: rgba(34, 197, 94, .1);--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .1);--color-error: #e53e3e;--color-error-light: rgba(229, 62, 62, .1);--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .1);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-float: 0 10px 25px -5px rgba(0, 0, 0, .15);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "Fira Code", monospace;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--bp-mobile: 480px;--bp-tablet: 768px;--focus-ring-color: var(--color-primary);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-blur: 0;--container-max-width: 1400px;--sidebar-width: 370px;--scroll-padding: 40px;--theme-bg-primary: #ffffff;--theme-bg-surface: #f8fafc;--theme-bg-surface-secondary: #f1f5f9;--theme-bg-surface-tertiary: #e2e8f0;--theme-bg-surface-rgb: 248, 250, 252;--theme-text-primary: #1e293b;--theme-text-secondary: #475569;--theme-text-muted: #64748b;--theme-text-inverse: #ffffff;--theme-color-primary: #2563eb;--theme-color-primary-hover: #1d4ed8;--theme-color-primary-light: #93c5fd;--theme-color-primary-rgb: 37, 99, 235;--theme-color-on-primary: #ffffff;--theme-color-secondary: #475569;--theme-color-secondary-hover: #334155;--theme-color-secondary-rgb: 71, 85, 105;--theme-color-on-secondary: #ffffff;--theme-color-accent: #0891b2;--theme-color-accent-rgb: 8, 145, 178;--theme-color-on-accent: #1a1a1a;--theme-color-success: #15803d;--theme-color-success-rgb: 21, 128, 61;--theme-color-on-success: #ffffff;--theme-color-success-soft-bg: #dcfce7;--theme-color-success-soft-text: #166534;--theme-color-success-soft-border: #86efac;--theme-color-warning: #ca8a04;--theme-color-warning-rgb: 202, 138, 4;--theme-color-on-warning: #1a1a1a;--theme-color-warning-soft-bg: #fef3c7;--theme-color-warning-soft-text: #92400e;--theme-color-warning-soft-border: #fcd34d;--theme-color-error: #dc2626;--theme-color-error-rgb: 220, 38, 38;--theme-color-on-error: #ffffff;--theme-color-error-soft-bg: #fee2e2;--theme-color-error-soft-text: #991b1b;--theme-color-error-soft-border: #fca5a5;--theme-color-info: #0369a1;--theme-color-info-rgb: 3, 105, 161;--theme-color-on-info: #ffffff;--theme-color-info-soft-bg: #dbeafe;--theme-color-info-soft-text: #1e40af;--theme-color-info-soft-border: #93c5fd;--theme-border-primary: #e2e8f0;--theme-border-muted: #f1f5f9;--theme-border-strong: #94a3b8;--theme-focus-ring: #2563eb;--theme-focus-ring-width: 2px;--glow-intensity: .15;--shadow-color: 0, 0, 0;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--header-height: 72px;--theme-stars-empty: #cbd5e0;--theme-stars-fill: #fbbf24;--cat-hue: 220;--tag-hue: 290;--author-hue: 350;--year-hue: 35;--super-cat-hue: 130;--pop-hue: 190;--grid-gap: var(--spacing-xs);--grid-card-bg: var(--theme-bg-surface);--grid-card-border: var(--theme-border-primary);--grid-card-hover-border: var(--theme-color-primary);--magazine-overlay: rgba(0, 0, 0, .35);--magazine-overlay-hover: rgba(0, 0, 0, .2);--magazine-footer-bg: rgba(255, 255, 255, .9);--magazine-border: rgba(0, 0, 0, .1);--magazine-text: #1e293b;--magazine-text-muted: #475569;--magazine-text-secondary: #64748b;--magazine-btn-bg: rgba(37, 99, 235, .2);--magazine-btn-border: rgba(37, 99, 235, .4);--magazine-btn-bg-hover: rgba(37, 99, 235, .35);--card-glass-bg: rgba(255, 255, 255, .7);--card-glass-border: rgba(255, 255, 255, .5);--card-glass-blur: 12px;--theme-code-bg: #f1f5f9;--theme-code-border: #cbd5e1}[data-theme=dark]{--theme-bg-primary: #0f172a;--theme-bg-surface: #1e293b;--theme-bg-surface-secondary: #334155;--theme-bg-surface-tertiary: #475569;--theme-bg-surface-rgb: 30, 41, 59;--theme-text-primary: #f8fafc;--theme-text-secondary: #e2e8f0;--theme-text-muted: #94a3b8;--theme-text-inverse: #0f172a;--theme-color-primary: #60a5fa;--theme-color-primary-hover: #93c5fd;--theme-color-primary-light: #bfdbfe;--theme-color-primary-rgb: 96, 165, 250;--theme-color-on-primary: #0f172a;--theme-color-secondary: #94a3b8;--theme-color-secondary-hover: #cbd5e1;--theme-color-secondary-rgb: 148, 163, 184;--theme-color-on-secondary: #0f172a;--theme-color-accent: #22d3ee;--theme-color-accent-rgb: 34, 211, 238;--theme-color-on-accent: #0f172a;--theme-color-success: #4ade80;--theme-color-success-rgb: 74, 222, 128;--theme-color-on-success: #0f172a;--theme-color-success-soft-bg: rgba(74, 222, 128, .15);--theme-color-success-soft-text: #4ade80;--theme-color-success-soft-border: rgba(74, 222, 128, .3);--theme-color-warning: #fbbf24;--theme-color-warning-rgb: 251, 191, 36;--theme-color-on-warning: #0f172a;--theme-color-warning-soft-bg: rgba(251, 191, 36, .15);--theme-color-warning-soft-text: #fbbf24;--theme-color-warning-soft-border: rgba(251, 191, 36, .3);--theme-color-error: #f87171;--theme-color-error-rgb: 248, 113, 113;--theme-color-on-error: #0f172a;--theme-color-error-soft-bg: rgba(248, 113, 113, .15);--theme-color-error-soft-text: #f87171;--theme-color-error-soft-border: rgba(248, 113, 113, .3);--theme-color-info: #38bdf8;--theme-color-info-rgb: 56, 189, 248;--theme-color-on-info: #0f172a;--theme-color-info-soft-bg: rgba(56, 189, 248, .15);--theme-color-info-soft-text: #38bdf8;--theme-color-info-soft-border: rgba(56, 189, 248, .3);--theme-border-primary: #475569;--theme-border-muted: #334155;--theme-border-strong: #64748b;--theme-focus-ring: #60a5fa;--glow-intensity: .4;--shadow-color: 0, 0, 0;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--theme-shadow-color: rgba(0, 0, 0, .3);--theme-btn-bg: linear-gradient(135deg, #1e293b, #334155);--theme-btn-shimmer: rgba(255, 255, 255, .15);--theme-badge-text: #f8fafc;--theme-badge-border: rgba(255, 255, 255, .25);--theme-badge-dot: #f8fafc;--theme-stars-empty: #64748b;--theme-stars-fill: #fbbf24;--grid-gap: var(--spacing-xs);--grid-card-bg: var(--theme-bg-surface);--grid-card-border: var(--theme-border-primary);--grid-card-hover-border: var(--theme-color-primary);--magazine-overlay: rgba(0, 0, 0, .5);--magazine-overlay-hover: rgba(0, 0, 0, .3);--magazine-footer-bg: rgba(15, 23, 42, .85);--magazine-border: rgba(255, 255, 255, .1);--magazine-text: #f8fafc;--magazine-text-muted: rgba(248, 250, 252, .75);--magazine-text-secondary: #cbd5e1;--magazine-btn-bg: rgba(255, 255, 255, .15);--magazine-btn-border: rgba(255, 255, 255, .3);--magazine-btn-bg-hover: rgba(255, 255, 255, .3);--card-glass-bg: rgba(30, 41, 59, .7);--card-glass-border: rgba(255, 255, 255, .1);--card-glass-blur: 12px;--theme-code-bg: #0d1117;--theme-code-border: #30363d}[data-theme=dracula]{--theme-bg-primary: #282a36;--theme-bg-surface: #343746;--theme-bg-surface-secondary: #44475a;--theme-bg-surface-tertiary: #565b70;--theme-bg-surface-rgb: 52, 55, 70;--theme-text-primary: #f8f8f2;--theme-text-secondary: #e2e8f0;--theme-text-muted: #a0aec0;--theme-text-inverse: #282a36;--theme-color-primary: #bd93f9;--theme-color-primary-hover: #d0a9ff;--theme-color-primary-light: #e0c3ff;--theme-color-primary-rgb: 189, 147, 249;--theme-color-on-primary: #282a36;--theme-color-secondary: #6272a4;--theme-color-secondary-rgb: 98, 114, 164;--theme-color-secondary-hover: #7d8ec4;--theme-color-on-secondary: #f8f8f2;--theme-color-accent: #8be9fd;--theme-color-on-accent: #282a36;--theme-color-success: #50fa7b;--theme-color-success-rgb: 80, 250, 123;--theme-color-on-success: #282a36;--theme-color-success-soft-bg: rgba(80, 250, 123, .15);--theme-color-success-soft-text: #50fa7b;--theme-color-success-soft-border: rgba(80, 250, 123, .3);--theme-color-warning: #ffb86c;--theme-color-warning-rgb: 255, 184, 108;--theme-color-on-warning: #282a36;--theme-color-warning-soft-bg: rgba(255, 184, 108, .15);--theme-color-warning-soft-text: #ffb86c;--theme-color-warning-soft-border: rgba(255, 184, 108, .3);--theme-color-error: #ff5555;--theme-color-error-rgb: 255, 85, 85;--theme-color-on-error: #282a36;--theme-color-error-soft-bg: rgba(255, 85, 85, .15);--theme-color-error-soft-text: #ff5555;--theme-color-error-soft-border: rgba(255, 85, 85, .3);--theme-color-info: #8be9fd;--theme-color-info-rgb: 139, 233, 253;--theme-color-on-info: #282a36;--theme-color-info-soft-bg: rgba(139, 233, 253, .15);--theme-color-info-soft-text: #8be9fd;--theme-color-info-soft-border: rgba(139, 233, 253, .3);--theme-border-primary: #565b70;--theme-border-muted: #44475a;--theme-border-strong: #6272a4;--theme-focus-ring: #bd93f9;--glow-intensity: .5;--shadow-color: 0, 0, 0;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--cat-hue: 220;--tag-hue: 290;--author-hue: 350;--year-hue: 35;--super-cat-hue: 130;--pop-hue: 190;--theme-shadow-color: rgba(0, 0, 0, .4);--theme-btn-bg: linear-gradient(135deg, #343746, #44475a);--theme-btn-shimmer: rgba(255, 255, 255, .15);--theme-badge-text: #f8f8f2;--theme-badge-border: rgba(189, 147, 249, .3);--theme-badge-dot: #50fa7b;--theme-stars-empty: #6272a4;--theme-stars-fill: #ffb86c;--grid-gap: var(--spacing-xs);--grid-card-bg: var(--theme-bg-surface);--grid-card-border: var(--theme-border-primary);--grid-card-hover-border: var(--theme-color-primary);--magazine-overlay: rgba(40, 42, 54, .6);--magazine-overlay-hover: rgba(40, 42, 54, .4);--magazine-footer-bg: rgba(40, 42, 54, .85);--magazine-border: rgba(189, 147, 249, .25);--magazine-text: #f8f8f2;--magazine-text-muted: rgba(248, 248, 242, .7);--magazine-text-secondary: #e2e8f0;--magazine-btn-bg: rgba(189, 147, 249, .2);--magazine-btn-border: rgba(189, 147, 249, .4);--magazine-btn-bg-hover: rgba(189, 147, 249, .35);--card-glass-bg: rgba(68, 71, 90, .7);--card-glass-border: rgba(189, 147, 249, .2);--card-glass-blur: 12px;--theme-code-bg: #282a36;--theme-code-border: #44475a}[data-theme=peachoff]{--theme-bg-primary: #fef7f0;--theme-bg-surface: #fdf2e8;--theme-bg-surface-secondary: #f9e8d7;--theme-bg-surface-tertiary: #f0dac5;--theme-bg-surface-rgb: 253, 242, 232;--theme-text-primary: #3d2314;--theme-text-secondary: #5c3d2e;--theme-text-muted: #7a5a47;--theme-text-inverse: #fef7f0;--theme-color-primary: #c2410c;--theme-color-primary-hover: #9a3412;--theme-color-primary-light: #fb923c;--theme-color-primary-rgb: 194, 65, 12;--theme-color-on-primary: #ffffff;--theme-color-secondary: #78350f;--theme-color-secondary-rgb: 120, 53, 15;--theme-color-secondary-hover: #5c2a0b;--theme-color-on-secondary: #ffffff;--theme-color-accent: #0891b2;--theme-color-on-accent: #1a1a1a;--theme-color-success: #15803d;--theme-color-success-rgb: 21, 128, 61;--theme-color-on-success: #ffffff;--theme-color-success-soft-bg: rgba(21, 128, 61, .12);--theme-color-success-soft-text: #15803d;--theme-color-success-soft-border: rgba(21, 128, 61, .25);--theme-color-warning: #b45309;--theme-color-warning-rgb: 180, 83, 9;--theme-color-on-warning: #ffffff;--theme-color-warning-soft-bg: rgba(180, 83, 9, .12);--theme-color-warning-soft-text: #b45309;--theme-color-warning-soft-border: rgba(180, 83, 9, .25);--theme-color-error: #b91c1c;--theme-color-error-rgb: 185, 28, 28;--theme-color-on-error: #ffffff;--theme-color-error-soft-bg: rgba(185, 28, 28, .12);--theme-color-error-soft-text: #b91c1c;--theme-color-error-soft-border: rgba(185, 28, 28, .25);--theme-color-info: #0369a1;--theme-color-info-rgb: 3, 105, 161;--theme-color-on-info: #ffffff;--theme-color-info-soft-bg: rgba(3, 105, 161, .12);--theme-color-info-soft-text: #0369a1;--theme-color-info-soft-border: rgba(3, 105, 161, .25);--theme-border-primary: #e8d4c0;--theme-border-muted: #f0dac5;--theme-border-strong: #a0846a;--theme-focus-ring: #c2410c;--theme-stars-empty: #e8d4c0;--theme-stars-fill: #fbbf24;--glow-intensity: .2;--shadow-color: 194, 65, 12;--shadow-xs: 0 1px 2px 0 rgba(194, 65, 12, .1);--shadow-sm: 0 1px 3px 0 rgba(194, 65, 12, .15), 0 1px 2px -1px rgba(194, 65, 12, .15);--shadow-md: 0 4px 6px -1px rgba(194, 65, 12, .15), 0 2px 4px -2px rgba(194, 65, 12, .15);--shadow-lg: 0 10px 15px -3px rgba(194, 65, 12, .15), 0 4px 6px -4px rgba(194, 65, 12, .15);--shadow-xl: 0 20px 25px -5px rgba(194, 65, 12, .15), 0 8px 10px -6px rgba(194, 65, 12, .15);--shadow-2xl: 0 25px 50px -12px rgba(194, 65, 12, .2);--cat-hue: 230;--tag-hue: 300;--author-hue: 10;--year-hue: 40;--super-cat-hue: 140;--pop-hue: 200;--theme-code-bg: #fef3c7;--theme-code-border: #fdba74}[data-theme=purplegems]{--theme-bg-primary: #faf5ff;--theme-bg-surface: #f3e8ff;--theme-bg-surface-secondary: #e9d5ff;--theme-bg-surface-tertiary: #d8b4fe;--theme-bg-surface-rgb: 243, 232, 255;--theme-text-primary: #3b0764;--theme-text-secondary: #581c87;--theme-text-muted: #7e22ce;--theme-text-inverse: #faf5ff;--theme-color-primary: #7c3aed;--theme-color-primary-hover: #6d28d9;--theme-color-primary-light: #a78bfa;--theme-color-primary-rgb: 124, 58, 237;--theme-color-on-primary: #ffffff;--theme-color-secondary: #581c87;--theme-color-secondary-rgb: 88, 28, 135;--theme-color-secondary-hover: #3b0764;--theme-color-on-secondary: #ffffff;--theme-color-accent: #0891b2;--theme-color-on-accent: #1a1a1a;--theme-color-success: #15803d;--theme-color-success-rgb: 21, 128, 61;--theme-color-on-success: #ffffff;--theme-color-success-soft-bg: #dcfce7;--theme-color-success-soft-text: #15803d;--theme-color-success-soft-border: #86efac;--theme-color-warning: #b45309;--theme-color-warning-rgb: 180, 83, 9;--theme-color-on-warning: #ffffff;--theme-color-warning-soft-bg: #fef3c7;--theme-color-warning-soft-text: #b45309;--theme-color-warning-soft-border: #fcd34d;--theme-color-error: #b91c1c;--theme-color-error-rgb: 185, 28, 28;--theme-color-on-error: #ffffff;--theme-color-error-soft-bg: #fee2e2;--theme-color-error-soft-text: #b91c1c;--theme-color-error-soft-border: #fca5a5;--theme-color-info: #0369a1;--theme-color-info-rgb: 3, 105, 161;--theme-color-on-info: #ffffff;--theme-color-info-soft-bg: #dbeafe;--theme-color-info-soft-text: #0369a1;--theme-color-info-soft-border: #93c5fd;--theme-border-primary: #c4b5fd;--theme-border-muted: #ddd6fe;--theme-border-strong: #7c3aed;--theme-focus-ring: #7c3aed;--theme-stars-empty: #c4b5fd;--theme-stars-fill: #fbbf24;--glow-intensity: .25;--shadow-color: 124, 58, 237;--shadow-xs: 0 1px 2px 0 rgba(124, 58, 237, .1);--shadow-sm: 0 1px 3px 0 rgba(124, 58, 237, .15), 0 1px 2px -1px rgba(124, 58, 237, .15);--shadow-md: 0 4px 6px -1px rgba(124, 58, 237, .15), 0 2px 4px -2px rgba(124, 58, 237, .15);--shadow-lg: 0 10px 15px -3px rgba(124, 58, 237, .15), 0 4px 6px -4px rgba(124, 58, 237, .15);--shadow-xl: 0 20px 25px -5px rgba(124, 58, 237, .15), 0 8px 10px -6px rgba(124, 58, 237, .15);--shadow-2xl: 0 25px 50px -12px rgba(124, 58, 237, .2);--cat-hue: 240;--tag-hue: 310;--author-hue: 20;--year-hue: 45;--super-cat-hue: 150;--pop-hue: 210;--theme-code-bg: #f3e8ff;--theme-code-border: #d8b4fe}[data-theme=blue-professional]{--theme-bg-primary: #ffffff;--theme-bg-surface: #f8fafc;--theme-bg-surface-secondary: #f1f5f9;--theme-bg-surface-tertiary: #e2e8f0;--theme-bg-surface-rgb: 248, 250, 252;--theme-text-primary: #0f172a;--theme-text-secondary: #334155;--theme-text-muted: #64748b;--theme-text-inverse: #ffffff;--theme-color-primary: #1e40af;--theme-color-primary-hover: #1e3a8a;--theme-color-primary-light: #3b82f6;--theme-color-primary-rgb: 30, 64, 175;--theme-color-on-primary: #ffffff;--theme-color-secondary: #475569;--theme-color-secondary-rgb: 71, 85, 105;--theme-color-secondary-hover: #334155;--theme-color-on-secondary: #ffffff;--theme-color-accent: #0891b2;--theme-color-on-accent: #1a1a1a;--theme-color-success: #15803d;--theme-color-success-rgb: 21, 128, 61;--theme-color-on-success: #ffffff;--theme-color-success-soft-bg: #dcfce7;--theme-color-success-soft-text: #15803d;--theme-color-success-soft-border: #86efac;--theme-color-warning: #b45309;--theme-color-warning-rgb: 180, 83, 9;--theme-color-on-warning: #ffffff;--theme-color-warning-soft-bg: #fef3c7;--theme-color-warning-soft-text: #b45309;--theme-color-warning-soft-border: #fcd34d;--theme-color-error: #b91c1c;--theme-color-error-rgb: 185, 28, 28;--theme-color-on-error: #ffffff;--theme-color-error-soft-bg: #fee2e2;--theme-color-error-soft-text: #b91c1c;--theme-color-error-soft-border: #fca5a5;--theme-color-info: #0369a1;--theme-color-info-rgb: 3, 105, 161;--theme-color-on-info: #ffffff;--theme-color-info-soft-bg: #dbeafe;--theme-color-info-soft-text: #0369a1;--theme-color-info-soft-border: #93c5fd;--theme-border-primary: #e2e8f0;--theme-border-muted: #f1f5f9;--theme-border-strong: #94a3b8;--theme-focus-ring: #1e40af;--theme-stars-empty: #cbd5e0;--theme-stars-fill: #fbbf24;--glow-intensity: .12;--shadow-color: 30, 64, 175;--shadow-xs: 0 1px 2px 0 rgba(30, 64, 175, .08);--shadow-sm: 0 1px 3px 0 rgba(30, 64, 175, .1), 0 1px 2px -1px rgba(30, 64, 175, .1);--shadow-md: 0 4px 6px -1px rgba(30, 64, 175, .1), 0 2px 4px -2px rgba(30, 64, 175, .1);--shadow-lg: 0 10px 15px -3px rgba(30, 64, 175, .1), 0 4px 6px -4px rgba(30, 64, 175, .1);--shadow-xl: 0 20px 25px -5px rgba(30, 64, 175, .1), 0 8px 10px -6px rgba(30, 64, 175, .1);--shadow-2xl: 0 25px 50px -12px rgba(30, 64, 175, .15);--cat-hue: 215;--tag-hue: 285;--author-hue: 345;--year-hue: 35;--super-cat-hue: 125;--pop-hue: 185;--theme-code-bg: #dbeafe;--theme-code-border: #93c5fd}[data-theme=green-forest]{--theme-bg-primary: #f0fdf4;--theme-bg-surface: #dcfce7;--theme-bg-surface-secondary: #bbf7d0;--theme-bg-surface-tertiary: #86efac;--theme-bg-surface-rgb: 220, 252, 231;--theme-text-primary: #14532d;--theme-text-secondary: #166534;--theme-text-muted: #15803d;--theme-text-inverse: #f0fdf4;--theme-color-primary: #166534;--theme-color-primary-hover: #14532d;--theme-color-primary-light: #22c55e;--theme-color-primary-rgb: 22, 101, 52;--theme-color-on-primary: #ffffff;--theme-color-secondary: #14532d;--theme-color-secondary-rgb: 20, 83, 45;--theme-color-secondary-hover: #052e16;--theme-color-on-secondary: #ffffff;--theme-color-accent: #0891b2;--theme-color-on-accent: #1a1a1a;--theme-color-success: #15803d;--theme-color-success-rgb: 21, 128, 61;--theme-color-on-success: #ffffff;--theme-color-success-soft-bg: #dcfce7;--theme-color-success-soft-text: #15803d;--theme-color-success-soft-border: #86efac;--theme-color-warning: #b45309;--theme-color-warning-rgb: 180, 83, 9;--theme-color-on-warning: #ffffff;--theme-color-warning-soft-bg: #fef3c7;--theme-color-warning-soft-text: #b45309;--theme-color-warning-soft-border: #fcd34d;--theme-color-error: #b91c1c;--theme-color-error-rgb: 185, 28, 28;--theme-color-on-error: #ffffff;--theme-color-error-soft-bg: #fee2e2;--theme-color-error-soft-text: #b91c1c;--theme-color-error-soft-border: #fca5a5;--theme-color-info: #0369a1;--theme-color-info-rgb: 3, 105, 161;--theme-color-on-info: #ffffff;--theme-color-info-soft-bg: #dbeafe;--theme-color-info-soft-text: #0369a1;--theme-color-info-soft-border: #93c5fd;--theme-border-primary: #86efac;--theme-border-muted: #bbf7d0;--theme-border-strong: #22c55e;--theme-focus-ring: #166534;--theme-stars-empty: #86efac;--theme-stars-fill: #fbbf24;--glow-intensity: .2;--shadow-color: 22, 101, 52;--shadow-xs: 0 1px 2px 0 rgba(22, 101, 52, .1);--shadow-sm: 0 1px 3px 0 rgba(22, 101, 52, .15), 0 1px 2px -1px rgba(22, 101, 52, .15);--shadow-md: 0 4px 6px -1px rgba(22, 101, 52, .15), 0 2px 4px -2px rgba(22, 101, 52, .15);--shadow-lg: 0 10px 15px -3px rgba(22, 101, 52, .15), 0 4px 6px -4px rgba(22, 101, 52, .15);--shadow-xl: 0 20px 25px -5px rgba(22, 101, 52, .15), 0 8px 10px -6px rgba(22, 101, 52, .15);--shadow-2xl: 0 25px 50px -12px rgba(22, 101, 52, .2);--cat-hue: 225;--tag-hue: 295;--author-hue: 345;--year-hue: 40;--super-cat-hue: 135;--pop-hue: 195;--theme-code-bg: #dcfce7;--theme-code-border: #86efac}[data-theme=accessible]{--theme-bg-primary: #ffffff;--theme-bg-surface: #ffffff;--theme-bg-surface-secondary: #f5f5f5;--theme-bg-surface-tertiary: #e5e5e5;--theme-bg-surface-rgb: 255, 255, 255;--theme-text-primary: #000000;--theme-text-secondary: #171717;--theme-text-muted: #404040;--theme-text-inverse: #ffffff;--theme-color-primary: #0052cc;--theme-color-primary-hover: #003d99;--theme-color-primary-light: #2563eb;--theme-color-primary-rgb: 0, 82, 204;--theme-color-on-primary: #ffffff;--theme-color-secondary: #171717;--theme-color-secondary-rgb: 23, 23, 23;--theme-color-secondary-hover: #000000;--theme-color-on-secondary: #ffffff;--theme-color-accent: #0052cc;--theme-color-on-accent: #ffffff;--theme-color-success: #006400;--theme-color-success-rgb: 0, 100, 0;--theme-color-on-success: #ffffff;--theme-color-success-soft-bg: rgba(0, 100, 0, .1);--theme-color-success-soft-text: #006400;--theme-color-success-soft-border: rgba(0, 100, 0, .3);--theme-color-warning: #b45309;--theme-color-warning-rgb: 180, 83, 9;--theme-color-on-warning: #ffffff;--theme-color-warning-soft-bg: rgba(180, 83, 9, .1);--theme-color-warning-soft-text: #b45309;--theme-color-warning-soft-border: rgba(180, 83, 9, .3);--theme-color-error: #b91c1c;--theme-color-error-rgb: 185, 28, 28;--theme-color-on-error: #ffffff;--theme-color-error-soft-bg: rgba(185, 28, 28, .1);--theme-color-error-soft-text: #b91c1c;--theme-color-error-soft-border: rgba(185, 28, 28, .3);--theme-color-info: #0052cc;--theme-color-info-rgb: 0, 82, 204;--theme-color-on-info: #ffffff;--theme-color-info-soft-bg: rgba(0, 82, 204, .1);--theme-color-info-soft-text: #0052cc;--theme-color-info-soft-border: rgba(0, 82, 204, .3);--theme-border-primary: #a3a3a3;--theme-border-muted: #d4d4d4;--theme-border-strong: #525252;--theme-focus-ring: #0052cc;--theme-focus-ring-width: 3px;--theme-stars-empty: #a3a3a3;--theme-stars-fill: #0052cc;--glow-intensity: .1;--shadow-color: 0, 0, 0;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--cat-hue: 205;--tag-hue: 275;--author-hue: 335;--year-hue: 28;--super-cat-hue: 115;--pop-hue: 175;--theme-code-bg: #ffffff;--theme-code-border: #000000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{list-style:none}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}button{cursor:pointer;background:transparent;border:none}table{border-collapse:collapse;border-spacing:0}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0}summary{cursor:pointer}@font-face{font-family:"Inter",var(--font-inter);font-display:swap;size-adjust:100%;ascent-override:90%;descent-override:20%;line-gap-override:0%}@font-face{font-family:"Poppins",var(--font-poppins);font-display:swap;size-adjust:105%;ascent-override:92%;descent-override:22%;line-gap-override:0%}@font-face{font-family:"Sora",var(--font-sora);font-display:swap;size-adjust:102%;ascent-override:90%;descent-override:20%;line-gap-override:0%}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:var(--font-primary, var(--font-inter));font-size:var(--text-font-size-base);line-height:var(--text-line-height-normal);color:var(--theme-text-primary);background-color:var(--theme-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--font-weight-body);font-style:var(--font-style-primary)}::selection{background-color:var(--theme-color-primary);color:var(--theme-text-inverse)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-heading);color:var(--theme-text-primary)}:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}body,.card,.button,.header,.footer,.input,.alert{transition:background-color var(--transition-duration-normal),color var(--transition-duration-normal),border-color var(--transition-duration-normal)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){:root,[data-theme]{--theme-bg-primary: #ffffff;--theme-bg-surface: #ffffff;--theme-bg-surface-secondary: #f5f5f5;--theme-bg-surface-tertiary: #e5e5e5;--theme-text-primary: #000000;--theme-text-secondary: #171717;--theme-text-muted: #404040;--theme-text-inverse: #ffffff;--theme-color-primary: #0052cc;--theme-color-primary-hover: #003d99;--theme-border-primary: #000000;--theme-border-muted: #737373;--theme-border-strong: #000000}}@media(prefers-color-scheme:dark)and (prefers-contrast:more){:root,[data-theme]{--theme-bg-primary: #000000;--theme-bg-surface: #000000;--theme-bg-surface-secondary: #171717;--theme-bg-surface-tertiary: #262626;--theme-text-primary: #ffffff;--theme-text-secondary: #f5f5f5;--theme-text-muted: #a3a3a3;--theme-text-inverse: #000000;--theme-color-primary: #60a5fa;--theme-color-primary-hover: #93c5fd;--theme-border-primary: #ffffff;--theme-border-muted: #737373;--theme-border-strong: #ffffff}}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}@media(min-width:640px){.container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media(min-width:1024px){.container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.container--sm{max-width:640px}.container--md{max-width:768px}.container--lg{max-width:1024px}.container--xl{max-width:1280px}.container--1400{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.container--2xl{max-width:1536px}.container--full{max-width:100%}.container--fluid{max-width:none}.prose{max-width:65ch;margin-left:auto;margin-right:auto}.section{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}@media(max-width:767px){.section{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}}.section--sm{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.section--lg{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}.main{flex:1;min-height:0}.page{display:flex;flex-direction:column;min-height:100vh}.grid{display:grid}.inline-grid{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}.col-auto{grid-column:auto}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-full{grid-column:1/-1}.row-auto{grid-row:auto}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-span-4{grid-row:span 4/span 4}.row-span-full{grid-row:1/-1}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row-dense{grid-auto-flow:row dense}.grid-flow-col-dense{grid-auto-flow:column dense}.place-content-center{place-content:center}.place-content-start{place-content:start}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.place-content-around{place-content:space-around}.place-content-evenly{place-content:space-evenly}.place-content-stretch{place-content:stretch}.place-items-center{place-items:center}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-stretch{place-items:stretch}@media(min-width:640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(min-width:1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-fit-md{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid--2-cols{grid-template-columns:1fr}@media(min-width:1024px){.grid--2-cols{grid-template-columns:1fr 1fr}}.grid--3-cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cluster{display:flex;flex-wrap:wrap;gap:var(--gutter, var(--spacing-4));align-items:var(--cluster-align, center);justify-content:var(--cluster-justify, flex-start)}.repel{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:var(--repel-align, center);gap:var(--gutter, var(--spacing-4))}.sidebar{display:flex;flex-wrap:wrap;gap:var(--gutter, var(--spacing-4))}.sidebar>*{flex-grow:1;flex-basis:calc((var(--sidebar-threshold, 30rem) - 100%) * 999)}.sidebar>:last-child{flex-basis:0;flex-grow:999;min-width:var(--sidebar-min-width, 50%)}.center{display:grid;place-items:center;place-content:center}.center-h{display:flex;justify-content:center}.center-v{display:flex;align-items:center}.center-auto{margin-left:auto;margin-right:auto}.centered{max-width:var(--centered-max-width, 65ch);margin-left:auto;margin-right:auto}.switcher{display:flex;flex-wrap:wrap;gap:var(--switcher-gap, var(--spacing-4))}.switcher>*{flex-grow:1;flex-basis:calc((var(--switcher-threshold, 30rem) - 100%) * 999)}.switcher>:nth-last-child(n+3){flex-basis:100%}.matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--matrix-min, 200px),1fr));gap:var(--matrix-gap, var(--spacing-4))}.matrix--fixed{grid-template-columns:repeat(auto-fit,minmax(var(--matrix-min, 250px),1fr))}.badge-wrapper{position:relative;display:inline-block}.badge-wrapper__badge{position:absolute;top:0;right:0;transform:translate(25%,-25%)}.stack{display:flex;flex-direction:column;justify-content:flex-start}.stack>*+*{margin-block-start:var(--stack-space, 1.5rem)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.hero-wrapper{--hero-padding-x: var(--spacing-5);--hero-padding-y-top: calc(var(--header-height, 72px) + var(--spacing-8));--hero-padding-y-bottom: var(--spacing-8);max-width:1200px;margin:0 auto;padding:var(--hero-padding-y-top) var(--hero-padding-x) var(--hero-padding-y-bottom)}@media(min-width:768px){.hero-wrapper{--hero-padding-x: var(--spacing-6);--hero-padding-y-top: calc(var(--header-height, 72px) + var(--spacing-10))}}@media(min-width:1024px){.hero-wrapper{--hero-padding-y-bottom: var(--spacing-8)}}.hero{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-10);width:100%}@media(min-width:1024px){.hero{flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-10);text-align:left}}.hero-media{width:100%;display:flex;flex-direction:column;align-items:center}@media(min-width:1024px){.hero-media{flex:0 0 auto;width:280px}}.hero-media-surface{width:100%;border-radius:var(--border-radius-lg);background:linear-gradient(135deg,var(--theme-bg-surface) 0%,var(--theme-bg-surface-secondary) 100%);border:1px solid var(--theme-border-muted);padding:var(--spacing-1)}@media(min-width:768px){.hero-media-surface{border-radius:var(--border-radius-xl)}}.hero-media-content{padding:var(--spacing-3);display:flex;flex-direction:column;align-items:center;background:var(--theme-bg-primary);border-radius:calc(var(--border-radius-lg) - 2px)}@media(min-width:768px){.hero-media-content{padding:var(--spacing-4);border-radius:calc(var(--border-radius-xl) - 2px)}}.hero-text{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}@media(min-width:1024px){.hero-text{flex:1;text-align:left;align-items:flex-start;padding-inline:0}}.hero-text-surface{width:100%;border-radius:var(--border-radius-lg);background:linear-gradient(135deg,var(--theme-bg-surface) 0%,var(--theme-bg-surface-secondary) 100%);border:1px solid var(--theme-border-muted);padding:var(--spacing-3)}@media(min-width:768px){.hero-text-surface{border-radius:var(--border-radius-xl);padding:var(--spacing-4)}}.hero-text-content{padding:var(--spacing-4);display:flex;flex-direction:column;align-items:center;background:var(--theme-bg-primary);border-radius:calc(var(--border-radius-lg) - 2px)}@media(min-width:768px){.hero-text-content{padding:var(--spacing-5);border-radius:calc(var(--border-radius-xl) - 2px)}}@media(min-width:1024px){.hero-text-content{padding:var(--spacing-6);align-items:flex-start;text-align:left}}.hero-text-content .hero-heading,.hero-text-content .hero-tagline,.hero-text-content .hero-description{color:var(--theme-text-secondary)}.hero-media-wrapper{width:100%;display:flex;justify-content:center}.features-wrapper{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6) var(--spacing-12)}@media(min-width:768px){.features-wrapper{padding:0 var(--spacing-8) var(--spacing-12)}}@media(min-width:1024px){.features-wrapper{padding:0 var(--spacing-8) var(--spacing-10)}}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3);align-items:stretch}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-4)}}.hero-socials{display:flex;justify-content:center;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-6);width:100%;min-height:44px;flex-wrap:nowrap}@media(min-width:1024px){.hero-socials{gap:var(--spacing-4);justify-content:center;padding-inline:var(--spacing-2);margin-top:var(--spacing-7)}}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-8);width:100%}@media(min-width:1024px){.hero-actions{justify-content:flex-start;gap:var(--spacing-4)}}.cmp-controls,.cmp-controls *{--local-color-primary: var(--theme-color-primary);--local-color-text-muted: var(--theme-text-secondary);--local-color-border: var(--theme-border-primary);--local-radius-full: 9999px;--local-radius-md: .5rem;--local-spacing-sm: .5rem;--local-spacing-md: 1rem;--local-spacing-xl: 2.5rem;--local-text-sm: .875rem;--local-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--local-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--local-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--local-controls-bg: rgba(var(--theme-bg-surface-rgb, 255, 255, 255), .5);--local-controls-hover-bg: rgba( var(--theme-bg-surface-rgb, 255, 255, 255), .7 );--local-controls-active-bg: var(--theme-bg-surface, #fff);--local-controls-shadow: var( --theme-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05) )}.cmp-container{max-width:1280px;margin:0 auto}.cmp-header{text-align:center;margin-bottom:var(--spacing-xl)}.cmp-header__title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-lg)}.cmp-grid{display:grid;gap:var(--grid-gap, var(--spacing-xs));transition:opacity .3s ease}.cmp-grid--grid{grid-template-columns:repeat(auto-fill,minmax(var(--card-width-standard, 320px),1fr))}.cmp-grid--gridcompact{grid-template-columns:repeat(auto-fill,minmax(var(--card-width-compact, 240px),1fr))}.cmp-grid--list{display:flex;flex-direction:column;max-width:900px;margin:0 auto;gap:var(--spacing-xs)}.cmp-grid--list .blk-card{flex-direction:row;height:280px;overflow:visible;position:relative}.cmp-grid--list .blk-card__media{width:280px;flex-shrink:0;aspect-ratio:16/9;border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);overflow:hidden}.cmp-grid--list .blk-card__img{height:100%;position:relative;z-index:0}.cmp-grid--list .blk-card__body{flex:1;justify-content:center}.cmp-grid--list .blk-badge{position:absolute;display:inline-flex;width:auto;height:auto;min-width:0;z-index:20}.cmp-grid--list .blk-badge--left{top:var(--spacing-xs);left:var(--spacing-xs)}.cmp-grid--list .blk-badge--right{top:var(--spacing-xs);right:var(--spacing-xs)}.cmp-grid--magazine{grid-template-columns:repeat(auto-fill,minmax(var(--card-width-featured, 480px),1fr))}@supports (container-type: inline-size){.cmp-grid-container{container-type:inline-size;container-name:card-grid}}.cmp-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--local-spacing-xs);padding:var(--local-spacing-xs);border-radius:var(--local-radius-full);background:var(--local-controls-bg);box-shadow:var(--local-controls-shadow);backdrop-filter:blur(8px);border:1px solid var(--local-color-border)}.blk-view-btn{padding:var(--local-spacing-xs) var(--local-spacing-sm);border-radius:var(--local-radius-full);color:var(--local-color-text-muted);font-weight:600;font-size:var(--text-xs);transition:all .2s ease;display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;white-space:nowrap}.blk-view-btn svg{width:1rem;height:1rem}.blk-view-btn span:not(.sr-only){display:none}.blk-view-btn:hover{background:var(--local-controls-hover-bg);color:var(--local-color-primary)}.blk-view-btn.active{background:var(--local-controls-active-bg);color:var(--local-color-primary);box-shadow:var(--local-controls-shadow)}@media(min-width:360px){.blk-view-btn{padding:var(--local-spacing-xs) var(--local-spacing-md);font-size:var(--text-sm)}.blk-view-btn span:not(.sr-only){display:inline}}@media(min-width:640px){.blk-view-btn{padding:var(--local-spacing-sm) var(--local-spacing-md);font-size:var(--text-sm);gap:.5rem}.blk-view-btn svg{width:1.125rem;height:1.125rem}}.cmp-grid--gridcompact{gap:var(--spacing-xs)}.cmp-grid--gridcompact .blk-card{border-width:1px;border-radius:var(--border-radius-lg);transition:transform .2s ease,box-shadow .2s ease}.cmp-grid--gridcompact .blk-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.cmp-grid--gridcompact .blk-card__media{aspect-ratio:var(--card-aspect-ratio-standard, 16/9);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.cmp-grid--gridcompact .blk-card__media .blk-card__img{border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.cmp-grid--gridcompact .blk-card__body{padding:var(--spacing-md);gap:var(--spacing-xs)}.cmp-grid--gridcompact .blk-card__title{font-size:.95rem}.cmp-grid--gridcompact .blk-card__desc{display:none}.cmp-grid--gridcompact .blk-card__meta{font-size:.75rem}.cmp-grid--gridcompact .blk-card__author-name{max-width:100px}.cmp-grid--gridcompact .blk-card__avatar{width:1.5rem;height:1.5rem}.cmp-grid--gridcompact .blk-btn{padding:.5rem;font-size:.75rem;border-radius:var(--border-radius-md)}.cmp-grid--magazine .blk-card{border:none;height:450px;background:var(--theme-bg-primary, #000);position:relative}.cmp-grid--magazine .blk-card__media{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--border-radius-lg)}.cmp-grid--magazine .blk-badge{position:absolute;top:var(--local-space-md, 1rem);z-index:10;background:hsla(var(--hue-1),65%,45%,.95)}.cmp-grid--magazine .blk-card:before{content:"";position:absolute;inset:0;background:var(--magazine-overlay, rgba(0, 0, 0, .4));z-index:1;border-radius:var(--border-radius-lg);transition:background .3s}.cmp-grid--magazine .blk-card:hover:before{background:var(--magazine-overlay-hover, rgba(0, 0, 0, .2))}.cmp-grid--magazine .blk-card__body{position:absolute;bottom:0;left:0;right:0;z-index:3;background:var(--magazine-footer-bg, rgba(20, 20, 20, .45));backdrop-filter:blur(12px);border-top:1px solid var(--magazine-border, rgba(255, 255, 255, .2));padding:var(--spacing-xl);color:var(--magazine-text, white);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.cmp-grid--magazine .blk-card__title a{color:var(--magazine-text, white)}.cmp-grid--magazine .blk-card__desc{color:var(--magazine-text-muted, rgba(255, 255, 255, .75))}.cmp-grid--magazine .blk-card__author-name{color:var(--magazine-text-secondary, #cbd5e1)}.cmp-grid--magazine .blk-btn{background:var(--magazine-btn-bg, rgba(255, 255, 255, .2));color:var(--magazine-text, white);border-color:var(--magazine-btn-border, rgba(255, 255, 255, .5))}.cmp-grid--magazine .blk-btn:hover{background:var(--magazine-btn-bg-hover, rgba(255, 255, 255, .35));color:var(--magazine-text, white)}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.u-text-sm{font-size:var(--text-sm)}.u-text-muted{color:var(--theme-text-muted)}.u-text-light{color:#fff}.u-flex{display:flex}.u-items-center{align-items:center}.u-mt-auto{margin-top:auto}.u-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:480px){.cmp-grid--grid,.cmp-grid--gridcompact,.cmp-grid--magazine{grid-template-columns:1fr}.cmp-grid--gridcompact .blk-card__body{padding:var(--spacing-sm)}.cmp-grid--gridcompact .blk-card__title{font-size:.85rem}.cmp-grid--magazine .blk-card{height:400px}.cmp-controls{gap:var(--spacing-2);padding:var(--spacing-2)}.blk-view-btn{padding:var(--spacing-2) var(--spacing-3)}.cmp-grid--list .blk-card{flex-direction:column;height:auto}.cmp-grid--list .blk-card__media{width:100%;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}}@media(min-width:481px)and (max-width:768px){.cmp-grid--grid,.cmp-grid--gridcompact{grid-template-columns:repeat(2,1fr)}.cmp-grid--magazine{grid-template-columns:1fr}.cmp-controls{flex-wrap:wrap}}@media(min-width:910px)and (max-width:1160px){.cmp-grid--grid,.cmp-grid--gridcompact{grid-template-columns:repeat(3,1fr)}.cmp-grid--magazine{grid-template-columns:repeat(2,1fr)}}@media(min-width:1161px){.cmp-grid--grid,.cmp-grid--gridcompact{grid-template-columns:repeat(4,1fr)}.cmp-grid--magazine{grid-template-columns:repeat(2,1fr)}}.co-container{max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--spacing-6);width:100%}@media(max-width:400px){.co-container{padding-inline:var(--spacing-4)}}.co-main-wrapper{padding-block:var(--spacing-10);position:relative}@media(max-width:1024px){.co-main-wrapper{gap:var(--spacing-8)}}.co-main{max-width:100%;overflow-x:clip}.co-prose{max-width:100%;overflow-x:clip;contain:layout style paint}.co-prose:has(.sidebar){display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--spacing-8);align-items:start}@media(max-width:1200px){.co-prose:has(.sidebar){gap:var(--spacing-6)}}@media(max-width:1024px){.co-prose:has(.sidebar){grid-template-columns:1fr}}.co-prose:has(.sidebar) .article-content-main{grid-column:1;min-width:0;width:100%;max-width:100%;overflow-x:auto}.co-prose:has(.sidebar) .article-content-main table{min-width:100%}.co-prose:has(.sidebar) .sidebar{grid-column:2;width:100%;position:sticky;top:calc(var(--header-height, 72px) + var(--spacing-8));align-self:start;max-height:calc(100vh - var(--header-height, 72px) - var(--spacing-8) * 2);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--theme-border-muted) transparent}.co-prose:has(.sidebar) .sidebar::-webkit-scrollbar{width:4px}.co-prose:has(.sidebar) .sidebar::-webkit-scrollbar-track{background:transparent}.co-prose:has(.sidebar) .sidebar::-webkit-scrollbar-thumb{background-color:var(--theme-border-muted);border-radius:var(--radius-full)}@media(max-width:1024px){.co-prose:has(.sidebar) .sidebar{grid-column:1;position:static}}.is-reading-complete .co-prose:has(.sidebar){grid-template-columns:1fr}.is-reading-complete .co-prose:has(.sidebar) .sidebar{grid-column:1;order:2;margin-top:var(--spacing-10);border-top:1px solid var(--color-border-primary);padding-top:var(--spacing-8);width:100%}.is-reading-complete .co-prose:has(.sidebar) .sidebar .sidebar-scroll-wrapper{position:static;height:auto}.is-reading-complete .co-prose:has(.sidebar) .article-content-main{order:1}.co-grid-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.p-20{padding:var(--spacing-20)}.p-24{padding:var(--spacing-24)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.py-lg{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.py-xl{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pt-1{padding-top:var(--spacing-1)}.pb-1{padding-bottom:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pb-2{padding-bottom:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pb-3{padding-bottom:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pb-4{padding-bottom:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pb-6{padding-bottom:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pb-8{padding-bottom:var(--spacing-8)}.pt-10{padding-top:var(--spacing-10)}.pb-10{padding-bottom:var(--spacing-10)}.pt-12{padding-top:var(--spacing-12)}.pb-12{padding-bottom:var(--spacing-12)}.pl-0{padding-left:0}.pr-0{padding-right:0}.pl-1{padding-left:var(--spacing-1)}.pr-1{padding-right:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.pr-2{padding-right:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pr-3{padding-right:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pr-4{padding-right:var(--spacing-4)}.pl-6{padding-left:var(--spacing-6)}.pr-6{padding-right:var(--spacing-6)}.pl-8{padding-left:var(--spacing-8)}.pr-8{padding-right:var(--spacing-8)}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-10{margin:var(--spacing-10)}.m-12{margin:var(--spacing-12)}.m-16{margin:var(--spacing-16)}.m-20{margin:var(--spacing-20)}.m-24{margin:var(--spacing-24)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mx-6{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.mx-8{margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-1{margin-top:var(--spacing-1)}.mb-1{margin-bottom:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mb-2{margin-bottom:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mb-3{margin-bottom:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-6{margin-bottom:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-8{margin-bottom:var(--spacing-8)}.mt-10{margin-top:var(--spacing-10)}.mb-10{margin-bottom:var(--spacing-10)}.mt-12{margin-top:var(--spacing-12)}.mb-12{margin-bottom:var(--spacing-12)}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.mr-0{margin-right:0}.ml-1{margin-left:var(--spacing-1)}.mr-1{margin-right:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.mr-2{margin-right:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.mr-3{margin-right:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.mr-4{margin-right:var(--spacing-4)}.ml-6{margin-left:var(--spacing-6)}.mr-6{margin-right:var(--spacing-6)}.ml-8{margin-left:var(--spacing-8)}.mr-8{margin-right:var(--spacing-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.text-xs{font-size:var(--text-font-size-xs)}.text-sm{font-size:var(--text-font-size-sm)}.text-base{font-size:var(--text-font-size-base)}.text-lg{font-size:var(--text-font-size-lg)}.text-xl{font-size:var(--text-font-size-xl)}.text-2xl{font-size:var(--text-font-size-2xl)}.text-3xl{font-size:var(--text-font-size-3xl)}.text-4xl{font-size:var(--text-font-size-4xl)}.text-5xl{font-size:var(--text-font-size-5xl)}.leading-tight{line-height:var(--text-line-height-tight)}.leading-snug{line-height:var(--text-line-height-snug)}.leading-normal{line-height:var(--text-line-height-normal)}.leading-relaxed{line-height:var(--text-line-height-relaxed)}.leading-loose{line-height:var(--text-line-height-loose)}.tracking-tight{letter-spacing:var(--text-letter-spacing-tight)}.tracking-normal{letter-spacing:var(--text-letter-spacing-normal)}.tracking-wide{letter-spacing:var(--text-letter-spacing-wide)}.font-thin{font-weight:var(--font-weight-thin)}.font-extralight{font-weight:var(--font-weight-extralight, 200)}.font-light{font-weight:var(--font-weight-light, 300)}.font-normal{font-weight:var(--font-weight-normal, 400)}.font-medium{font-weight:var(--font-weight-medium, 500)}.font-semibold{font-weight:var(--font-weight-semibold, 600)}.font-bold{font-weight:var(--font-weight-bold, 700)}.font-extrabold{font-weight:var(--font-weight-extrabold, 800)}.font-black{font-weight:var(--font-weight-black, 900)}.font-inter{font-family:var(--font-inter)}.font-poppins{font-family:var(--font-poppins)}.font-sora{font-family:var(--font-sora)}.font-jetbrains-mono{font-family:var(--font-jetbrains-mono)}.font-roboto-flex{font-family:var(--font-roboto-flex)}.font-tinos{font-family:var(--font-tinos)}.font-source-serif-pro{font-family:var(--font-source-serif-pro)}.font-lora{font-family:var(--font-lora)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-start{text-align:start}.text-end{text-align:end}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.theme-bg-primary{background-color:var(--theme-bg-primary)}.theme-bg-surface{background-color:var(--theme-bg-surface)}.theme-bg-surface-secondary{background-color:var(--theme-bg-surface-secondary)}.theme-bg-surface-tertiary{background-color:var(--theme-bg-surface-tertiary)}.theme-text-primary{color:var(--theme-text-primary)}.theme-text-secondary{color:var(--theme-text-secondary)}.theme-text-muted{color:var(--theme-text-muted)}.theme-text-inverse{color:var(--theme-text-inverse)}.theme-border-primary{border-color:var(--theme-border-primary)}.theme-border-muted{border-color:var(--theme-border-muted)}.theme-border-strong{border-color:var(--theme-border-strong)}.theme-color-primary{color:var(--theme-color-primary)}.theme-color-primary-bg{background-color:var(--theme-color-primary)}.theme-color-secondary{color:var(--theme-color-secondary)}.theme-color-secondary-bg{background-color:var(--theme-color-secondary)}.theme-color-accent{color:var(--theme-color-accent)}.theme-color-accent-bg{background-color:var(--theme-color-accent)}.theme-color-success{color:var(--theme-color-success)}.theme-color-success-bg{background-color:var(--theme-color-success)}.theme-color-warning{color:var(--theme-color-warning)}.theme-color-warning-bg{background-color:var(--theme-color-warning)}.theme-color-error{color:var(--theme-color-error)}.theme-color-error-bg{background-color:var(--theme-color-error)}.theme-color-info{color:var(--theme-color-info)}.theme-color-info-bg{background-color:var(--theme-color-info)}.color-cat{color:hsl(var(--cat-hue),65%,50%)}.color-cat-bg{background-color:hsl(var(--cat-hue),65%,50%)}.color-tag{color:hsl(var(--tag-hue),70%,55%)}.color-tag-bg{background-color:hsl(var(--tag-hue),70%,55%)}.color-author{color:hsl(var(--author-hue),75%,60%)}.color-author-bg{background-color:hsl(var(--author-hue),75%,60%)}.color-year{color:hsl(var(--year-hue),80%,55%)}.color-year-bg{background-color:hsl(var(--year-hue),80%,55%)}.color-super-cat{color:hsl(var(--super-cat-hue),65%,50%)}.color-super-cat-bg{background-color:hsl(var(--super-cat-hue),65%,50%)}.color-pop{color:hsl(var(--pop-hue),70%,50%)}.color-pop-bg{background-color:hsl(var(--pop-hue),70%,50%)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-col-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-10{gap:var(--spacing-10)}.gap-12{gap:var(--spacing-12)}.gap-x-1{column-gap:var(--spacing-1)}.gap-x-2{column-gap:var(--spacing-2)}.gap-x-3{column-gap:var(--spacing-3)}.gap-x-4{column-gap:var(--spacing-4)}.gap-x-6{column-gap:var(--spacing-6)}.gap-x-8{column-gap:var(--spacing-8)}.gap-y-1{row-gap:var(--spacing-1)}.gap-y-2{row-gap:var(--spacing-2)}.gap-y-3{row-gap:var(--spacing-3)}.gap-y-4{row-gap:var(--spacing-4)}.gap-y-6{row-gap:var(--spacing-6)}.gap-y-8{row-gap:var(--spacing-8)}.order-first{order:-9999}.order-last{order:9999}.order-none{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-dropdown{z-index:var(--z-index-dropdown)}.z-sticky{z-index:var(--z-index-sticky)}.z-fixed{z-index:var(--z-index-fixed)}.z-modal-backdrop{z-index:var(--z-index-modal-backdrop)}.z-modal{z-index:var(--z-index-modal)}.z-popover{z-index:var(--z-index-popover)}.z-tooltip{z-index:var(--z-index-tooltip)}.max-width-xs{max-width:var(--spacing-20, 5rem)}.max-width-sm{max-width:var(--spacing-24, 6rem)}.max-width-md{max-width:var(--spacing-32, 8rem)}.max-width-lg{max-width:var(--spacing-40, 10rem)}.max-width-xl{max-width:var(--spacing-48, 12rem)}.max-width-2xl{max-width:var(--spacing-64, 16rem)}.max-width-3xl{max-width:var(--spacing-72, 18rem)}.max-width-4xl{max-width:var(--spacing-80, 20rem)}.max-width-5xl{max-width:42rem}.max-width-prose{max-width:65ch}.w-1{width:var(--spacing-1, .25rem)}.w-2{width:var(--spacing-2, .5rem)}.w-3{width:var(--spacing-3, .75rem)}.w-4{width:var(--spacing-4, 1rem)}.w-5{width:var(--spacing-5, 1.25rem)}.w-6{width:var(--spacing-6, 1.5rem)}.w-8{width:var(--spacing-8, 2rem)}.w-10{width:var(--spacing-10, 2.5rem)}.w-12{width:var(--spacing-12, 3rem)}.w-16{width:var(--spacing-16, 4rem)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.h-1{height:var(--spacing-1, .25rem)}.h-2{height:var(--spacing-2, .5rem)}.h-3{height:var(--spacing-3, .75rem)}.h-4{height:var(--spacing-4, 1rem)}.h-5{height:var(--spacing-5, 1.25rem)}.h-6{height:var(--spacing-6, 1.5rem)}.h-8{height:var(--spacing-8, 2rem)}.h-10{height:var(--spacing-10, 2.5rem)}.h-12{height:var(--spacing-12, 3rem)}.h-16{height:var(--spacing-16, 4rem)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal-backdrop, 1040)}.overlay--transparent{background:transparent}.overlay--blur{background:#0000004d;backdrop-filter:blur(4px)}.visible,.display-block{display:block!important}.display-inline{display:inline!important}.display-inline-block{display:inline-block!important}.display-flex{display:flex!important}.display-inline-flex{display:inline-flex!important}.display-grid{display:grid!important}.display-inline-grid{display:inline-grid!important}.display-table{display:table!important}.display-contents{display:contents!important}.invisible{visibility:hidden!important}.visible-visible{visibility:visible!important}.collapse{visibility:collapse!important}.transition-none{transition:none}.transition-fast{transition:all var(--transition-duration-fast, .15s)}.transition-normal{transition:all var(--transition-duration-normal, .2s)}.transition-slow{transition:all var(--transition-duration-slow, .3s)}.transition-opacity{transition:opacity var(--transition-duration-normal, .2s)}.transition-all{transition:all var(--transition-duration-normal, .2s)}.transition-opacity-90,.transition-opacity-80{transition:opacity .2s ease}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-only-focusable:focus,.sr-only-focusable.visually-hidden-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.visually-hidden-focusable{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:focus,.visually-hidden-focusable:focus-visible{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.focus-ring{outline:none}.focus-ring:focus-visible{outline:2px solid var(--theme-focus-ring, #2563eb);outline-offset:2px}.focus-within-ring:focus-within{outline:2px solid var(--theme-focus-ring, #2563eb);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:0;right:0;z-index:99999;padding:var(--spacing-3) var(--spacing-4);background-color:var(--theme-color-primary);color:var(--theme-color-on-primary, #ffffff);font-weight:var(--font-weight-semibold, 600);text-decoration:none;text-align:center;transition:top .3s ease}.skip-link:focus{top:0;outline:2px solid var(--theme-focus-ring, var(--theme-color-primary));outline-offset:2px}.skip-link--left{left:var(--spacing-4);right:auto;text-align:left}.skip-link--main:focus{top:0;scroll-margin-top:calc(var(--header-height, 72px) + var(--spacing-4))}.disabled,[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}.margin-inline-auto{margin-inline:auto}.margin-inline-start{margin-inline-start:var(--spacing-4)}.margin-inline-end{margin-inline-end:var(--spacing-4)}.margin-block-start{margin-block-start:var(--spacing-4)}.margin-block-end{margin-block-end:var(--spacing-4)}.margin-block-auto{margin-block:auto}.padding-inline{padding-inline:var(--spacing-4)}.padding-inline-sm{padding-inline:var(--spacing-2)}.padding-inline-lg{padding-inline:var(--spacing-6)}.padding-block{padding-block:var(--spacing-4)}.padding-block-sm{padding-block:var(--spacing-2)}.padding-block-lg{padding-block:var(--spacing-6)}.border{border:1px solid var(--theme-border-primary)}.border-inline{border-inline:1px solid var(--theme-border-primary)}.border-inline-start{border-inline-start:2px solid var(--theme-color-primary)}.border-inline-end{border-inline-end:2px solid var(--theme-color-primary)}.border-block-start{border-block-start:2px solid var(--theme-color-primary)}.border-block-end{border-block-end:2px solid var(--theme-color-primary)}.text-align-start{text-align:start}.text-align-end{text-align:end}.float-start{float:inline-start}.float-end{float:inline-end}.clear-start{clear:inline-start}.clear-end{clear:inline-end}.cq-wrapper{container-type:inline-size;container-name:var(--cq-name, unset)}@container{.cq-pad{padding:var(--spacing-4)}.cq-pad-sm{padding:var(--spacing-2)}.cq-pad-lg{padding:var(--spacing-6)}.cq-full{width:100%}.cq-auto{width:auto}.cq-center{margin-inline:auto}.cq-text-center{text-align:center}.cq-text-start{text-align:start}}.cq-wrapper--sm{container-name:sm}.cq-wrapper--md{container-name:md}.cq-wrapper--lg{container-name:lg}.cq-wrapper--xl{container-name:xl}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.opacity-100{opacity:1}.hover-opacity-90:hover{opacity:.9}.hover-opacity-80:hover{opacity:.8}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.position-static{position:static}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.position-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.position-center-y{position:absolute;top:50%;transform:translateY(-50%)}.position-center-x{position:absolute;left:50%;transform:translate(-50%)}.position-cover{position:absolute;inset:0}.sticky-top{position:sticky;top:0;z-index:var(--z-index-sticky)}.fixed-bottom{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-index-fixed)}.transform-center{transform:translate(-50%,-50%)}.transform-y-center{transform:translateY(-50%)}.transform-x-center{transform:translate(-50%)}.transform-scale-95{transform:scale(.95)}.transform-scale-105{transform:scale(1.05)}.transform-rotate-90{transform:rotate(90deg)}.transform-rotate-180{transform:rotate(180deg)}.transform-flip-x{transform:scaleX(-1)}.transform-flip-y{transform:scaleY(-1)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--border-radius-sm, .125rem)}.rounded-base{border-radius:var(--border-radius-base, .25rem)}.rounded-md{border-radius:var(--border-radius-md, .375rem)}.rounded-lg{border-radius:var(--border-radius-lg, .5rem)}.rounded-xl{border-radius:var(--border-radius-xl, .75rem)}.rounded-2xl{border-radius:var(--border-radius-2xl, 1rem)}.rounded-3xl{border-radius:var(--border-radius-3xl, 1.5rem)}.rounded-full{border-radius:var(--border-radius-full, 9999px)}.rounded-smooth{border-start-start-radius:var(--border-radius-lg);border-start-end-radius:var(--border-radius-lg);border-end-end-radius:var(--border-radius-lg);border-end-start-radius:var(--border-radius-lg)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-none{box-shadow:none}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-auto{overflow-y:auto}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.custom-scrollbar{-ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--theme-border-primary) transparent}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--theme-border-primary);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--theme-border-strong)}.smooth-scroll{scroll-behavior:smooth;overflow-y:auto}.aspect-auto{aspect-ratio:auto}.aspect-ratio-1-1{aspect-ratio:1/1}.aspect-ratio-4-3{aspect-ratio:4/3}.aspect-ratio-3-4{aspect-ratio:3/4}.aspect-ratio-16-9{aspect-ratio:16/9}.aspect-ratio-9-16{aspect-ratio:9/16}.aspect-ratio-21-9{aspect-ratio:21/9}.aspect-ratio-9-21{aspect-ratio:9/21}.aspect-video{aspect-ratio:16/9}.aspect-photo{aspect-ratio:4/3}.aspect-portrait{aspect-ratio:3/4}.aspect-square{aspect-ratio:1/1}.aspect-golden{aspect-ratio:1.618/1}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.select-none{user-select:none;-webkit-user-select:none}.select-text{user-select:text;-webkit-user-select:text}.select-all{user-select:all;-webkit-user-select:all}.no-select{user-select:none;-webkit-user-select:none}.allow-select{user-select:text;-webkit-user-select:text}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.pointer-events-box-none{pointer-events:none}.pointer-events-box-none>*{pointer-events:auto}.content-visible-auto{content-visibility:auto;contain-intrinsic-size:auto}.content-visible-visible{content-visibility:visible}.content-visible-hidden{content-visibility:hidden}.render-hint-inline-size{contain-intrinsic-size:1px 500px}.list-none{list-style:none}.list-disc{list-style:disc}.list-decimal{list-style:decimal}.list-square{list-style:square}.list-circle{list-style:circle}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.overflow-ellipsis{text-overflow:ellipsis}.overflow-clip{text-overflow:clip}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.will-change-auto{will-change:auto}.will-change-scroll{will-change:scroll-position}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-contents{will-change:contents}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;inset:50%;width:1em;height:1em;margin:-.5em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.skeleton{background:linear-gradient(90deg,var(--theme-bg-surface-tertiary, #e2e8f0) 25%,var(--theme-bg-surface-secondary, #f1f5f9) 50%,var(--theme-bg-surface-tertiary, #e2e8f0) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;color:transparent}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.clickable:active{transform:scale(.98)}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.co-prose{font-size:var(--text-base);line-height:1.8;color:var(--theme-text-secondary)}.co-prose h1,.co-prose h2,.co-prose h3,.co-prose h4,.co-prose h5,.co-prose h6{color:var(--theme-text-primary);font-weight:700;line-height:1.3;scroll-margin-top:80px;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.co-prose h1{font-size:var(--text-4xl);margin:0;letter-spacing:-.02em}@media(max-width:768px){.co-prose h1{font-size:var(--text-3xl)}}@media(max-width:400px){.co-prose h1{font-size:var(--text-2xl)}}.co-prose h2{font-size:var(--text-2xl);margin:var(--spacing-12) 0 var(--spacing-4) 0;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--theme-border-primary);display:flex;align-items:center;gap:var(--spacing-3)}.co-prose h2:before{content:"";width:4px;height:1.25em;background:linear-gradient(180deg,var(--theme-color-primary),var(--theme-color-primary-light));border-radius:2px;flex-shrink:0}@media(max-width:768px){.co-prose h2{font-size:var(--text-xl)}}@media(max-width:400px){.co-prose h2{font-size:var(--text-lg);gap:var(--spacing-2)}}.co-prose h3{font-size:var(--text-xl);margin:var(--spacing-10) 0 var(--spacing-4) 0}@media(max-width:768px){.co-prose h3{font-size:var(--text-lg)}}@media(max-width:400px){.co-prose h3{font-size:var(--text-base)}}.co-prose h4{font-size:var(--text-lg);margin:var(--spacing-8) 0 var(--spacing-3) 0}@media(max-width:768px){.co-prose h4{font-size:var(--text-base)}}.co-prose h5{font-size:var(--text-base);margin:var(--spacing-6) 0 var(--spacing-2) 0;font-weight:600}.co-prose h6{font-size:var(--text-sm);margin:var(--spacing-6) 0 var(--spacing-2) 0;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted)}.co-prose p{margin:0;color:var(--theme-text-secondary);max-width:70ch;overflow-wrap:break-word;word-wrap:break-word}.co-prose a{color:var(--theme-color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-fast) ease;position:relative;word-wrap:break-word;overflow-wrap:break-word}.co-prose a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--theme-color-primary);transition:width var(--transition-fast) ease}.co-prose a:hover{color:var(--theme-color-primary-hover)}.co-prose a:hover:after{width:100%}.co-prose code{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--spacing-1) var(--spacing-2);background:var(--theme-bg-surface-secondary);border-radius:var(--radius-md);color:var(--theme-color-primary);border:1px solid var(--theme-border-primary);word-break:break-all}.co-prose blockquote{position:relative;margin:var(--spacing-8) 0;padding:var(--spacing-5) var(--spacing-6);background:var(--theme-bg-surface-secondary);border-radius:var(--radius-lg);border-left:4px solid var(--theme-color-primary)}.co-prose blockquote p{margin:0;font-style:normal;color:var(--theme-text-primary)}.co-prose blockquote cite{display:block;margin-top:var(--spacing-3);font-size:var(--text-sm);color:var(--theme-text-muted);font-style:normal;font-weight:500}@media(max-width:768px){.co-prose blockquote{padding:var(--spacing-5)}}@media(max-width:400px){.co-prose blockquote{padding:var(--spacing-4);margin:var(--spacing-6) 0}}.co-prose ul,.co-prose ol{margin:0;padding-left:var(--spacing-3)}@media(max-width:768px){.co-prose ul,.co-prose ol{padding-left:var(--spacing-3)}}@media(max-width:400px){.co-prose ul,.co-prose ol{padding-left:var(--spacing-4)}}.co-prose ul li,.co-prose ol li{position:relative;margin-bottom:0;padding-left:var(--spacing-2)}.co-prose ul li::marker,.co-prose ol li::marker{color:var(--theme-color-primary)}.co-prose ul{list-style:none;padding-left:var(--spacing-3)}.co-prose ul li{position:relative;padding-left:var(--spacing-6)}.co-prose ul li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;background:var(--theme-color-primary);border-radius:50%}@media(max-width:400px){.co-prose ul li:before{width:5px;height:5px;top:.65em}}.co-prose ol{list-style:none;counter-reset:ol-counter;padding-left:var(--spacing-3)}.co-prose ol li{list-style:none;position:relative;padding-left:var(--spacing-6)}.co-prose ol li:before{content:counter(ol-counter) ". ";counter-increment:ol-counter;position:absolute;left:0;font-weight:600;font-size:var(--text-sm);color:var(--theme-color-primary)}@media(max-width:400px){.co-prose ol li:before{font-size:var(--text-xs)}}.co-prose img{max-width:100%;height:auto;margin:var(--spacing-8) 0;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease}.co-prose img:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}@media(max-width:768px){.co-prose img{margin:var(--spacing-6) 0}}@media(max-width:400px){.co-prose img{margin:var(--spacing-6) 0;border-radius:var(--radius-lg)}}.co-prose .sidebar img,.co-prose aside img{margin:0!important;box-shadow:none!important;border-radius:0!important}.co-prose .sidebar img:hover,.co-prose aside img:hover{transform:none!important;box-shadow:none!important}.co-prose hr{border:none;height:1px;margin:var(--spacing-12) 0;background:linear-gradient(90deg,transparent 0%,var(--theme-border-primary) 50%,transparent 100%)}@media(max-width:400px){.co-prose hr{margin:var(--spacing-8) 0}}.co-prose table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--spacing-8) 0;font-size:var(--text-sm);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--theme-border-primary);display:table;table-layout:auto;min-width:100%}@media(max-width:400px){.co-prose table{font-size:var(--text-xs);margin:var(--spacing-6) calc(var(--spacing-4) * -1);width:calc(100% + var(--spacing-8));border-radius:0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.co-prose th,.co-prose td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--theme-border-primary);border-right:1px solid var(--theme-border-primary);word-wrap:break-word;overflow-wrap:break-word}.co-prose th:last-child,.co-prose td:last-child{border-right:none}@media(max-width:400px){.co-prose th,.co-prose td{padding:var(--spacing-2) var(--spacing-3);white-space:nowrap}}.co-prose td code,.co-prose th code{white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis}.co-prose th{background:var(--theme-bg-surface-secondary);font-weight:600;color:var(--theme-text-primary);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em}.co-prose tbody tr{transition:background var(--transition-fast) ease}.co-prose tbody tr:last-child td{border-bottom:none}.co-prose tbody tr:hover{background:var(--theme-bg-surface-secondary)}.co-prose ul.contains-task-list{list-style:none;padding-left:0}.co-prose ul.contains-task-list li{display:flex;align-items:flex-start;gap:var(--spacing-3);padding-left:0}.co-prose ul.contains-task-list li:before{display:none}.co-prose ul.contains-task-list input[type=checkbox]{width:1.2em;height:1.2em;margin-top:.25em;accent-color:var(--theme-color-primary);cursor:pointer;border-radius:var(--radius-sm);border:2px solid var(--theme-border-primary);transition:all var(--transition-fast) ease}.co-prose ul.contains-task-list input[type=checkbox]:checked{background:var(--theme-color-primary);border-color:var(--theme-color-primary)}.co-prose dl{margin:var(--spacing-6) 0}.co-prose dt{font-weight:600;color:var(--theme-text-primary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.co-prose dd{margin:0 0 var(--spacing-4) 0;padding-left:var(--spacing-6);color:var(--theme-text-secondary);border-left:2px solid var(--theme-border-primary)}.co-prose kbd{display:inline-block;padding:var(--spacing-1) var(--spacing-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--theme-text-primary);background:var(--theme-bg-surface-secondary);border:1px solid var(--theme-border-primary);border-radius:var(--radius-md);box-shadow:0 1px 0 var(--theme-border-primary);margin:0 2px}.co-prose s,.co-prose del{text-decoration:line-through;color:var(--theme-text-muted)}.co-prose ins{text-decoration:none;background:var(--theme-color-success-soft-bg);color:var(--theme-color-success-soft-text);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);border-bottom:2px solid var(--theme-color-success-soft-border)}.co-prose mark{background:var(--theme-color-warning-soft-bg);color:var(--theme-color-warning-soft-text);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.co-prose sub{font-size:var(--text-xs);vertical-align:sub;color:var(--theme-text-muted)}.co-prose sup{font-size:var(--text-xs);vertical-align:super;color:var(--theme-color-primary)}.co-prose .footnote{color:var(--theme-color-primary);text-decoration:none;font-size:var(--text-xs);vertical-align:super;font-weight:500}.co-prose .footnote:hover{text-decoration:underline}.co-prose .footnotes{margin-top:var(--spacing-12);padding-top:var(--spacing-6);border-top:1px dashed var(--theme-border-primary);font-size:var(--text-sm);color:var(--theme-text-secondary)}.co-prose .footnotes ol{padding-left:var(--spacing-6)}.co-prose .footnotes ol li{margin-bottom:var(--spacing-3)}.co-prose .footnotes ol li:before{display:none}.co-prose abbr[title]{border-bottom:2px dotted var(--theme-text-muted);cursor:help;text-decoration:none}.co-prose abbr[title]:hover{border-bottom-color:var(--theme-color-primary);color:var(--theme-color-primary)}.co-prose .callout{display:flex;gap:var(--spacing-4);padding:var(--spacing-6);margin:var(--spacing-8) 0;border-radius:var(--radius-lg);border-left:4px solid;background:var(--theme-bg-surface-secondary)}.co-prose .callout .callout-icon,.co-prose .callout .callout-title{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.co-prose .callout .callout-title{font-weight:600;width:auto;height:auto;font-size:var(--text-base)}.co-prose .callout .callout-content,.co-prose .callout .callout-text{flex:1}.co-prose .callout .callout-content p:last-child,.co-prose .callout .callout-text p:last-child{margin-bottom:0}.co-prose .callout.callout-info,.co-prose .callout.note{border-color:var(--theme-color-info);background:var(--theme-color-info-soft-bg)}.co-prose .callout.callout-info .callout-icon,.co-prose .callout.callout-info .callout-title,.co-prose .callout.note .callout-icon,.co-prose .callout.note .callout-title{color:var(--theme-color-info)}.co-prose .callout.callout-success,.co-prose .callout.tip{border-color:var(--theme-color-success);background:var(--theme-color-success-soft-bg)}.co-prose .callout.callout-success .callout-icon,.co-prose .callout.callout-success .callout-title,.co-prose .callout.tip .callout-icon,.co-prose .callout.tip .callout-title{color:var(--theme-color-success)}.co-prose .callout.callout-warning,.co-prose .callout.warning{border-color:var(--theme-color-warning);background:var(--theme-color-warning-soft-bg)}.co-prose .callout.callout-warning .callout-icon,.co-prose .callout.callout-warning .callout-title,.co-prose .callout.warning .callout-icon,.co-prose .callout.warning .callout-title{color:var(--theme-color-warning)}.co-prose .callout.callout-error,.co-prose .callout.important{border-color:var(--theme-color-error);background:var(--theme-color-error-soft-bg)}.co-prose .callout.callout-error .callout-icon,.co-prose .callout.callout-error .callout-title,.co-prose .callout.important .callout-icon,.co-prose .callout.important .callout-title{color:var(--theme-color-error)}@media(max-width:768px){.co-prose .callout{padding:var(--spacing-5);gap:var(--spacing-3)}}@media(max-width:400px){.co-prose .callout{padding:var(--spacing-4);margin:var(--spacing-6) 0;gap:var(--spacing-3);flex-direction:column;align-items:flex-start}}.co-prose .callout>h4{margin:0 0 var(--spacing-2) 0;font-size:var(--text-base)}.co-prose .callout>ul,.co-prose .callout>ol{margin:0}.co-prose blockquote blockquote{margin-top:var(--spacing-4);margin-bottom:0;background:transparent}.co-prose strong{font-weight:600;color:var(--theme-text-primary)}.co-prose em{font-style:italic}.co-prose ::selection{background:var(--theme-color-primary);color:var(--theme-text-inverse)}.super-category-label{font-size:var(--text-sm);color:var(--theme-color-primary);opacity:.8;line-height:1;margin:0;padding:0}@media(max-width:400px){.super-category-label{font-size:var(--text-xs)}}.accessibility-menu__backdrop{position:fixed;inset:0;background-color:#00000080;z-index:calc(var(--z-index-modal) - 1);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.accessibility-menu__backdrop.is-visible{opacity:1;visibility:visible}.accessibility-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);width:calc(100% - var(--spacing-8));max-width:480px;max-height:calc(100vh - var(--spacing-16));background-color:var(--theme-bg-surface);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-2xl);z-index:var(--z-index-modal);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;display:flex;flex-direction:column;overflow:hidden}@media(min-width:768px){.accessibility-menu{width:100%;max-width:520px}}.accessibility-menu[data-state=open]{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.accessibility-menu[data-state=closed]{transform:translate(-50%,-50%) scale(.95)}.accessibility-menu__panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.accessibility-menu__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--theme-border-primary);flex-shrink:0}@media(min-width:768px){.accessibility-menu__header{padding:var(--spacing-5) var(--spacing-6)}}.accessibility-menu__title{font-size:var(--text-font-size-lg);font-weight:var(--font-weight-bold);color:var(--theme-text-primary);margin:0;line-height:1.2}@media(min-width:768px){.accessibility-menu__title{font-size:var(--text-font-size-xl)}}.accessibility-menu__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--theme-text-secondary);cursor:pointer;transition:var(--transition-duration-fast);transition-property:background-color,color;flex-shrink:0;min-width:44px;min-height:44px}.accessibility-menu__close:hover{background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-primary)}.accessibility-menu__close:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.accessibility-menu__close svg{width:24px;height:24px}.accessibility-menu__content{padding:var(--spacing-5);overflow-y:auto;flex:1;min-height:0}@media(min-width:768px){.accessibility-menu__content{padding:var(--spacing-6)}}.accessibility-menu__section{margin-bottom:var(--spacing-6)}.accessibility-menu__section:last-child{margin-bottom:0}.accessibility-menu__section--actions{margin-top:var(--spacing-6);padding-top:var(--spacing-5);border-top:1px solid var(--theme-border-primary)}.accessibility-menu__section-title{font-size:var(--text-font-size-sm);font-weight:var(--font-weight-semibold);color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-4)}@media(min-width:768px){.accessibility-menu__section-title{font-size:var(--text-font-size-base)}}.accessibility-menu__theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}@media(min-width:640px){.accessibility-menu__theme-grid{grid-template-columns:repeat(4,1fr)}}.accessibility-menu__theme-button{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--theme-bg-primary);border:2px solid var(--theme-border-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-duration-fast);transition-property:border-color,box-shadow;min-height:64px}.accessibility-menu__theme-button[data-state=active]{border-color:var(--theme-color-primary);box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb),.2)}.accessibility-menu__theme-button:hover{border-color:var(--theme-color-primary);box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb),.15)}.accessibility-menu__theme-button:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.accessibility-menu__theme-preview{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius-sm);border:1px solid var(--theme-border-primary);flex-shrink:0}.accessibility-menu__theme-letter{font-size:var(--text-font-size-sm);font-weight:var(--font-weight-medium)}.accessibility-menu__theme-name{font-size:var(--text-font-size-xs);color:var(--theme-text-secondary);text-align:center;line-height:1.2}@media(min-width:768px){.accessibility-menu__theme-name{font-size:var(--text-font-size-sm)}}.accessibility-menu__font-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}@media(min-width:640px){.accessibility-menu__font-grid{grid-template-columns:repeat(3,1fr)}}.accessibility-menu__font-button{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-3);background:var(--theme-bg-primary);border:2px solid var(--theme-border-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-duration-fast);transition-property:border-color,box-shadow,background-color;min-height:64px}.accessibility-menu__font-button[data-state=active]{border-color:var(--theme-color-primary);background-color:rgba(var(--theme-color-primary-rgb),.1);box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb),.2)}.accessibility-menu__font-button:hover{border-color:var(--theme-color-primary);background-color:rgba(var(--theme-color-primary-rgb),.05);box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb),.15)}.accessibility-menu__font-button:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.accessibility-menu__font-preview{font-size:var(--text-font-size-lg);color:var(--theme-text-primary)}.accessibility-menu__font-name{font-size:var(--text-font-size-xs);color:var(--theme-text-secondary);text-align:center;line-height:1.2}@media(min-width:768px){.accessibility-menu__font-name{font-size:var(--text-font-size-sm)}}.accessibility-menu__style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3)}.accessibility-menu__font-style-button{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-2);background:var(--theme-bg-primary);border:2px solid var(--theme-border-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-duration-fast);transition-property:border-color,box-shadow,background-color;min-height:64px;color:var(--theme-text-primary);font-size:var(--text-font-size-base)}.accessibility-menu__font-style-button[data-state=active]{border-color:var(--theme-color-primary);background-color:rgba(var(--theme-color-primary-rgb),.1);box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb),.2)}.accessibility-menu__font-style-button:hover{border-color:var(--theme-color-primary);background-color:rgba(var(--theme-color-primary-rgb),.05);box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb),.15)}.accessibility-menu__font-style-button:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.accessibility-menu__style-name{font-size:var(--text-font-size-xs);color:var(--theme-text-secondary);text-align:center;line-height:1.2}@media(min-width:768px){.accessibility-menu__style-name{font-size:var(--text-font-size-sm)}}.accessibility-menu__reset{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3) var(--spacing-5);font-size:var(--text-font-size-sm);font-weight:var(--font-weight-medium);color:var(--theme-text-secondary);background:transparent;border:2px dashed var(--theme-border-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-duration-fast);transition-property:border-color,color,background-color;min-height:48px}.accessibility-menu__reset:hover{border-color:var(--theme-color-primary);color:var(--theme-color-primary);background-color:rgba(var(--theme-color-primary-rgb),.05)}.accessibility-menu__reset:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.accessibility-menu__reset svg{flex-shrink:0}.accessibility-menu__footer{padding:var(--spacing-3) var(--spacing-5);background-color:var(--theme-bg-surface-secondary);border-top:1px solid var(--theme-border-primary);flex-shrink:0}.accessibility-menu__footer-text{margin:0;font-size:var(--text-font-size-xs);color:var(--theme-text-muted);text-align:center}@media(max-width:480px){.accessibility-menu{width:100%;max-width:none;height:100%;max-height:100%;top:0;left:0;transform:translateY(100%);border-radius:0;border-left:none;border-right:none;border-bottom:none}.accessibility-menu[data-state=open]{transform:translateY(0)}.accessibility-menu[data-state=closed]{transform:translateY(100%)}.accessibility-menu__content{padding:var(--spacing-4)}.accessibility-menu__theme-grid{grid-template-columns:repeat(3,1fr)}.accessibility-menu__font-grid{grid-template-columns:repeat(2,1fr)}.accessibility-menu__style-grid{grid-template-columns:repeat(4,1fr)}}.floating-accessibility-buttons,.floating-accessibility-buttons *{--local-color-surface: var(--theme-bg-surface);--local-color-surface-secondary: var(--theme-bg-surface-secondary);--local-color-border: var(--theme-border-primary);--local-color-text-main: var(--theme-text-primary);--local-color-text-inverse: var(--theme-text-inverse);--local-color-primary: var(--theme-color-primary);--local-color-primary-hover: var(--theme-color-primary-hover);--local-color-secondary: var(--theme-color-secondary);--local-shadow: var(--shadow-float)}.floating-accessibility-buttons{position:fixed;inset-block-end:var(--space-4);inset-inline-start:var(--space-4);z-index:85;display:flex;flex-direction:column;gap:var(--space-3);opacity:0;transform:translate(-100px);animation:slideInFromLeft .6s ease-out .5s forwards;will-change:opacity,transform}@media(max-width:640px){.floating-accessibility-buttons{inset-block-end:var(--space-3);inset-inline-start:var(--space-3);gap:var(--space-2)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.floating-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--local-color-surface);backdrop-filter:blur(12px);border:1px solid var(--local-color-border);border-radius:var(--radius-full);color:var(--local-color-text-main);font-size:var(--text-sm);font-weight:600;cursor:pointer;box-shadow:var(--local-shadow);transition:all .3s cubic-bezier(.34,1.56,.64,1);will-change:transform,box-shadow;position:relative;overflow:hidden}@media(max-width:640px){.floating-btn{padding:var(--space-2) var(--space-4);gap:var(--space-2)}}.floating-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--local-color-primary) 0%,var(--local-color-secondary) 100%);opacity:0;transition:opacity .3s ease}.floating-btn:hover{transform:translate(4px) scale(1.05);box-shadow:var(--shadow-xl)}.floating-btn:hover:before{opacity:1}.floating-btn:hover .floating-btn__icon,.floating-btn:hover .floating-btn__label{position:relative;z-index:1;color:var(--local-color-text-inverse)}.floating-btn:active{transform:translate(2px) scale(1.02)}.floating-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.floating-btn--subscribe{--local-accent: var(--theme-color-primary)}.floating-btn--subscribe:hover{border-color:var(--local-accent)}.floating-btn--message{--local-accent: var(--theme-color-secondary)}.floating-btn--message:hover{border-color:var(--local-accent)}.floating-btn__icon{width:20px;height:20px;flex-shrink:0;transition:color .3s ease}@media(max-width:640px){.floating-btn__icon{width:18px;height:18px}}.floating-btn__label{font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;transition:color .3s ease;white-space:nowrap}@media(max-width:640px){.floating-btn__label{font-size:var(--text-xs)}}@media(max-width:360px){.floating-accessibility-buttons{gap:var(--space-1)}.floating-btn{padding:var(--space-2) var(--space-3)}.floating-btn__label{display:none}.floating-btn__icon{width:20px;height:20px}}@media print{.floating-accessibility-buttons{display:none}}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size, 40px);height:var(--avatar-size, 40px);border-radius:var(--avatar-radius, 50%);background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-primary);font-weight:var(--font-weight-medium);font-size:calc(var(--avatar-size, 40px) * .4);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--xs{--avatar-size: 24px}.avatar--sm{--avatar-size: 32px}.avatar--lg{--avatar-size: 56px}.avatar--xl{--avatar-size: 80px}.avatar--2xl{--avatar-size: 112px}:root{--button-font-weight: var(--font-weight-semibold, 600);--button-font-family: inherit;--button-border-radius: var(--border-radius-lg, .5rem);--button-border-width: 1px;--button-transition: all .25s cubic-bezier(.4, 0, .2, 1);--button-glow-intensity: var(--glow-intensity, .15);--button-shadow-color-rgb: var(--shadow-color-rgb, 0, 0, 0);--button-transition-fast: .2s;--button-transition-normal: .3s;--button-transition-slow: .4s;--button-radius-sm: var(--border-radius-sm, .125rem);--button-radius-md: var(--border-radius-md, .375rem);--button-radius-lg: var(--border-radius-lg, .5rem);--button-radius-xl: var(--border-radius-xl, .75rem);--button-radius-2xl: var(--border-radius-2xl, 1rem);--button-radius-full: 9999px;--button-border-thin: 1px;--button-border-medium: 2px;--button-border-thick: 3px;--button-xs-padding-y: .375rem;--button-xs-padding-x: .75rem;--button-xs-font-size: var(--text-font-size-xs, .75rem);--button-xs-line-height: 1.4;--button-xs-min-height: 32px;--button-sm-padding-y: .5rem;--button-sm-padding-x: 1rem;--button-sm-font-size: var(--text-font-size-sm, .875rem);--button-sm-line-height: 1.4;--button-sm-min-height: 36px;--button-md-padding-y: .75rem;--button-md-padding-x: 1.5rem;--button-md-font-size: var(--text-font-size-base, 1rem);--button-md-line-height: 1.4;--button-md-min-height: 44px;--button-lg-padding-y: 1rem;--button-lg-padding-x: 2rem;--button-lg-font-size: var(--text-font-size-lg, 1.125rem);--button-lg-line-height: 1.5;--button-lg-min-height: 52px;--button-xl-padding-y: 1.25rem;--button-xl-padding-x: 2.5rem;--button-xl-font-size: var(--text-font-size-xl, 1.25rem);--button-xl-line-height: 1.5;--button-xl-min-height: 60px;--button-disabled-opacity: .6;--button-hover-transform: translateY(-2px);--button-active-transform: translateY(0) scale(.98)}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--button-md-padding-y) var(--button-md-padding-x);min-height:var(--button-md-min-height);font-family:var(--button-font-family);font-size:var(--button-md-font-size);font-weight:var(--button-font-weight);line-height:var(--button-md-line-height);text-decoration:none;text-align:center;white-space:nowrap;letter-spacing:.01em;border:none;border-radius:var(--button-border-radius);cursor:pointer;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,var(--theme-color-primary) 0%,rgba(var(--theme-color-primary-rgb, 37, 99, 235),.85) 100%);color:var(--theme-color-on-primary);box-shadow:0 2px 4px rgba(var(--button-shadow-color-rgb),.1),0 4px 12px rgba(var(--theme-color-primary-rgb, 37, 99, 235),var(--button-glow-intensity)),inset 0 1px #ffffff1a;transition:var(--button-transition);user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d;perspective:1000px}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 50%);opacity:0;transition:opacity var(--button-transition-normal) ease}.button:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.4) 0%,transparent 60%);opacity:0;transition:opacity var(--button-transition-normal) ease}.button:hover{transform:var(--button-hover-transform);box-shadow:0 4px 8px rgba(var(--button-shadow-color-rgb),.15),0 8px 24px rgba(var(--theme-color-primary-rgb, 37, 99, 235),calc(var(--button-glow-intensity) + .15)),inset 0 1px #fff3}.button:hover:before{opacity:1}.button:hover:after{opacity:.6}.button:active{transform:var(--button-active-transform);box-shadow:0 1px 2px rgba(var(--button-shadow-color-rgb),.1),0 2px 8px rgba(var(--theme-color-primary-rgb, 37, 99, 235),var(--button-glow-intensity))}.button:focus-visible{outline:3px solid rgba(var(--theme-color-primary-rgb, 37, 99, 235),.5);outline-offset:2px}.button svg{width:1em;height:1em;flex-shrink:0}.button--primary{background:linear-gradient(135deg,var(--theme-color-primary) 0%,rgba(var(--theme-color-primary-rgb, 37, 99, 235),.85) 100%);color:var(--theme-color-on-primary);box-shadow:0 2px 4px rgba(var(--button-shadow-color),.1),0 4px 12px rgba(var(--theme-color-primary-rgb, 37, 99, 235),var(--button-glow-intensity)),inset 0 1px #ffffff1a}.button--secondary{background:linear-gradient(135deg,var(--theme-color-secondary) 0%,rgba(var(--theme-color-secondary-rgb, 71, 85, 105),.85) 100%);color:var(--theme-color-on-secondary);box-shadow:0 2px 4px rgba(var(--button-shadow-color),.1),0 4px 12px rgba(var(--theme-color-secondary-rgb, 71, 85, 105),var(--button-glow-intensity)),inset 0 1px #ffffff1a}.button--success{background:linear-gradient(135deg,var(--theme-color-success) 0%,rgba(var(--theme-color-success-rgb, 5, 150, 105),.85) 100%);color:var(--theme-color-on-success);box-shadow:0 2px 4px rgba(var(--button-shadow-color),.1),0 4px 12px rgba(var(--theme-color-success-rgb, 5, 150, 105),var(--button-glow-intensity)),inset 0 1px #ffffff1a}.button--warning{background:linear-gradient(135deg,var(--theme-color-warning) 0%,rgba(var(--theme-color-warning-rgb, 217, 119, 6),.85) 100%);color:var(--theme-color-on-warning);box-shadow:0 2px 4px rgba(var(--button-shadow-color),.1),0 4px 12px rgba(var(--theme-color-warning-rgb, 217, 119, 6),var(--button-glow-intensity)),inset 0 1px #ffffff1a}.button--error,.button--danger{background:linear-gradient(135deg,var(--theme-color-error) 0%,rgba(var(--theme-color-error-rgb, 220, 38, 38),.85) 100%);color:var(--theme-color-on-error);box-shadow:0 2px 4px rgba(var(--button-shadow-color),.1),0 4px 12px rgba(var(--theme-color-error-rgb, 220, 38, 38),var(--button-glow-intensity)),inset 0 1px #ffffff1a}.button--info{background:linear-gradient(135deg,var(--theme-color-info) 0%,rgba(var(--theme-color-info-rgb, 8, 145, 178),.85) 100%);color:var(--theme-color-on-info);box-shadow:0 2px 4px rgba(var(--button-shadow-color),.1),0 4px 12px rgba(var(--theme-color-info-rgb, 8, 145, 178),var(--button-glow-intensity)),inset 0 1px #ffffff1a}.button--outline{background:transparent;border:var(--button-border-medium) solid var(--theme-color-primary);color:var(--theme-color-primary);box-shadow:0 2px 8px rgba(var(--theme-color-primary-rgb, 37, 99, 235),.08)}.button--outline:before{background:var(--theme-color-primary);z-index:-1}.button--outline:hover{color:var(--theme-color-on-primary);box-shadow:0 4px 20px rgba(var(--theme-color-primary-rgb, 37, 99, 235),.3)}.button--outline:hover:before{opacity:1}.button--outline-secondary{background:transparent;border:var(--button-border-medium) solid var(--theme-color-secondary);color:var(--theme-color-secondary);box-shadow:0 2px 8px rgba(var(--theme-color-secondary-rgb, 71, 85, 105),.08)}.button--outline-secondary:before{background:var(--theme-color-secondary);z-index:-1}.button--outline-secondary:hover{color:var(--theme-color-on-secondary);box-shadow:0 4px 20px rgba(var(--theme-color-secondary-rgb, 71, 85, 105),.3)}.button--outline-secondary:hover:before{opacity:1}.button--outline-success{background:transparent;border:var(--button-border-medium) solid var(--theme-color-success);color:var(--theme-color-success)}.button--outline-success:before{background:var(--theme-color-success);z-index:-1}.button--outline-success:hover{color:var(--theme-color-on-success);box-shadow:0 4px 20px rgba(var(--theme-color-success-rgb, 5, 150, 105),.3)}.button--outline-success:hover:before{opacity:1}.button--outline-error{background:transparent;border:var(--button-border-medium) solid var(--theme-color-error);color:var(--theme-color-error)}.button--outline-error:before{background:var(--theme-color-error);z-index:-1}.button--outline-error:hover{color:var(--theme-color-on-error);box-shadow:0 4px 20px rgba(var(--theme-color-error-rgb, 220, 38, 38),.3)}.button--outline-error:hover:before{opacity:1}.button--glass{background:rgba(var(--theme-color-primary-rgb, 37, 99, 235),.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--button-border-thin) solid rgba(var(--theme-color-primary-rgb, 37, 99, 235),.2);color:var(--theme-color-primary);box-shadow:0 4px 16px rgba(var(--button-shadow-color),.08)}.button--glass:hover{background:rgba(var(--theme-color-primary-rgb, 37, 99, 235),.2);border-color:rgba(var(--theme-color-primary-rgb, 37, 99, 235),.35);box-shadow:0 8px 32px rgba(var(--theme-color-primary-rgb, 37, 99, 235),.2)}.button--glass-success{background:rgba(var(--theme-color-success-rgb, 5, 150, 105),.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--button-border-thin) solid rgba(var(--theme-color-success-rgb, 5, 150, 105),.2);color:var(--theme-color-success);box-shadow:0 4px 16px rgba(var(--button-shadow-color),.08)}.button--glass-success:hover{background:rgba(var(--theme-color-success-rgb, 5, 150, 105),.2);border-color:rgba(var(--theme-color-success-rgb, 5, 150, 105),.35);box-shadow:0 8px 32px rgba(var(--theme-color-success-rgb, 5, 150, 105),.2)}.button--glass-error{background:rgba(var(--theme-color-error-rgb, 220, 38, 38),.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--button-border-thin) solid rgba(var(--theme-color-error-rgb, 220, 38, 38),.2);color:var(--theme-color-error);box-shadow:0 4px 16px rgba(var(--button-shadow-color),.08)}.button--glass-error:hover{background:rgba(var(--theme-color-error-rgb, 220, 38, 38),.2);border-color:rgba(var(--theme-color-error-rgb, 220, 38, 38),.35);box-shadow:0 8px 32px rgba(var(--theme-color-error-rgb, 220, 38, 38),.2)}.button--glass-warning{background:rgba(var(--theme-color-warning-rgb, 217, 119, 6),.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--button-border-thin) solid rgba(var(--theme-color-warning-rgb, 217, 119, 6),.2);color:var(--theme-color-warning);box-shadow:0 4px 16px rgba(var(--button-shadow-color),.08)}.button--glass-warning:hover{background:rgba(var(--theme-color-warning-rgb, 217, 119, 6),.2);border-color:rgba(var(--theme-color-warning-rgb, 217, 119, 6),.35);box-shadow:0 8px 32px rgba(var(--theme-color-warning-rgb, 217, 119, 6),.2)}.button--ghost{background:transparent;border:none;color:var(--theme-color-primary);box-shadow:none;padding:0;min-height:auto;font-weight:500;transition:all var(--button-transition-fast) ease}.button--ghost:before,.button--ghost:after{display:none}.button--ghost:hover{background:rgba(var(--theme-color-primary-rgb, 37, 99, 235),.1);padding:.5rem 1rem;min-height:36px;box-shadow:0 2px 8px rgba(var(--theme-color-primary-rgb, 37, 99, 235),.1);transform:none}.button--ghost-secondary{background:transparent;border:none;color:var(--theme-text-secondary);box-shadow:none;padding:0;min-height:auto;font-weight:500}.button--ghost-secondary:before,.button--ghost-secondary:after{display:none}.button--ghost-secondary:hover{background:var(--theme-bg-surface-secondary);color:var(--theme-text-primary);padding:.5rem 1rem;min-height:36px;transform:none}.button--ghost-success{background:transparent;border:none;color:var(--theme-color-success);box-shadow:none;padding:0;min-height:auto;font-weight:500}.button--ghost-success:before,.button--ghost-success:after{display:none}.button--ghost-success:hover{background:rgba(var(--theme-color-success-rgb, 5, 150, 105),.1);padding:.5rem 1rem;min-height:36px;box-shadow:0 2px 8px rgba(var(--theme-color-success-rgb, 5, 150, 105),.1);transform:none}.button--ghost-error{background:transparent;border:none;color:var(--theme-color-error);box-shadow:none;padding:0;min-height:auto;font-weight:500}.button--ghost-error:before,.button--ghost-error:after{display:none}.button--ghost-error:hover{background:rgba(var(--theme-color-error-rgb, 220, 38, 38),.1);padding:.5rem 1rem;min-height:36px;box-shadow:0 2px 8px rgba(var(--theme-color-error-rgb, 220, 38, 38),.1);transform:none}.button--ghost-warning{background:transparent;border:none;color:var(--theme-color-warning);box-shadow:none;padding:0;min-height:auto;font-weight:500}.button--ghost-warning:before,.button--ghost-warning:after{display:none}.button--ghost-warning:hover{background:rgba(var(--theme-color-warning-rgb, 217, 119, 6),.1);padding:.5rem 1rem;min-height:36px;box-shadow:0 2px 8px rgba(var(--theme-color-warning-rgb, 217, 119, 6),.1);transform:none}.button--link{background:transparent;border:none;color:var(--theme-color-primary);padding:.25rem .5rem;min-height:auto;box-shadow:none}.button--link:before{display:none}.button--link:after{content:"";position:absolute;bottom:0;left:.5rem;right:.5rem;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--button-transition-normal) ease}.button--link:hover{transform:none;box-shadow:none}.button--link:hover:after{transform:scaleX(1);transform-origin:left}.button--xs{padding:var(--button-xs-padding-y) var(--button-xs-padding-x);font-size:var(--button-xs-font-size);line-height:var(--button-xs-line-height);min-height:var(--button-xs-min-height);border-radius:var(--button-radius-sm)}.button--sm{padding:var(--button-sm-padding-y) var(--button-sm-padding-x);font-size:var(--button-sm-font-size);line-height:var(--button-sm-line-height);min-height:var(--button-sm-min-height);border-radius:var(--button-radius-md)}.button--md{padding:var(--button-md-padding-y) var(--button-md-padding-x);font-size:var(--button-md-font-size);line-height:var(--button-md-line-height);min-height:var(--button-md-min-height)}.button--lg{padding:var(--button-lg-padding-y) var(--button-lg-padding-x);font-size:var(--button-lg-font-size);line-height:var(--button-lg-line-height);min-height:var(--button-lg-min-height);border-radius:var(--button-radius-xl)}.button--xl{padding:var(--button-xl-padding-y) var(--button-xl-padding-x);font-size:var(--button-xl-font-size);line-height:var(--button-xl-line-height);min-height:var(--button-xl-min-height);border-radius:var(--button-radius-2xl)}.button--full{width:100%}.button--auto{width:auto}.button--icon{padding:var(--button-md-padding-y);aspect-ratio:1;min-width:var(--button-md-min-height)}.button--icon.button--xs{padding:var(--button-xs-padding-y);min-width:var(--button-xs-min-height)}.button--icon.button--sm{padding:var(--button-sm-padding-y);min-width:var(--button-sm-min-height)}.button--icon.button--lg{padding:var(--button-lg-padding-y);min-width:var(--button-lg-min-height)}.button--icon.button--xl{padding:var(--button-xl-padding-y);min-width:var(--button-xl-min-height)}.button:disabled,.button--disabled{opacity:var(--button-disabled-opacity);cursor:not-allowed;pointer-events:none}.button:disabled:hover,.button--disabled:hover{transform:none;filter:none}.button--loading{position:relative;pointer-events:none}.button--loading .button__text{visibility:hidden}.button--loading .button__spinner{position:absolute;width:20px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(var(--theme-color-on-primary-rgb, 255, 255, 255),.3);border-radius:50%;border-top-color:var(--theme-color-on-primary, #fff);animation:button-spin .8s linear infinite}.button--loading-dots{position:relative;color:transparent!important;pointer-events:none}.button--loading-dots *{visibility:hidden}.button--loading-dots:before{content:"";position:absolute;width:6px;height:6px;background:var(--theme-color-on-primary, #fff);border-radius:50%;top:50%;left:calc(50% - 12px);transform:translateY(-50%);animation:button-dot-pulse 1.4s ease-in-out infinite}.button--loading-dots:after{content:"";position:absolute;width:6px;height:6px;background:var(--theme-color-on-primary, #fff);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:button-dot-pulse 1.4s ease-in-out infinite .2s}.button--loading-dots span{position:absolute!important;visibility:visible!important;width:6px;height:6px;background:var(--theme-color-on-primary, #fff);border-radius:50%;top:50%;left:calc(50% + 8px);transform:translateY(-50%);animation:button-dot-pulse 1.4s ease-in-out infinite .4s}.button--active,.button[aria-pressed=true],.button[aria-selected=true]{background:linear-gradient(135deg,var(--theme-color-primary) 0%,rgba(var(--theme-color-primary-rgb, 37, 99, 235),.85) 100%);color:var(--theme-color-on-primary)}.pagination .button.active{background:linear-gradient(135deg,var(--theme-color-primary) 0%,rgba(var(--theme-color-primary-rgb, 37, 99, 235),.85) 100%);color:var(--theme-color-on-primary);box-shadow:0 2px 4px rgba(var(--button-shadow-color),.1),0 4px 12px rgba(var(--theme-color-primary-rgb, 37, 99, 235),var(--button-glow-intensity))}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:button-ripple .6s ease-out;pointer-events:none}@keyframes button-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes button-dot-pulse{0%,80%,to{transform:translateY(-50%) scale(.8);opacity:.5}40%{transform:translateY(-50%) scale(1);opacity:1}}@keyframes button-ripple{to{transform:scale(4);opacity:0}}.button-group{display:inline-flex}.button-group .button{border-radius:0}.button-group .button:first-child{border-radius:var(--button-border-radius) 0 0 var(--button-border-radius)}.button-group .button:last-child{border-radius:0 var(--button-border-radius) var(--button-border-radius) 0}.button-group .button:not(:last-child){border-right-width:0}.button-group .button:only-child{border-radius:var(--button-border-radius);border-right-width:var(--button-border-width)}.button-group--vertical{flex-direction:column}.button-group--vertical .button{border-radius:0}.button-group--vertical .button:first-child{border-radius:var(--button-border-radius) var(--button-border-radius) 0 0}.button-group--vertical .button:last-child{border-radius:0 0 var(--button-border-radius) var(--button-border-radius)}.button-group--vertical .button:not(:last-child){border-right-width:var(--button-border-width);border-bottom-width:0}.button-group--vertical .button:only-child{border-radius:var(--button-border-radius);border-bottom-width:var(--button-border-width)}.button-group--full{width:100%}.button-group--full .button{flex:1}:root{--cat-tech-hue: 210;--cat-design-hue: 280;--cat-business-hue: 340;--cat-lifestyle-hue: 30;--cat-science-hue: 120;--cat-health-hue: 180;--cat-education-hue: 260;--cat-entertainment-hue: 300}.super-cat-soft{--hue-var: var(--super-cat-hue, 120);display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;border-radius:var(--button-radius-md);cursor:pointer;text-decoration:none;transition:all var(--button-transition-fast);background:linear-gradient(135deg,hsla(var(--hue-var),65%,60%,.12),hsla(var(--hue-var),55%,70%,.18));color:var(--theme-text-primary);border:var(--button-border-thin) solid hsla(var(--hue-var),50%,55%,.2);box-shadow:0 1px 3px hsla(var(--hue-var),40%,50%,.08)}.super-cat-soft:hover{background:linear-gradient(135deg,hsla(var(--hue-var),65%,55%,.22),hsla(var(--hue-var),55%,65%,.28));border-color:hsla(var(--hue-var),50%,50%,.35);transform:translateY(-1px);box-shadow:0 3px 6px hsla(var(--hue-var),40%,45%,.15)}.super-cat-soft.active,.super-cat-soft[aria-pressed=true]{background:linear-gradient(135deg,hsla(var(--hue-var),70%,42%,.85),hsla(var(--hue-var),60%,52%,.95));border-color:hsla(var(--hue-var),65%,35%,.9);color:var(--theme-color-on-primary);font-weight:700;box-shadow:0 4px 12px hsla(var(--hue-var),60%,35%,.4);transform:translateY(-2px) scale(1.02)}.super-cat-soft.disabled,.super-cat-soft:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(100%) brightness(.6);pointer-events:none;transform:none!important}[data-theme=dark] .super-cat-soft{box-shadow:0 1px 3px #0000004d}[data-theme=dracula]{--cat-tech-hue: 280;--cat-design-hue: 330;--cat-business-hue: 20;--cat-lifestyle-hue: 45;--cat-science-hue: 150;--cat-health-hue: 180;--cat-education-hue: 210;--cat-entertainment-hue: 300}[data-theme=dracula] .super-cat-soft{background:linear-gradient(135deg,hsla(var(--hue-var),75%,55%,.25),hsla(var(--hue-var),65%,65%,.35));border:var(--button-border-thin) solid hsla(var(--hue-var),60%,60%,.4);box-shadow:0 2px 8px hsla(var(--hue-var),50%,30%,.2),0 0 0 2px hsla(var(--hue-var),80%,70%,.3);text-shadow:0 0 8px hsla(var(--hue-var),90%,80%,.15)}[data-theme=dracula] .super-cat-soft:hover{background:linear-gradient(135deg,hsla(var(--hue-var),80%,50%,.35),hsla(var(--hue-var),70%,60%,.45));border-color:hsla(var(--hue-var),65%,55%,.6);box-shadow:0 4px 12px hsla(var(--hue-var),55%,35%,.4),0 0 0 3px hsla(var(--hue-var),100%,90%,.4);text-shadow:0 0 12px hsla(var(--hue-var),100%,100%,.2);transform:translateY(-2px)}[data-theme=dracula] .super-cat-soft.active,[data-theme=dracula] .super-cat-soft[aria-pressed=true]{background:linear-gradient(135deg,hsla(var(--hue-var),85%,35%,.95),hsla(var(--hue-var),75%,45%,1))!important;border-color:hsla(var(--hue-var),70%,40%,1)!important;color:#f8f8f2!important;box-shadow:0 6px 20px hsla(var(--hue-var),60%,30%,.6),0 0 0 4px hsla(var(--hue-var),100%,100%,.5),0 0 0 1px hsla(var(--hue-var),100%,100%,.8)!important;text-shadow:0 0 16px hsla(var(--hue-var),100%,100%,.3),0 0 0 2px hsla(var(--hue-var),100%,100%,.6)!important;transform:translateY(-3px) scale(1.08)!important}[data-theme=accessible] .super-cat-soft{border-width:var(--button-border-medium)}[data-theme=accessible] .super-cat-soft.active,[data-theme=accessible] .super-cat-soft[aria-pressed=true]{background:var(--theme-color-primary)!important;color:var(--theme-color-on-primary)!important;border-color:var(--theme-color-primary)!important}@media(max-width:640px){.super-cat-soft{padding:.375rem .5rem;font-size:.7rem}}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .625rem;font-family:var(--font-sans, system-ui);font-size:.875rem;font-weight:600;line-height:1;letter-spacing:.01em;background:var(--theme-bg-surface);color:var(--theme-text-primary);border:1px solid var(--theme-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;transition:all .2s ease;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none}.page-btn:focus-visible{outline:2px solid var(--theme-color-focus, var(--theme-color-primary));outline-offset:2px}.page-btn:hover:not(.active):not(:disabled){background:var(--theme-bg-surface-secondary);border-color:var(--theme-color-primary);color:var(--theme-color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.page-btn:active:not(.active):not(:disabled){transform:translateY(0)}.page-btn.active{background:var(--theme-color-primary);color:var(--theme-text-inverse);border-color:var(--theme-color-primary);box-shadow:var(--shadow-md)}.page-btn:disabled,.page-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}.ellipsis-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;font-size:.875rem;font-weight:500;background:transparent;color:var(--theme-text-secondary);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.ellipsis-btn:hover:not(.disabled){background:var(--theme-bg-surface-secondary);color:var(--theme-text-primary)}.ellipsis-btn.expanded{background:var(--theme-color-primary);color:var(--theme-text-inverse);border-color:var(--theme-color-primary)}.nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:2.25rem;padding:0 .875rem;font-size:.8rem;font-weight:600;background:var(--theme-bg-surface);color:var(--theme-text-primary);border:1px solid var(--theme-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;transition:all .2s ease;white-space:nowrap;outline:none}.nav-btn:focus-visible{outline:2px solid var(--theme-color-focus, var(--theme-color-primary));outline-offset:2px}.nav-btn:hover:not(:disabled){background:var(--theme-bg-surface-secondary);border-color:var(--theme-color-primary);color:var(--theme-color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.nav-btn:active:not(:disabled){transform:translateY(0)}.nav-btn:disabled,.nav-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}.nav-btn .nav-icon{width:1rem;height:1rem;flex-shrink:0}.jump-btn{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;padding:0 .75rem;min-width:50px;font-size:.8rem;font-weight:600;background:var(--theme-color-primary);color:var(--theme-text-inverse);border:1px solid var(--theme-color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease}.jump-btn:hover:not(:disabled){background:rgba(var(--theme-color-primary-rgb),.9);border-color:rgba(var(--theme-color-primary-rgb),.9);transform:translateY(-1px);box-shadow:var(--shadow-md)}.jump-btn:active:not(:disabled){transform:translateY(0)}.jump-btn:focus-visible{outline:2px solid var(--theme-color-focus, var(--theme-color-primary));outline-offset:2px}.jump-btn:disabled,.jump-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.control-select{display:inline-flex;align-items:center;height:2.25rem;padding:0 .6rem 0 .5rem;min-width:100px;font-size:.8rem;background:var(--theme-bg-surface);color:var(--theme-text-primary);border:1px solid var(--theme-border-primary);border-radius:var(--radius-md);cursor:pointer;outline:none;transition:all .2s ease}.control-select:focus{border-color:var(--theme-color-primary);box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb),.1)}.jump-input{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;padding:0 .5rem;width:60px;font-size:.8rem;text-align:center;background:var(--theme-bg-surface);color:var(--theme-text-primary);border:1px solid var(--theme-border-primary);border-radius:var(--radius-md);outline:none;transition:all .2s ease}.jump-input:focus{border-color:var(--theme-color-primary);box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb),.1)}.jump-input::-webkit-inner-spin-button,.jump-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.jump-input{-moz-appearance:textfield}@media(max-width:640px){.page-btn,.ellipsis-btn{min-width:2rem;height:2rem;padding:0 .5rem;font-size:.8rem}.nav-btn{width:100%;min-width:unset;justify-content:center;height:2.75rem}.jump-btn,.control-select,.jump-input{height:2rem}.page-numbers{gap:.25rem}}@media(prefers-reduced-motion:reduce){.page-btn,.ellipsis-btn,.nav-btn,.jump-btn{transition:none}.page-btn:hover:not(.active):not(:disabled),.nav-btn:hover:not(:disabled){transform:none}}:root{--header-height: 72px;--header-height-scrolled: 64px;--header-glass-bg: rgba(var(--theme-bg-surface-rgb), .7);--header-glass-bg-scrolled: rgba(var(--theme-bg-surface-rgb), .9);--header-blur: 20px;--header-border-color: var(--theme-border-primary);--ease-spring: cubic-bezier(.4, 0, .2, 1);--ease-spring-short: cubic-bezier( .22, 1, .36, 1 );--header-transition: all .3s var(--ease-spring);--nav-item-spacing: var(--spacing-1);--dropdown-min-width: 13.75rem;--mobile-nav-width: 320px;--mobile-nav-width-max: 85vw}.site-header{position:sticky;top:0;left:0;right:0;z-index:var(--z-index-fixed);width:100%;max-width:100vw;overflow:visible;border-bottom:1px solid var(--header-border-color);transition:var(--header-transition);font-family:inherit;font-style:inherit}.site-header[data-scrolled=true]{--header-height: var(--header-height-scrolled)}.site-header[data-scrolled=true] .site-header__inner{min-height:var(--header-height-scrolled)}.site-header[data-scrolled=true]:before{box-shadow:var(--shadow-md)}.site-header[data-state=nav-open]{z-index:calc(var(--z-index-modal) + 10)}.site-header:before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--header-glass-bg);backdrop-filter:blur(var(--header-blur));-webkit-backdrop-filter:blur(var(--header-blur));transition:var(--header-transition);pointer-events:none}@container (min-width: 48rem){.site-header .site-header__inner{padding-inline:var(--spacing-6)}}.site-header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-4);margin:0 auto;padding:0 var(--spacing-3);min-height:var(--header-height);width:100%;max-width:100%;overflow:visible;transition:var(--header-transition)}@media(max-width:1023px){.site-header__inner{gap:var(--spacing-2);padding:0 var(--spacing-2);grid-template-columns:auto auto;justify-content:space-between}}@media(max-width:767px){.site-header__inner{gap:var(--spacing-1);padding:0 var(--spacing-1)}}@media(min-width:1024px){.site-header__inner{padding:0 var(--spacing-8)}}@container (min-width: 64rem){.site-header__inner{padding:0 var(--spacing-8)}}.site-brand{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;color:var(--theme-text-primary);flex-shrink:0;transition:var(--header-transition)}.site-brand:hover .site-brand__logo{transform:scale(1.05)}.site-brand:hover .site-brand__name{color:var(--theme-color-primary)}.site-brand:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:4px;border-radius:var(--border-radius-md)}.site-brand__logo{width:44px;height:44px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;transition:var(--header-transition);flex-shrink:0}.site-brand__logo svg{width:100%;height:100%;display:block}@media(min-width:768px){.site-brand__logo{width:48px;height:48px}}.site-brand__logo-icon{font-size:1.25rem;line-height:1}.site-brand__content{display:flex;flex-direction:column;gap:2px}.site-brand__name{font-weight:var(--font-weight-bold);font-size:var(--text-font-size-lg);line-height:1.2;transition:color .2s ease}.site-brand__tagline{font-size:var(--text-font-size-xs);color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.site-nav{flex:1;display:flex;justify-content:center}@media(max-width:1023px){.site-nav{display:none}}.site-nav__list{display:flex;align-items:center;gap:var(--nav-item-spacing);list-style:none;margin:0;padding:0}.site-nav__item{position:relative}.site-nav__item--has-dropdown>.site-nav__link{padding-right:var(--spacing-3)}.site-nav__link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--border-radius-xl);font-weight:var(--font-weight-medium);font-size:var(--text-font-size-sm);color:var(--theme-text-secondary);text-decoration:none;transition:all .25s var(--ease-spring);white-space:nowrap;position:relative;background-color:transparent}.site-nav__link:hover{color:var(--theme-color-primary);background-color:var(--theme-bg-surface-secondary);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--theme-color-primary-rgb),.15)}.site-nav__link--active,.site-nav__link[aria-current=page]{color:var(--theme-color-primary);background-color:var(--theme-bg-surface-secondary);font-weight:var(--font-weight-semibold)}.site-nav__link:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.site-nav__icon{display:flex;align-items:center;justify-content:center;color:var(--theme-text-muted);transition:color .2s var(--ease-spring-short)}.site-nav__icon svg{width:18px;height:18px}.site-nav__label{display:block}.site-nav__chevron{display:flex;align-items:center;color:var(--theme-text-muted);transition:transform .2s var(--ease-spring-short),color .2s var(--ease-spring-short)}.site-nav__chevron svg{width:14px;height:14px}.site-nav__item--has-dropdown:hover .site-nav__chevron{transform:rotate(180deg);color:var(--theme-color-primary)}.site-nav__dropdown{position:absolute;top:calc(100% + var(--spacing-2));left:50%;transform:translate(-50%) translateY(8px);min-width:var(--dropdown-min-width);background-color:var(--theme-bg-surface);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2);opacity:0;visibility:hidden;transition:all .3s var(--ease-spring);z-index:var(--z-index-dropdown)}.site-nav__item--has-dropdown:hover .site-nav__dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.site-nav__dropdown:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:16px;height:16px;background-color:var(--theme-bg-surface);border-top:1px solid var(--theme-border-primary);border-left:1px solid var(--theme-border-primary);border-radius:3px;rotate:45deg}.site-nav__dropdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.site-nav__dropdown-link{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-xl);color:var(--theme-text-secondary);font-size:var(--text-font-size-sm);text-decoration:none;transition:all .25s var(--ease-spring)}.site-nav__dropdown-link:hover{background-color:var(--theme-bg-surface-secondary);color:var(--theme-color-primary);transform:translate(4px) translateY(-1px);box-shadow:0 4px 12px rgba(var(--theme-color-primary-rgb),.1)}.site-nav__dropdown-label{font-weight:var(--font-weight-medium)}.site-nav__dropdown-description{font-size:var(--text-font-size-xs);color:var(--theme-text-muted)}.site-nav__badge{display:none;position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background-color:var(--theme-color-primary);color:#fff;font-size:11px;font-weight:var(--font-weight-bold);line-height:20px;text-align:center;z-index:var(--z-index-dropdown);animation:badge-pop .3s var(--ease-spring)}.site-nav__link--cart .site-nav__badge{display:flex;align-items:center;justify-content:center}@keyframes badge-pop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.site-actions{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0;position:relative;z-index:1}.site-actions .button{--button-bg-opacity: 1;background-color:var(--theme-bg-surface)}.site-actions .button--secondary{background:var(--theme-bg-surface-secondary);color:var(--theme-text-primary)}.site-search{position:relative}@media(max-width:1023px){.site-search{display:none}}.site-search__input{width:220px;height:42px;padding:0 var(--spacing-5) 0 var(--spacing-10);border:none;border-radius:var(--border-radius-xl);background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-primary);font-size:var(--text-font-size-sm);transition:background-color .3s var(--ease-spring),color .3s var(--ease-spring),box-shadow .3s var(--ease-spring),transform .3s var(--ease-spring);box-shadow:var(--shadow-sm)}.site-search__input::placeholder{color:var(--theme-text-muted)}.site-search__input:hover{box-shadow:var(--shadow-md)}.site-search__input:focus{width:280px;background-color:var(--theme-bg-surface);box-shadow:0 0 0 4px hsla(var(--theme-color-primary-rgb),.1),var(--shadow-lg);outline:none;transform:translateY(-1px)}.site-search__icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);color:var(--theme-text-muted);pointer-events:none;transition:color .2s var(--ease-spring-short)}.site-search__icon svg{width:18px;height:18px}.site-search__input:focus+.site-search__icon{color:var(--theme-color-primary)}.theme-toggle{display:inline-flex}.accessibility-toggle{display:inline-flex;aspect-ratio:auto;min-height:44px}@media(min-width:768px){.accessibility-toggle{width:auto;padding:var(--spacing-2) var(--spacing-5)}}.accessibility-toggle__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.accessibility-toggle__icon svg{width:20px;height:20px;display:block}.accessibility-toggle__label{display:none;font-size:var(--text-font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}@media(min-width:768px){.accessibility-toggle__label{display:block}}.mobile-toggle{display:none}@media(max-width:1023px){.mobile-toggle{display:inline-flex}}.mobile-toggle__icon{display:flex;align-items:center;justify-content:center}.mobile-toggle__icon svg{width:24px;height:24px}.mobile-toggle__icon--close,[data-mobile-open=true] .mobile-toggle__icon--open{display:none}[data-mobile-open=true] .mobile-toggle__icon--close{display:flex}.mobile-overlay{position:fixed;inset:0;background-color:rgba(var(--theme-text-primary-rgb, 0 0 0),.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s var(--ease-spring);z-index:calc(var(--z-index-modal) - 1);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-overlay[data-state=active]{opacity:1;visibility:visible}@media(min-width:1024px){.mobile-overlay{display:none!important}}.mobile-nav{position:fixed;top:0;right:0;width:var(--mobile-nav-width);height:100vh;max-width:var(--mobile-nav-width-max);background-color:var(--theme-bg-surface);box-shadow:var(--shadow-2xl);transform:translate(100%);transition:transform .4s var(--ease-spring),visibility 0s .4s;z-index:calc(var(--z-index-modal) + 20);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;visibility:hidden}.mobile-nav[data-state=open]{transform:translate(0);visibility:visible;transition:transform .4s var(--ease-spring),visibility 0s 0s}@media(min-width:1024px){.mobile-nav{display:none!important}}.mobile-nav__content{padding:var(--spacing-6);padding-top:calc(var(--header-height) + var(--spacing-6))}.mobile-brand{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;color:var(--theme-text-primary);margin-bottom:var(--spacing-6);padding:var(--spacing-3);border-radius:var(--border-radius-xl);border-bottom:1px solid var(--theme-border-primary);transition:all .25s var(--ease-spring)}.mobile-brand:hover{background-color:var(--theme-bg-surface-secondary);transform:translate(4px)}.mobile-search{margin-bottom:var(--spacing-6)}.mobile-search__input{width:100%;height:48px;padding:0 var(--spacing-4);border:none;border-radius:var(--border-radius-xl);background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-primary);font-size:var(--text-font-size-base);box-shadow:var(--shadow-sm);transition:all .25s var(--ease-spring)}.mobile-search__input::placeholder{color:var(--theme-text-muted)}.mobile-search__input:hover{box-shadow:var(--shadow-md)}.mobile-search__input:focus{background-color:var(--theme-bg-surface);box-shadow:0 0 0 4px hsla(var(--theme-color-primary-rgb),.1),var(--shadow-lg);outline:none;transform:translateY(-1px)}.mobile-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.mobile-nav__item{border-radius:var(--border-radius-xl);overflow:hidden;transition:all .25s var(--ease-spring)}.mobile-nav__item:hover{transform:translate(2px)}.mobile-nav__link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border:none;border-radius:var(--border-radius-xl);font-weight:var(--font-weight-medium);color:var(--theme-text-secondary);text-decoration:none;transition:all .25s var(--ease-spring);background-color:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}.mobile-nav__link:hover,.mobile-nav__link:focus,.mobile-nav__link:active{background-color:var(--theme-bg-surface-secondary);color:var(--theme-color-primary);transform:translate(4px)}.mobile-nav__link[aria-current=page]{background-color:var(--theme-bg-surface-secondary);color:var(--theme-color-primary)}.mobile-nav__icon{display:flex;align-items:center;flex-shrink:0}.mobile-nav__icon svg{width:20px;height:20px}.mobile-nav__label{display:block}.mobile-nav__sublist{list-style:none;margin:0;padding:0;padding-left:var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-1)}.mobile-nav__subitem{border-radius:var(--border-radius-md)}.mobile-nav__sublink{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-xl);color:var(--theme-text-secondary);font-size:var(--text-font-size-sm);text-decoration:none;transition:all .25s var(--ease-spring)}.mobile-nav__sublink:hover{background-color:var(--theme-bg-surface-secondary);color:var(--theme-color-primary);transform:translate(4px)}.mobile-nav__subdescription{font-size:var(--text-font-size-xs);color:var(--theme-text-muted)}.mobile-theme{margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--theme-border-primary)}.mobile-theme__title{font-size:var(--text-font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted);margin:0 0 var(--spacing-3)}.mobile-theme__options{display:flex;gap:var(--spacing-3)}.mobile-accessibility{margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--theme-border-primary)}.mobile-accessibility__link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-4);border:none;border-radius:var(--border-radius-xl);background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-secondary);font-size:var(--text-font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all .25s var(--ease-spring);box-shadow:0 2px 8px #00000014}.mobile-accessibility__link:hover{background-color:var(--theme-color-primary);color:var(--theme-text-inverse);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--theme-color-primary-rgb),.35)}.mobile-accessibility__link:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.mobile-accessibility__link:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.mobile-accessibility__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-accessibility__icon svg{width:20px;height:20px}.mobile-accessibility__label{white-space:nowrap}@media print{.site-header{position:relative;background:none;backdrop-filter:none;border-bottom:1px solid var(--theme-border-primary)}.mobile-toggle,.mobile-nav,.mobile-overlay,.accessibility-toggle,.site-search{display:none!important}.site-nav{display:block}.site-nav__list{flex-wrap:wrap}}*:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.scroll-indicator{--scroll-percent: 0%;position:absolute;bottom:0;left:0;right:0;height:3px;width:var(--scroll-percent);background:linear-gradient(90deg,var(--theme-color-primary),var(--theme-color-accent));z-index:20;transition:width .1s ease-out;pointer-events:none}:root{--footer-padding-y: var(--spacing-6);--footer-padding-x: var(--spacing-4);--footer-gap: var(--spacing-6);--footer-bg: var(--theme-bg-surface-tertiary);--footer-bg-overlay: rgba(var(--theme-bg-surface-rgb), .98);--footer-border-color: var(--theme-border-primary);--footer-transition: all var(--transition-duration-normal) ease;--footer-nav-column-gap: var(--spacing-6);--footer-nav-row-gap: var(--spacing-4);--footer-social-size: 40px;--footer-social-spacing: var(--spacing-3);--footer-newsletter-bg: linear-gradient( 135deg, var(--theme-color-primary) 0%, var(--theme-color-accent) 100% );--footer-newsletter-radius: var(--border-radius-lg);--footer-touch-target-min: 44px}@media(min-width:640px){:root{--footer-padding-y: var(--spacing-8);--footer-padding-x: var(--spacing-6);--footer-gap: var(--spacing-8)}}@media(min-width:1024px){:root{--footer-padding-y: var(--spacing-16);--footer-padding-x: var(--spacing-8);--footer-gap: var(--spacing-10)}}.site-footer{position:relative;width:100%;background-color:var(--footer-bg);border-top:1px solid var(--footer-border-color);margin-top:auto;font-family:inherit;font-style:inherit;isolation:isolate}.site-footer__inner{display:flex;flex-direction:column;gap:var(--footer-gap-mobile);max-width:1400px;margin:0 auto;padding:var(--spacing-6) var(--spacing-4)}@media(min-width:640px){.site-footer__inner{gap:var(--footer-gap);padding:var(--spacing-8) var(--spacing-6)}}@media(min-width:1024px){.site-footer__inner{padding:var(--footer-padding-y) var(--spacing-8)}}.site-footer__top{display:flex;flex-direction:column;gap:var(--spacing-8)}@media(min-width:768px){.site-footer__top{flex-direction:row;align-items:flex-start;gap:var(--spacing-10)}}@media(min-width:1024px){.site-footer__top{gap:var(--spacing-16)}}.site-footer__brand{display:flex;flex-direction:column;gap:var(--spacing-4);flex:1}@media(min-width:768px){.site-footer__brand{flex-shrink:0;max-width:280px}}@media(min-width:1024px){.site-footer__brand{max-width:320px}}.site-footer__newsletter{flex:1;width:100%;min-width:0}.site-footer__middle{display:flex;flex-direction:column;gap:var(--spacing-6);padding-top:var(--spacing-8);border-top:1px solid var(--footer-border-color)}@media(min-width:480px){.site-footer__middle{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}}@media(min-width:640px){.site-footer__middle{gap:var(--spacing-5)}}@media(min-width:768px){.site-footer__middle{grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);padding-top:var(--spacing-10)}}@media(min-width:1024px){.site-footer__middle{gap:var(--footer-nav-column-gap)}}.site-footer__bottom{display:flex;flex-direction:column;gap:var(--spacing-4);padding-top:var(--spacing-6);border-top:1px solid var(--footer-border-color);text-align:center}@media(min-width:640px){.site-footer__bottom{flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-6);text-align:left}}.site-footer__copyright{font-size:var(--text-font-size-xs);color:var(--theme-text-secondary)}@media(min-width:640px){.site-footer__copyright{font-size:var(--text-font-size-sm)}}.site-footer__copyright p{margin:0}.site-footer__legal{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-3);font-size:var(--text-font-size-xs);color:var(--theme-text-muted)}@media(min-width:640px){.site-footer__legal{font-size:var(--text-font-size-sm);justify-content:flex-end}}.site-footer__legal a{color:inherit;text-decoration:none;transition:color var(--transition-duration-fast) ease}.site-footer__legal a:hover{color:var(--theme-color-primary)}.site-footer__legal a:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.site-footer__legal p{margin:0}.footer-brand{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;color:var(--theme-text-primary);width:fit-content;padding:var(--spacing-2) 0;margin:calc(var(--spacing-2) * -1);border-radius:var(--border-radius-md);transition:color var(--transition-duration-fast) ease}.footer-brand:hover .footer-brand__logo{transform:scale(1.05)}.footer-brand:hover .footer-brand__name{color:var(--theme-color-primary)}.footer-brand:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:4px}.footer-brand__logo{width:42px;height:42px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;transition:transform var(--transition-duration-fast) ease}.footer-brand__logo svg{width:100%;height:100%;display:block}@media(min-width:640px){.footer-brand__logo{width:48px;height:48px}}@media(min-width:768px){.footer-brand__logo{width:54px;height:54px}}.footer-brand__content{display:flex;flex-direction:column;gap:1px;min-width:0}.footer-brand__name{font-weight:var(--font-weight-bold);font-size:var(--text-font-size-base);line-height:1.2;transition:color var(--transition-duration-fast) ease}@media(min-width:640px){.footer-brand__name{font-size:var(--text-font-size-lg)}}.footer-brand__tagline{font-size:var(--text-font-size-xs);color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}@media(min-width:640px){.footer-brand__tagline{max-width:none}}.footer-description{color:var(--theme-text-secondary);line-height:var(--line-height-relaxed);font-size:var(--text-font-size-sm);margin:0;max-width:100%}@media(min-width:640px){.footer-description{max-width:320px}}@media(min-width:768px){.footer-description{max-width:400px}}.footer-social{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}@media(min-width:640px){.footer-social{gap:var(--spacing-3)}}.site-footer__social{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}@media(min-width:640px){.site-footer__social{gap:var(--spacing-3)}}.site-footer__social .button svg{width:1.125rem;height:1.125rem}@media(min-width:640px){.site-footer__social .button svg{width:1.25rem;height:1.25rem}}.site-footer__newsletter{width:100%}.newsletter{position:relative;width:100%;max-width:600px;background:var(--footer-newsletter-bg);padding:var(--spacing-5);border-radius:var(--footer-newsletter-radius);color:var(--theme-text-inverse);box-sizing:border-box;overflow:hidden}@media(min-width:640px){.newsletter{padding:var(--spacing-6)}}@media(min-width:768px){.newsletter{padding:var(--spacing-8)}}.newsletter:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--theme-bg-surface-rgb),.1) 0%,transparent 50%);pointer-events:none}.newsletter__content{position:relative;z-index:1}.newsletter__header{margin-bottom:var(--spacing-5)}@media(min-width:640px){.newsletter__header{margin-bottom:var(--spacing-6)}}.newsletter__icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-md);background:rgba(var(--theme-bg-surface-rgb),.15);margin-bottom:var(--spacing-4)}@media(min-width:640px){.newsletter__icon-wrapper{width:48px;height:48px}}.newsletter__icon-wrapper svg{width:20px;height:20px;color:var(--theme-text-inverse)}@media(min-width:640px){.newsletter__icon-wrapper svg{width:24px;height:24px}}.newsletter__title{font-size:var(--text-font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2);color:inherit;line-height:1.3}@media(min-width:640px){.newsletter__title{font-size:var(--text-font-size-xl)}}.newsletter__description{font-size:var(--text-font-size-sm);margin:0;opacity:.9;line-height:var(--line-height-relaxed)}.newsletter__form{display:flex;flex-direction:column;gap:var(--spacing-3)}@media(min-width:640px){.newsletter__form{flex-direction:row;align-items:stretch;gap:var(--spacing-3)}}.newsletter__input-wrapper{position:relative;flex:1;width:100%}.newsletter__input-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);display:flex;color:var(--theme-text-muted);pointer-events:none;transition:color var(--transition-duration-fast) ease}.newsletter__input-icon svg{width:18px;height:18px}.newsletter__input:focus+.newsletter__input-icon,.newsletter__input:hover+.newsletter__input-icon{color:var(--theme-color-primary)}.newsletter__input{width:100%;padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) 44px;font-size:var(--text-font-size-base);font-family:inherit;color:var(--theme-text-primary);background-color:var(--theme-bg-primary);border:2px solid rgba(var(--theme-bg-surface-rgb),.2);border-radius:var(--border-radius-md);transition:var(--footer-transition);min-height:44px;box-sizing:border-box}.newsletter__input::placeholder{color:var(--theme-text-muted)}.newsletter__input:hover{border-color:rgba(var(--theme-bg-surface-rgb),.4);background-color:var(--theme-bg-surface)}.newsletter__input:focus{outline:none;border-color:var(--theme-color-primary);background-color:var(--theme-bg-surface);box-shadow:0 0 0 4px rgba(var(--theme-color-primary-rgb),.15)}.newsletter__input:focus+.newsletter__input-icon{color:var(--theme-color-primary)}.newsletter__button{width:100%;min-height:44px;white-space:nowrap}@media(min-width:640px){.newsletter__button{width:auto;flex-shrink:0}}.newsletter__actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-3)}.newsletter__actions .button{flex:1}.newsletter__actions .button--primary{flex:1.5}.newsletter__footer{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid rgba(var(--theme-bg-surface-rgb),.15)}.newsletter__checkbox-wrapper{display:flex;align-items:flex-start;gap:var(--spacing-2);cursor:pointer;padding:var(--spacing-1) 0}.newsletter__checkbox{position:relative;width:18px;height:18px;margin:0;cursor:pointer;appearance:none;background-color:rgba(var(--theme-bg-surface-rgb),.15);border:2px solid rgba(var(--theme-bg-surface-rgb),.3);border-radius:var(--border-radius-sm);flex-shrink:0;transition:var(--footer-transition)}@media(min-width:640px){.newsletter__checkbox{width:20px;height:20px}}.newsletter__checkbox:checked{background-color:var(--theme-color-primary);border-color:var(--theme-color-primary)}.newsletter__checkbox:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid var(--theme-text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg)}@media(min-width:640px){.newsletter__checkbox:checked:after{left:6px;top:2px;width:6px;height:10px}}.newsletter__checkbox:hover{border-color:rgba(var(--theme-bg-surface-rgb),.6)}.newsletter__checkbox:focus-visible{outline:2px solid var(--theme-text-inverse);outline-offset:2px}.newsletter__checkbox-label{font-size:var(--text-font-size-xs);color:rgba(var(--theme-bg-surface-rgb),.85);line-height:1.5;user-select:none;padding-top:1px}@media(min-width:640px){.newsletter__checkbox-label{font-size:var(--text-font-size-sm)}}.newsletter__checkbox-label a{color:var(--theme-text-inverse);text-decoration:underline;text-underline-offset:2px}.newsletter__checkbox-label a:hover{text-decoration:none}.newsletter__checkbox-label a:focus-visible{outline:2px solid var(--theme-text-inverse);outline-offset:2px;border-radius:var(--border-radius-sm)}.newsletter--success .newsletter__form{display:none}.newsletter--success .newsletter__success{display:flex}.newsletter__success{display:none;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-4) 0}.newsletter__success-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(var(--theme-bg-surface-rgb),.2);margin-bottom:var(--spacing-4)}@media(min-width:640px){.newsletter__success-icon{width:56px;height:56px}}.newsletter__success-icon svg{width:24px;height:24px;color:var(--theme-text-inverse)}@media(min-width:640px){.newsletter__success-icon svg{width:28px;height:28px}}.newsletter__success-title{font-size:var(--text-font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2);color:inherit}@media(min-width:640px){.newsletter__success-title{font-size:var(--text-font-size-xl)}}.newsletter__success-description{font-size:var(--text-font-size-sm);margin:0;opacity:.9}.footer-nav{display:flex;flex-direction:column;gap:var(--spacing-3)}@media(min-width:640px){.footer-nav{gap:var(--spacing-4)}}.footer-nav__title{font-size:var(--text-font-size-sm);font-weight:var(--font-weight-bold);color:var(--theme-text-primary);text-transform:uppercase;letter-spacing:.08em;margin:0;padding-bottom:var(--spacing-2);border-bottom:2px solid var(--theme-color-primary);display:inline-block;width:fit-content}.footer-nav__list{display:flex;flex-direction:column;gap:var(--spacing-1);list-style:none;margin:0;padding:0}.footer-nav__item{margin:0}.footer-nav__link{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--theme-text-secondary);font-size:var(--text-font-size-sm);padding:var(--spacing-2) var(--spacing-3);margin:0 calc(var(--spacing-3) * -1);border-radius:var(--border-radius-md);transition:all var(--transition-duration-fast) ease;min-height:44px;justify-content:center}@media(min-width:768px){.footer-nav__link{padding:var(--spacing-1) 0;margin:0;min-height:auto}}.footer-nav__link:hover{color:var(--theme-color-primary);background-color:rgba(var(--theme-color-primary-rgb),.05)}@media(min-width:768px){.footer-nav__link:hover{background-color:transparent;transform:translate(4px)}}.footer-nav__link:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.footer-nav__label{font-weight:var(--font-weight-medium)}.footer-nav__description{font-size:var(--text-font-size-xs);color:var(--theme-text-muted);line-height:1.3}.site-footer .tooltip{--tooltip-offset-y: 16px}.site-footer .tooltip{z-index:calc(var(--z-index-dropdown) + 100)}.footer-nav__link[data-tooltip]:before{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:4px;height:4px;background-color:var(--theme-color-primary);border-radius:50%;opacity:0;transition:opacity var(--transition-duration-fast) ease}@media(min-width:768px){.footer-nav__link[data-tooltip]:before{right:auto;left:-12px}}.footer-nav__link[data-tooltip]:hover:before{opacity:1}.site-footer__social-link{transition:transform var(--transition-duration-fast) ease,box-shadow var(--transition-duration-fast) ease}.site-footer__social-link:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(var(--theme-color-primary-rgb),.3)}:root{--cookie-banner-z-index: 2147483647;--cookie-banner-transition-duration: .3s;--cookie-banner-transition-timing: ease-in-out;--cookie-banner-padding-x: var(--spacing-4, 1rem);--cookie-banner-padding-y: var(--spacing-4, 1rem);--cookie-banner-gap: var(--spacing-4, 1rem);--cookie-banner-bg: var(--theme-bg-surface, #ffffff);--cookie-banner-border: var(--theme-border-primary, #e2e8f0);--cookie-banner-shadow: var( --shadow-2xl, 0 25px 50px -12px rgb(0 0 0 / .25) );--cookie-banner-text-primary: var(--theme-text-primary, #1e293b);--cookie-banner-text-secondary: var(--theme-text-secondary, #475569);--cookie-banner-accent: var(--theme-color-primary, #2563eb)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:var(--cookie-banner-z-index);display:flex;flex-direction:column;width:100%;max-height:100vh;overflow:hidden;background-color:var(--cookie-banner-bg);border-top:1px solid var(--cookie-banner-border);box-shadow:var(--cookie-banner-shadow);transform:translateY(calc(100% + var(--cookie-banner-offset, 0px)));transition:transform var(--cookie-banner-transition-duration) var(--cookie-banner-transition-timing);contain:content}.cookie-banner.is-active{transform:translateY(0)}.cookie-banner__container{display:flex;align-items:center;gap:var(--cookie-banner-gap);width:100%;max-width:1200px;margin:0 auto;padding:var(--cookie-banner-padding-y) var(--cookie-banner-padding-x)}@media(min-width:768px){.cookie-banner__container{flex-wrap:nowrap;align-items:flex-start}}.cookie-banner__content{display:flex;align-items:flex-start;gap:var(--spacing-3, .75rem);flex:1;min-width:0}.cookie-banner__icon{flex-shrink:0;width:var(--spacing-6, 1.5rem);height:var(--spacing-6, 1.5rem);color:var(--cookie-banner-accent)}@media(min-width:768px){.cookie-banner__icon{width:var(--spacing-7, 1.75rem);height:var(--spacing-7, 1.75rem)}}.cookie-banner__text{flex:1;min-width:0}.cookie-banner__text h3{font-size:var(--text-font-size-sm, .875rem);font-weight:600;color:var(--cookie-banner-text-primary);margin:0 0 var(--spacing-1, .25rem);line-height:1.4}.cookie-banner__text p{font-size:var(--text-font-size-xs, .75rem);color:var(--cookie-banner-text-secondary);margin:0;line-height:1.5}@media(min-width:768px){.cookie-banner__text p{font-size:var(--text-font-size-sm, .875rem)}}.cookie-banner__actions{display:flex;gap:var(--spacing-2, .5rem);flex-shrink:0;flex-wrap:wrap}@media(min-width:768px){.cookie-banner__actions{flex-wrap:nowrap}}.cookie-banner__preferences{visibility:hidden;opacity:0;max-height:0;overflow:hidden;display:flex;flex-direction:column;background-color:var(--cookie-banner-bg);border-top:1px solid var(--cookie-banner-border);transition:visibility 0s linear var(--cookie-banner-transition-duration),opacity var(--cookie-banner-transition-duration) var(--cookie-banner-transition-timing),max-height var(--cookie-banner-transition-duration) var(--cookie-banner-transition-timing)}.is-active[data-preferences=true] .cookie-banner__preferences,.cookie-banner.is-active[data-preferences=true] .cookie-banner__preferences{visibility:visible;opacity:1;max-height:50vh}@media(min-width:768px){.is-active[data-preferences=true] .cookie-banner__preferences,.cookie-banner.is-active[data-preferences=true] .cookie-banner__preferences{max-height:60vh}}.cookie-banner__preferences-inner{padding:var(--spacing-4, 1rem) var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);overflow-y:auto}@media(min-width:768px){.cookie-banner__preferences-inner{max-height:calc(60vh - 120px)}}.cookie-banner__pref-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin-bottom:var(--spacing-4, 1rem)}.cookie-banner__pref-header h4{font-size:var(--text-font-size-base, 1rem);font-weight:600;color:var(--cookie-banner-text-primary);margin:0}.cookie-banner__pref-close{padding:var(--spacing-2, .5rem);background:transparent;border:none;border-radius:var(--border-radius-md, .375rem);color:var(--cookie-banner-text-secondary);cursor:pointer;transition:all var(--transition-duration-fast, .15s)}.cookie-banner__pref-close:hover{background-color:var(--theme-bg-surface-secondary, #f1f5f9);color:var(--cookie-banner-text-primary)}.cookie-banner__pref-close:focus-visible{outline:2px solid var(--cookie-banner-accent);outline-offset:2px}.cookie-banner__pref-close svg{width:var(--spacing-5, 1.25rem);height:var(--spacing-5, 1.25rem)}.cookie-banner__pref-list{display:flex;flex-direction:column;gap:var(--spacing-3, .75rem);flex:1}.cookie-banner__pref-item{display:flex;align-items:flex-start;gap:var(--spacing-3, .75rem);padding:var(--spacing-3, .75rem);border-radius:var(--border-radius-md, .375rem);cursor:pointer;transition:background-color var(--transition-duration-fast, .15s)}.cookie-banner__pref-item:hover{background-color:var(--theme-bg-surface-secondary, #f1f5f9)}.cookie-banner__pref-item{font-size:var(--text-font-size-sm, .875rem);color:var(--cookie-banner-text-secondary)}.cookie-banner__pref-item strong{color:var(--cookie-banner-text-primary);font-weight:600}.cookie-banner__pref-item input[type=checkbox]{flex-shrink:0;margin-top:.125rem;width:var(--spacing-4, 1rem);height:var(--spacing-4, 1rem);cursor:pointer;accent-color:var(--cookie-banner-accent)}.cookie-banner__pref-description{font-size:var(--text-font-size-xs, .75rem);color:var(--theme-text-muted, #64748b);margin-top:var(--spacing-1, .25rem);margin-left:calc(var(--spacing-4, 1rem) + var(--spacing-3, .75rem))}.cookie-banner__pref-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3, .75rem);flex-shrink:0;margin-top:var(--spacing-5, 1.25rem);padding-top:var(--spacing-4, 1rem);border-top:1px solid var(--cookie-banner-border)}@media(min-width:640px){.cookie-banner__pref-actions{justify-content:flex-end}}@media(max-width:639px){.cookie-banner__container{flex-direction:column;align-items:stretch}.cookie-banner__content{align-items:flex-start}.cookie-banner__actions{width:100%}.cookie-banner__actions .button{flex:1}.cookie-banner__preferences-inner{padding:var(--spacing-3, .75rem)}.cookie-banner__pref-actions{flex-direction:column}.cookie-banner__pref-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){.cookie-banner,.cookie-banner__preferences{transition:none}}@media(prefers-contrast:more){.cookie-banner,.cookie-banner__preferences{border-top-width:2px;border-top-style:solid}}@media print{.cookie-banner{display:none!important}}.blk-card,.blk-card *{--local-color-primary: var(--theme-color-primary);--local-color-primary-dark: var(--theme-color-primary-hover, #1d4ed8);--local-color-primary-light: var(--theme-color-primary-light, #93c5fd);--local-color-text-main: var(--theme-text-primary);--local-color-text-muted: var(--theme-text-muted);--local-color-text-light: var(--theme-text-inverse);--local-color-border: var(--theme-border-primary);--local-color-surface: var(--theme-bg-surface);--local-color-surface-glass: rgba( var(--theme-bg-surface-rgb, 255, 255, 255), .65 );--local-color-surface-glass-hover: rgba( var(--theme-bg-surface-rgb, 255, 255, 255), .85 );--local-color-media-bg: var(--theme-bg-surface-tertiary, #e2e8f0);--local-space-xs: .25rem;--local-space-sm: .5rem;--local-space-md: 1rem;--local-space-lg: 1.5rem;--local-space-xl: 2.5rem;--local-font-sans: var(--font-primary, var(--font-inter));--local-text-xs: .75rem;--local-text-sm: .875rem;--local-text-base: 1rem;--local-text-lg: 1.25rem;--local-text-xl: 2rem;--local-shadow-sm: 0 1px 2px 0 var(--theme-shadow-color, rgba(0, 0, 0, .05));--local-shadow-md: 0 4px 6px -1px var(--theme-shadow-color, rgba(0, 0, 0, .1));--local-shadow-lg: 0 10px 15px -3px var(--theme-shadow-color, rgba(0, 0, 0, .1));--local-shadow-xl: 0 20px 25px -5px var(--theme-shadow-color, rgba(0, 0, 0, .1));--local-radius-md: .5rem;--local-radius-lg: 1rem;--local-radius-full: 9999px;--local-ease-out: cubic-bezier(.4, 0, .2, 1);--local-anim-speed: .3s}.blk-card{font-family:var(--local-font-sans);color:var(--local-color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;display:flex;flex-direction:column;border-radius:var(--local-radius-lg);border:2px solid var(--local-color-border);background:var(--local-color-surface-glass);backdrop-filter:blur(12px);transition:all .5s var(--local-ease-out);overflow:hidden;animation:fadeInUp .6s var(--local-ease-out) both}.blk-card:hover{transform:translateY(-5px);box-shadow:var(--local-shadow-xl);border-color:var(--local-color-primary);background:var(--local-color-surface)}.blk-card__media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--local-color-media-bg)}.blk-card__media .blk-card__img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.blk-card:hover .blk-card__img{transform:scale(1.08)}.blk-card__body{display:flex;flex-direction:column;padding:var(--local-space-lg);gap:var(--local-space-sm);flex:1}.blk-card__title{margin:0;font-size:var(--local-text-lg);font-weight:700;line-height:1.3}.blk-card__title a{transition:color .3s;color:inherit;text-decoration:none}.blk-card:hover .blk-card__title a{color:var(--local-color-primary)}.blk-card__desc{font-size:var(--local-text-sm);color:var(--local-color-text-muted);margin:0;flex-grow:1}.blk-card__description-section{position:relative}.blk-card__desc{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.blk-card__desc.expanded{-webkit-line-clamp:unset}.blk-card__description-overlay{position:absolute;bottom:0;left:0;right:0;height:3.5rem;background:linear-gradient(to bottom,transparent,var(--local-color-surface, white) 80%);display:flex;align-items:flex-end;justify-content:flex-start;pointer-events:none;opacity:1;transition:opacity .3s ease}.blk-card__description-overlay.hidden{opacity:0;pointer-events:none}.blk-card__show-more{pointer-events:auto;padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:var(--local-color-primary);background:var(--local-color-surface);border:1px solid var(--local-color-primary);border-radius:var(--local-radius-md);cursor:pointer;transition:all .2s ease;margin-left:var(--local-space-xs);margin-bottom:var(--local-space-xs)}.blk-card__show-more:hover{background:var(--local-color-primary);color:var(--local-color-text-light, white)}.blk-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--local-text-sm);width:100%}.blk-card__author{display:flex;align-items:center;gap:var(--local-space-sm)}.blk-card__avatar{width:3rem;height:3rem;border-radius:40%;border:2px solid var(--local-color-border)}.blk-card__author-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;color:var(--local-color-text-main);text-decoration:none}.blk-card__rating-wrapper{display:flex;align-items:center;gap:4px}.blk-card__stars{display:inline-flex;color:var(--theme-stars-empty, #cbd5e0);font-size:1rem;line-height:1}.blk-card__star{position:relative;display:inline-block;width:1em;height:1em;line-height:1}.blk-card__star-base{position:absolute;top:0;left:0;width:100%;height:100%;color:var(--theme-stars-empty, #cbd5e0)}.blk-card__star-fill{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;clip-path:inset(0 calc(100% - var(--fill-pct, 100%)) 0 0)}.blk-card__star-filled{display:block;width:100%;height:100%;color:var(--theme-stars-fill, #fbbf24)}.blk-badge{position:absolute;top:var(--local-space-md);z-index:1060;display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;border-radius:var(--local-radius-full);color:var(--theme-badge-text, white);border:1px solid var(--theme-badge-border, rgba(255, 255, 255, .25));background:linear-gradient(90deg,hsla(var(--hue-1, 200),65%,45%,.9),hsla(var(--hue-2, 240),65%,50%,.9),hsla(var(--hue-1, 200),65%,45%,.9));background-size:200% 100%;box-shadow:var(--local-shadow-sm);animation:gradientFlow 8s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none}.blk-badge:hover{animation-duration:5s;transform:scale(1.05);box-shadow:var(--local-shadow-md);color:var(--theme-badge-text, white)}.blk-badge__dot{width:6px;height:6px;background:var(--theme-badge-dot, white);border-radius:50%;animation:pulse 2s ease-in-out infinite;flex-shrink:0}.blk-badge--left{left:var(--local-space-md)}.blk-badge--right{right:var(--local-space-md)}.blk-card__tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--local-space-sm)}.blk-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;border-radius:var(--local-radius-full);background-color:hsla(var(--tag-hue, 210),70%,65%,.15);border:1px solid hsla(var(--tag-hue, 210),60%,50%,.25);transition:all .2s;text-decoration:none;color:inherit}.blk-tag:hover{transform:translateY(-1px);background-color:hsla(var(--tag-hue, 210),70%,60%,.25)}.blk-tag-count{font-size:.75rem;font-weight:500;color:hsla(var(--tag-hue, 210),50%,40%,.8);margin-inline-start:2px}.blk-card__tags-section,.blk-card__tags{width:100%}.blk-card__tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--local-space-xs, .25rem);max-height:4.125rem;overflow:hidden;padding-block-end:var(--local-space-xs, .25rem);transition:max-height .3s ease}.blk-card__tags-container.expanded{max-height:none;overflow:visible}.blk-card__show-more-tags{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .5rem;font-size:.75rem;font-weight:700;color:var(--local-color-text-light, white);background:var(--local-color-primary);border:none;border-radius:var(--local-radius-full);cursor:pointer;transition:all .2s ease;flex-shrink:0}.blk-card__show-more-tags:hover{transform:scale(1.1);box-shadow:var(--local-shadow-md)}.blk-card__show-more-tags.hidden{display:none}.blk-card__tags-show-more{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:var(--local-color-primary);background:var(--local-color-surface);border:1px solid var(--local-color-primary);border-radius:var(--local-radius-md);cursor:pointer;transition:all .2s ease;margin-top:.25rem}.blk-card__tags-show-more:hover{background:var(--local-color-primary);color:var(--local-color-text-light, white)}.blk-card__tags-container.u-mt-auto{margin-top:auto}.blk-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--local-space-md) var(--local-space-xl);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--local-radius-md);color:var(--local-color-text-main);background:var(--theme-btn-bg, linear-gradient(135deg, #ebf8ff, #fff));border:2px solid var(--local-color-primary);transition:all .4s var(--local-ease-out);position:relative;overflow:hidden;z-index:1;text-decoration:none}.blk-btn:hover{background:var(--local-color-primary);color:var(--local-color-text-light, white);border-color:var(--local-color-primary-dark);transform:translateY(-2px);box-shadow:var(--local-shadow-lg)}.blk-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--theme-btn-shimmer, rgba(255, 255, 255, .4)),transparent);transition:left .5s ease}.blk-btn:hover:before{left:100%}.blk-view-btn{padding:var(--local-space-sm) var(--local-space-md);border-radius:var(--local-radius-full);color:var(--local-color-text-muted);font-weight:600;font-size:var(--local-text-sm);transition:all .2s ease;display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer}.blk-view-btn:hover{background:#ffffff80;color:var(--local-color-primary)}.blk-view-btn.active{background:#fff;color:var(--local-color-primary);box-shadow:var(--local-shadow-sm)}.blk-view-btn svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:2}@media(max-width:480px){.blk-card{border-radius:var(--local-radius-md)}.blk-card__body{padding:var(--local-space-md);gap:var(--local-space-xs)}.blk-card__title{font-size:var(--local-text-base)}.blk-card__meta{flex-direction:column;align-items:flex-start;gap:var(--local-space-xs)}.blk-card__author-name{max-width:120px}.blk-card__badge--left,.blk-card__badge--right{top:var(--local-space-sm);padding:.25rem .5rem;font-size:.7rem}.blk-btn{padding:var(--local-space-sm) var(--local-space-md);font-size:.85rem}.blk-tag{padding:2px 8px;font-size:.7rem}}@media(min-width:481px)and (max-width:768px){.blk-card__title{font-size:var(--local-text-lg)}.blk-card__author-name{max-width:160px}}@media(min-width:769px)and (max-width:1024px){.blk-card__author-name{max-width:180px}}@keyframes gradientFlow{0%,to{background-position:100% 0}50%{background-position:-100% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6);border-radius:var(--border-radius-lg);background:var(--theme-bg-primary);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;cursor:pointer;text-decoration:none;color:inherit;transition:all .25s cubic-bezier(.25,.46,.45,.94);border:1px solid var(--theme-border-muted);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--theme-color-primary) 0%,var(--theme-color-primary-hover) 100%);opacity:0;transition:opacity .25s ease}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--theme-color-primary-rgb),.04) 0%,transparent 100%);opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:-1}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000f,0 4px 8px #00000008,0 1px 2px #00000005;border-color:var(--theme-border-primary)}.feature-card:hover:before{opacity:1}.feature-card:hover:after{opacity:1}.feature-card:active{transform:translateY(-1px);box-shadow:0 6px 12px #0000000a,0 2px 4px #00000005}.feature-card:focus-visible{outline:2px solid var(--theme-focus-ring);outline-offset:2px}@media(min-width:1024px){.feature-card{padding:var(--spacing-7)}}.feature-card__header{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-4)}.feature-card__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--border-radius-md);background:var(--theme-bg-surface);color:var(--theme-color-primary);transition:all .25s ease}.feature-card__icon svg{width:24px;height:24px;transition:transform .25s ease}@media(min-width:1024px){.feature-card__icon{width:48px;height:48px;border-radius:var(--border-radius-lg)}.feature-card__icon svg{width:26px;height:26px}}.feature-card:hover .feature-card__icon{background:var(--theme-color-primary);color:var(--theme-text-inverse);transform:scale(1.05)}.feature-card:hover .feature-card__icon svg{transform:scale(1.08)}.feature-card__text{flex:1;min-width:0}.feature-card__title{font-size:var(--text-font-size-base);font-weight:600;margin:0;color:var(--theme-text-primary);line-height:var(--text-line-height-snug);letter-spacing:var(--text-letter-spacing-tight)}@media(min-width:1024px){.feature-card__title{font-size:var(--text-font-size-lg)}}.feature-card__description{font-size:var(--text-font-size-sm);color:var(--theme-text-secondary);margin:0;line-height:var(--text-line-height-relaxed);max-width:100%}@media(min-width:1024px){.feature-card__description{font-size:var(--text-font-size-base)}}.feature-card__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;color:var(--theme-text-muted);opacity:.5;transition:all .25s ease}.feature-card__arrow svg{width:18px;height:18px;transition:transform .25s ease}@media(min-width:1024px){.feature-card__arrow{width:32px;height:32px}.feature-card__arrow svg{width:20px;height:20px}}.feature-card:hover .feature-card__arrow{color:var(--theme-color-primary);opacity:1;transform:translate(4px);background:rgba(var(--theme-color-primary-rgb),.08)}.feature-card:hover .feature-card__arrow svg{transform:translate(2px)}.theme-card{border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);transition:var(--transition-duration-normal);background-color:var(--theme-bg-surface);border:1px solid var(--theme-border-primary)}.theme-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.theme-card__title{color:var(--theme-text-primary);margin-bottom:var(--spacing-4);font-size:var(--text-font-size-xl);font-weight:700}.theme-card__color-sample{padding:var(--spacing-4);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-3);display:flex;align-items:center;justify-content:space-between;background-color:var(--theme-bg-surface-tertiary)}.theme-card__color-name{font-weight:600;color:var(--theme-text-primary);font-size:var(--text-font-size-lg)}.theme-card__color-code{font-family:var(--font-jetbrains-mono);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--text-font-size-xs);color:var(--theme-text-primary)}.topic-card{position:relative;background-color:var(--theme-bg-primary);border:1px solid var(--theme-border-primary);border-radius:var(--radius-lg, 1.5rem);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;height:100%;overflow:hidden}.topic-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--theme-color-primary) 0%,var(--theme-color-secondary) 50%,var(--theme-color-accent) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4;pointer-events:none;transition:opacity .2s ease}.topic-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--shadow-xl);z-index:10}.topic-card:hover:before{opacity:.8}.topic-card__media{position:relative;height:180px;width:100%;overflow:hidden;background-color:var(--theme-text-muted);flex-shrink:0}.topic-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4),transparent);opacity:.6;transition:opacity .3s ease}.topic-card:hover .topic-card__media:after{opacity:.3}.topic-card__img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.topic-card:hover .topic-card__img{transform:scale(1.08)}.topic-card__content{padding:var(--spacing-lg, 1.5rem);flex:1;display:flex;flex-direction:column;background:linear-gradient(to bottom,transparent,rgba(var(--theme-color-rgb),.04))}.topic-card__title-row{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);margin-bottom:var(--spacing-sm, .5rem)}.topic-card__icon{font-size:1.5rem}.topic-card__title{font-size:1.2rem;font-weight:800;line-height:1.2;color:var(--theme-text-primary);transition:color .3s ease;margin:0}.topic-card:hover .topic-card__title{color:var(--theme-color)}.topic-card__desc{font-size:.9rem;color:var(--theme-text-muted);margin-bottom:var(--spacing-md, 1rem);line-height:1.7;flex-grow:1;margin-top:0}.topic-badge{position:absolute;top:var(--spacing-md, 1rem);right:var(--spacing-md, 1rem);background-color:#fffffff2;color:var(--theme-text-primary);padding:.4rem .8rem;border-radius:var(--radius-full, 9999px);font-weight:700;font-size:.75rem;box-shadow:0 8px 16px #0000001f;display:inline-flex;align-items:center;gap:var(--spacing-sm, .5rem);z-index:2;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.topic-badge__dot{display:block;width:8px;height:8px;border-radius:50%;background-color:var(--theme-color)}.topic-tags{margin-top:auto;display:flex;flex-direction:column}.topic-tags__wrapper{max-height:3.4em;overflow:hidden;transition:max-height .4s ease;position:relative;mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.topic-tags__wrapper.is-expanded{overflow:visible!important;mask-image:none;-webkit-mask-image:none;max-height:none;height:auto!important}.topic-tags__list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, .5rem)}.topic-tag{font-size:.75rem;font-weight:600;padding:.3rem .75rem;border-radius:var(--radius-full, 9999px);background-color:rgba(var(--theme-color-rgb),.08);color:var(--theme-color);border:1px solid rgba(var(--theme-color-rgb),.15);transition:all .2s;white-space:nowrap;text-decoration:none}.topic-tag:hover{background-color:var(--theme-color);color:#fff;transform:translateY(-2px)}.topic-tags__expand{font-size:.75rem;color:var(--theme-text-muted);margin-top:var(--spacing-xs, .25rem);text-align:right;cursor:pointer;font-weight:600;display:block;transition:color .2s;user-select:none;width:fit-content;align-self:flex-end;background:none;border:none}.topic-tags__expand:hover{color:var(--theme-color)}.topic-section-header{display:flex;align-items:center;gap:var(--spacing-lg, 1.5rem);margin-bottom:var(--spacing-xl, 2.5rem);padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);background:var(--theme-bg-surface-secondary);border:1px solid var(--theme-border-primary);border-radius:var(--radius-lg, 1rem)}.topic-section-icon{width:3.5rem;height:3.5rem;border-radius:var(--radius-md, .75rem);background:linear-gradient(135deg,var(--theme-color-primary),var(--theme-color-secondary));color:#fff;font-size:1.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -5px rgba(var(--theme-color-primary-rgb),.5);flex-shrink:0}.topic-section-header h2{font-size:2rem;font-weight:800;letter-spacing:-.01em;color:var(--theme-text-primary);margin:0}.topic-section-header p{color:var(--theme-text-muted);font-weight:500;margin:var(--spacing-xs, .25rem) 0 0 0}.topic-grid{display:grid;gap:var(--grid-gap, var(--spacing-xs));grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:stretch}.topic-grid--compact{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-md)}.topic-grid--compact .topic-card,.topic-grid--compact .cat-tag-card{--list-img-width: 160px;--list-img-height: 90px;--list-gap: var(--spacing-md);display:flex;flex-direction:row;align-items:stretch;min-height:unset;height:auto;padding:0;border-radius:var(--radius-lg, 1rem);background:var(--theme-bg-primary);border:1px solid var(--theme-border-primary);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.topic-grid--compact .topic-card:before,.topic-grid--compact .cat-tag-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--theme-color-primary) 0%,var(--theme-color-secondary) 50%,var(--theme-color-accent) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.4}.topic-grid--compact .topic-card:hover,.topic-grid--compact .cat-tag-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.topic-grid--compact .topic-card:hover:before,.topic-grid--compact .cat-tag-card:hover:before{opacity:.8}.topic-grid--compact .topic-card__media,.topic-grid--compact .cat-tag-card__media{width:var(--list-img-width);height:auto;min-height:var(--list-img-height);flex-shrink:0;border-radius:0;position:relative;overflow:hidden;background:var(--theme-bg-surface-secondary)}.topic-grid--compact .topic-card__img,.topic-grid--compact .cat-tag-card__img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.topic-grid--compact .topic-card:hover .topic-card__img,.topic-grid--compact .cat-tag-card:hover .cat-tag-card__img{transform:scale(1.05)}.topic-grid--compact .topic-badge,.topic-grid--compact .cat-tag-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);right:auto;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-md, .5rem);background:#000000b3;color:#fff;backdrop-filter:blur(8px);box-shadow:0 2px 8px #0003;z-index:2}.topic-grid--compact .topic-card__content,.topic-grid--compact .cat-tag-card__content{display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-md);width:100%;background:transparent;flex:1;min-width:0;gap:var(--spacing-xs)}.topic-grid--compact .topic-card__title-row,.topic-grid--compact .cat-tag-card__title-row{margin-bottom:0;flex:unset;align-items:center;min-width:0;display:flex;gap:var(--spacing-sm)}.topic-grid--compact .topic-card__icon,.topic-grid--compact .cat-tag-card__icon{font-size:1.25rem;flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:rgba(var(--theme-rgb, var(--theme-color-rgb)),.1);border-radius:var(--radius-md, .5rem)}.topic-grid--compact .topic-card__title,.topic-grid--compact .cat-tag-card__title{font-size:1rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--theme-text-primary);transition:color .2s ease}.topic-grid--compact .topic-card:hover .topic-card__title,.topic-grid--compact .cat-tag-card:hover .cat-tag-card__title{color:var(--theme-color)}.topic-grid--compact .topic-card__desc,.topic-grid--compact .cat-tag-card__desc{display:-webkit-box;font-size:.875rem;color:var(--theme-text-muted);line-height:1.5;margin:0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.topic-grid--compact .topic-tags,.topic-grid--compact .cat-tag-area{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.topic-grid--compact .cat-tags-expand-btn{display:none!important}@media(max-width:768px){.topic-grid,.topic-grid--compact{grid-template-columns:1fr}.topic-grid--compact .topic-card,.topic-grid--compact .cat-tag-card{--list-img-width: 100%;--list-img-height: 120px;--list-gap: 0;flex-direction:column;align-items:stretch}.topic-grid--compact .topic-card__media,.topic-grid--compact .cat-tag-card__media{width:100%;height:var(--list-img-height);border-radius:var(--radius-lg, 1rem) var(--radius-lg, 1rem) 0 0}.topic-grid--compact .topic-card__content,.topic-grid--compact .cat-tag-card__content{padding:var(--spacing-sm)}}.topic-cluster,.topic-tags-cloud{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-md, 1rem)}.topic-search{max-width:600px;margin:0 auto;position:relative}.topic-search__input{width:100%;padding:1.25rem 5rem 1.25rem 4rem;border-radius:3rem;border:1px solid var(--theme-border-primary);background:#ffffffd9;color:var(--theme-text-primary);font-size:1.1rem;font-weight:500;transition:all .3s;box-shadow:inset 0 2px 4px #00000008;font-family:inherit}.topic-search__input:focus{border-color:var(--theme-color-primary);background:var(--theme-bg-primary);transform:translateY(-2px);outline:none;box-shadow:inset 0 2px 4px #00000008,0 0 0 3px rgba(var(--theme-color-primary-rgb),.1)}.topic-search__icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:var(--theme-text-muted);pointer-events:none;width:24px;height:24px}.topic-search__toggle{position:absolute;right:3.5rem;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;color:var(--theme-text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;background:transparent;border:none;cursor:pointer}.topic-search__toggle:hover{background:var(--theme-bg-surface-tertiary)}.topic-search__toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.topic-search__clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--theme-text-muted);opacity:0;pointer-events:none;transition:opacity .2s;background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.topic-search__clear svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.topic-search__clear.visible{opacity:1;pointer-events:auto}.topic-theme-toggle{position:fixed;top:var(--spacing-lg, 1.5rem);right:var(--spacing-lg, 1.5rem);width:52px;height:52px;border-radius:50%;background:#ffffffd9;border:1px solid var(--theme-border-primary);color:var(--theme-text-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);z-index:100;backdrop-filter:blur(16px);transition:transform .3s ease;cursor:pointer}.topic-theme-toggle:hover{transform:rotate(15deg) scale(1.05)}.topic-theme-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}.topic-theme-toggle .icon-sun{display:none}[data-theme=dark] .topic-theme-toggle .icon-sun{display:block}[data-theme=dark] .topic-theme-toggle .icon-moon{display:none}.topic-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:1rem 2.5rem;border-radius:var(--radius-full, 9999px);background:var(--theme-text-primary);color:var(--theme-bg-primary);font-weight:700;box-shadow:var(--shadow-sm);transition:all .3s;border:none;cursor:pointer;font-family:inherit;font-size:1rem}.topic-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);filter:brightness(1.2)}.topic-btn:focus-visible{outline:2px solid var(--theme-focus-ring, var(--theme-color-primary));outline-offset:2px}@keyframes topicFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.topic-animate-in{animation:topicFadeUp .7s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}.topic-hidden{display:none!important}@media(max-width:768px){.topic-grid,.topic-grid--compact{grid-template-columns:1fr}.topic-section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md, 1rem)}.topic-section-header h2{font-size:1.5rem}.topic-search__input{padding-right:4.5rem}.topic-search__toggle{right:3rem}.topic-theme-toggle{top:var(--spacing-md, 1rem);right:var(--spacing-md, 1rem);width:44px;height:44px}}.co-prose pre,pre.astro-code{position:relative;padding:var(--space-6);margin:0;background-color:var(--shiki-dark-bg, var(--theme-code-bg))!important;background-image:none!important;border-radius:var(--radius-xl);border:1px solid var(--theme-code-border);overflow-x:auto;overflow-y:hidden;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;outline:none!important;box-shadow:none!important}.co-prose pre:focus,pre.astro-code:focus{outline:none!important}.co-prose pre:before,pre.astro-code:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--theme-color-primary) 0%,var(--theme-color-primary-light) 50%,var(--theme-color-primary) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;pointer-events:none}.co-prose pre code,pre.astro-code code{display:block;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;margin:0!important;font-family:var(--font-mono)!important;font-size:inherit!important;line-height:inherit!important;text-shadow:none!important;box-shadow:none!important;outline:none!important}.co-prose pre code .line,.co-prose pre code span,pre.astro-code code .line,pre.astro-code code span{display:inline!important;padding:0!important;margin:0!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;vertical-align:baseline!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important;text-shadow:none!important}.co-prose pre .line,pre.astro-code .line{display:block;padding:0;margin:0}.co-prose code:not([class]),.co-prose code:not(pre code){font-family:var(--font-mono);font-size:.875em;padding:.125em .375em;border-radius:var(--border-radius-sm);background-color:var(--theme-bg-surface-secondary);color:var(--theme-color-primary);border:1px solid var(--theme-border-primary)}.code-copy-btn{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--theme-bg-surface-primary);border:1px solid var(--theme-code-border);border-radius:var(--radius-md);font-size:11px;cursor:pointer;color:var(--theme-text-secondary);font-family:var(--font-mono);transition:all var(--transition-fast) ease;z-index:10;margin:0;line-height:1;box-shadow:none!important;text-shadow:none!important}.code-copy-btn svg{width:14px;height:14px}.code-copy-btn:hover{border-color:var(--theme-color-primary);color:var(--theme-color-primary)}.code-copy-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.code-copy-btn.copied{color:var(--theme-color-success-soft-text);background:var(--theme-color-success-soft-bg);border-color:var(--theme-color-success-soft-border)}pre.has-code-copy{padding-top:var(--space-10);margin:var(--space-2)}html:not([data-theme=dark]):not([data-theme=dracula]) .co-prose pre,html:not([data-theme=dark]):not([data-theme=dracula]) pre.astro-code{background-color:var(--theme-code-bg)!important}html[data-theme=dark] .co-prose pre,html[data-theme=dark] pre.astro-code,html[data-theme=dracula] .co-prose pre,html[data-theme=dracula] pre.astro-code,html.theme-dark .co-prose pre,html.theme-dark pre.astro-code,html.theme-dracula .co-prose pre,html.theme-dracula pre.astro-code{background-color:var(--shiki-dark-bg, var(--theme-code-bg))!important;border-color:var(--theme-code-border)}html[data-theme=dark] .co-prose pre code,html[data-theme=dark] .co-prose pre .line span,html[data-theme=dark] pre.astro-code code,html[data-theme=dark] pre.astro-code .line span,html[data-theme=dracula] .co-prose pre code,html[data-theme=dracula] .co-prose pre .line span,html[data-theme=dracula] pre.astro-code code,html[data-theme=dracula] pre.astro-code .line span,html.theme-dark .co-prose pre code,html.theme-dark .co-prose pre .line span,html.theme-dark pre.astro-code code,html.theme-dark pre.astro-code .line span,html.theme-dracula .co-prose pre code,html.theme-dracula .co-prose pre .line span,html.theme-dracula pre.astro-code code,html.theme-dracula pre.astro-code .line span{color:var(--shiki-dark)!important}.co-prose pre,pre.astro-code{background-color:var(--theme-code-bg)!important}@media(prefers-color-scheme:dark){html:not([data-theme]) .co-prose pre,html:not([data-theme]) pre.astro-code{background-color:var(--shiki-dark-bg, #0d1117)!important}html:not([data-theme]) .co-prose pre code,html:not([data-theme]) .co-prose pre .line span,html:not([data-theme]) pre.astro-code code,html:not([data-theme]) pre.astro-code .line span{color:var(--shiki-dark)!important}}.co-prose pre,pre.astro-code,.co-prose pre code,pre.astro-code code{text-shadow:none!important}.posts-container{display:flex;flex-wrap:wrap;gap:var(--spacing-5);padding:var(--spacing-5);background-color:var(--theme-bg-surface);width:100%;margin:0}.post-card{flex:1 1 calc(25% - var(--spacing-5));min-width:250px;background-color:var(--theme-bg-primary);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-duration-normal)}.post-header{margin-block-end:var(--spacing-10)}.post-header__image-container{position:relative;width:100%;height:400px;overflow:hidden;border-radius:var(--border-radius-xl)}.post-header__image{width:100%;height:100%;object-fit:cover}.post-header__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--theme-bg-primary-rgb),.9) 0%,transparent 50%)}.post-header__content-overlay{position:absolute;inset-block-end:0;inset-inline:0;padding:var(--spacing-6)}.post-header__category{margin-block-end:var(--spacing-4)}.post-header__content{padding:var(--spacing-8) 0}.post-header__title{font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));font-weight:800;line-height:1.2;margin-block-end:var(--spacing-6)}.post-header__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-6);padding-block-start:var(--spacing-6);border-top:1px solid var(--theme-border-primary)}.post-header__meta-item{display:flex;align-items:center;gap:var(--spacing-3)}.post-header__meta-icon{font-size:var(--text-lg)}.post-header__meta-label{font-size:var(--text-xs);color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em}.post-header__meta-value{font-size:var(--text-sm);color:var(--theme-text-primary);font-weight:500}.post-header__meta-value a{color:var(--theme-color-primary);text-decoration:none}.post-header__meta-value a:hover{text-decoration:underline}.post-header__rating{display:flex;align-items:center;gap:var(--spacing-1)}.post-header__rating-value{font-size:var(--text-sm);color:var(--theme-text-secondary);margin-inline-start:var(--spacing-2)}.post-header__progress{margin-block-start:var(--spacing-6)}.post-header__progress-bar{height:4px;background:var(--theme-bg-surface-tertiary);border-radius:2px;overflow:hidden}.post-header__progress-fill{height:100%;background:var(--theme-color-primary);width:0%;transition:width .3s ease}.post-header__progress-label{font-size:var(--text-sm);color:var(--theme-text-muted);margin-block-start:var(--spacing-2)}.post-header__prerequisites{margin-block-start:var(--spacing-8);padding:var(--spacing-6);background:var(--theme-bg-surface-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--theme-border-primary)}.post-header__prerequisites-title{font-size:var(--text-base);font-weight:600;margin-block-end:var(--spacing-4)}.post-header__prerequisites-list{list-style:none;padding:0;margin:0}.post-header__prerequisites-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding-block:var(--spacing-2)}.post-header__prerequisites-dot{width:6px;height:6px;border-radius:50%;background:var(--theme-color-primary);margin-block-start:.5em;flex-shrink:0}.star-rating{display:inline-flex;gap:2px}.star-rating--filled{color:#fbbf24}.star-rating--empty{color:var(--theme-border-muted)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:600}.badge--primary{background:var(--theme-color-primary);color:var(--theme-color-on-primary)}.badge--large{padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-sm)}.badge--success{background:var(--theme-color-success-soft-bg);color:var(--theme-color-success);border:1px solid var(--theme-color-success-soft-border)}.badge--warning{background:var(--theme-color-warning-soft-bg);color:var(--theme-color-warning);border:1px solid var(--theme-color-warning-soft-border)}.badge--error{background:var(--theme-color-error-soft-bg);color:var(--theme-color-error);border:1px solid var(--theme-color-error-soft-border)}.badge__dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.8}@media(max-width:768px){.post-header__image-container{height:250px}.post-header__meta{gap:var(--spacing-4)}.post-header__title{font-size:var(--text-2xl)}}.prose{font-size:var(--text-font-size-lg);line-height:var(--text-line-height-relaxed);color:var(--theme-text-primary)}@media(min-width:768px){.prose{font-size:var(--text-font-size-base)}}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-weight:700;line-height:var(--text-line-height-tight);margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);color:var(--theme-text-primary)}.prose h1:first-child,.prose h2:first-child,.prose h3:first-child,.prose h4:first-child,.prose h5:first-child,.prose h6:first-child{margin-top:0}@media(min-width:768px){.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin-top:var(--spacing-6)}}.prose h1{font-size:var(--text-font-size-3xl)}.prose h2{font-size:var(--text-font-size-2xl)}.prose h3{font-size:var(--text-font-size-xl)}.prose h4{font-size:var(--text-font-size-lg)}.prose h5{font-size:var(--text-font-size-base)}.prose h6{font-size:var(--text-font-size-sm)}.prose p{margin-bottom:var(--spacing-6)}.prose p:last-child{margin-bottom:0}@media(min-width:768px){.prose p{margin-bottom:var(--spacing-4)}}.prose a{color:var(--theme-color-primary);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;transition:var(--transition-duration-normal)}.prose a:hover{text-decoration-thickness:3px}.prose ul,.prose ol{margin-bottom:var(--spacing-6);padding-left:var(--spacing-6)}@media(min-width:768px){.prose ul,.prose ol{padding-left:var(--spacing-4)}}.prose ul li,.prose ol li{margin-bottom:var(--spacing-2)}.prose ul li:last-child,.prose ol li:last-child{margin-bottom:0}.prose ul{list-style-type:disc}.prose ul li::marker{color:var(--theme-color-primary)}.prose ol{list-style-type:decimal}.prose ol li::marker{font-weight:600;color:var(--theme-color-primary)}.prose blockquote{margin:var(--spacing-8) 0;padding:var(--spacing-6);border-left:4px solid var(--theme-color-primary);background-color:var(--theme-bg-surface-secondary);border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0}.prose blockquote p:last-child{margin-bottom:0}.prose code{font-family:var(--font-jetbrains-mono);font-size:.9em;padding:.2em .4em;background-color:var(--theme-bg-surface-secondary);border-radius:var(--border-radius-sm)}.prose table{width:100%;min-width:100%;margin:var(--spacing-6) 0;border-collapse:collapse;overflow-x:auto;display:block}.prose th,.prose td{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--theme-border-primary);text-align:left;white-space:nowrap}@media(max-width:768px){.prose th,.prose td{white-space:normal}}.prose th{background-color:var(--theme-bg-surface-secondary);font-weight:600}.prose img,.prose figure{max-width:100%;height:auto;margin:var(--spacing-6) 0}.prose figure img{margin:0}.prose figure figcaption{font-size:var(--text-font-size-sm);color:var(--theme-text-muted);text-align:center;margin-top:var(--spacing-2)}.prose hr{border:none;border-top:1px solid var(--theme-border-primary);margin:var(--spacing-8) 0}.alert{padding:var(--spacing-4) var(--spacing-6);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-4);display:flex;align-items:flex-start;gap:var(--spacing-3);position:relative;transition:var(--transition-duration-normal)}@media(max-width:768px){.alert{padding:var(--spacing-4) var(--spacing-5)}}@media(max-width:400px){.alert{padding:var(--spacing-3) var(--spacing-4);flex-direction:column;gap:var(--spacing-2)}}.alert__icon{flex-shrink:0;width:var(--spacing-5);height:var(--spacing-5);margin-top:2px}.alert__content{flex:1}@media(max-width:400px){.alert__content{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}}.alert__title{font-weight:600;margin-bottom:var(--spacing-1);color:inherit}.alert__message{color:inherit;line-height:var(--text-line-height-relaxed)}.alert__close{flex-shrink:0;width:var(--spacing-6);height:var(--spacing-6);display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;opacity:.7;cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-duration-normal)}.alert__close:hover{opacity:1;background-color:#0000001a}.alert--success{background-color:var(--theme-color-success);color:var(--theme-color-on-success)}.alert--warning{background-color:var(--theme-color-warning);color:var(--theme-color-on-warning)}.alert--error{background-color:var(--theme-color-error);color:var(--theme-color-on-error)}.alert--info{background-color:var(--theme-color-info);color:var(--theme-color-on-info)}.alert--success-border{background-color:var(--theme-bg-surface);border:1px solid var(--theme-color-success);border-left:4px solid var(--theme-color-success);color:var(--theme-text-primary)}.alert--warning-border{background-color:var(--theme-bg-surface);border:1px solid var(--theme-color-warning);border-left:4px solid var(--theme-color-warning);color:var(--theme-text-primary)}.alert--error-border{background-color:var(--theme-bg-surface);border:1px solid var(--theme-color-error);border-left:4px solid var(--theme-color-error);color:var(--theme-text-primary)}.alert--info-border{background-color:var(--theme-bg-surface);border:1px solid var(--theme-color-info);border-left:4px solid var(--theme-color-info);color:var(--theme-text-primary)}.alert--success-soft{background-color:var(--theme-color-success-soft-bg, #dcfce7);color:var(--theme-color-success-soft-text, #166534);border:1px solid var(--theme-color-success-soft-border, #86efac)}.alert--warning-soft{background-color:var(--theme-color-warning-soft-bg, #fef3c7);color:var(--theme-color-warning-soft-text, #92400e);border:1px solid var(--theme-color-warning-soft-border, #fcd34d)}.alert--error-soft{background-color:var(--theme-color-error-soft-bg, #fee2e2);color:var(--theme-color-error-soft-text, #991b1b);border:1px solid var(--theme-color-error-soft-border, #fca5a5)}.alert--info-soft{background-color:var(--theme-color-info-soft-bg, #dbeafe);color:var(--theme-color-info-soft-text, #1e40af);border:1px solid var(--theme-color-info-soft-border, #93c5fd)}.alert--dismissible{padding-right:var(--spacing-10)}.alert--dismissible .alert__close{position:absolute;top:var(--spacing-3);right:var(--spacing-3)}.alert--inline{display:inline-flex;margin-bottom:0}.alert--compact{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-font-size-sm)}.alert__actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3)}.tooltip{position:fixed;top:0;left:0;z-index:calc(var(--z-index-modal) + 100);pointer-events:none;opacity:0;visibility:hidden;transform:translate(var(--tooltip-x, 0),var(--tooltip-y, 0)) translate(15px,30px);transition:opacity .2s ease,visibility .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform-style:preserve-3d}.tooltip.is-active{opacity:1;visibility:visible}.tooltip__content{display:inline-block;padding:var(--spacing-2) var(--spacing-3);background-color:var(--theme-bg-surface);color:var(--theme-text-primary);font-size:var(--text-font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--theme-border-primary);text-align:center;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media(hover:hover){[data-tooltip]{cursor:pointer}}@media(hover:none)and (pointer:coarse){[data-tooltip]:before,[data-tooltip]:after{display:none!important}}.action{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2, .5rem);padding:var(--spacing-3, .75rem) var(--spacing-4, 1rem);border-radius:var(--border-radius-md, .375rem);font-weight:600;font-family:var(--font-inter);cursor:pointer;transition:var(--transition-duration-normal);border:1px solid transparent;text-decoration:none;position:relative;overflow:hidden;background-color:var(--theme-bg-surface);color:var(--theme-color-primary);font-size:var(--text-font-size-base)}.action:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.action:disabled{opacity:.6;cursor:not-allowed}.action:not(:disabled):hover{background-color:var(--theme-color-primary);color:var(--theme-text-inverse);border-color:var(--theme-color-primary);transform:translateY(-1px)}.action:not(:disabled):active{transform:translateY(0)}.action--primary{background-color:var(--theme-color-primary);color:var(--theme-color-on-primary);border-color:var(--theme-color-primary)}.action--primary:not(:disabled):hover{background-color:var(--theme-color-primary-hover);border-color:var(--theme-color-primary-hover);color:var(--theme-color-on-primary)}.action--secondary{color:var(--theme-text-secondary)}.action--secondary:not(:disabled):hover{background-color:var(--theme-color-secondary);border-color:var(--theme-color-secondary);color:var(--theme-text-inverse)}.action--ghost{background-color:transparent}.action--ghost:not(:disabled):hover{background-color:var(--theme-bg-surface-secondary)}.action--outline{background-color:transparent;border-color:var(--theme-border-primary)}.action--outline:not(:disabled):hover{background-color:var(--theme-bg-surface);border-color:var(--theme-color-primary);color:var(--theme-color-primary)}.action--danger{background-color:var(--theme-color-error);color:var(--theme-color-on-error);border-color:var(--theme-color-error)}.action--danger:not(:disabled):hover{background-color:#b21d1d;border-color:#b21d1d}.action--success{background-color:var(--theme-color-success);color:var(--theme-color-on-success);border-color:var(--theme-color-success)}.action--success:not(:disabled):hover{background-color:#0e5428;border-color:#0e5428}.action--xs{padding:var(--spacing-1, .25rem) var(--spacing-2, .5rem);font-size:var(--text-font-size-xs);gap:var(--spacing-1, .25rem)}.action--sm{padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);font-size:var(--text-font-size-sm)}.action--lg{padding:var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);font-size:var(--text-font-size-lg)}.action--xl{padding:var(--spacing-5, 1.25rem) var(--spacing-8, 2rem);font-size:var(--text-font-size-xl)}.action--loading{position:relative;pointer-events:none}.action--loading:after{content:"";position:absolute;inset:50%;width:1em;height:1em;margin:-.5em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:action-spin .75s linear infinite}@keyframes action-spin{to{transform:rotate(360deg)}}.action--active{background-color:var(--theme-color-primary);color:var(--theme-color-on-primary)}.action--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}a.action{display:inline-flex}.action__icon{display:flex;align-items:center;justify-content:center}.action__icon svg{width:1em;height:1em}.action__icon--start{order:0}.action__icon--end{order:1}.action-group{display:inline-flex}.action-group>.action{border-radius:0}.action-group>.action:first-child{border-radius:var(--border-radius-md) 0 0 var(--border-radius-md)}.action-group>.action:last-child{border-radius:0 var(--border-radius-md) var(--border-radius-md) 0}.action-group>.action:not(:last-child){border-right:0}.action-group--vertical{flex-direction:column}.action-group--vertical>.action:first-child{border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.action-group--vertical>.action:last-child{border-radius:0 0 var(--border-radius-md) var(--border-radius-md)}.action-group--vertical>.action:not(:last-child){border-right:1px solid var(--theme-border-primary);border-bottom:0}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--breadcrumb-gap, var(--spacing-2));align-items:center;list-style:none;margin:0;padding:0}.breadcrumb__item{display:flex;align-items:center;gap:var(--breadcrumb-gap, var(--spacing-2))}.breadcrumb__item+.breadcrumb__item:before{content:var(--breadcrumb-separator, "/");color:var(--theme-text-muted);padding:0 var(--spacing-2)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-button-size, 40px);height:var(--icon-button-size, 40px);padding:0;border-radius:var(--icon-button-radius, var(--border-radius-md));background:transparent;border:none;color:var(--theme-text-secondary);cursor:pointer;transition:all var(--transition-duration-normal)}.icon-button:hover{background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-primary)}.icon-button:focus-visible{outline:2px solid var(--theme-focus-ring);outline-offset:2px}.icon-button svg{width:1.25em;height:1.25em}.icon-button--sm{--icon-button-size: 32px}.icon-button--lg{--icon-button-size: 56px}.icon-button--xl{--icon-button-size: 72px}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-md);border:1px solid var(--theme-border-primary);background-color:var(--theme-bg-surface);color:var(--theme-text-primary);font-family:var(--font-inter);font-size:var(--text-font-size-base);transition:var(--transition-duration-normal)}.input::placeholder{color:var(--theme-text-muted)}.input:focus{outline:none;border-color:var(--theme-color-primary);box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb, 59, 130, 246),.2)}.input:hover:not(:focus):not(:disabled){border-color:var(--theme-border-strong)}.input:disabled{background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-muted);cursor:not-allowed;opacity:.6}.input:read-only{background-color:var(--theme-bg-surface-secondary);cursor:default}.input--sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-font-size-sm)}.input--lg{padding:var(--spacing-4) var(--spacing-5);font-size:var(--text-font-size-lg)}.input--success{border-color:var(--theme-color-success)}.input--success:focus{box-shadow:0 0 0 3px #22c55e33}.input--warning{border-color:var(--theme-color-warning)}.input--warning:focus{box-shadow:0 0 0 3px #eab30833}.input--error{border-color:var(--theme-color-error)}.input--error:focus{box-shadow:0 0 0 3px #ef444433}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;margin-bottom:var(--spacing-2);font-weight:500;color:var(--theme-text-primary);font-size:var(--text-font-size-sm)}.form-label--required:after{content:"*";color:var(--theme-color-error);margin-left:var(--spacing-1)}.form-hint{display:block;margin-top:var(--spacing-2);font-size:var(--text-font-size-sm);color:var(--theme-text-muted)}.form-error{display:block;margin-top:var(--spacing-2);font-size:var(--text-font-size-sm);color:var(--theme-color-error)}.input-wrapper{position:relative}.input-wrapper .input{padding-left:var(--spacing-10)}.input-wrapper--right .input{padding-left:var(--spacing-4);padding-right:var(--spacing-10)}.input-icon{position:absolute;top:50%;left:var(--spacing-3);transform:translateY(-50%);color:var(--theme-text-muted);pointer-events:none}.input-wrapper--right .input-icon{left:auto;right:var(--spacing-3)}.textarea{min-height:120px;resize:vertical}.select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--spacing-10)}.checkbox,.radio{width:1.25rem;height:1.25rem;border:2px solid var(--theme-border-primary);background-color:var(--theme-bg-surface);cursor:pointer;transition:var(--transition-duration-normal)}.checkbox{border-radius:var(--border-radius-sm)}.radio{border-radius:var(--border-radius-full)}.checkbox:checked,.radio:checked{border-color:var(--theme-color-primary);background-color:var(--theme-color-primary)}.checkbox:focus,.radio:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb, 59, 130, 246),.2)}.form-input{width:100%;padding:var(--spacing-4) var(--spacing-5);border-radius:var(--border-radius-lg);border:2px solid var(--theme-border-primary);background-color:var(--theme-bg-surface);color:var(--theme-text-primary);font-family:var(--font-inter);font-size:var(--text-lg);transition:all var(--transition-duration-normal)}.form-input::placeholder{color:var(--theme-text-muted);opacity:.8}.form-input:focus{outline:none;border-color:var(--theme-color-primary);box-shadow:0 0 0 4px rgba(var(--theme-color-primary-rgb, 59, 130, 246),.15)}.form-input:hover:not(:focus){border-color:var(--theme-border-strong)}.search-bar .form-input{padding-right:var(--spacing-12)}.search-icon{pointer-events:none}.search-icon .icon{width:1.5rem;height:1.5rem;color:var(--theme-text-muted)}.search-page{padding-block:var(--spacing-8)}.search-page .search-header{text-align:center;margin-block-end:var(--spacing-6)}.search-page .search-interface{margin-block-end:var(--spacing-6)}.search-page .search-interface>.search-bar{margin-block-end:var(--spacing-4)}.search-page .results-header-container{margin-block-end:var(--spacing-6)}.search-interface{max-width:none;margin:0 auto;padding:var(--spacing-6)}.search-header{text-align:center;max-width:60rem;margin:var(--spacing-6) auto var(--spacing-4)}.results-header-container{max-width:none;margin:0 auto;padding-inline:0}.clear-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);border:1px solid var(--theme-border-primary);background:var(--theme-bg-surface);color:var(--theme-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-duration-fast)}.clear-btn:hover{background:var(--theme-bg-surface-secondary);color:var(--theme-text-primary);border-color:var(--theme-border-strong)}.clear-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb),.2)}.clear-btn .icon{width:.875rem;height:.875rem}.search-bar{width:100%;margin-block:0}@media(max-width:640px){.search-page{padding-block:var(--spacing-4)}.search-interface{padding:var(--spacing-4);border-radius:var(--border-radius-lg)}.search-page .search-header,.search-page .search-interface,.search-page .results-header-container{margin-block-end:var(--spacing-4)}}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;border-radius:50%;background:var(--theme-bg-primary);box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;transition:all .3s cubic-bezier(.25,.46,.45,.94);flex-shrink:0}.social-link svg{width:22px;height:22px;color:var(--theme-text-secondary);transition:color .3s ease}.social-link:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a,0 4px 8px #0000000f}.social-link:hover svg{color:var(--theme-text-primary)}.social-link:active{transform:translateY(-2px);box-shadow:0 6px 16px #00000014,0 2px 4px #0000000a}.social-link:focus-visible{outline:2px solid var(--theme-focus-ring);outline-offset:3px}.social-link--sm{width:36px;height:36px;min-width:36px}.social-link--sm svg{width:18px;height:18px}.social-link--lg{width:56px;height:56px;min-width:56px}.social-link--lg svg{width:26px;height:26px}.hero-image-container{width:100%;max-width:280px;height:400px;border:8px solid rgba(0,0,0,.08);border-radius:140px;overflow:hidden;box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a,inset 0 0 0 1px #ffffff80;background:linear-gradient(135deg,var(--theme-bg-surface) 0%,var(--theme-bg-surface-secondary) 100%);position:relative}.hero-image-container:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%);pointer-events:none}@media(min-width:1024px){.hero-image-container{max-width:300px}}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.hero-image-container:hover .hero-image{transform:scale(1.05)}.hero-heading{font-size:clamp(2rem,5vw,2.5rem);font-weight:700;margin:0 0 var(--spacing-2);color:var(--theme-text-primary);line-height:var(--text-line-height-tight);letter-spacing:var(--text-letter-spacing-tight)}.hero-tagline{font-size:var(--text-font-size-lg);color:var(--theme-text-primary);font-weight:600;margin:0 0 var(--spacing-5);letter-spacing:var(--text-letter-spacing-wide);text-transform:uppercase}@media(min-width:1024px){.hero-tagline{font-size:var(--text-font-size-xl)}}.hero-description{font-size:var(--text-font-size-base);line-height:var(--text-line-height-relaxed);color:var(--theme-text-secondary);margin:0 0 var(--spacing-8);width:100%;max-width:65ch}@media(min-width:1024px){.hero-description{font-size:var(--text-font-size-lg)}}.hero-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-inter);font-size:var(--text-font-size-base);font-weight:var(--font-weight-semibold);line-height:1.5;text-decoration:none;border-radius:var(--border-radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-duration-normal);background-color:var(--theme-color-primary);color:var(--theme-color-on-primary)}.hero-button:hover{background-color:var(--theme-color-primary-hover);transform:translateY(-1px)}.hero-button--outline{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-inter);font-size:var(--text-font-size-base);font-weight:var(--font-weight-semibold);line-height:1.5;text-decoration:none;border-radius:var(--border-radius-md);border:2px solid var(--theme-color-primary);cursor:pointer;transition:all var(--transition-duration-normal);background-color:transparent;color:var(--theme-color-primary)}.hero-button--outline:hover{background-color:var(--theme-color-primary);color:var(--theme-color-on-primary)}.box{padding:var(--box-padding, var(--spacing-6));background-color:var(--box-bg, var(--theme-bg-surface));border:1px solid var(--box-border, var(--theme-border-primary));border-radius:var(--box-radius, var(--border-radius-lg))}.box--bordered{--box-border: var(--theme-border-strong)}.box--shadow{box-shadow:var(--shadow-md)}.box--elevated{background-color:var(--theme-bg-surface);border-color:var(--theme-border-muted);box-shadow:var(--shadow-lg)}.pagination-container{display:flex;flex-direction:column;align-items:center;background:var(--theme-bg-surface-secondary);border-radius:var(--radius-lg);padding:1.25rem;margin:1.5rem auto 2rem;border:1px solid var(--theme-border-primary);box-shadow:var(--shadow-sm);max-width:600px}@media(min-width:768px){.pagination-container{padding:var(--spacing-5, 1.25rem)}}.pagination-hidden{display:none}.pagination-top-controls{width:100%;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--theme-border-primary)}.pagination-controls-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.control-group{display:inline-flex;align-items:center;gap:.5rem}.control-label{display:inline-flex;align-items:center;height:2.25rem;margin:0;font-size:.8rem;font-weight:600;color:var(--theme-text-primary);white-space:nowrap}.pagination-bottom-nav{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.page-numbers-container{display:flex;justify-content:center;width:100%}.page-numbers{display:flex;align-items:center;gap:.5rem}.nav-controls{display:inline-flex;align-items:center;gap:.75rem}.jump-controls{display:inline-flex;align-items:center;gap:.375rem}.page-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.page-counter{display:inline-flex;align-items:center;height:2.25rem;margin:0;font-size:.875rem;font-weight:600;color:var(--theme-text-primary)}.results-info{font-size:.75rem;color:var(--theme-text-secondary)}@media(max-width:640px){.pagination-controls-group{flex-direction:column;gap:1rem;align-items:stretch}.control-group{justify-content:space-between}.nav-controls{flex-direction:column;gap:1rem;width:100%}.nav-btn{width:100%;min-width:unset;justify-content:center}.page-numbers{gap:.25rem}}.surface{width:100%;border-radius:var(--border-radius-lg, 16px);background:linear-gradient(135deg,var(--theme-bg-surface) 0%,var(--theme-bg-surface-secondary) 100%);border:1px solid var(--theme-border-muted);padding:var(--spacing-6, 1.5rem)}@media(min-width:768px){.surface{padding:var(--spacing-8, 2rem)}}.surface--xs{padding:var(--spacing-3, .75rem)}@media(min-width:768px){.surface--xs{padding:var(--spacing-4, 1rem)}}.surface--sm{padding:var(--spacing-4, 1rem)}@media(min-width:768px){.surface--sm{padding:var(--spacing-5, 1.25rem)}}.surface--md{padding:var(--spacing-6, 1.5rem)}@media(min-width:768px){.surface--md{padding:var(--spacing-8, 2rem)}}.surface--lg{padding:var(--spacing-8, 2rem)}@media(min-width:768px){.surface--lg{padding:var(--spacing-10, 2.5rem)}}.surface--xl{padding:var(--spacing-12, 3rem)}@media(min-width:768px){.surface--xl{padding:var(--spacing-16, 4rem)}}.surface--none{padding:0}.surface--default{background:linear-gradient(135deg,var(--theme-bg-surface) 0%,var(--theme-bg-surface-secondary) 100%);border-color:var(--theme-border-muted)}.surface--flat{background:var(--theme-bg-surface);border-color:var(--theme-border-primary)}.surface--elevated{background:linear-gradient(135deg,var(--theme-bg-surface) 0%,var(--theme-bg-surface-secondary) 100%);border-color:var(--theme-border-muted);box-shadow:0 4px 20px #0000000f,0 2px 8px #0000000a}.surface--outlined{background:transparent;border:2px solid var(--theme-border-primary)}.surface--filled{background:var(--theme-bg-surface-secondary);border-color:var(--theme-border-muted)}.surface--primary{background:linear-gradient(135deg,var(--theme-bg-surface) 0%,rgba(var(--theme-color-primary-rgb),.05) 100%);border-color:rgba(var(--theme-color-primary-rgb),.2)}.surface--accent{background:linear-gradient(135deg,var(--theme-bg-surface) 0%,rgba(var(--theme-color-accent-rgb),.05) 100%);border-color:rgba(var(--theme-color-accent-rgb),.2)}.surface--radius-sm{border-radius:var(--border-radius-sm, 6px)}.surface--radius-md{border-radius:var(--border-radius-md, 8px)}.surface--radius-lg{border-radius:var(--border-radius-lg, 12px)}.surface--radius-xl{border-radius:var(--border-radius-xl, 16px)}.surface--radius-full{border-radius:var(--border-radius-full, 9999px)}.surface--radius-none{border-radius:0}.surface--interactive{cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.surface--interactive:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000014,0 6px 12px #0000000a}.surface--interactive:active{transform:translateY(0);box-shadow:0 4px 12px #0000000f,0 2px 4px #00000005}.surface--interactive:focus-visible{outline:2px solid var(--theme-focus-ring);outline-offset:2px}.surface--interactive-outline{background:transparent;border:2px solid var(--theme-border-primary);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.surface--interactive-outline:hover{background:var(--theme-bg-surface);border-color:var(--theme-border-muted)}.surface--interactive-outline:focus-visible{outline:2px solid var(--theme-focus-ring);outline-offset:2px}.surface__content{display:flex;flex-direction:column;gap:var(--spacing-4, 1rem)}.surface__grid{display:grid;gap:var(--spacing-4, 1rem)}@media(min-width:768px){.surface__grid{gap:var(--spacing-6, 1.5rem)}}.progress-bar{height:var(--spacing-2);border-radius:var(--border-radius-full);background-color:var(--theme-bg-surface-tertiary);overflow:hidden;position:relative}.progress-bar__fill{height:100%;border-radius:var(--border-radius-full);background-color:var(--theme-color-primary);width:var(--scroll-percent, 0%);transition:width var(--transition-duration-slow);position:relative}.progress-bar__fill--striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar__fill--animated{animation:progress-bar-stripes 1s linear infinite}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.progress-bar__fill--success{background-color:var(--theme-color-success)}.progress-bar__fill--warning{background-color:var(--theme-color-warning)}.progress-bar__fill--error{background-color:var(--theme-color-error)}.progress-bar__fill--info{background-color:var(--theme-color-info)}.progress-bar__fill--gradient{background:linear-gradient(90deg,var(--theme-color-primary),var(--theme-color-accent))}.progress-bar--xs{height:4px}.progress-bar--sm{height:6px}.progress-bar--md{height:10px}.progress-bar--lg{height:16px}.progress-bar--xl,.progress-bar--labeled{height:24px}.progress-bar__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-font-size-xs);font-weight:600;color:var(--theme-text-primary);z-index:1}.progress-bar__fill .progress-bar__label{color:var(--theme-text-inverse)}.progress-group{margin-bottom:var(--spacing-4)}.progress-group__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.progress-group__title{font-size:var(--text-font-size-sm);font-weight:500;color:var(--theme-text-primary)}.progress-group__value{font-size:var(--text-font-size-sm);font-weight:600;color:var(--theme-text-secondary)}.progress-circle{position:relative;width:80px;height:80px}.progress-circle__svg{transform:rotate(-90deg)}.progress-circle__background{fill:none;stroke:var(--theme-bg-surface-tertiary);stroke-width:8}.progress-circle__fill{fill:none;stroke:var(--theme-color-primary);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset var(--transition-duration-slow)}.progress-circle__value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-font-size-lg);font-weight:700;color:var(--theme-text-primary)}.progress-bar--indeterminate .progress-bar__fill{width:30%!important;animation:progress-indeterminate 1.5s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.theme-switcher{position:fixed;top:var(--spacing-4);right:var(--spacing-4);z-index:var(--z-index-modal)}.theme-switcher__button{padding:var(--spacing-2);border-radius:var(--border-radius-full);border:2px solid var(--theme-border-primary);background-color:var(--theme-bg-surface);cursor:pointer;transition:var(--transition-duration-normal);display:flex;align-items:center;justify-content:center;width:var(--spacing-10);height:var(--spacing-10)}.theme-switcher__button:hover{transform:scale(1.1)}.theme-switcher__contrast-indicator{position:absolute;top:var(--spacing-1);right:var(--spacing-1);font-size:var(--text-font-size-xs);padding:var(--spacing-1);border-radius:var(--border-radius-sm);background-color:var(--theme-color-accent);color:var(--theme-text-inverse)}.theme-switcher__preview{position:absolute;top:var(--spacing-1);left:var(--spacing-1);font-size:var(--text-font-size-xs);padding:var(--spacing-1);border-radius:var(--border-radius-sm);background-color:var(--theme-color-primary);color:var(--theme-text-inverse)}.theme-switcher__accessibility-indicator{position:fixed;bottom:var(--spacing-4);right:var(--spacing-4);background:var(--theme-color-accent);color:var(--theme-text-inverse);padding:var(--spacing-2);border-radius:var(--border-radius-full);font-size:var(--text-font-size-xs);z-index:var(--z-index-modal)}.tag{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--text-font-size-xs);font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-1);transition:var(--transition-duration-normal)}.tag--primary{background-color:var(--theme-color-primary);color:var(--theme-color-on-primary)}.tag--secondary{background-color:var(--theme-color-secondary);color:var(--theme-color-on-secondary)}.tag--success{background-color:var(--theme-color-success);color:var(--theme-color-on-success)}.tag--warning{background-color:var(--theme-color-warning);color:var(--theme-color-on-warning)}.tag--error{background-color:var(--theme-color-error);color:var(--theme-color-on-error)}.tag--info{background-color:var(--theme-color-info);color:var(--theme-color-on-info)}.tag--primary-outline{background-color:transparent;color:var(--theme-color-primary);border:1px solid var(--theme-color-primary)}.tag--success-outline{background-color:transparent;color:var(--theme-color-success);border:1px solid var(--theme-color-success)}.tag--warning-outline{background-color:transparent;color:var(--theme-color-warning);border:1px solid var(--theme-color-warning)}.tag--error-outline{background-color:transparent;color:var(--theme-color-error);border:1px solid var(--theme-color-error)}.tag--info-outline{background-color:transparent;color:var(--theme-color-info);border:1px solid var(--theme-color-info)}.tag--cat{background-color:hsl(var(--cat-hue),70%,90%);border:1px solid hsl(var(--cat-hue),50%,70%);color:hsl(var(--cat-hue),70%,25%)}.tag--tag{background-color:hsl(var(--tag-hue),70%,90%);border:1px solid hsl(var(--tag-hue),50%,70%);color:hsl(var(--tag-hue),70%,25%)}.tag--author{background-color:hsl(var(--author-hue),70%,90%);border:1px solid hsl(var(--author-hue),50%,70%);color:hsl(var(--author-hue),70%,25%)}.tag--year{background-color:hsl(var(--year-hue),70%,90%);border:1px solid hsl(var(--year-hue),50%,70%);color:hsl(var(--year-hue),70%,25%)}.tag--super-cat{background-color:hsl(var(--super-cat-hue),70%,90%);border:1px solid hsl(var(--super-cat-hue),50%,70%);color:hsl(var(--super-cat-hue),70%,25%)}.tag--pop{background-color:hsl(var(--pop-hue),70%,90%);border:1px solid hsl(var(--pop-hue),50%,70%);color:hsl(var(--pop-hue),70%,25%)}.tag--neutral{background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-primary);border:1px solid var(--theme-border-primary)}.tag--removable{padding-right:var(--spacing-1)}.tag__remove{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacing-1);border-radius:var(--border-radius-xs);background:#0000001a;cursor:pointer;transition:var(--transition-duration-normal)}.tag__remove:hover{background:#0003}.article{max-width:800px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6)}@media(max-width:768px){.article{padding:var(--spacing-6) var(--spacing-4)}}.article__header{margin-bottom:var(--spacing-8)}@media(max-width:768px){.article__header{margin-bottom:var(--spacing-6)}}.article__category{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--text-font-size-sm);font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-1);transition:var(--transition-duration-normal);margin-bottom:var(--spacing-4);text-transform:uppercase;letter-spacing:var(--text-letter-spacing-wide)}.article__title{font-size:var(--text-font-size-4xl);font-weight:800;line-height:var(--text-line-height-tight);color:var(--theme-text-primary);margin-bottom:var(--spacing-6)}@media(max-width:768px){.article__title{font-size:var(--text-font-size-3xl)}}.article__title a{color:inherit;text-decoration:none;border-bottom:2px solid transparent;transition:border-color var(--transition-duration-normal),color var(--transition-duration-normal)}.article__title a:hover{color:var(--theme-color-primary);border-bottom-color:var(--theme-color-primary)}.article__subtitle{font-size:var(--text-font-size-xl);font-weight:400;line-height:var(--text-line-height-relaxed);color:var(--theme-text-secondary);margin-bottom:var(--spacing-6)}@media(max-width:768px){.article__subtitle{font-size:var(--text-font-size-lg)}}.article__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--theme-border-primary)}@media(max-width:768px){.article__meta{gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4)}}.article__author{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;color:var(--theme-text-secondary);transition:color var(--transition-duration-normal)}.article__author:hover{color:var(--theme-color-primary)}.article__author-avatar{width:48px;height:48px;border-radius:var(--border-radius-full);object-fit:cover;border:2px solid var(--theme-border-primary)}@media(max-width:768px){.article__author-avatar{width:40px;height:40px}}.article__author-info{display:flex;flex-direction:column}.article__author-name{font-weight:600;color:var(--theme-text-primary);font-size:var(--text-font-size-base)}.article__author-title{font-size:var(--text-font-size-sm);color:var(--theme-text-muted)}.article__meta-divider{width:4px;height:4px;border-radius:var(--border-radius-full);background-color:var(--theme-border-muted)}.article__date{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-font-size-sm);color:var(--theme-text-muted)}.article__date time{font-weight:500}.article__reading-time{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-font-size-sm);color:var(--theme-text-muted)}.article__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-8)}@media(max-width:768px){.article__tags{margin-bottom:var(--spacing-6)}}.article__tag{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-1);transition:var(--transition-duration-normal);font-size:var(--text-font-size-sm);text-decoration:none;transition:transform var(--transition-duration-normal),box-shadow var(--transition-duration-normal)}.article__tag:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.article__featured-image{width:100%;height:400px;object-fit:cover;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-8);box-shadow:var(--shadow-md)}@media(max-width:768px){.article__featured-image{height:250px;margin-bottom:var(--spacing-6)}}.article__footer{margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:1px solid var(--theme-border-primary)}@media(max-width:768px){.article__footer{margin-top:var(--spacing-8);padding-top:var(--spacing-6)}}.article__share{margin-bottom:var(--spacing-8)}@media(max-width:768px){.article__share{margin-bottom:var(--spacing-6)}}.article__share-title{font-size:var(--text-font-size-lg);font-weight:600;color:var(--theme-text-primary);margin-bottom:var(--spacing-4)}.article__share-buttons{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.article__share-button{display:inline-flex;align-items:center;padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-font-size-sm);border-radius:var(--border-radius-md);background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-secondary);border:1px solid var(--theme-border-primary);text-decoration:none;transition:background-color var(--transition-duration-normal),color var(--transition-duration-normal),border-color var(--transition-duration-normal)}.article__share-button:hover{background-color:var(--theme-color-primary);color:var(--theme-text-inverse);border-color:var(--theme-color-primary)}.article__share-button--twitter:hover{background-color:#1da1f2;border-color:#1da1f2}.article__share-button--facebook:hover{background-color:#1877f2;border-color:#1877f2}.article__share-button--linkedin:hover{background-color:#0077b5;border-color:#0077b5}.article__author-bio{display:flex;gap:var(--spacing-4);padding:var(--spacing-6);background-color:var(--theme-bg-surface-secondary);border-radius:var(--border-radius-lg)}@media(max-width:768px){.article__author-bio{flex-direction:column;text-align:center;padding:var(--spacing-4)}}.article__author-bio-avatar{width:80px;height:80px;border-radius:var(--border-radius-full);object-fit:cover;border:3px solid var(--theme-border-primary);flex-shrink:0}@media(max-width:768px){.article__author-bio-avatar{width:60px;height:60px;margin:0 auto}}.article__author-bio-content{flex:1}.article__author-bio-name{font-size:var(--text-font-size-lg);font-weight:600;color:var(--theme-text-primary);margin-bottom:var(--spacing-2)}.article__author-bio-bio{color:var(--theme-text-secondary);line-height:var(--text-line-height-relaxed);margin-bottom:var(--spacing-3)}.article__author-bio-links{display:flex;gap:var(--spacing-3)}@media(max-width:768px){.article__author-bio-links{justify-content:center}}.article__author-bio-link{color:var(--theme-text-muted);transition:color var(--transition-duration-normal)}.article__author-bio-link:hover{color:var(--theme-color-primary)}.article__related{margin-top:var(--spacing-12)}@media(max-width:768px){.article__related{margin-top:var(--spacing-8)}}.article__related-title{font-size:var(--text-font-size-2xl);font-weight:700;color:var(--theme-text-primary);margin-bottom:var(--spacing-6)}.article__related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}@media(max-width:768px){.article__related-grid{grid-template-columns:1fr;gap:var(--spacing-4)}}.article__related-item{display:block;padding:var(--spacing-4);background-color:var(--theme-bg-surface);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-lg);text-decoration:none;color:inherit;transition:transform var(--transition-duration-normal),box-shadow var(--transition-duration-normal)}.article__related-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.article__related-item-title{font-size:var(--text-font-size-lg);font-weight:600;color:var(--theme-text-primary);margin-bottom:var(--spacing-2);line-height:var(--text-line-height-tight)}.article__related-item-excerpt{font-size:var(--text-font-size-sm);color:var(--theme-text-secondary);line-height:var(--text-line-height-normal);margin-bottom:var(--spacing-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article__related-item-meta{font-size:var(--text-font-size-xs);color:var(--theme-text-muted)}.comments{margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:1px solid var(--theme-border-primary);max-width:800px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-6);padding-right:var(--spacing-6)}@media(max-width:768px){.comments{margin-top:var(--spacing-8);padding-top:var(--spacing-6);padding-left:var(--spacing-4);padding-right:var(--spacing-4)}}.comments__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--theme-border-primary)}@media(max-width:768px){.comments__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}}.comments__title{font-size:var(--text-font-size-2xl);font-weight:700;color:var(--theme-text-primary);display:flex;align-items:center;gap:var(--spacing-3);margin:0;font-family:var(--font-sans)}.comments__icon{width:24px;height:24px;color:var(--theme-color-primary)}.comments__count{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--text-font-size-sm);font-weight:600;background-color:var(--theme-color-primary);color:var(--theme-color-on-primary);margin-left:var(--spacing-3)}.comments__sort{display:flex;gap:var(--spacing-2)}@media(max-width:768px){.comments__sort{width:100%}}.comments__sort-button{display:inline-flex;align-items:center;padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-font-size-sm);font-weight:500;background-color:transparent;color:var(--theme-text-secondary);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-duration-normal)}.comments__sort-button:hover{background-color:rgba(var(--theme-color-primary-rgb),.1);color:var(--theme-color-primary);border-color:var(--theme-color-primary)}.comments__sort-button--active{background-color:var(--theme-color-primary);color:var(--theme-color-on-primary);border-color:var(--theme-color-primary)}.comments__sort-button--active:hover{background-color:var(--theme-color-primary-hover);color:var(--theme-color-on-primary)}@media(max-width:768px){.comments__sort-button{flex:1;justify-content:center}}.comments__form{background-color:var(--theme-bg-surface-secondary);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-8);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-duration-normal)}.comments__form:hover{box-shadow:var(--shadow-md)}.comments__form--reply{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--border-radius-lg)}@media(max-width:768px){.comments__form--reply{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3);padding:var(--spacing-3)}}@media(max-width:768px){.comments__form{padding:var(--spacing-4);margin-bottom:var(--spacing-6)}}.comments__form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.comments__form-title{font-size:var(--text-font-size-lg);font-weight:600;color:var(--theme-text-primary)}.comments__form-actions{display:flex;gap:var(--spacing-2)}.comments__list{list-style:none;padding:0;margin:0}.comments__item{margin-bottom:var(--spacing-6);animation:fadeUp .3s ease-out}.comments__item:last-child{margin-bottom:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.comment{display:flex;gap:var(--spacing-4);position:relative}.comment__avatar{width:48px;height:48px;border-radius:var(--border-radius-full);object-fit:cover;flex-shrink:0;background:var(--theme-bg-surface);border:2px solid var(--theme-border-primary);transition:border-color var(--transition-duration-normal)}@media(max-width:768px){.comment__avatar{width:40px;height:40px}}.comment__content{flex:1;min-width:0}.comment__header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);flex-wrap:wrap}.comment__author{font-weight:600;color:var(--theme-text-primary);text-decoration:none;font-family:var(--font-sans);font-size:var(--text-font-size-sm)}.comment__author:hover{color:var(--theme-color-primary)}.comment__badge{font-size:.65em;background:rgba(var(--theme-color-primary-rgb),.15);color:var(--theme-color-primary);padding:2px 8px;border-radius:var(--border-radius-full);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.comment__badge--own{background:rgba(var(--theme-color-success-rgb),.15);color:var(--theme-color-success)}.comment__badge--location{background:rgba(var(--theme-text-muted-rgb),.15);color:var(--theme-text-muted)}.comment__badge--website{background:var(--theme-color-primary);color:#fff}.comment__badge--github{background:#24292e;color:#fff}.comment__badge--gitlab{background:#fc6d26;color:#fff}.comment__badge--linkedin{background:#0077b5;color:#fff}.comment__badge--twitter{background:#1da1f2;color:#fff}.comment__badge--mastodon{background:#6364ff;color:#fff}.comment__badge--matrix{background:#000;color:#fff}.comment__badge--telegram{background:#08c;color:#fff}.comment__bio{font-size:.85em;color:var(--theme-text-secondary);margin:var(--spacing-1) 0;font-style:italic}.comment__meta{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-font-size-sm);color:var(--theme-text-muted)}.comment__date{position:relative;cursor:help}.comment__date:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--spacing-2) var(--spacing-3);background:var(--theme-bg-surface);color:var(--theme-text-primary);font-size:var(--text-font-size-xs);border-radius:var(--border-radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-duration-fast);box-shadow:var(--shadow-lg);border:1px solid var(--theme-border-primary);z-index:100}.comment__date:hover:after{opacity:1;visibility:visible}.comment__body{color:var(--theme-text-primary);line-height:var(--text-line-height-relaxed);margin-bottom:var(--spacing-3);font-family:var(--font-sans);font-size:var(--text-font-size-base)}.comment__body p{margin-bottom:var(--spacing-2)}.comment__body p:last-child{margin-bottom:0}.comment__body a{color:var(--theme-color-primary);text-decoration:underline;text-underline-offset:2px;transition:text-decoration-thickness var(--transition-duration-fast)}.comment__body a:hover{text-decoration-thickness:2px}.comment__body code{font-family:var(--font-jetbrains-mono);font-size:.9em;padding:.2em .4em;background-color:var(--theme-bg-surface-secondary);border-radius:var(--border-radius-sm)}.comment__body pre{margin:var(--spacing-4) 0;padding:var(--spacing-4);background-color:var(--theme-bg-surface-secondary);border-radius:var(--border-radius-md);overflow-x:auto}.comment__body pre code{padding:0;background-color:transparent}.comment__body blockquote{margin:var(--spacing-4) 0;padding:var(--spacing-3) var(--spacing-4);border-left:3px solid var(--theme-color-primary);background-color:var(--theme-bg-surface-secondary);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;color:var(--theme-text-secondary);font-style:italic}.comment__attached-image{max-height:200px;width:auto;border-radius:var(--border-radius-lg);border:1px solid var(--theme-border-primary);cursor:zoom-in;margin-top:var(--spacing-3);transition:transform var(--transition-duration-fast)}.comment__attached-image:hover{transform:scale(1.02)}.comment__footer{display:flex;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--theme-border-muted)}.comment__actions{display:flex;align-items:center;gap:var(--spacing-2)}.comment__action{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-font-size-sm);color:var(--theme-text-muted);background:transparent;border:none;cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);transition:all var(--transition-duration-fast);font-family:var(--font-sans)}.comment__action:hover{color:var(--theme-color-primary);background:rgba(var(--theme-color-primary-rgb),.1)}.comment__action--like:hover{color:#e11d48;background:#e111481a}.comment__action--reply:hover{color:var(--theme-color-primary)}.comment__action svg{width:16px;height:16px}.comment__votes{display:flex;align-items:center;gap:var(--spacing-1)}.vote-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--theme-text-muted);cursor:pointer;transition:all var(--transition-duration-fast)}.vote-btn:hover{background:var(--theme-bg-surface-secondary)}.vote-btn svg{width:18px;height:18px;transition:color var(--transition-duration-fast)}.vote-btn.active{color:var(--theme-color-primary);background:rgba(var(--theme-color-primary-rgb),.1)}.vote-btn.vote-up.active{color:var(--theme-color-success);background:rgba(var(--theme-color-success-rgb),.1)}.vote-btn.vote-down.active{color:var(--theme-color-error);background:rgba(var(--theme-color-error-rgb),.1)}.vote-count{font-size:var(--text-font-size-sm);font-weight:600;color:var(--theme-text-primary);min-width:24px;text-align:center}.comment__replies{margin-top:var(--spacing-6)}.thread-line{margin-left:var(--spacing-12);padding-left:var(--spacing-4);border-left:2px solid var(--theme-border-muted);display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-4)}@media(max-width:768px){.thread-line{margin-left:var(--spacing-6)}}.thread-line-nested{margin-left:var(--spacing-8);padding-left:var(--spacing-4);border-left:2px solid var(--theme-border-muted);display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-3)}@media(max-width:768px){.thread-line-nested{margin-left:var(--spacing-4)}}.reply-form{margin-top:var(--spacing-4);padding:var(--spacing-4);background:var(--theme-bg-surface-secondary);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-lg);animation:fadeUp .3s ease-out}.reply-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.reply-avatar{width:32px;height:32px;border-radius:var(--border-radius-full);object-fit:cover;background:var(--theme-bg-surface)}.reply-author{font-size:var(--text-font-size-sm);font-weight:600;color:var(--theme-text-primary)}.reply-textarea{width:100%;padding:var(--spacing-3);background:var(--theme-bg-primary);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-lg);color:var(--theme-text-primary);font-family:inherit;font-size:var(--text-font-size-sm);resize:none;min-height:80px;transition:all var(--transition-duration-normal)}.reply-textarea:focus{outline:none;border-color:var(--theme-color-primary);box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb),.15)}.reply-textarea::placeholder{color:var(--theme-text-muted)}.reply-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2);margin-top:var(--spacing-3)}.edit-form{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-3);animation:fadeUp .3s ease-out}.edit-textarea{width:100%;padding:var(--spacing-3);background:var(--theme-bg-primary);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-lg);color:var(--theme-text-primary);font-family:inherit;font-size:var(--text-font-size-sm);resize:none;min-height:100px;transition:all var(--transition-duration-normal)}.edit-textarea:focus{outline:none;border-color:var(--theme-color-primary);box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb),.15)}.edit-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-sans);font-size:var(--text-font-size-sm);font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-duration-normal);border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn-primary{background:var(--theme-color-primary);color:var(--theme-color-on-primary);box-shadow:0 2px 8px rgba(var(--theme-color-primary-rgb),.2)}.btn-primary:hover:not(:disabled){background:var(--theme-color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--theme-color-primary-rgb),.3)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--theme-text-secondary);border:1px solid var(--theme-border-primary)}.btn-ghost:hover:not(:disabled){background:rgba(var(--theme-color-primary-rgb),.08);color:var(--theme-color-primary);border-color:var(--theme-color-primary)}.btn-danger{background:var(--theme-color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-font-size-xs)}.btn-icon{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--theme-text-muted);cursor:pointer;transition:all var(--transition-duration-fast)}.btn-icon:hover{color:var(--theme-color-primary);background:rgba(var(--theme-color-primary-rgb),.1)}.btn-icon svg{width:18px;height:18px}.input-textarea{width:100%;padding:var(--spacing-3);background:var(--theme-bg-primary);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-lg);color:var(--theme-text-primary);font-family:inherit;font-size:var(--text-font-size-base);resize:none;min-height:120px;transition:all var(--transition-duration-normal)}.input-textarea:focus{outline:none;border-color:var(--theme-color-primary);box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb),.15)}.input-textarea::placeholder{color:var(--theme-text-muted)}.comment-card{display:flex;gap:var(--spacing-4);background:var(--theme-bg-surface-secondary);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-5);transition:all var(--transition-duration-normal)}.comment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--theme-color-primary-dim)}@media(max-width:768px){.comment-card{padding:var(--spacing-4)}}.comment__error{margin-top:var(--spacing-2);padding:var(--spacing-3);background-color:rgba(var(--theme-color-error-rgb),.1);border:1px solid var(--theme-color-error);border-radius:var(--border-radius-md);color:var(--theme-color-error);font-size:var(--text-font-size-sm)}.comment__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--theme-text-muted)}.comment__loading:after{content:"";width:24px;height:24px;border:2px solid var(--theme-border-primary);border-top-color:var(--theme-color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-left:var(--spacing-2)}.comment__empty{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--theme-text-muted)}.comment__empty svg{width:48px;height:48px;margin-bottom:var(--spacing-4);color:var(--theme-text-tertiary)}.comment__empty p{margin:0;font-size:var(--text-font-size-lg)}@media(max-width:768px){.comment__empty{padding:var(--spacing-8) var(--spacing-4)}}.login-prompt{background:var(--theme-bg-surface-secondary);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-8);text-align:center;margin-bottom:var(--spacing-8);animation:fadeUp .3s ease-out}.login-prompt svg{width:48px;height:48px;color:var(--theme-color-primary);margin-bottom:var(--spacing-4)}.login-prompt h4{font-size:var(--text-font-size-lg);font-weight:600;color:var(--theme-text-primary);margin:0 0 var(--spacing-2)}.login-prompt p{font-size:var(--text-font-size-sm);color:var(--theme-text-secondary);margin:0 0 var(--spacing-5)}@media(max-width:768px){.login-prompt{padding:var(--spacing-6)}}.comment-image-preview{max-height:150px;width:auto;border-radius:var(--border-radius-lg);border:1px solid var(--theme-border-primary);cursor:zoom-in;margin-top:var(--spacing-3);transition:transform var(--transition-duration-fast)}.comment-image-preview:hover{transform:scale(1.02)}.hidden{display:none!important}.lightbox{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(4px)}.lightbox.open{opacity:1;pointer-events:auto}.lightbox img{max-width:95%;max-height:95%;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl);object-fit:contain}.lightbox-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:48px;height:48px;background:var(--theme-bg-surface-secondary);color:var(--theme-text-primary);border:1px solid var(--theme-border-primary);border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-duration-fast)}.lightbox-close:hover{background:var(--theme-bg-surface);transform:scale(1.1)}.lightbox-close svg{width:24px;height:24px}@media(max-width:768px){.lightbox-close{width:40px;height:40px;top:var(--spacing-2);right:var(--spacing-2)}.lightbox-close svg{width:20px;height:20px}}.toast-container{position:fixed;bottom:var(--spacing-8);right:var(--spacing-8);z-index:2000;display:flex;flex-direction:column;gap:var(--spacing-3);pointer-events:none}@media(max-width:768px){.toast-container{bottom:var(--spacing-4);right:var(--spacing-4);left:var(--spacing-4)}}.toast{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--theme-bg-surface-secondary);color:var(--theme-text-primary);border-radius:var(--border-radius-lg);border-left:4px solid var(--theme-color-primary);box-shadow:var(--shadow-lg);font-size:var(--text-font-size-sm);animation:fadeUp .3s ease-out;pointer-events:auto;max-width:400px}.toast.toast--success{border-left-color:var(--theme-color-success)}.toast.toast--error{border-left-color:var(--theme-color-error)}.toast.toast--info{border-left-color:var(--theme-color-info)}.toast svg{width:20px;height:20px;flex-shrink:0;color:var(--theme-color-primary)}.toast.toast--success svg{color:var(--theme-color-success)}.toast.toast--error svg{color:var(--theme-color-error)}.toast.toast--info svg{color:var(--theme-color-info)}@media(max-width:768px){.toast{max-width:none}}.toast--hiding{animation:fadeOut .3s ease-out forwards}.search{position:relative;width:100%;max-width:600px;margin:0 auto}.search--full-width{max-width:none}.search--compact{max-width:300px}@media(max-width:768px){.search--compact{max-width:100%}}@media(max-width:768px){.search--header{display:none}}.search--mobile{display:none}@media(max-width:768px){.search--mobile{display:block;position:fixed;inset:0;background-color:var(--theme-bg-primary);z-index:var(--z-index-modal);padding:var(--spacing-4)}.search--mobile.is-hidden{display:none}}.search__form{position:relative}.search__input-wrapper{position:relative;display:flex;align-items:center}.search__input{width:100%;padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-12);font-family:var(--font-inter);font-size:var(--text-font-size-base);line-height:1.5;border-radius:var(--border-radius-full);background-color:var(--theme-bg-surface-secondary);border:1px solid var(--theme-border-primary);color:var(--theme-text-primary);transition:var(--transition-duration-normal)}.search__input:focus{background-color:var(--theme-bg-primary);border-color:var(--theme-color-primary);box-shadow:0 0 0 3px #3b82f61a}.search__input--has-value{padding-right:var(--spacing-12)}.search--mobile .search__input{padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-12);font-size:var(--text-font-size-lg);border-radius:var(--border-radius-lg)}.search__icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);color:var(--theme-text-muted);pointer-events:none;width:20px;height:20px}.search--mobile .search__icon{left:var(--spacing-4);width:24px;height:24px}.search__clear{display:inline-flex;align-items:center;justify-content:center;position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;border-radius:var(--border-radius-full);border:none;background-color:transparent;color:var(--theme-text-muted);font-family:var(--font-inter);font-size:var(--text-font-size-base);cursor:pointer;transition:var(--transition-duration-normal);opacity:0;visibility:hidden}.search__clear:hover{background-color:var(--theme-bg-surface-tertiary);color:var(--theme-text-primary)}.search__input--has-value+.search__clear{opacity:1;visibility:visible}.search--mobile .search__clear{right:var(--spacing-4);width:32px;height:32px}.search__loading{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:0;visibility:hidden;transition:var(--transition-duration-normal)}.search__loading.is-visible{opacity:1;visibility:visible}.search--mobile .search__loading{right:var(--spacing-4);width:24px;height:24px}.search__results{position:absolute;top:calc(100% + var(--spacing-2));left:0;right:0;background-color:var(--theme-bg-surface);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-duration-normal);z-index:var(--z-index-dropdown);scrollbar-width:thin;scrollbar-color:var(--theme-border-muted) transparent}.search__results::-webkit-scrollbar{width:8px;height:8px}.search__results::-webkit-scrollbar-track{background:transparent}.search__results::-webkit-scrollbar-thumb{background-color:var(--theme-border-muted);border-radius:var(--border-radius-full)}.search__results::-webkit-scrollbar-thumb:hover{background-color:var(--theme-border-strong)}.search__results.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.search--mobile .search__results{position:static;margin-top:var(--spacing-4);max-height:calc(100vh - 200px);box-shadow:none;border:1px solid var(--theme-border-primary);opacity:1;visibility:visible;transform:none}.search__results-header{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--theme-border-primary);display:flex;align-items:center;justify-content:space-between}@media(max-width:768px){.search__results-header{padding:var(--spacing-4)}}.search__results-title{font-size:var(--text-font-size-sm);font-weight:600;color:var(--theme-text-primary)}.search__results-count{font-size:var(--text-font-size-xs);color:var(--theme-text-muted)}.search__results-list{list-style:none;padding:0;margin:0}.search__result-item{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--theme-border-primary);cursor:pointer;transition:var(--transition-duration-normal)}.search__result-item:last-child{border-bottom:none}.search__result-item:hover{background-color:var(--theme-bg-surface-secondary)}.search__result-item.is-selected{background-color:var(--theme-color-primary);color:var(--theme-text-inverse)}.search__result-item.is-selected .search__result-title,.search__result-item.is-selected .search__result-excerpt,.search__result-item.is-selected .search__result-meta{color:inherit}@media(max-width:768px){.search__result-item{padding:var(--spacing-4)}}.search__result-link{display:block;text-decoration:none;color:inherit}.search__result-title{font-size:var(--text-font-size-base);font-weight:600;color:var(--theme-text-primary);margin-bottom:var(--spacing-2);line-height:var(--text-line-height-tight)}.search__result-excerpt{font-size:var(--text-font-size-sm);color:var(--theme-text-secondary);line-height:var(--text-line-height-normal);margin-bottom:var(--spacing-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search__result-meta{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-font-size-xs);color:var(--theme-text-muted)}.search__result-category{display:inline-flex;align-items:center;padding:0 var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--text-font-size-xs);font-weight:600;gap:var(--spacing-1);transition:var(--transition-duration-normal);background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-primary);border:1px solid var(--theme-border-primary)}.search__result-date{display:flex;align-items:center;gap:var(--spacing-1)}.search__highlight{background-color:var(--theme-color-warning);color:var(--theme-text-primary);padding:0 .2em;border-radius:var(--border-radius-sm);font-weight:600}.search__result-item.is-selected .search__highlight{background-color:#ffffff4d}.search__no-results{padding:var(--spacing-8) var(--spacing-4);text-align:center;color:var(--theme-text-muted)}@media(max-width:768px){.search__no-results{padding:var(--spacing-6) var(--spacing-4)}}.search__no-results-icon{width:48px;height:48px;margin:0 auto var(--spacing-4);color:var(--theme-text-muted)}.search__no-results-title{font-size:var(--text-font-size-lg);font-weight:600;color:var(--theme-text-primary);margin-bottom:var(--spacing-2)}.search__no-results-description{font-size:var(--text-font-size-sm);margin-bottom:var(--spacing-4)}.search__no-results-suggestions{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--theme-border-primary)}.search__no-results-suggestions-title{font-size:var(--text-font-size-sm);font-weight:600;color:var(--theme-text-primary);margin-bottom:var(--spacing-2)}.search__no-results-suggestions-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.search__no-results-suggestion{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--text-font-size-xs);font-weight:600;gap:var(--spacing-1);background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-primary);border:1px solid var(--theme-border-primary);cursor:pointer;text-decoration:none;transition:var(--transition-duration-normal)}.search__no-results-suggestion:hover{background-color:var(--theme-color-primary);color:var(--theme-text-inverse)}.search__footer{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--theme-border-primary);display:flex;align-items:center;justify-content:space-between}@media(max-width:768px){.search__footer{padding:var(--spacing-4)}}.search__footer-hint{font-size:var(--text-font-size-xs);color:var(--theme-text-muted)}.search__footer-shortcuts{display:flex;gap:var(--spacing-3)}.search__shortcut{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-font-size-xs);color:var(--theme-text-muted)}.search__shortcut-key{padding:var(--spacing-1) var(--spacing-2);background-color:var(--theme-bg-surface-tertiary);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-sm);font-family:var(--font-jetbrains-mono);font-weight:600}.search__mobile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.search__mobile-title{font-size:var(--text-font-size-lg);font-weight:600;color:var(--theme-text-primary)}.search__mobile-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:var(--border-radius-full);border:none;background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-secondary);font-family:var(--font-inter);font-size:var(--text-font-size-base);cursor:pointer;transition:all var(--transition-duration-normal)}.search__suggestions{position:absolute;top:calc(100% + var(--spacing-2));left:0;right:0;background-color:var(--theme-bg-surface);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-2);z-index:var(--z-index-dropdown)}@media(max-width:768px){.search__suggestions{position:static;margin-top:var(--spacing-2);box-shadow:none;border:none;padding:0}}.search__suggestion-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-duration-normal)}.search__suggestion-item:hover{background-color:var(--theme-bg-surface-secondary)}@media(max-width:768px){.search__suggestion-item{padding:var(--spacing-3)}}.search__suggestion-icon{width:16px;height:16px;color:var(--theme-text-muted)}.search__suggestion-text{flex:1;font-size:var(--text-font-size-sm);color:var(--theme-text-primary)}.search__suggestion-type{font-size:var(--text-font-size-xs);color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:var(--text-letter-spacing-wide)}.advanced-search-input{--search-input-height: 56px;--search-input-bg: var(--theme-bg-surface);--search-input-bg-focus: var(--theme-bg-primary);--search-input-border: var(--theme-border-primary);--search-input-border-focus: var(--theme-color-primary);--search-input-text: var(--theme-text-primary);--search-input-placeholder: var(--theme-text-muted);--search-input-icon: var(--theme-text-muted);--search-input-icon-focus: var(--theme-color-primary);--search-input-shadow: var(--shadow-lg);--search-input-shadow-focus: 0 0 0 4px rgba(var(--theme-color-primary-rgb, 59, 130, 246), .15);position:relative;width:100%;max-width:56rem;margin:0 auto}.advanced-search-input__field{width:100%;height:var(--search-input-height);padding:var(--spacing-4) var(--spacing-5);padding-left:var(--spacing-14);font-family:var(--font-primary, var(--font-inter));font-size:var(--text-font-size-lg, 1.125rem);font-weight:500;line-height:1.5;color:var(--search-input-text);background-color:var(--search-input-bg);border:2px solid var(--search-input-border);border-radius:var(--border-radius-xl, .75rem);outline:none;transition:all var(--transition-duration-normal, .2s) var(--ease-out, cubic-bezier(.215, .61, .355, 1));appearance:none;box-shadow:var(--search-input-shadow)}.advanced-search-input__field::placeholder{color:var(--search-input-placeholder);opacity:1;font-weight:400;letter-spacing:.01em}.advanced-search-input__field:hover:not(:focus){border-color:var(--theme-border-strong, #64748b)}.advanced-search-input__field:focus{background-color:var(--search-input-bg-focus);border-color:var(--search-input-border-focus);box-shadow:var(--search-input-shadow-focus)}.advanced-search-input:focus-within .advanced-search-input__field{border-color:var(--search-input-border-focus)}@media(min-width:768px){.advanced-search-input__field{font-size:var(--text-font-size-xl, 1.25rem)}}.advanced-search-input__icon{position:absolute;left:var(--spacing-5);top:50%;transform:translateY(-50%);z-index:10;pointer-events:none;width:24px;height:24px;color:var(--search-input-icon);transition:color var(--transition-duration-normal)}.advanced-search-input:focus-within .advanced-search-input__icon{color:var(--search-input-icon-focus)}@media(min-width:768px){.advanced-search-input__icon{width:28px;height:28px;left:var(--spacing-6)}}.advanced-search-input__icon svg{width:100%;height:100%;stroke-width:2;fill:none;stroke:currentColor}.advanced-search-input__clear{position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--border-radius-full);background-color:transparent;color:var(--theme-text-muted);cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition-duration-fast, .15s);z-index:10}.advanced-search-input__clear:hover{background-color:var(--theme-bg-surface-tertiary);color:var(--theme-text-primary)}.advanced-search-input__clear:focus{outline:none;box-shadow:0 0 0 2px var(--theme-focus-ring, var(--theme-color-primary))}.advanced-search-input__field:not(:placeholder-shown)~.advanced-search-input__clear,.advanced-search-input__field:focus~.advanced-search-input__clear{opacity:1;visibility:visible}.advanced-search-input__clear svg{width:18px;height:18px;stroke-width:2;fill:none;stroke:currentColor}.advanced-search-input__spinner{position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);width:24px;height:24px;z-index:10}.advanced-search-input__spinner.is-hidden{display:none}.advanced-search-input__spinner svg{width:100%;height:100%;animation:search-spin 1s linear infinite}.advanced-search-input__spinner circle{stroke:var(--theme-color-primary);stroke-width:3;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:45;fill:none}@keyframes search-spin{to{transform:rotate(360deg)}}.advanced-search-input__field:after{content:"";position:absolute;inset:-4px;border-radius:calc(var(--border-radius-xl, .75rem) + 4px);opacity:0;pointer-events:none;transition:opacity var(--transition-duration-normal);background:linear-gradient(90deg,transparent,rgba(var(--theme-color-primary-rgb, 59, 130, 246),.1),transparent)}.advanced-search-input__field:focus:after{opacity:1}@media(max-width:640px){.advanced-search-input{--search-input-height: 48px}.advanced-search-input__field{padding:var(--spacing-3) var(--spacing-4);padding-left:var(--spacing-12);font-size:var(--text-font-size-base, 1rem)}.advanced-search-input__icon{width:20px;height:20px;left:var(--spacing-4)}.advanced-search-input__clear{width:28px;height:28px;right:var(--spacing-3)}}[data-theme=dark] .advanced-search-input__field::placeholder,[data-theme=dracula] .advanced-search-input__field::placeholder{opacity:.7}.advanced-search-input__field{transition-timing-function:cubic-bezier(.4,0,.2,1)}.advanced-search-input__field:focus{transform:translateY(0)}.advanced-search-input__field:-webkit-autofill,.advanced-search-input__field:-webkit-autofill:hover,.advanced-search-input__field:-webkit-autofill:focus{-webkit-text-fill-color:var(--search-input-text);-webkit-box-shadow:0 0 0 1000px var(--search-input-bg-focus) inset;transition:background-color 5000s ease-in-out 0s}.sidebar{width:320px;background-color:var(--theme-bg-surface);border-radius:var(--border-radius-lg);border:1px solid var(--theme-border-primary);overflow:hidden;box-shadow:var(--shadow-sm)}@media(max-width:1024px){.sidebar{width:100%;margin-bottom:var(--spacing-6)}}.sidebar--sticky{position:sticky;top:calc(var(--spacing-20) + 72px);max-height:calc(100vh - var(--spacing-24) - 72px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--theme-border-muted) transparent}.sidebar--sticky::-webkit-scrollbar{width:8px;height:8px}.sidebar--sticky::-webkit-scrollbar-track{background:transparent}.sidebar--sticky::-webkit-scrollbar-thumb{background-color:var(--theme-border-muted);border-radius:var(--border-radius-full)}.sidebar--sticky::-webkit-scrollbar-thumb:hover{background-color:var(--theme-border-strong)}@media(max-width:1024px){.sidebar--collapsible .sidebar__section{border-bottom:1px solid var(--theme-border-primary)}.sidebar--collapsible .sidebar__section:last-child{border-bottom:none}.sidebar--collapsible .sidebar__section-header{cursor:pointer;user-select:none;padding:var(--spacing-4);background-color:var(--theme-bg-surface-secondary);display:flex;align-items:center;justify-content:space-between}.sidebar--collapsible .sidebar__section-header:hover{background-color:var(--theme-bg-surface-tertiary)}.sidebar--collapsible .sidebar__section-header:after{content:"▼";font-size:.8em;transition:var(--transition-duration-normal)}.sidebar--collapsible .sidebar__section-header.collapsed:after{transform:rotate(-90deg)}.sidebar--collapsible .sidebar__section-content{padding:var(--spacing-4)}.sidebar__section-header.collapsed+.sidebar--collapsible .sidebar__section-content{display:none}}.sidebar__section{padding:var(--spacing-6)}@media(max-width:1024px){.sidebar__section{padding:0}}.sidebar__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}@media(max-width:1024px){.sidebar__section-header{margin-bottom:0}}.sidebar__section-title{font-size:var(--text-font-size-lg);font-weight:600;color:var(--theme-text-primary);display:flex;align-items:center;gap:var(--spacing-2)}.sidebar__section-icon{width:20px;height:20px;color:var(--theme-color-primary)}.sidebar__section-action{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:var(--border-radius-sm);background-color:transparent;color:var(--theme-text-muted);font-size:var(--text-font-size-sm);font-family:var(--font-inter);border:1px solid transparent;cursor:pointer;transition:all var(--transition-duration-normal)}.sidebar__section-action:hover{background-color:var(--theme-bg-surface-tertiary);color:var(--theme-text-primary)}@media(max-width:1024px){.sidebar__section-content{padding:var(--spacing-4)}}.sidebar__toc .sidebar__toc-list{list-style:none;padding:0;margin:0}.sidebar__toc .sidebar__toc-item{margin-bottom:var(--spacing-1)}.sidebar__toc .sidebar__toc-item--level-2{padding-left:var(--spacing-4)}.sidebar__toc .sidebar__toc-item--level-3{padding-left:var(--spacing-8)}.sidebar__toc .sidebar__toc-item--level-4{padding-left:var(--spacing-12)}.sidebar__toc .sidebar__toc-item--level-5{padding-left:var(--spacing-16)}.sidebar__toc .sidebar__toc-item--level-6{padding-left:var(--spacing-20)}.sidebar__toc .sidebar__toc-link{display:block;padding:var(--spacing-2) var(--spacing-3);color:var(--theme-text-secondary);text-decoration:none;font-size:var(--text-font-size-sm);line-height:var(--text-line-height-normal);border-radius:var(--border-radius-sm);transition:var(--transition-duration-normal)}.sidebar__toc .sidebar__toc-link:hover{background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-primary)}.sidebar__toc .sidebar__toc-link--active{background-color:var(--theme-color-primary);color:var(--theme-text-inverse);font-weight:600}.sidebar__author{text-align:center}.sidebar__author .sidebar__author-avatar{width:80px;height:80px;border-radius:var(--border-radius-full);margin:0 auto var(--spacing-4);border:3px solid var(--theme-border-primary)}.sidebar__author .sidebar__author-name{font-size:var(--text-font-size-lg);font-weight:600;color:var(--theme-text-primary);margin-bottom:var(--spacing-2)}.sidebar__author .sidebar__author-bio{font-size:var(--text-font-size-sm);color:var(--theme-text-secondary);line-height:var(--text-line-height-normal);margin-bottom:var(--spacing-4)}.sidebar__author .sidebar__author-stats{display:flex;justify-content:space-around;padding:var(--spacing-4) 0;border-top:1px solid var(--theme-border-primary);border-bottom:1px solid var(--theme-border-primary);margin-bottom:var(--spacing-4)}.sidebar__author .sidebar__author-stat{text-align:center}.sidebar__author .sidebar__author-stat .stat-value{display:block;font-size:var(--text-font-size-lg);font-weight:700;color:var(--theme-color-primary)}.sidebar__author .sidebar__author-stat .stat-label{font-size:var(--text-font-size-xs);color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:var(--text-letter-spacing-wide)}.sidebar__author .sidebar__author-social{display:flex;justify-content:center;gap:var(--spacing-3)}.sidebar__author .sidebar__author-social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-secondary);transition:var(--transition-duration-normal)}.sidebar__author .sidebar__author-social-link:hover{background-color:var(--theme-color-primary);color:var(--theme-text-inverse);transform:translateY(-2px)}.sidebar__categories .sidebar__categories-list{list-style:none;padding:0;margin:0}.sidebar__categories .sidebar__categories-item{margin-bottom:var(--spacing-2)}.sidebar__categories .sidebar__categories-link{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);color:var(--theme-text-secondary);text-decoration:none;border-radius:var(--border-radius-sm);transition:var(--transition-duration-normal)}.sidebar__categories .sidebar__categories-link:hover{background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-primary)}.sidebar__categories .sidebar__categories-link--active{background-color:var(--theme-color-primary);color:var(--theme-text-inverse)}.sidebar__categories .sidebar__categories-name{display:flex;align-items:center;gap:var(--spacing-2);font-weight:500}.sidebar__categories .sidebar__categories-icon{width:16px;height:16px;color:var(--theme-color-primary)}.sidebar__categories .sidebar__categories-count{background-color:var(--theme-bg-surface-tertiary);color:var(--theme-text-muted);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);font-size:var(--text-font-size-xs);font-weight:600;min-width:24px;text-align:center}.sidebar__recent-posts .sidebar__recent-posts-list{list-style:none;padding:0;margin:0}.sidebar__recent-posts .sidebar__recent-posts-item{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--theme-border-primary)}.sidebar__recent-posts .sidebar__recent-posts-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.sidebar__recent-posts .sidebar__recent-posts-link{display:block;text-decoration:none;color:inherit}.sidebar__recent-posts .sidebar__recent-posts-link:hover .sidebar__recent-posts-title{color:var(--theme-color-primary)}.sidebar__recent-posts .sidebar__recent-posts-title{font-size:var(--text-font-size-base);font-weight:600;color:var(--theme-text-primary);line-height:var(--text-line-height-tight);margin-bottom:var(--spacing-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:var(--transition-duration-normal)}.sidebar__recent-posts .sidebar__recent-posts-meta{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-font-size-xs);color:var(--theme-text-muted)}.sidebar__recent-posts .sidebar__recent-posts-date{display:flex;align-items:center;gap:var(--spacing-1)}.sidebar__recent-posts .sidebar__recent-posts-category{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--text-font-size-xs);font-weight:600;gap:var(--spacing-1);transition:var(--transition-duration-normal);background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-primary);border:1px solid var(--theme-border-primary)}.sidebar__tags-cloud .sidebar__tags-cloud-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin:0;padding:0;list-style:none}.sidebar__tags-cloud .sidebar__tags-cloud-item{margin:0}.sidebar__tags-cloud .sidebar__tags-cloud-link{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--text-font-size-xs);font-weight:600;gap:var(--spacing-1);background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-primary);border:1px solid var(--theme-border-primary);text-decoration:none;transition:var(--transition-duration-normal)}.sidebar__tags-cloud .sidebar__tags-cloud-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.sidebar__tags-cloud .sidebar__tags-cloud-link--large{font-size:var(--text-font-size-base);font-weight:600;padding:var(--spacing-2) var(--spacing-3)}.sidebar__tags-cloud .sidebar__tags-cloud-link--medium{font-size:var(--text-font-size-sm);font-weight:500}.sidebar__tags-cloud .sidebar__tags-cloud-link--small{font-size:var(--text-font-size-xs);opacity:.8}.sidebar__newsletter{background:linear-gradient(135deg,var(--theme-color-primary),var(--theme-color-accent));color:var(--theme-text-inverse);text-align:center}.sidebar__newsletter .sidebar__section-title{color:inherit}.sidebar__newsletter .sidebar__newsletter-description{font-size:var(--text-font-size-sm);margin-bottom:var(--spacing-4);opacity:.9}.sidebar__newsletter .sidebar__newsletter-form{display:flex;flex-direction:column;gap:var(--spacing-3)}.sidebar__newsletter .sidebar__newsletter-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-md);border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:var(--theme-text-inverse);font-family:var(--font-inter);font-size:var(--text-font-size-base);transition:var(--transition-duration-normal)}.sidebar__newsletter .sidebar__newsletter-input::placeholder{color:#ffffffb3}.sidebar__newsletter .sidebar__newsletter-input:focus{outline:none;background-color:#fff3;border-color:var(--theme-text-inverse);box-shadow:0 0 0 3px #fff3}.sidebar__newsletter .sidebar__newsletter-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-inter);font-size:var(--text-font-size-base);font-weight:700;line-height:1.5;text-decoration:none;border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:all var(--transition-duration-normal);background-color:var(--theme-text-inverse);color:var(--theme-color-primary)}.sidebar__newsletter .sidebar__newsletter-button:hover{background-color:var(--theme-bg-surface);transform:translateY(-1px)}.sidebar__newsletter .sidebar__newsletter-note{font-size:var(--text-font-size-xs);opacity:.8;margin-top:var(--spacing-2)}.sidebar__ad{text-align:center}.sidebar__ad .sidebar__ad-label{font-size:var(--text-font-size-xs);color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:var(--text-letter-spacing-wide);margin-bottom:var(--spacing-2)}.sidebar__ad .sidebar__ad-content{background-color:var(--theme-bg-surface-tertiary);border:1px dashed var(--theme-border-muted);border-radius:var(--border-radius-md);padding:var(--spacing-4);min-height:250px;display:flex;align-items:center;justify-content:center;color:var(--theme-text-muted);font-size:var(--text-font-size-sm)}.navigation{display:flex;align-items:center}.navigation__list{display:flex;list-style:none;margin:0;padding:0;gap:var(--spacing-1)}.navigation__item{position:relative}.navigation__link{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-3);color:var(--theme-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);transition:var(--transition-duration-normal)}.navigation__link:hover{color:var(--theme-text-primary);background-color:var(--theme-bg-surface-secondary)}.navigation__link[data-state=active],.navigation__link--active{color:var(--theme-color-primary);background-color:var(--theme-bg-surface-secondary)}.navigation__link--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.navigation--tabs{border-bottom:1px solid var(--theme-border-primary)}.navigation--tabs .navigation__list{gap:0}.navigation--tabs .navigation__link{border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;border-bottom:2px solid transparent;margin-bottom:-1px}.navigation--tabs .navigation__link[data-state=active],.navigation--tabs .navigation__link--active{border-bottom-color:var(--theme-color-primary);background-color:transparent}.navigation--breadcrumb .navigation__list{gap:0}.navigation--breadcrumb .navigation__item:not(:last-child):after{content:"/";margin:0 var(--spacing-2);color:var(--theme-text-muted)}.navigation--breadcrumb .navigation__link{padding:var(--spacing-1) 0;background:none}.navigation--breadcrumb .navigation__item:last-child .navigation__link{color:var(--theme-text-primary);font-weight:var(--font-weight-bold)}.navigation--pagination .navigation__list{gap:var(--spacing-1)}.navigation--pagination .navigation__link{min-width:36px;height:36px;padding:var(--spacing-2);border:1px solid var(--theme-border-primary)}.navigation--pagination .navigation__link[data-state=active],.navigation--pagination .navigation__link--active{background-color:var(--theme-color-primary);border-color:var(--theme-color-primary);color:var(--theme-text-inverse)}.navigation--pagination .navigation__link:hover:not([data-state=active]):not(.navigation__link--disabled){border-color:var(--theme-color-primary)}.navigation--pills .navigation__link{border-radius:var(--border-radius-full)}.navigation--pills .navigation__link[data-state=active],.navigation--pills .navigation__link--active{background-color:var(--theme-color-primary);color:var(--theme-text-inverse)}.navigation--vertical{flex-direction:column;align-items:stretch}.navigation--vertical .navigation__list{flex-direction:column;gap:var(--spacing-1)}.navigation--vertical .navigation__link{width:100%;justify-content:flex-start}.toc-list{list-style:none;padding:0;margin:0}.toc-list .toc-list{padding-left:var(--space-3);margin-top:var(--space-1);border-left:1px solid var(--theme-border-primary)}.toc-list li{padding-left:0!important;margin:0!important}.toc-list li:before{display:none!important;content:none!important}.toc-link{display:flex!important;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);color:var(--theme-text-secondary);text-decoration:none;font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-fast) ease;border-left:3px solid transparent;font-weight:500}.toc-link:hover{color:var(--theme-text-primary);background:var(--theme-bg-surface-secondary)}.toc-link-left{display:flex!important;align-items:center;gap:var(--space-3);overflow:hidden;flex:1;min-width:0}.toc-link-right{display:flex!important;flex-shrink:0;margin-left:var(--space-3)}.toc-link-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-link.is-active{color:var(--theme-color-primary);border-left-color:var(--theme-color-primary);background:var(--theme-color-primary-light);font-weight:600}.toc-link--level-2{margin-left:0;font-weight:600;font-size:var(--text-sm);padding-left:var(--space-2)}.toc-link--level-3{margin-left:0;font-weight:500;font-size:var(--text-xs);color:var(--theme-text-muted)}.toc-link--level-4,.toc-link--level-5,.toc-link--level-6{margin-left:var(--space-3);font-weight:400;font-size:var(--text-xs);color:var(--theme-text-muted);padding-top:var(--space-1);padding-bottom:var(--space-1)}.toc-link--level-4:hover,.toc-link--level-5:hover,.toc-link--level-6:hover{color:var(--theme-text-secondary)}.toc-empty{color:var(--theme-text-muted);font-size:var(--text-sm);font-style:italic;padding:var(--space-2) var(--space-3)}.toc-copy-icon{flex-shrink:0;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast) ease;color:var(--theme-text-muted);opacity:0}.toc-link:hover .toc-copy-icon,.toc-link.is-active .toc-copy-icon{opacity:1}.toc-copy-icon:hover{color:var(--theme-color-primary);background:var(--theme-bg-surface-secondary)}.toc-copy-icon.copied{color:var(--theme-color-success);opacity:1!important}.demo-announcement{background:linear-gradient(135deg,var(--theme-color-primary),var(--theme-color-accent));color:var(--theme-text-primary);padding:var(--spacing-4, 1rem) var(--spacing-6, 1.5rem);text-align:center;font-size:var(--text-font-size-sm, .875rem);border-bottom:1px solid var(--theme-border-primary)}.demo-announcement a{color:var(--theme-text-inverse);font-weight:500}.demo-announcement a:hover{text-decoration:underline}.demo-grid{display:grid;gap:var(--spacing-8, 2rem);grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.demo-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.demo-grid{grid-template-columns:repeat(3,1fr)}}.demo-grid>.sample-card,.demo-grid>.card{height:100%;display:flex;flex-direction:column}.demo-grid--2-col{grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.demo-grid--2-col{grid-template-columns:repeat(2,1fr)}}.demo-grid--bordered{gap:var(--spacing-2, .5rem)}.demo-typography-scale{display:flex;flex-direction:column;gap:var(--spacing-2, .5rem);font-family:var(--font-inter)}.demo-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-2, .5rem)}.demo-color-grid--bordered{gap:1px;background:var(--theme-border-primary);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-md, .375rem);overflow:hidden}.demo-color-grid--bordered>*{background:var(--theme-bg-surface);padding:var(--spacing-4, 1rem)}.demo-color-swatch{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-3, .75rem);border-radius:var(--border-radius-md, .375rem);font-size:var(--text-font-size-xs, .75rem);font-weight:500;text-align:center;transition:transform var(--transition-duration-fast, .15s)}.demo-color-swatch:hover{transform:scale(1.05)}@media(min-width:768px){.demo-color-swatch{aspect-ratio:4/3;font-size:var(--text-font-size-sm, .875rem)}}.demo-component-showcase{display:flex;flex-direction:column;gap:var(--spacing-8, 2rem)}.demo-component-showcase.mt-8{margin-top:var(--spacing-8, 2rem)}.demo-to-top{position:fixed;bottom:var(--spacing-6, 1.5rem);right:var(--spacing-6, 1.5rem);z-index:100;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-duration-normal, .3s)}.demo-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width:639px){.demo-to-top{bottom:var(--spacing-4, 1rem);right:var(--spacing-4, 1rem)}}.demo-progress-container{display:flex;flex-direction:column;gap:var(--spacing-4, 1rem)}.demo-pagination{display:flex;flex-wrap:wrap;gap:var(--spacing-2, .5rem);justify-content:center;align-items:center}.demo-pagination .button{min-width:2.5rem;padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem)}.demo-pagination-info{padding:var(--spacing-2, .5rem);color:var(--theme-text-muted);font-size:var(--text-font-size-sm, .875rem)}.demo-color-swatch--primary{background-color:var(--theme-color-primary);color:var(--theme-color-on-primary)}.demo-color-swatch--secondary{background-color:var(--theme-color-secondary);color:var(--theme-color-on-secondary)}.demo-color-swatch--accent{background-color:var(--theme-color-accent);color:var(--theme-color-on-accent)}.demo-color-swatch--success{background-color:var(--theme-color-success);color:var(--theme-color-on-success)}.demo-color-swatch--warning{background-color:var(--theme-color-warning);color:var(--theme-color-on-warning)}.demo-color-swatch--error{background-color:var(--theme-color-error);color:var(--theme-color-on-error)}.demo-color-swatch--info{background-color:var(--theme-color-info);color:var(--theme-color-on-info)}.demo-color-swatch--cat{background-color:hsl(var(--cat-hue),70%,90%);color:hsl(var(--cat-hue),70%,25%)}.demo-color-swatch--tag{background-color:hsl(var(--tag-hue),70%,90%);color:hsl(var(--tag-hue),70%,25%)}.demo-color-swatch--author{background-color:hsl(var(--author-hue),70%,90%);color:hsl(var(--author-hue),70%,25%)}.demo-color-swatch--year{background-color:hsl(var(--year-hue),70%,90%);color:hsl(var(--year-hue),70%,25%)}.demo-color-swatch--super-cat{background-color:hsl(var(--super-cat-hue),70%,90%);color:hsl(var(--super-cat-hue),70%,25%)}.demo-color-swatch--pop{background-color:hsl(var(--pop-hue),70%,90%);color:hsl(var(--pop-hue),70%,25%)}.demo-color-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}@media(min-width:640px){.demo-color-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media(min-width:1024px){.demo-color-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.taxonomy-hero{--hero-max-width: 72rem;--hero-padding-inline: var(--spacing-lg);--title-size-min: 2.25rem;--title-size-max: 3.75rem;--desc-size-min: 1rem;--desc-size-max: 1.25rem;width:100%;max-width:var(--hero-max-width);margin-inline:auto;padding-inline:var(--hero-padding-inline);padding-block:var(--spacing-3xl, 4rem);text-align:center;container-type:inline-size;container-name:taxonomy-hero}.taxonomy-hero__title{font-size:clamp(var(--title-size-min),5cqw,var(--title-size-max));font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-block-end:var(--spacing-md);color:var(--theme-text-primary)}.taxonomy-hero__icon{display:inline-block;margin-inline-end:var(--spacing-sm);transform:translateY(.1em)}.taxonomy-hero__description{font-size:clamp(var(--desc-size-min),3cqw,var(--desc-size-max));line-height:1.7;color:var(--theme-text-muted);max-width:65ch;margin-inline:auto;margin-block-end:var(--spacing-xl)}.taxonomy-hero__stats{--stats-gap: var(--spacing-lg);--stat-font-size: .875rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--stats-gap);margin-block-end:var(--spacing-xl)}@media(max-width:639px){.taxonomy-hero__stats{--stats-gap: var(--spacing-md);--stat-font-size: .75rem}}.taxonomy-hero__stat{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--stat-font-size);color:var(--theme-text-muted);white-space:nowrap}.taxonomy-hero__stat-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.taxonomy-hero__search{--search-max-width: 36rem;--search-height: 3.5rem;--search-icon-size: 1.25rem;width:100%;max-width:var(--search-max-width);margin-inline:auto;position:relative}.taxonomy-hero__search-input{width:100%;height:var(--search-height);padding-inline-start:calc(var(--search-icon-size) + var(--spacing-md) + var(--spacing-md));padding-inline-end:6.5rem;padding-block:var(--spacing-sm);border:1px solid var(--theme-border-primary);border-radius:9999px;background:var(--theme-bg-primary);color:var(--theme-text-primary);font-size:1rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.taxonomy-hero__search-input::placeholder{color:var(--theme-text-muted)}.taxonomy-hero__search-input:focus{outline:none;border-color:var(--theme-color-primary);box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb),.15);transform:translateY(-1px)}@media(max-width:639px){.taxonomy-hero__search-input{--search-height: 3rem;font-size:.9375rem;padding-inline-start:calc(var(--search-icon-size) + var(--spacing-sm) + var(--spacing-sm));padding-inline-end:5.5rem}}.taxonomy-hero__search-icon{position:absolute;inset-inline-start:var(--spacing-md);inset-block-start:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--theme-text-muted);pointer-events:none}@media(max-width:639px){.taxonomy-hero__search-icon{inset-inline-start:var(--spacing-sm);width:1.125rem;height:1.125rem}}.taxonomy-hero__search-actions{position:absolute;inset-inline-end:var(--spacing-sm);inset-block-start:50%;transform:translateY(-50%);display:flex;align-items:center;gap:var(--spacing-xs)}.taxonomy-hero__search-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--theme-text-muted);cursor:pointer;transition:all .2s ease}.taxonomy-hero__search-btn svg{width:1.125rem;height:1.125rem;stroke-width:2}.taxonomy-hero__search-btn:hover{background:var(--theme-bg-surface-secondary);color:var(--theme-text-primary)}.taxonomy-hero__search-toggle svg{fill:none}.taxonomy-hero__results{margin-block-start:var(--spacing-lg)}.taxonomy-hero__results-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem;background:var(--theme-bg-primary);border:1px solid var(--theme-border-primary)}.taxonomy-hero__divider{width:8rem;height:.375rem;margin-inline:auto;margin-block:var(--spacing-xl);border-radius:var(--radius-full);background:linear-gradient(to right,var(--theme-color-primary),var(--theme-color-secondary),var(--theme-color-accent));box-shadow:var(--shadow-md)}@media(max-width:639px){.taxonomy-hero__divider{width:5rem;height:.25rem}}.taxonomy-content{--content-max-width: 80rem;--content-padding-inline: var(--spacing-lg);width:100%;max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--content-padding-inline);padding-block-end:var(--spacing-3xl)}.taxonomy-section{padding:var(--spacing-xl);margin-block:var(--spacing-lg);border-radius:var(--radius-xl, 1.5rem);background:rgba(var(--theme-bg-surface-rgb),.3);border:1px solid var(--theme-border-primary);position:relative;box-shadow:var(--shadow-sm)}.taxonomy-section:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--theme-color-primary) 0%,var(--theme-color-secondary) 50%,var(--theme-color-accent) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5;transition:opacity .2s ease}.taxonomy-section:last-of-type{margin-block-end:0}.taxonomy-section:hover{box-shadow:var(--shadow-lg)}.taxonomy-section:hover:before{opacity:1}.taxonomy-section__header{margin-block-end:var(--spacing-xl);padding-block-end:var(--spacing-md);border-block-end:1px solid var(--theme-border-primary)}@media(max-width:767px){.taxonomy-hero{--hero-padding-inline: var(--spacing-md);--title-size-min: 2rem;--title-size-max: 2.75rem}.taxonomy-section{padding:var(--spacing-lg);margin-block:var(--spacing-md)}}@media(max-width:639px){.taxonomy-hero{--hero-padding-inline: var(--spacing-sm);--title-size-min: 1.75rem;--title-size-max: 2.25rem;--desc-size-min: .9375rem;--desc-size-max: 1.0625rem;padding-block:var(--spacing-2xl)}.taxonomy-content{--content-padding-inline: var(--spacing-sm)}.taxonomy-section{padding:var(--spacing-md);border-radius:var(--radius-lg, 1rem)}}.section-copy-link{position:relative;margin-left:auto;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--theme-border-primary);border-radius:var(--radius-md, .5rem);background:var(--theme-bg-surface);color:var(--theme-text-muted);cursor:pointer;transition:all .2s ease}.section-copy-link svg{width:1rem;height:1rem;stroke-width:2}.section-copy-link:hover{background:var(--theme-bg-surface-secondary);color:var(--theme-color-primary);border-color:var(--theme-color-primary)}.section-copy-link:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.section-copy-link .copy-feedback{position:absolute;inset-block-start:calc(100% + var(--spacing-sm));inset-inline-start:50%;transform:translate(-50%) translateY(-4px);padding:var(--spacing-xs) var(--spacing-sm);background:var(--theme-text-primary);color:var(--theme-bg-primary);font-size:.75rem;font-weight:600;border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:10}.section-copy-link .copy-feedback:before{content:"";position:absolute;inset-block-start:-4px;inset-inline-start:50%;transform:translate(-50%);border-width:0 4px 4px 4px;border-style:solid;border-color:transparent transparent var(--theme-text-primary) transparent}.section-copy-link.is-copied .copy-feedback{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@media(prefers-color-scheme:dark){.taxonomy-hero__search-input{background:var(--theme-bg-surface-secondary)}}@media(prefers-reduced-motion:reduce){.taxonomy-hero__search-input:focus{transform:none;transition:none}.taxonomy-hero__search-btn{transition:none}}.taxonomy-preview{margin-block:var(--spacing-lg, 1.5rem)}.taxonomy-preview .topic-section-header{margin-bottom:var(--spacing-lg, 1.5rem)}.taxonomy-preview__tags{padding:var(--spacing-md, 1rem) 0}.topic-section__view-all{margin-left:auto;display:inline-flex;align-items:center;gap:var(--spacing-xs, .25rem);padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);font-size:.875rem;font-weight:600;color:var(--theme-color-primary);text-decoration:none;border-radius:var(--radius-md, .5rem);transition:all .2s ease}.topic-section__view-all svg{width:1.125rem;height:1.125rem;stroke-width:2;transition:transform .2s ease}.topic-section__view-all:hover{background:var(--theme-bg-surface-secondary)}.topic-section__view-all:hover svg{transform:translate(2px)}.topic-section__view-all:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.taxonomy-preview__card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md, 1rem);background:var(--theme-bg-surface);border:1px solid var(--theme-border-primary);border-radius:var(--radius-lg, 1rem);text-decoration:none;transition:all .2s ease}.taxonomy-preview__card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--theme-color-primary) 0%,var(--theme-color-secondary) 50%,var(--theme-color-accent) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.4}.taxonomy-preview__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--theme-color-primary)}.taxonomy-preview__card:hover:before{opacity:.8}.taxonomy-preview__card:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.taxonomy-preview__card-header{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);min-width:0}.taxonomy-preview__card-icon{font-size:1.25rem;flex-shrink:0}.taxonomy-preview__card-name{font-size:.9375rem;font-weight:600;color:var(--theme-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taxonomy-preview__card-count{flex-shrink:0;font-size:.8125rem;color:var(--theme-text-muted);padding-inline-start:var(--spacing-sm, .5rem)}.taxonomy-preview__footer{margin-top:var(--spacing-lg, 1.5rem);text-align:center}.topic-btn--light{display:inline-flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:.875rem 2rem;border-radius:var(--radius-full, 9999px);background:var(--theme-bg-surface);color:var(--theme-text-primary);font-weight:700;font-size:.9375rem;box-shadow:var(--shadow-sm);border:1px solid var(--theme-border-primary);text-decoration:none;transition:all .3s ease}.topic-btn--light svg{stroke-width:2;transition:transform .2s ease}.topic-btn--light:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--theme-color-primary);color:var(--theme-color-primary)}.topic-btn--light:hover svg{transform:translate(-2px)}.topic-btn--light:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}@media(max-width:768px){.topic-section-header{flex-wrap:wrap;gap:var(--spacing-md, 1rem)}.topic-section__view-all{margin-left:0;width:100%;justify-content:center}.taxonomy-preview__card{padding:var(--spacing-sm, .75rem)}.taxonomy-preview__card-name{font-size:.875rem}}@media(prefers-color-scheme:dark){.taxonomy-preview__card,.topic-btn--light{background:var(--theme-bg-surface-secondary)}}@media(prefers-reduced-motion:reduce){.taxonomy-preview__card,.topic-btn--light,.topic-section__view-all{transition:none}.taxonomy-preview__card:hover,.topic-btn--light:hover{transform:none}}.taxonomy-previews{padding-block:var(--spacing-xl, 2rem);background:var(--theme-bg-primary)}.taxonomy-previews .container{max-width:80rem;margin-inline:auto;padding-inline:var(--spacing-lg, 1.5rem);display:flex;flex-direction:column;gap:var(--spacing-lg, 1.5rem)}@media(max-width:768px){.taxonomy-previews .container{padding-inline:var(--spacing-md, 1rem)}}:root{--related-thumb-size: 80px;--related-thumb-size-mobile: 64px;--related-avatar-size: 22px;--related-avatar-size-mobile: 20px;--related-star-color: #fbbf24;--related-star-empty: #e2e8f0;--related-transition: .3s cubic-bezier(.4, 0, .2, 1)}.related-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.related-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-1)}.related-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-font-size-base);font-weight:600;color:var(--theme-text-primary);margin:0}.related-title svg{color:var(--theme-color-primary)}.related-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin:0;padding:0;list-style:none}.related-item{margin:0;padding:0}.related-card{position:relative;display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-lg);background:var(--theme-bg-surface-secondary);border:1px solid var(--theme-border-primary);transition:var(--related-transition);overflow:hidden}.related-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(var(--hue-1, 220),60%,98%,.8),hsla(var(--hue-2, 200),60%,99%,.4));opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.related-card:hover{transform:translateY(-4px) scale(1.01);border-color:rgba(var(--theme-color-primary-rgb),.3);box-shadow:0 10px 40px -10px rgba(var(--theme-color-primary-rgb),.15),0 2px 10px -2px rgba(var(--theme-color-primary-rgb),.08),inset 0 1px #ffffff80}.related-card:hover:before{opacity:1}.related-card:hover .related-card-title{color:var(--theme-color-primary)}.related-card:hover .related-thumb{transform:scale(1.05)}.related-thumb{position:relative;display:block;width:var(--related-thumb-size);height:var(--related-thumb-size);border-radius:var(--border-radius-lg);overflow:hidden;flex-shrink:0;background:var(--theme-bg-surface-tertiary);z-index:1;transition:transform .4s var(--related-transition);box-shadow:0 2px 8px #00000014}.related-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--related-transition)}.related-thumb:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff3;pointer-events:none}.related-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--text-font-size-2xl);font-weight:700;color:var(--theme-text-muted);background:linear-gradient(135deg,hsla(var(--hue-1, 210),70%,92%,1),hsla(var(--hue-2, 240),70%,88%,1))}.related-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1);z-index:1}.related-card-title{font-size:var(--text-font-size-base);font-weight:600;line-height:1.45;color:var(--theme-text-primary);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s ease;letter-spacing:-.01em}.related-pill{display:inline-flex;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:600;font-family:var(--font-inter);letter-spacing:.02em;text-transform:uppercase;border-radius:var(--border-radius-full);background:hsla(var(--pill-hue, 210),70%,92%,1);color:hsla(var(--pill-hue, 210),70%,28%,1);transition:all .25s ease;box-shadow:0 1px 2px #0000000a;width:fit-content}.related-pill:hover{background:hsla(var(--pill-hue, 210),70%,85%,1);transform:translateY(-1px);box-shadow:0 2px 4px #0000000f}.related-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-1);font-size:.75rem;color:var(--theme-text-muted);line-height:1.3}.related-author{display:inline-flex;align-items:center;gap:var(--spacing-2);color:inherit;text-decoration:none;transition:color .2s ease}.related-author:hover{color:var(--theme-color-primary)}.related-avatar{width:var(--related-avatar-size);height:var(--related-avatar-size);min-width:var(--related-avatar-size);border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 1px 3px #0000001a;margin:0!important}.related-avatar-fallback{display:flex;align-items:center;justify-content:center;width:var(--related-avatar-size);height:var(--related-avatar-size);min-width:var(--related-avatar-size);border-radius:50%;font-size:.7rem;font-weight:600;text-transform:uppercase;background:linear-gradient(135deg,var(--theme-bg-surface-tertiary),var(--theme-bg-surface-secondary));color:var(--theme-text-secondary);flex-shrink:0;box-shadow:0 1px 3px #0000001a}.related-author-name{max-width:100px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-sep{color:var(--theme-border-muted);font-size:.8em}.related-stars{display:inline-flex;gap:1px;color:var(--related-star-empty)}.related-star{display:inline-block;font-size:.85rem;line-height:1;transition:all .3s ease}.related-star[data-filled=true]{color:var(--related-star-color);text-shadow:0 0 8px rgba(251,191,36,.3);animation:starPulse 2s ease-in-out infinite}@keyframes starPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.95)}}.related-time,.related-date{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;font-weight:500}.related-time svg,.related-date svg{flex-shrink:0;width:11px;height:11px;opacity:.7}.related-date{font-weight:400}.related-overlay{position:absolute;inset:0;z-index:5;text-decoration:none;color:inherit;border-radius:var(--border-radius-lg)}.related-overlay:focus{outline:none}.related-overlay:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.related-actions{display:flex;justify-content:center;padding-top:var(--spacing-3)}.related-footer{margin-top:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--theme-border-primary)}.related-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-family:var(--font-inter);font-size:var(--text-font-size-xs);font-weight:600;border-radius:var(--border-radius-lg);letter-spacing:.02em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:var(--related-transition)}.related-btn--primary{width:100%;background:linear-gradient(135deg,var(--theme-color-primary) 0%,hsl(var(--theme-color-primary-hue),70%,45%) 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(var(--theme-color-primary-rgb),.25)}.related-btn--primary:hover{background:var(--theme-bg-surface-secondary);color:var(--theme-color-primary);border-color:var(--theme-color-primary);transform:translateY(-2px);box-shadow:0 6px 20px -6px rgba(var(--theme-color-primary-rgb),.3)}.related-btn--secondary{width:100%;background:var(--theme-bg-surface-secondary);color:var(--theme-text-secondary);border-color:var(--theme-border-primary)}.related-btn--secondary:hover:not(:disabled){background:var(--theme-color-primary);color:#fff;border-color:var(--theme-color-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--theme-color-primary-rgb),.2)}.related-btn--secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.related-btn--secondary.is-loading{color:transparent;pointer-events:none}.related-btn--secondary.is-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.related-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4);text-align:center;color:var(--theme-text-muted)}.related-empty svg{margin-bottom:var(--spacing-4);opacity:.4}.related-empty p{margin:0;font-size:var(--text-font-size-sm);font-style:italic}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.related-card{gap:var(--spacing-3);padding:var(--spacing-2)}.related-card:hover{transform:translateY(-2px) scale(1.01)}.related-thumb{width:var(--related-thumb-size-mobile);height:var(--related-thumb-size-mobile)}.related-placeholder{font-size:var(--text-font-size-xl)}.related-meta{font-size:.7rem;gap:var(--spacing-1)}.related-card-title{font-size:var(--text-font-size-sm);line-height:1.4}.related-avatar,.related-avatar-fallback{width:var(--related-avatar-size-mobile);min-width:var(--related-avatar-size-mobile)}.related-avatar-fallback{font-size:.65rem}.related-author-name{max-width:70px}.related-star{font-size:.75rem}.related-btn{padding:var(--spacing-2) var(--spacing-4)}}.article-hero{width:100%;padding-block:var(--spacing-10);background:linear-gradient(135deg,var(--color-primary-light),transparent);border-bottom:1px solid var(--color-border-primary)}@media(max-width:768px){.article-hero{padding-block:var(--spacing-8)}}.breadcrumb{display:flex;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--spacing-4);flex-wrap:wrap}.breadcrumb li:not(:last-child):after{content:"/";color:var(--color-text-tertiary)}.breadcrumb a{color:var(--color-primary);text-decoration:none}.breadcrumb span{color:var(--color-text-tertiary)}.featured-image-container{position:relative;margin:var(--spacing-6) 0;border-radius:var(--radius-xl);overflow:hidden;height:400px;width:100%;background-color:var(--color-surface-tertiary)}@media(max-width:768px){.featured-image-container{height:240px;margin:var(--spacing-4) 0}}@media(max-width:400px){.featured-image-container{height:200px}}.featured-image-container img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.featured-image-container:hover img{transform:scale(1.02)}.hero-badge{position:absolute;top:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);background:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;box-shadow:var(--shadow-md);z-index:2;display:flex;align-items:center;gap:var(--spacing-1)}@media(max-width:400px){.hero-badge{top:var(--spacing-3);padding:var(--spacing-1) var(--spacing-3);font-size:10px}}.hero-badge.left{left:var(--spacing-4)}@media(max-width:400px){.hero-badge.left{left:var(--spacing-3)}}.hero-badge.right{right:var(--spacing-4)}@media(max-width:400px){.hero-badge.right{right:var(--spacing-3)}}.post-tags{display:flex;gap:var(--spacing-2);flex-wrap:wrap;margin-bottom:var(--spacing-6)}.tag-badge{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background:var(--color-surface-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-primary);transition:all var(--transition-fast);text-decoration:none}.tag-badge:hover{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);text-decoration:none}.hero-title{font-size:clamp(var(--text-2xl),5vw,var(--text-5xl));font-weight:800;line-height:1.15;margin-bottom:var(--spacing-4);color:var(--color-text-primary)}.hero-description{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-6);max-width:800px}.meta-item{display:flex;align-items:center;gap:var(--spacing-3)}.meta-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.meta-value{font-size:var(--text-base);color:var(--color-text-primary);font-weight:500}.meta-values-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.meta-value-sm{font-size:var(--text-sm);color:var(--color-text-secondary)}.meta-card,.meta-card *{--local-color-primary: var(--theme-color-primary);--local-color-text-main: var(--theme-text-primary);--local-color-text-muted: var(--theme-text-muted);--local-color-text-secondary: var(--theme-text-secondary);--local-color-border: var(--theme-border-primary);--local-color-surface: var(--theme-bg-surface-secondary);--local-color-surface-tertiary: var(--theme-bg-surface-tertiary);--local-color-success: var(--theme-color-success);--local-color-warning: var(--theme-color-warning);--local-color-error: var(--theme-color-error);--local-color-star-empty: var(--theme-stars-empty);--local-color-star-filled: var(--theme-stars-fill)}.meta-card{background:var(--local-color-surface);border:1px solid var(--local-color-border);border-radius:var(--radius-xl)}.meta-card--pad{padding:var(--space-5)}.meta-card--pad-lg{padding:var(--space-6)}.author-avatar{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0;border:2px solid var(--local-color-border)}.author-avatar.size-sm{width:40px;height:40px}.author-avatar.size-lg{width:80px;height:80px}.article-meta__star-rating{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1)}.article-meta__stars{display:inline-flex;color:var(--local-color-star-empty, #cbd5e0);font-size:1rem;line-height:1}.article-meta__star{position:relative;display:inline-block;width:1em;height:1em;line-height:1}.article-meta__star-base{position:absolute;top:0;left:0;width:100%;height:100%;color:var(--local-color-star-empty)}.article-meta__star-fill{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;clip-path:inset(0 calc(100% - var(--fill-pct, 100%)) 0 0)}.article-meta__star-filled{display:block;width:100%;height:100%;color:var(--local-color-star-filled, #fbbf24)}.article-meta__rating-score{font-size:var(--text-sm);font-weight:700;color:var(--local-color-text-main);margin-left:var(--space-2)}.badge-difficulty{font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:700;display:inline-block;background:var(--local-color-surface-tertiary);color:var(--local-color-text-secondary);border:1px solid var(--local-color-border)}.badge-difficulty.diff-easy{background:var(--local-color-success-light);color:var(--local-color-success);border-color:transparent}.badge-difficulty.diff-intermediate{background:var(--local-color-warning-light);color:var(--local-color-warning);border-color:transparent}.badge-difficulty.diff-hard{background:var(--local-color-error-light);color:var(--local-color-error);border-color:transparent}.meta-item{display:flex;align-items:center;gap:var(--space-3)}.meta-icon{font-size:var(--text-xl);opacity:.8}.meta-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.meta-label{font-size:var(--text-xs);color:var(--local-color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.meta-value{font-size:var(--text-base);color:var(--local-color-text-main);font-weight:500}.meta-values-group{display:flex;flex-direction:column;gap:var(--space-1)}.meta-value-sm{font-size:var(--text-sm);color:var(--local-color-text-secondary)}.breadcrumb{display:flex;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--theme-text-muted);flex-wrap:wrap}.breadcrumb ol{display:flex;gap:var(--spacing-2);list-style:none;margin:0;padding:0;flex-wrap:wrap}.breadcrumb li{display:flex;align-items:center;gap:var(--spacing-2)}.breadcrumb li:not(:last-child):after{content:"/";color:var(--theme-text-muted)}.breadcrumb a{color:var(--theme-color-primary);text-decoration:none;transition:text-decoration .2s ease}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:var(--theme-text-secondary)}.toc-container{background:transparent;border:none;padding:0}.toc-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.toc-link{display:block;padding:var(--space-2) var(--space-3);border-inline-start:3px solid transparent;color:var(--color-text-secondary);font-size:var(--text-sm);text-decoration:none;transition:all var(--transition-fast)}.toc-link:hover,.toc-link.is-active{color:var(--color-primary);background:var(--color-primary-light);border-inline-start-color:var(--color-primary)}.toc-link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.sidebar-section{margin-bottom:var(--space-6)}.toc-empty{font-size:var(--text-sm);color:var(--theme-text-muted);text-align:center;padding:var(--space-4);font-style:italic}.share-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);max-width:100%}.share-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:var(--color-text-primary);background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;flex:0 0 auto;white-space:nowrap;max-width:100%}.share-btn svg{flex-shrink:0;width:20px;height:20px}.share-btn span{flex:0 0 auto;overflow:hidden;text-overflow:ellipsis}.share-btn:hover{transform:translateY(-2px);text-decoration:none}.share-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.share-btn.share-copy{background:transparent;border:1px dashed var(--color-border-primary)}.share-btn.share-copy:hover{border-style:solid;border-color:var(--color-primary);background:var(--color-primary-light)}.share-btn.share-x{color:#000}.share-btn.share-x:hover{background:#000;color:#fff;border-color:#000}.share-btn.share-x svg{color:#000}.share-btn.share-x:hover svg{color:#fff}.share-btn.share-facebook{color:#1877f2}.share-btn.share-facebook:hover{background:#1877f2;color:#fff;border-color:#1877f2}.share-btn.share-facebook svg{color:#1877f2}.share-btn.share-facebook:hover svg{color:#fff}.share-btn.share-linkedin{color:#0a66c2}.share-btn.share-linkedin:hover{background:#0a66c2;color:#fff;border-color:#0a66c2}.share-btn.share-linkedin svg{color:#0a66c2}.share-btn.share-linkedin:hover svg{color:#fff}.share-btn.share-reddit{color:#ff4500}.share-btn.share-reddit:hover{background:#ff4500;color:#fff;border-color:#ff4500}.share-btn.share-reddit svg{color:#ff4500}.share-btn.share-reddit:hover svg{color:#fff}.share-btn.share-whatsapp{color:#25d366}.share-btn.share-whatsapp:hover{background:#25d366;color:#fff;border-color:#25d366}.share-btn.share-whatsapp svg{color:#25d366}.share-btn.share-whatsapp:hover svg{color:#fff}.share-btn.share-email{color:var(--color-primary)}.share-btn.share-email:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.share-btn.share-email svg{color:var(--color-primary)}.share-btn.share-email:hover svg{color:#fff}.share-btn.share-tiktok{color:#000}.share-btn.share-tiktok:hover{background:#000;color:#fff;border-color:#000}.share-btn.share-tiktok svg{color:#000}.share-btn.share-tiktok:hover svg{color:#fff}.share-btn.share-instagram{color:#e4405f}.share-btn.share-instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border-color:transparent}.share-btn.share-instagram svg{color:#e4405f}.share-btn.share-instagram:hover svg{color:#fff}.share-btn.share-pinterest{color:#e60023}.share-btn.share-pinterest:hover{background:#e60023;color:#fff;border-color:#e60023}.share-btn.share-pinterest svg{color:#e60023}.share-btn.share-pinterest:hover svg{color:#fff}.share-btn.share-telegram{color:#08c}.share-btn.share-telegram:hover{background:#08c;color:#fff;border-color:#08c}.share-btn.share-telegram svg{color:#08c}.share-btn.share-telegram:hover svg{color:#fff}.share-btn.share-discord{color:#5865f2}.share-btn.share-discord:hover{background:#5865f2;color:#fff;border-color:#5865f2}.share-btn.share-discord svg{color:#5865f2}.share-btn.share-discord:hover svg{color:#fff}.share-btn.share-threads{color:#000}.share-btn.share-threads:hover{background:#000;color:#fff;border-color:#000}.share-btn.share-threads svg{color:#000}.share-btn.share-threads:hover svg{color:#fff}.share-btn.share-youtube{color:red}.share-btn.share-youtube:hover{background:red;color:#fff;border-color:red}.share-btn.share-youtube svg{color:red}.share-btn.share-youtube:hover svg{color:#fff}.share-btn.share-snapchat{color:#fffc00}.share-btn.share-snapchat:hover{background:#fffc00;color:#000;border-color:#fffc00}.share-btn.share-snapchat svg{color:#000}.share-btn.share-snapchat:hover svg{color:#000}.share-btn.share-tumblr{color:#001935}.share-btn.share-tumblr:hover{background:#001935;color:#fff;border-color:#001935}.share-btn.share-tumblr svg{color:#001935}.share-btn.share-tumblr:hover svg{color:#fff}.share-btn.share-messenger{color:#0084ff}.share-btn.share-messenger:hover{background:#0084ff;color:#fff;border-color:#0084ff}.share-btn.share-messenger svg{color:#0084ff}.share-btn.share-messenger:hover svg{color:#fff}.share-btn.share-slack{color:#36c5f0}.share-btn.share-slack:hover{background:#36c5f0;color:#fff;border-color:#36c5f0}.share-btn.share-slack svg{color:#36c5f0}.share-btn.share-slack:hover svg{color:#fff}.share-btn.share-signal{color:#3a76f0}.share-btn.share-signal:hover{background:#3a76f0;color:#fff;border-color:#3a76f0}.share-btn.share-signal svg{color:#3a76f0}.share-btn.share-signal:hover svg{color:#fff}.share-btn.share-mastodon{color:#3088d4}.share-btn.share-mastodon:hover{background:#3088d4;color:#fff;border-color:#3088d4}.share-btn.share-mastodon svg{color:#3088d4}.share-btn.share-mastodon:hover svg{color:#fff}.share-btn.share-pixelfed{color:#eb0256}.share-btn.share-pixelfed:hover{background:linear-gradient(45deg,#ff5c34,#eb0256);color:#fff;border-color:transparent}.share-btn.share-pixelfed svg{color:#eb0256}.share-btn.share-pixelfed:hover svg{color:#fff}.share-btn.share-wire{color:#000}.share-btn.share-wire:hover{background:#000;color:#fff;border-color:#000}.share-btn.share-wire svg{color:#000}.share-btn.share-wire:hover svg{color:#fff}.share-btn.share-element{color:#0dbd8b}.share-btn.share-element:hover{background:#0dbd8b;color:#fff;border-color:#0dbd8b}.share-btn.share-element svg{color:#0dbd8b}.share-btn.share-element:hover svg{color:#fff}.share-buttons--compact{gap:var(--space-1)}.share-buttons--compact .share-btn{padding:var(--space-2)}.share-buttons--compact .share-btn svg{width:18px;height:18px}.share-buttons--compact .share-btn span{display:none}.quiz-block,.quiz-block *{--local-color-primary: var(--theme-color-primary);--local-color-primary-light: var(--theme-color-primary-light);--local-color-primary-rgb: var(--theme-color-primary-rgb);--local-color-text-main: var(--theme-text-primary);--local-color-text-secondary: var(--theme-text-secondary);--local-color-text-tertiary: var(--theme-text-muted);--local-color-border: var(--theme-border-primary);--local-color-surface: var(--theme-bg-surface-secondary);--local-color-surface-hover: var(--theme-bg-surface-tertiary);--local-color-success: var(--theme-color-success);--local-color-success-light: var(--theme-color-success-soft-bg);--local-color-success-text: var(--theme-color-success-soft-text);--local-color-error: var(--theme-color-error);--local-color-error-light: var(--theme-color-error-soft-bg);--local-color-error-text: var(--theme-color-error-soft-text);--local-radius-lg: var(--radius-lg);--local-radius-xl: var(--radius-xl);--local-radius-full: var(--radius-full);--local-shadow-sm: var(--shadow-sm);--local-shadow-md: var(--shadow-md);--local-shadow-lg: var(--shadow-lg);--local-transition-fast: var(--transition-fast);--local-transition-normal: var(--transition-normal)}.quiz-block{background:var(--local-color-surface);border:1px solid var(--local-color-border);border-radius:var(--local-radius-xl);padding:var(--space-12);position:relative;overflow:hidden;min-height:320px;display:flex;flex-direction:column;box-shadow:var(--local-shadow-sm);margin:var(--space-8) 0}.quiz-block:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--local-color-primary),var(--local-color-primary-light))}@media(max-width:768px){.quiz-block{padding:var(--space-10);margin:var(--space-6) 0;min-height:300px}}@media(max-width:600px){.quiz-block{padding:var(--space-8);margin:var(--space-5) 0;min-height:280px}}@media(max-width:480px){.quiz-block{padding:var(--space-6);margin:var(--space-4) 0;min-height:auto}}@media(max-width:360px){.quiz-block{padding:var(--space-5);margin:var(--space-3) 0}}#quiz-content-window{flex:1;display:flex;flex-direction:column;animation:quizFadeUp var(--local-transition-normal) ease-out}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--local-color-border)}@media(max-width:768px){.quiz-header{margin-bottom:var(--space-5);padding-bottom:var(--space-3);flex-wrap:wrap;gap:var(--space-3)}}@media(max-width:600px){.quiz-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3)}}@media(max-width:480px){.quiz-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.quiz-header-content{flex:1}@media(max-width:600px){.quiz-header-content{width:100%}}.quiz-progress{display:flex;flex-direction:column;gap:var(--space-1)}.quiz-progress-text{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--local-color-text-tertiary)}.quiz-progress-bar{height:4px;background:var(--local-color-border);border-radius:var(--local-radius-full);overflow:hidden;width:120px}.quiz-progress-bar .quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--local-color-primary),var(--local-color-primary-light));border-radius:var(--local-radius-full);transition:width var(--local-transition-normal) ease}.quiz-score-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:rgba(var(--local-color-primary-rgb),.1);color:var(--local-color-primary);border-radius:var(--local-radius-full);font-size:var(--text-sm);font-weight:600}.quiz-question-wrapper{margin-bottom:var(--space-8)}@media(max-width:768px){.quiz-question-wrapper{margin-bottom:var(--space-6)}}@media(max-width:600px){.quiz-question-wrapper{margin-bottom:var(--space-5)}}@media(max-width:480px){.quiz-question-wrapper{margin-bottom:var(--space-4)}}.quiz-question-number{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--local-color-primary);margin-bottom:var(--space-2)}.quiz-question{font-size:var(--text-xl);font-weight:700;line-height:1.4;color:var(--local-color-text-main);margin:0}@media(max-width:768px){.quiz-question{font-size:var(--text-lg)}}@media(max-width:600px){.quiz-question{font-size:var(--text-base);line-height:1.5}}@media(max-width:480px){.quiz-question{font-size:var(--text-base);line-height:1.5}}@media(max-width:360px){.quiz-question{font-size:var(--text-sm);line-height:1.4}}.quiz-options{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8);max-width:100%}@media(max-width:768px){.quiz-options{gap:var(--space-3);margin-bottom:var(--space-6)}}@media(max-width:600px){.quiz-options{gap:var(--space-2);margin-bottom:var(--space-5)}}@media(max-width:480px){.quiz-options{gap:var(--space-2);margin-bottom:var(--space-4)}}.quiz-option{position:relative;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--theme-bg-primary);border:2px solid var(--local-color-border);border-radius:var(--local-radius-lg);cursor:pointer;transition:all var(--local-transition-fast);min-height:60px;box-shadow:var(--local-shadow-sm);max-width:100%;width:100%}@media(max-width:600px){.quiz-option{gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:56px}}@media(max-width:480px){.quiz-option{gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:52px;border-radius:var(--local-radius-md)}}@media(max-width:360px){.quiz-option{gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:48px}}.quiz-option:before{content:"";position:absolute;inset:0;border-radius:var(--local-radius-lg);opacity:0;transition:opacity var(--local-transition-fast);box-shadow:0 0 0 1px var(--local-color-primary)}.quiz-option:hover:not(.is-disabled){border-color:var(--local-color-primary);transform:translateY(-2px);box-shadow:var(--local-shadow-md)}.quiz-option:hover:not(.is-disabled):before{opacity:.05;background:var(--local-color-primary)}.quiz-option:hover:not(.is-disabled) .quiz-option-marker{background:var(--local-color-primary);color:var(--theme-text-inverse)}.quiz-option:focus-visible{outline:none}.quiz-option:focus-visible:before{opacity:1;outline:2px solid var(--local-color-primary);outline-offset:2px}.quiz-option.is-selected{border-color:var(--local-color-primary);background:rgba(var(--local-color-primary-rgb),.03)}.quiz-option.is-selected .quiz-option-marker{background:var(--local-color-primary);color:var(--theme-text-inverse)}.quiz-option.is-correct{border-color:var(--local-color-success);background:var(--local-color-success-light)}.quiz-option.is-correct .quiz-option-marker{background:var(--local-color-success);color:var(--theme-text-inverse)}.quiz-option.is-correct .quiz-option-icon{opacity:1;color:var(--local-color-success)}.quiz-option.is-incorrect{border-color:var(--local-color-error);background:var(--local-color-error-light)}.quiz-option.is-incorrect .quiz-option-marker{background:var(--local-color-error);color:var(--theme-text-inverse)}.quiz-option.is-incorrect .quiz-option-icon{opacity:1;color:var(--local-color-error)}.quiz-option.is-disabled{cursor:not-allowed;opacity:.7}.quiz-option.is-disabled:hover{transform:none;box-shadow:var(--local-shadow-sm)}.quiz-option-marker{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--local-color-surface);border-radius:var(--local-radius-full);font-size:var(--text-sm);font-weight:600;color:var(--local-color-text-secondary);flex-shrink:0;transition:all var(--local-transition-fast)}@media(max-width:480px){.quiz-option-marker{width:28px;height:28px;font-size:var(--text-xs)}}@media(max-width:360px){.quiz-option-marker{width:24px;height:24px;font-size:10px}}.quiz-option-content{flex:1;font-size:var(--text-base);font-weight:500;color:var(--local-color-text-main);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.quiz-option-icon{opacity:0;flex-shrink:0;transition:opacity var(--local-transition-fast)}.quiz-option-icon svg{width:20px;height:20px}.quiz-controls{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-6);border-top:1px solid var(--local-color-border);max-width:100%}@media(max-width:768px){.quiz-controls{padding-top:var(--space-5)}}@media(max-width:600px){.quiz-controls{padding-top:var(--space-4)}}@media(max-width:480px){.quiz-controls{flex-direction:column;gap:var(--space-2);padding-top:var(--space-4)}}@media(max-width:360px){.quiz-controls{gap:var(--space-2);padding-top:var(--space-3)}}.quiz-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:600;border-radius:var(--local-radius-lg);cursor:pointer;transition:all var(--local-transition-fast);border:none;white-space:nowrap;max-width:100%}@media(max-width:600px){.quiz-btn{padding:var(--space-3) var(--space-5)}}@media(max-width:480px){.quiz-btn{width:100%;padding:var(--space-3) var(--space-4)}}@media(max-width:360px){.quiz-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.quiz-btn-primary{background:linear-gradient(135deg,var(--local-color-primary),rgba(var(--local-color-primary-rgb),.9));color:var(--theme-text-inverse);box-shadow:0 2px 8px rgba(var(--local-color-primary-rgb),.3)}.quiz-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--local-color-primary-rgb),.4)}.quiz-btn-primary:active{transform:translateY(0)}.quiz-btn-primary:disabled{opacity:.5;cursor:not-allowed}.quiz-btn-secondary{background:var(--theme-bg-primary);color:var(--local-color-text-main);border:1px solid var(--local-color-border)}.quiz-btn-secondary:hover:not(:disabled){background:var(--local-color-surface-hover);border-color:var(--local-color-primary)}.quiz-results{text-align:center;padding:var(--space-8) var(--space-4)}@media(max-width:768px){.quiz-results{padding:var(--space-6) var(--space-4)}}@media(max-width:600px){.quiz-results{padding:var(--space-5) var(--space-3)}}@media(max-width:480px){.quiz-results{padding:var(--space-4) var(--space-3)}}@media(max-width:360px){.quiz-results{padding:var(--space-3) var(--space-2)}}.quiz-results.is-active{animation:quizFadeUp var(--local-transition-normal) ease-out}.quiz-results-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--local-color-surface);border-radius:50%;margin-bottom:var(--space-6);font-size:var(--text-4xl);border:3px solid var(--local-color-border)}@media(max-width:768px){.quiz-results-icon{width:70px;height:70px;font-size:var(--text-3xl);margin-bottom:var(--space-5)}}@media(max-width:600px){.quiz-results-icon{width:64px;height:64px;font-size:var(--text-2xl);margin-bottom:var(--space-4)}}@media(max-width:480px){.quiz-results-icon{width:56px;height:56px;font-size:var(--text-xl);margin-bottom:var(--space-3)}}@media(max-width:360px){.quiz-results-icon{width:48px;height:48px;font-size:var(--text-lg);margin-bottom:var(--space-2)}}.quiz-results-score{font-size:var(--text-5xl);font-weight:800;color:var(--local-color-primary);margin-bottom:var(--space-2);line-height:1}@media(max-width:768px){.quiz-results-score{font-size:var(--text-4xl)}}@media(max-width:600px){.quiz-results-score{font-size:var(--text-3xl);margin-bottom:var(--space-1)}}@media(max-width:480px){.quiz-results-score{font-size:var(--text-2xl)}}@media(max-width:360px){.quiz-results-score{font-size:var(--text-xl);margin-bottom:var(--space-1)}}.quiz-results-label{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--local-color-text-tertiary);margin-bottom:var(--space-6)}@media(max-width:600px){.quiz-results-label{font-size:var(--text-xs);margin-bottom:var(--space-5)}}@media(max-width:480px){.quiz-results-label{font-size:var(--text-xs);margin-bottom:var(--space-4)}}@media(max-width:360px){.quiz-results-label{font-size:10px;margin-bottom:var(--space-3)}}.quiz-result-message{font-size:var(--text-lg);color:var(--local-color-text-secondary);margin-bottom:var(--space-8);line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto}@media(max-width:768px){.quiz-result-message{font-size:var(--text-base);margin-bottom:var(--space-6);max-width:100%}}@media(max-width:600px){.quiz-result-message{font-size:var(--text-sm);margin-bottom:var(--space-5)}}@media(max-width:480px){.quiz-result-message{font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:1.5}}@media(max-width:360px){.quiz-result-message{font-size:var(--text-xs);margin-bottom:var(--space-3)}}.quiz-results-stats{display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-8)}@media(max-width:768px){.quiz-results-stats{gap:var(--space-6);margin-bottom:var(--space-6)}}@media(max-width:600px){.quiz-results-stats{gap:var(--space-5);margin-bottom:var(--space-5)}}@media(max-width:480px){.quiz-results-stats{gap:var(--space-4);margin-bottom:var(--space-4)}}@media(max-width:360px){.quiz-results-stats{gap:var(--space-3);margin-bottom:var(--space-3)}}.quiz-stat{text-align:center}.quiz-stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--local-color-text-main)}@media(max-width:600px){.quiz-stat-value{font-size:var(--text-xl)}}@media(max-width:480px){.quiz-stat-value{font-size:var(--text-lg)}}@media(max-width:360px){.quiz-stat-value{font-size:var(--text-base)}}.quiz-stat-label{font-size:var(--text-xs);color:var(--local-color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.quiz-results-actions{display:flex;gap:var(--space-4);justify-content:center}@media(max-width:600px){.quiz-results-actions{gap:var(--space-3)}}@media(max-width:480px){.quiz-results-actions{flex-direction:column;gap:var(--space-2)}}@media(max-width:360px){.quiz-results-actions{gap:var(--space-2)}}@keyframes quizFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes quizSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes quizPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.quiz-option{animation:quizSlideIn var(--local-transition-fast) ease-out;animation-fill-mode:both}.quiz-option:nth-child(1){animation-delay:0ms}.quiz-option:nth-child(2){animation-delay:50ms}.quiz-option:nth-child(3){animation-delay:.1s}.quiz-option:nth-child(4){animation-delay:.15s}.quiz-celebration{animation:quizPulse .6s ease-in-out}.quiz-title{font-size:var(--text-xl);font-weight:700;color:var(--local-color-text-main);margin:0 0 var(--space-2) 0}.quiz-description{font-size:var(--text-base);color:var(--local-color-text-secondary);margin:0}.quiz-survey-container{display:block}.quiz-answer-review{text-align:left;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--local-color-border)}@media(max-width:768px){.quiz-answer-review{margin-top:var(--space-6);padding-top:var(--space-5)}}@media(max-width:600px){.quiz-answer-review{margin-top:var(--space-5);padding-top:var(--space-4)}}@media(max-width:480px){.quiz-answer-review{margin-top:var(--space-4);padding-top:var(--space-3)}}@media(max-width:360px){.quiz-answer-review{margin-top:var(--space-3);padding-top:var(--space-3)}}.review-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--local-color-text-main);margin:0 0 var(--space-4) 0}@media(max-width:600px){.review-title{font-size:var(--text-base);margin-bottom:var(--space-3)}}@media(max-width:480px){.review-title{font-size:var(--text-base);margin-bottom:var(--space-2);gap:var(--space-1)}}@media(max-width:360px){.review-title{font-size:var(--text-sm);margin-bottom:var(--space-2)}}.review-title span[aria-hidden=true]{font-size:var(--text-xl)}@media(max-width:600px){.review-title span[aria-hidden=true]{font-size:var(--text-lg)}}@media(max-width:480px){.review-title span[aria-hidden=true]{font-size:var(--text-base)}}@media(max-width:360px){.review-title span[aria-hidden=true]{font-size:var(--text-sm)}}.review-list{display:flex;flex-direction:column;gap:var(--space-4)}@media(max-width:600px){.review-list{gap:var(--space-3)}}@media(max-width:480px){.review-list{gap:var(--space-2)}}.review-item{padding:var(--space-4);border-radius:var(--local-radius-lg);border-left:4px solid;transition:all var(--local-transition-fast)}@media(max-width:600px){.review-item{padding:var(--space-3)}}@media(max-width:480px){.review-item{padding:var(--space-3);border-radius:var(--local-radius-md)}}@media(max-width:360px){.review-item{padding:var(--space-2)}}.review-item.is-correct{background:var(--local-color-success-light);border-color:var(--local-color-success)}.review-item.is-incorrect{background:var(--local-color-error-light);border-color:var(--local-color-error)}.review-question{font-weight:600;font-size:var(--text-base);color:var(--local-color-text-main);margin-bottom:var(--space-2)}.review-answer{font-size:var(--text-sm);color:var(--local-color-text-secondary);line-height:1.6}.text-success{color:var(--local-color-success);font-weight:500}.text-error{color:var(--local-color-error);font-weight:500}.callout{display:flex;gap:var(--spacing-4);padding:var(--spacing-6);border-radius:var(--radius-lg);border-left:4px solid;background:var(--theme-bg-surface-secondary);margin:var(--spacing-8) 0}.callout svg{flex-shrink:0;width:24px;height:24px}.callout .callout-title{font-weight:600;margin-bottom:var(--spacing-1)}.callout .callout-text{margin:0;line-height:1.7}@media(max-width:768px){.callout{padding:var(--spacing-5);gap:var(--spacing-3)}.callout svg{width:20px;height:20px}}@media(max-width:400px){.callout{padding:var(--spacing-4);margin:var(--spacing-6) 0;gap:var(--spacing-3);flex-direction:column;align-items:flex-start}.callout svg{width:18px;height:18px}}.callout.callout-info{border-color:var(--theme-color-info);background:var(--theme-color-info-soft-bg)}.callout.callout-info svg,.callout.callout-info .callout-title{color:var(--theme-color-info)}.callout.callout-warning{border-color:var(--theme-color-warning);background:var(--theme-color-warning-soft-bg)}.callout.callout-warning svg,.callout.callout-warning .callout-title{color:var(--theme-color-warning)}.callout.callout-success{border-color:var(--theme-color-success);background:var(--theme-color-success-soft-bg)}.callout.callout-success svg,.callout.callout-success .callout-title{color:var(--theme-color-success)}.callout.callout-error{border-color:var(--theme-color-error);background:var(--theme-color-error-soft-bg)}.callout.callout-error svg,.callout.callout-error .callout-title{color:var(--theme-color-error)}.floating-reading-info,.floating-reading-info *{--local-color-surface: var(--theme-bg-surface);--local-color-surface-tertiary: var(--theme-bg-surface-tertiary);--local-color-border: var(--theme-border-primary);--local-color-text-main: var(--theme-text-primary);--local-color-text-muted: var(--theme-text-muted);--local-color-primary: var(--theme-color-primary);--local-color-error: var(--theme-color-error);--local-shadow: var(--shadow-float)}.floating-reading-info{position:fixed;inset-block-end:var(--space-8);inset-inline-end:var(--space-8);z-index:90;background:var(--local-color-surface);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--local-shadow);border:1px solid var(--local-color-border);display:flex;flex-direction:column;gap:var(--space-2);align-items:center;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;min-width:180px;max-width:220px;will-change:opacity,transform}@media(max-width:768px){.floating-reading-info{inset-block-end:var(--space-4);inset-inline-end:var(--space-4);min-width:160px;max-width:180px}}.floating-reading-info.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.floating-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--space-2)}.floating-label{font-size:var(--text-xs);color:var(--local-color-text-muted);text-transform:uppercase;font-weight:600;white-space:nowrap}.btn-close-floating{background:none;border:none;cursor:pointer;color:var(--local-color-text-muted);padding:0;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.btn-close-floating svg{width:16px;height:16px}.btn-close-floating:hover{color:var(--local-color-error)}.btn-close-floating:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.progress-bar{height:4px;background:var(--local-color-surface-tertiary);border-radius:2px;width:100%;overflow:hidden;position:relative}.progress-fill{position:absolute;inset-block-start:0;inset-inline-start:0;height:100%;width:0%;background:var(--local-color-primary);transition:width .1s linear;will-change:width}.reading-stats{display:flex;justify-content:space-between;width:100%;align-items:baseline}.reading-time-left{font-size:var(--text-sm);font-weight:700;color:var(--local-color-text-main)}.reading-percent{font-size:var(--text-xs);color:var(--local-color-text-muted);font-weight:500}.nav-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-block-start:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--local-color-surface-tertiary);color:var(--local-color-text-main);border:1px solid var(--local-color-border);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.nav-action-btn:hover{background:var(--local-color-primary);color:var(--theme-text-inverse);border-color:var(--local-color-primary)}.nav-action-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.nav-action-btn svg{flex-shrink:0}.toast-container{position:fixed;inset-block-end:var(--space-8);inset-inline-start:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:var(--space-4);pointer-events:none;width:90%;max-width:400px}.toast{background:var(--local-color-surface);color:var(--local-color-text-main);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-inline-start:4px solid var(--local-color-primary);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);animation:slideUp .3s ease-out forwards;pointer-events:auto}.toast.is-hiding{animation:fadeOut .3s ease-in forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.tag-badge{display:inline-block;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:500;background:var(--theme-bg-surface-tertiary);color:var(--theme-text-secondary);border:1px solid var(--theme-border-primary);transition:all .2s ease;text-decoration:none}.tag-badge:hover{background:var(--theme-color-primary);color:var(--theme-color-on-primary);border-color:var(--theme-color-primary);text-decoration:none}.tag-badge.category{background:var(--theme-color-primary-light);color:var(--theme-color-primary);border-color:var(--theme-color-primary-soft-border)}.cat-tag-card{position:relative;background-color:var(--theme-bg-primary);border:1px solid var(--theme-border-primary);border-radius:var(--radius-lg, 1.5rem);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);height:100%;overflow:hidden;animation:catTagFadeUp .7s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.cat-tag-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--theme-color-primary) 0%,var(--theme-color-secondary) 50%,var(--theme-color-accent) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4;pointer-events:none;transition:opacity .2s ease}.cat-tag-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--shadow-xl);z-index:10}.cat-tag-card:hover:before{opacity:.8}@keyframes catTagFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cat-tag-card__media{position:relative;height:180px;width:100%;overflow:hidden;background-color:var(--theme-text-muted);flex-shrink:0}.cat-tag-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4),transparent);opacity:.6;transition:opacity .3s ease;pointer-events:none}.cat-tag-card__img-container{position:relative;width:100%;height:100%}.cat-tag-card__img-container :global(.cmp-skeleton){position:absolute;inset:0;border-radius:0}.cat-tag-card__img-container[data-loading=false] :global(.cmp-skeleton){display:none}.cat-tag-card__img{width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform .7s ease}.cat-tag-card:hover .cat-tag-card__img{transform:scale(1.08)}.cat-tag-card__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--theme-bg-surface-secondary, #f1f5f9);color:var(--theme-text-muted)}[data-theme=dark] .cat-tag-card__fallback,[data-theme=dracula] .cat-tag-card__fallback{background:var(--theme-bg-surface-secondary, #1e293b)}.cat-tag-card__content{padding:var(--spacing-md, 1rem);flex:1;display:flex;flex-direction:column;background:linear-gradient(to bottom,transparent,rgba(var(--theme-rgb),.04))}.cat-tag-card__title-row{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);margin-bottom:var(--spacing-sm, .5rem)}.cat-tag-card__icon{font-size:1.5rem;line-height:1}.cat-tag-card__title{font-size:1.2rem;font-weight:800;line-height:1.2;color:var(--theme-text-primary);margin:0;transition:color .3s ease}.cat-tag-card:hover .cat-tag-card__title{color:var(--theme-color)}.cat-tag-card--md .cat-tag-card__title{margin-bottom:var(--spacing-sm, .5rem)}.cat-tag-card__desc{font-size:.9rem;color:var(--theme-text-muted);line-height:1.7;margin:0 0 var(--spacing-md, 1rem) 0;flex-grow:1}.cat-tag-badge{position:absolute;top:var(--spacing-md, 1rem);right:var(--spacing-md, 1rem);background-color:var(--theme-bg-surface);color:var(--theme-text-primary);padding:.4rem .8rem;border-radius:var(--radius-full, 9999px);font-weight:700;font-size:.75rem;display:inline-flex;align-items:center;gap:var(--spacing-sm, .5rem);z-index:2;backdrop-filter:blur(12px);border:1px solid var(--theme-border-muted, rgba(255, 255, 255, .3))}.cat-tag-badge__dot{display:block;width:8px;height:8px;border-radius:50%;background-color:var(--theme-color)}.cat-tag-area{position:relative;min-height:2rem;margin-top:auto;margin-bottom:.625rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:var(--spacing-sm, .5rem)}.cat-tag-wrapper{flex:1;min-width:0;max-height:4.5em;overflow:hidden;transition:max-height .4s ease;padding-top:3px;mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.cat-tag-wrapper.is-expanded{overflow:visible!important;mask-image:none;-webkit-mask-image:none;max-height:none!important;height:auto!important}.cat-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, .5rem)}.cat-tag,a.cat-tag{--tag-bg: hsl(var(--tag-hue), 75%, 94%);--tag-border: hsl(var(--tag-hue), 55%, 75%);--tag-text: hsl(var(--tag-hue), 90%, 18%);--tag-hover-bg: hsl(var(--tag-hue), 90%, 18%);--tag-hover-text: #ffffff;background-color:var(--tag-bg);color:var(--tag-text);border:1px solid var(--tag-border);padding:.3rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:.15rem;cursor:pointer;transition:all .2s ease}.cat-tag:hover,a.cat-tag:hover{background-color:var(--tag-hover-bg);color:var(--tag-hover-text);transform:translateY(-2px);border-color:transparent}.cat-tag:focus-visible,a.cat-tag:focus-visible{outline:2px solid var(--theme-focus-ring, #2563eb);outline-offset:2px}.cat-tag:active,a.cat-tag:active{transform:translateY(0) scale(.98)}.cat-tag__count{margin-left:.15rem;font-weight:600;opacity:.7}[data-theme=dark] .cat-tag,[data-theme=dark] a.cat-tag{--tag-bg: hsl(var(--tag-hue), 60%, 12%);--tag-border: hsl(var(--tag-hue), 60%, 25%);--tag-text: hsl(var(--tag-hue), 80%, 90%);--tag-hover-bg: hsl(var(--tag-hue), 80%, 90%);--tag-hover-text: #0f172a}[data-theme=dracula] .cat-tag,[data-theme=dracula] a.cat-tag{--tag-bg: hsl(var(--tag-hue), 60%, 14%);--tag-border: hsl(var(--tag-hue), 60%, 28%);--tag-text: hsl(var(--tag-hue), 85%, 92%);--tag-hover-bg: hsl(var(--tag-hue), 85%, 92%);--tag-hover-text: #282a36}[data-theme=accessible] .cat-tag,[data-theme=accessible] a.cat-tag{--tag-bg: #ffffff;--tag-border: #000000;--tag-text: #000000;--tag-hover-bg: #000000;--tag-hover-text: #ffffff;border-width:2px}[data-theme=accessible] .cat-tag .cat-tag__count,[data-theme=accessible] a.cat-tag .cat-tag__count{opacity:1;font-weight:700}[data-theme=accessible] .cat-tag:hover,[data-theme=accessible] a.cat-tag:hover{box-shadow:0 0 0 2px var(--tag-text)}.cat-tags-expand-btn{position:absolute;bottom:0;right:0;font-size:.75rem;color:var(--theme-text-muted);font-weight:600;background:var(--theme-bg-surface);border:1px solid var(--theme-border-primary);border-radius:var(--radius-md);padding:.25rem .5rem;cursor:pointer;user-select:none;transition:all .2s ease}.cat-tags-expand-btn:hover{color:var(--theme-color);border-color:var(--theme-color)}.cat-tags-expand-btn:focus-visible{outline:2px solid var(--theme-color);outline-offset:2px}.cat-tag-grid--compact{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-sm, .5rem)}.cat-tag-grid--compact .cat-tag-card{flex-direction:row;height:auto;min-height:auto;align-items:center;padding:0;border-radius:var(--radius-md, .75rem)}.cat-tag-grid--compact .cat-tag-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cat-tag-grid--compact .cat-tag-card__media{width:100px;height:80px;border-radius:var(--radius-md, .75rem) 0 0 var(--radius-md, .75rem)}.cat-tag-grid--compact .cat-tag-badge{top:var(--spacing-xs, .25rem);right:var(--spacing-xs, .25rem);padding:.1rem .4rem;font-size:.6rem}.cat-tag-grid--compact .cat-tag-card__content{flex-direction:row;justify-content:space-between;align-items:center;padding:0 var(--spacing-sm, .5rem);width:100%;background:transparent}.cat-tag-grid--compact .cat-tag-card__title-row{margin-bottom:0;flex:1;align-items:center;min-width:0}.cat-tag-grid--compact .cat-tag-card__icon{font-size:1.1rem}.cat-tag-grid--compact .cat-tag-card__title{font-size:.95rem;margin:0 var(--spacing-sm, .5rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-tag-grid--compact .cat-tag-card__desc,.cat-tag-grid--compact .cat-tag-area{display:none}.cat-tag-card--lg .cat-tag-card__media{height:200px}.cat-tag-card--lg .cat-tag-card__title{font-size:1.35rem}.cat-tag-card--lg .cat-tag-card__desc{font-size:1rem}.cat-tag-card--md .cat-tag-card__media{height:160px}.cat-tag-card--md .cat-tag-card__title{font-size:1.1rem;text-align:center}.cat-tag-card--md .cat-tags{justify-content:center}@media(max-width:768px){.cat-tag-card{animation:none;opacity:1;transform:none}.cat-tag-card:hover{transform:translateY(-4px)}.cat-tag-card__media{height:160px}.cat-tag-card__title{font-size:1.1rem}.cat-tag-grid--compact{grid-template-columns:1fr}.cat-tag-grid--compact .cat-tag-card__media{width:80px;height:60px}.cat-tag-grid--compact .cat-tag-card__title{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.cat-tag-card{animation:none!important;transition:none!important}.cat-tag-card__img,.cat-tag-wrapper,.cat-tag{transition:none!important}}.co-prose ins,.markdown-extensions ins{text-decoration:none;background:var(--theme-color-success-soft-bg);color:var(--theme-color-success-soft-text);padding:.1em .4em;border-radius:var(--radius-sm);border-bottom:2px solid var(--theme-color-success-soft-border)}.co-prose mark,.markdown-extensions mark{background:var(--theme-color-warning-soft-bg);color:var(--theme-color-warning-soft-text);padding:.1em .4em;border-radius:var(--radius-sm)}.co-prose del,.markdown-extensions del{text-decoration:line-through;color:var(--theme-text-muted)}.co-prose sub,.markdown-extensions sub{font-size:.7em;vertical-align:sub;color:var(--theme-text-muted)}.co-prose sup,.markdown-extensions sup{font-size:.7em;vertical-align:super;color:var(--theme-color-primary)}.katex-display{margin:var(--spacing-6) 0;overflow-x:auto;padding:var(--spacing-4);background:var(--theme-bg-surface-secondary);border-radius:var(--radius-md)}@media(max-width:768px){.katex-display{margin:var(--spacing-5) 0;padding:var(--spacing-4)}}@media(max-width:400px){.katex-display{margin:var(--spacing-4) calc(var(--spacing-4) * -1);padding:var(--spacing-3);border-radius:0;font-size:.9em}}.katex{font-size:1.1em;line-height:1.5}@media(max-width:768px){.katex{font-size:1em}}.math-equation{padding:var(--spacing-4);background:var(--theme-bg-surface-secondary);border-radius:var(--radius-md);font-family:var(--font-mono);text-align:center;color:var(--theme-text-muted)}.co-prose h1,.co-prose h2,.co-prose h3{position:relative}.co-prose h1 .anchor-link,.co-prose h2 .anchor-link,.co-prose h3 .anchor-link{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--theme-text-muted);text-decoration:none;border-radius:var(--radius-md);background:var(--theme-bg-surface-secondary);border:1px solid var(--theme-border-primary);opacity:.6;transition:all var(--transition-fast) ease}.co-prose h1 .anchor-link svg,.co-prose h2 .anchor-link svg,.co-prose h3 .anchor-link svg{width:18px;height:18px}.co-prose h1 .anchor-link:hover,.co-prose h2 .anchor-link:hover,.co-prose h3 .anchor-link:hover{color:var(--theme-color-primary);border-color:var(--theme-color-primary);background:var(--theme-bg-surface);opacity:1}@media(max-width:768px){.co-prose h1 .anchor-link,.co-prose h2 .anchor-link,.co-prose h3 .anchor-link{right:var(--spacing-2);opacity:.6;visibility:visible}}@media(max-width:400px){.co-prose h1 .anchor-link,.co-prose h2 .anchor-link,.co-prose h3 .anchor-link{display:none}}pre[class*=language-] .highlight-line,pre code .highlight-line{display:block;margin:0 calc(var(--spacing-6) * -1);padding:0 var(--spacing-6);background:rgba(var(--theme-color-primary-rgb),.08);border-left:3px solid var(--theme-color-primary)}.co-prose table[data-align=left]{text-align:left}.co-prose table[data-align=center],.co-prose table[data-align=center] th,.co-prose table[data-align=center] td{text-align:center}.co-prose table[data-align=right],.co-prose table[data-align=right] th,.co-prose table[data-align=right] td{text-align:right}.co-prose table th[data-align=left],.co-prose table td[data-align=left]{text-align:left}.co-prose table th[data-align=center],.co-prose table td[data-align=center]{text-align:center}.co-prose table th[data-align=right],.co-prose table td[data-align=right]{text-align:right}@media(max-width:768px){.co-prose table{font-size:var(--text-sm);margin:var(--spacing-6) calc(var(--spacing-4) * -1);width:calc(100% + var(--spacing-8))}}@media(max-width:400px){.co-prose table{font-size:var(--text-xs);margin:var(--spacing-6) calc(var(--spacing-4) * -1);width:calc(100% + var(--spacing-8));border-radius:0}.co-prose table th,.co-prose table td{padding:var(--spacing-2) var(--spacing-3)}}.co-prose ul.contains-task-list li input[type=checkbox]:checked+label{text-decoration:line-through;color:var(--theme-text-muted)}.co-prose ul.contains-task-list li label{cursor:pointer;transition:color var(--transition-fast) ease}.co-prose ul.contains-task-list li label:hover{color:var(--theme-text-primary)}.emoji{display:inline-block;vertical-align:middle;line-height:1}.co-prose .footnote-ref{vertical-align:super;font-size:.75em;color:var(--theme-color-primary);text-decoration:none;padding:0 2px}.co-prose .footnote-ref:hover{text-decoration:underline}.video-container,.audio-container{margin:var(--spacing-6) 0;border-radius:var(--radius-lg);overflow:hidden}@media(max-width:768px){.video-container,.audio-container{margin:var(--spacing-5) 0}}@media(max-width:400px){.video-container,.audio-container{margin:var(--spacing-4) calc(var(--spacing-4) * -1);border-radius:0}}.video-container{position:relative;aspect-ratio:var(--aspect-ratio-16-9, 16/9);height:0;overflow:hidden}.video-container iframe,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.audio-container{background:var(--theme-bg-surface-secondary);padding:var(--spacing-4)}.audio-container audio{width:100%}@media(max-width:768px){.audio-container{padding:var(--spacing-4)}}@media(max-width:400px){.audio-container{padding:var(--spacing-3)}}.co-prose>img:first-child:last-child{display:block;margin-left:auto;margin-right:auto}.co-prose a:has(img){display:inline-block;border-bottom:none}.co-prose a:has(img):hover img{transform:scale(1.02)}@media(max-width:768px){.figure[data-align=left],.figure[data-align=right]{float:none;max-width:100%;margin-right:0;margin-left:0}}.co-prose dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--spacing-4) var(--spacing-6);align-items:baseline}@media(max-width:400px){.co-prose dl{grid-template-columns:1fr;gap:var(--spacing-2) var(--spacing-4)}}.co-prose dl dt{grid-column:1}.co-prose dl dd{grid-column:2;margin:0;padding:0;border:none}@media(max-width:400px){.co-prose dl dd{grid-column:1}}::selection{background:rgba(var(--theme-color-primary-rgb),.2);color:var(--theme-text-primary)}:focus-visible{outline:2px solid var(--theme-focus-ring);outline-offset:2px}@media(max-width:768px){.co-prose .callout{padding:var(--spacing-5);gap:var(--spacing-3)}.co-prose .callout svg{width:20px;height:20px}.co-prose blockquote{padding:var(--spacing-5);margin:var(--spacing-6) 0}.co-prose img{margin:var(--spacing-6) 0}}.cmp-lightbox{--lightbox-overlay: rgba(0, 0, 0, .95);--lightbox-transition: .3s ease;position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--lightbox-transition),visibility var(--lightbox-transition)}.cmp-lightbox--open{opacity:1;visibility:visible}.cmp-lightbox__overlay{position:absolute;inset:0;background:var(--lightbox-overlay);cursor:zoom-out}.cmp-lightbox__content{position:relative;max-width:90vw;max-height:calc(90vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:scale(.9);transition:transform var(--lightbox-transition)}.cmp-lightbox--open .cmp-lightbox__content{transform:scale(1)}.cmp-lightbox__image{max-width:100%;max-height:calc(90vh - 120px);object-fit:contain;border-radius:var(--radius-md);box-shadow:0 20px 60px #00000080;transition:transform .15s ease-out;cursor:zoom-in}.cmp-lightbox__image.cmp-lightbox__image--dragging{cursor:grabbing!important}.cmp-lightbox__caption{margin:var(--space-3) 0;color:var(--theme-text-secondary);font-size:var(--text-sm);text-align:center;max-width:80vw}.cmp-lightbox__controls{position:absolute;bottom:var(--space-4);display:flex;gap:var(--space-3);align-items:center;justify-content:center;flex-wrap:wrap;max-width:90vw;padding:var(--space-3) var(--space-4);background:#00000080;border-radius:var(--radius-full);backdrop-filter:blur(8px)}.cmp-lightbox__close,.cmp-lightbox__copy,.cmp-lightbox__download,.cmp-lightbox__zoom-in,.cmp-lightbox__zoom-out,.cmp-lightbox__zoom-reset{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s ease}.cmp-lightbox__close:hover,.cmp-lightbox__copy:hover,.cmp-lightbox__download:hover,.cmp-lightbox__zoom-in:hover,.cmp-lightbox__zoom-out:hover,.cmp-lightbox__zoom-reset:hover{background:#fff3}.cmp-lightbox__close:focus-visible,.cmp-lightbox__copy:focus-visible,.cmp-lightbox__download:focus-visible,.cmp-lightbox__zoom-in:focus-visible,.cmp-lightbox__zoom-out:focus-visible,.cmp-lightbox__zoom-reset:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.cmp-lightbox__close svg{width:24px;height:24px}.cmp-lightbox__copy svg,.cmp-lightbox__download svg,.cmp-lightbox__zoom-in svg,.cmp-lightbox__zoom-out svg,.cmp-lightbox__zoom-reset svg{width:20px;height:20px}.cmp-lightbox__copy--copied{color:#22c55e}.cmp-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s ease,opacity .2s ease;opacity:0}.cmp-lightbox--open .cmp-lightbox__nav{opacity:1}.cmp-lightbox__nav:hover{background:#fff3}.cmp-lightbox__nav:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.cmp-lightbox__nav--prev{left:calc(-48px - var(--space-4))}.cmp-lightbox__nav--next{right:calc(-48px - var(--space-4))}.cmp-lightbox__nav svg{width:24px;height:24px}.cmp-lightbox__divider{width:1px;height:32px;background:#fff3;margin:0 var(--space-2)}.cmp-lightbox--closing{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.cmp-lightbox--closing .cmp-lightbox__content{transform:scale(.9)}@media(max-width:768px){.cmp-lightbox__nav{display:none}.cmp-lightbox__content{max-height:calc(85vh - 70px)}.cmp-lightbox__image{max-height:calc(85vh - 100px)}.cmp-lightbox__controls{bottom:var(--space-3);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.cmp-lightbox__close,.cmp-lightbox__copy,.cmp-lightbox__download,.cmp-lightbox__zoom-in,.cmp-lightbox__zoom-out,.cmp-lightbox__zoom-reset{width:36px;height:36px}.cmp-lightbox__divider{height:28px;margin:0 var(--space-1)}}.exception-focus-within:focus-within{outline:2px solid var(--theme-focus-ring, var(--theme-color-primary));outline-offset:2px}.exception-valid-input:has(input:valid){border-color:var(--theme-color-success)}.exception-invalid-input:has(input:invalid){border-color:var(--theme-color-error)}.exception-checked:has(input:checked){background-color:var(--theme-bg-surface-secondary)}.exception-disabled:has(:disabled){opacity:.6;cursor:not-allowed}.exception-placeholder:has(::placeholder){color:var(--theme-text-muted)}.exception-first-child:has(:first-child){padding-top:0}.exception-last-child:has(:last-child){padding-bottom:0}.exception-only-child:has(:only-child){margin:0}[data-expanded=true]{display:block}[data-expanded=false],[data-expanded=true].is-hidden{display:none}[data-open=true]{visibility:visible;opacity:1}[data-open=false]{visibility:hidden;opacity:0;pointer-events:none}[data-active=true]{background-color:var(--theme-color-primary);color:var(--theme-color-on-primary)}[data-active=false]{background-color:transparent;color:var(--theme-text-secondary)}[data-selected=true]{border-color:var(--theme-color-primary);box-shadow:0 0 0 2px rgba(var(--theme-color-primary-rgb),.2)}[data-selected=false]{border-color:var(--theme-border-primary);box-shadow:none}[data-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}[data-loading=true]{position:relative;pointer-events:none}[data-loading=true]:after{content:"";position:absolute;inset:50%;width:1em;height:1em;margin:-.5em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}[data-state=on]{display:inline-flex}[data-state=off]{display:none}.cmp-grid--list .blk-card__media a{display:block}@media print{.theme-switcher,.contrast-indicator,.theme-preview,.accessibility-indicator{display:none}body{color:var(--theme-text-primary);background-color:var(--theme-bg-primary)}}html[data-font-style=normal]{--font-weight-base: var(--font-weight-regular)}html[data-font-style=thin]{--font-weight-base: var(--font-weight-thin)}html[data-font-style=medium]{--font-weight-base: var(--font-weight-medium)}html[data-font-style=semibold]{--font-weight-base: var(--font-weight-semibold)}html[data-font-style=bold]{--font-weight-base: var(--font-weight-bold)}html[data-font-style*=italic]{--font-style-primary: italic}html[data-font-style=thin-italic]{--font-weight-base: var(--font-weight-thin);--font-style-primary: italic}html[data-font-style=regular-italic]{--font-weight-base: var(--font-weight-regular);--font-style-primary: italic}html[data-font-style=medium-italic]{--font-weight-base: var(--font-weight-medium);--font-style-primary: italic}html[data-font-style=semibold-italic]{--font-weight-base: var(--font-weight-semibold);--font-style-primary: italic}html[data-font-style=bold-italic]{--font-weight-base: var(--font-weight-bold);--font-style-primary: italic}@media(prefers-color-scheme:dark){html:not([data-theme]){--theme-bg-primary: #0f172a;--theme-bg-surface: #1e293b;--theme-bg-surface-secondary: #334155;--theme-bg-surface-tertiary: #475569;--theme-text-primary: #f8fafc;--theme-text-secondary: #e2e8f0;--theme-text-muted: #94a3b8;--theme-border-primary: #475569;--theme-color-primary: #60a5fa}}html[data-font-family=default],html[data-font-family=system],html[data-font-family=sans]{--font-primary: var(--font-inter)}html[data-font-family=poppins]{--font-primary: var(--font-poppins)}html[data-font-family=sora]{--font-primary: var(--font-sora)}html[data-font-family=mono]{--font-primary: var(--font-jetbrains-mono)}html[data-font-family=technical]{--font-primary: var(--font-roboto-flex)}html[data-font-family=tinos]{--font-primary: var(--font-tinos)}html[data-font-family=serif],html[data-font-family=source-serif-pro]{--font-primary: var(--font-source-serif-pro)}html[data-font-family=lora]{--font-primary: var(--font-lora)}.js-only{display:none!important}.is-reading-complete .co-prose .sidebar{position:static;margin-top:var(--spacing-10);border-top:1px solid var(--color-border-primary);padding-top:var(--spacing-8);width:100%;max-width:100%}.is-reading-complete .co-prose .sidebar .sidebar-scroll-wrapper{position:static;height:auto}@media(max-width:768px){.table-wrapper{margin:var(--spacing-6) 0}.quiz-block{padding:var(--spacing-6)}}@media(max-width:768px){.sidebar-scroll-wrapper{height:calc(100vh - var(--spacing-10))}}@media(max-width:1024px){.sidebar-inner{gap:var(--spacing-4);padding-block-end:var(--spacing-4)}.sidebar-section-title{font-size:var(--text-sm);margin-bottom:var(--spacing-3)}.sidebar-section-title svg{width:14px;height:14px}.related-card{padding:var(--spacing-3);margin-bottom:var(--spacing-3)}.related-thumb{width:56px;height:56px;flex-shrink:0}.related-title{font-size:var(--text-sm);word-wrap:break-word}}@media(max-width:400px){.sidebar-inner{gap:var(--spacing-3);padding-block-end:var(--spacing-3)}.sidebar-section-title{font-size:var(--text-sm);margin-bottom:var(--spacing-2)}.sidebar-section-title svg{width:14px;height:14px}.related-card{padding:var(--spacing-2);margin-bottom:var(--spacing-2)}.related-thumb{width:48px;height:48px}.related-title{font-size:var(--text-sm)}.related-meta{font-size:var(--text-xs)}}.is-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.is-hidden{display:none!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card{--local-color-surface: var(--theme-bg-surface-secondary);--local-color-border: var(--theme-border-primary);--local-color-text-main: var(--theme-text-primary);--local-color-text-muted: var(--theme-text-muted);background:var(--local-color-surface);border:1px solid var(--local-color-border);border-radius:var(--radius-xl)}.card-pad{padding:var(--spacing-5)}.card-pad-lg{padding:var(--spacing-6)}.card>h1,.card>h2,.card>h3,.card>h4,.card>p,.card>a{color:var(--local-color-text-main)}.card>small,.card>.card-meta{color:var(--local-color-text-muted)}.section-nav{position:sticky;top:60px;z-index:100;background:var(--theme-bg-primary);border-bottom:1px solid var(--theme-border-primary);padding-block:var(--spacing-3)}.section-nav__container{max-width:1200px;margin-inline:auto;padding-inline:var(--spacing-4)}.section-nav__list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);list-style:none;padding:0;margin:0}.section-nav__link{display:block;padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm);font-weight:500;color:var(--theme-text-secondary);text-decoration:none;border-radius:var(--border-radius-full);transition:all .2s ease}.section-nav__link:hover{color:var(--theme-text-primary);background:var(--theme-bg-surface-secondary)}.section-nav__link:focus{outline:none;color:var(--theme-color-primary);background:var(--theme-color-primary-light);box-shadow:0 0 0 3px var(--theme-color-primary-light)}.timeline,.experience-timeline{position:relative;padding-left:var(--spacing-8)}.timeline:before,.experience-timeline:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--theme-border-primary)}.timeline-item,.experience-item{position:relative;margin-bottom:var(--spacing-6)}.timeline-item__marker,.experience-item__marker{position:absolute;left:calc(-1 * var(--spacing-8) + 4px);top:var(--spacing-6);width:16px;height:16px;border-radius:var(--border-radius-full);background:var(--theme-color-primary);border:3px solid var(--theme-bg-primary)}.timeline-item__marker--secondary{background:var(--theme-color-secondary)}.timeline-item__marker--tertiary{background:var(--theme-color-accent)}.timeline-item__header,.experience-item__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-2);flex-wrap:wrap}.timeline-item__date,.experience-item__date{font-size:var(--text-sm);font-weight:600;color:var(--theme-color-primary);background:var(--theme-color-primary-light);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full)}.timeline-item__institution{margin-bottom:var(--spacing-2)}.timeline-item__content,.experience-item__content{display:flex;flex-direction:column}.experience-item__marker{background:var(--theme-color-primary);border-color:var(--theme-bg-surface-secondary)}.experience-item__header{margin-bottom:var(--spacing-3)}.experience-item__achievements{margin-top:var(--spacing-4);padding-left:var(--spacing-6);color:var(--theme-text-secondary);list-style-type:disc}.experience-item__achievements li{margin-bottom:var(--spacing-2)}@media(min-width:640px){.timeline-item__header,.experience-item__header{flex-direction:column}}.language-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:768px){.language-grid{grid-template-columns:repeat(2,1fr)}}.language-card{display:flex;flex-direction:column;padding:var(--spacing-6);border-radius:var(--border-radius-xl);background:var(--theme-bg-surface);border:1px solid var(--theme-border-primary)}.language-card__header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.language-flag{font-size:2rem}.language-level{display:block;font-size:var(--text-sm);color:var(--theme-text-muted);margin-top:var(--spacing-1)}.language-certificates{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--theme-border-primary)}.certificate-link{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--theme-color-primary);text-decoration:none;padding:var(--spacing-1) var(--spacing-3);background:var(--theme-color-primary-light);border-radius:var(--border-radius-full);transition:all .2s ease}.certificate-link:hover{background:var(--theme-color-primary);color:var(--theme-color-on-primary)}.certificate-link svg{width:16px;height:16px}.skills-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-category{display:flex;flex-direction:column;padding:var(--spacing-6);border-radius:var(--border-radius-xl);background:var(--theme-bg-surface);border:1px solid var(--theme-border-primary)}.skill-category__header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.skill-category__icon{display:flex;align-items:center;justify-content:center;width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--border-radius-lg);flex-shrink:0}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.skill-tag{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-sm);font-weight:500;background:var(--theme-bg-surface-secondary);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-full);color:var(--theme-text-primary);text-decoration:none;transition:all .2s ease}.skill-tag:hover,.skill-tag:focus{background:var(--theme-color-primary-light);border-color:var(--theme-color-primary);color:var(--theme-color-primary);outline:none;box-shadow:0 0 0 2px var(--theme-color-primary-light)}.project-card{display:flex;flex-direction:column;padding:var(--spacing-6);border-radius:var(--border-radius-xl);background:var(--theme-bg-surface);border:1px solid var(--theme-border-primary)}.project-card__header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.project-card__icon{display:flex;align-items:center;justify-content:center;width:var(--spacing-12);height:var(--spacing-12);border-radius:var(--border-radius-lg);background:var(--theme-color-primary-light);color:var(--theme-color-primary);flex-shrink:0}.project-card__date{font-size:var(--text-sm);color:var(--theme-text-muted)}.project-card-content{flex:1}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-4)}.tag{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs);font-weight:500;background:var(--theme-bg-surface-secondary);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-full);color:var(--theme-text-secondary);text-decoration:none;transition:all .2s ease}.tag:hover,.tag:focus{background:var(--theme-color-primary-light);border-color:var(--theme-color-primary);color:var(--theme-color-primary);outline:none;box-shadow:0 0 0 2px var(--theme-color-primary-light)}.full-projects-toggle{text-align:center;margin-top:var(--spacing-8)}.full-projects-list{margin-top:var(--spacing-8);transition:all .3s ease}.full-projects-list.hidden{display:none}.achievements-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:640px){.achievements-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.achievements-grid{grid-template-columns:repeat(3,1fr)}}.achievement-card{display:flex;flex-direction:column;text-align:center;padding:var(--spacing-6);border-radius:var(--border-radius-xl);background:var(--theme-bg-surface);border:1px solid var(--theme-border-primary);transition:all .2s ease}.achievement-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.achievement-card__icon{display:flex;align-items:center;justify-content:center;width:var(--spacing-14);height:var(--spacing-14);margin:0 auto var(--spacing-4);border-radius:var(--border-radius-full)}.achievement-card__title{margin-bottom:var(--spacing-2)}.achievement-card-content{flex:1}.projects-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.projects-table th,.projects-table td{padding:var(--spacing-4);text-align:left;border-bottom:1px solid var(--theme-border-primary)}.projects-table th{font-weight:600;color:var(--theme-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.projects-table td:first-child{white-space:nowrap;color:var(--theme-text-muted)}.projects-table td:nth-child(2) a{color:var(--theme-text-primary);text-decoration:none;font-weight:600}.projects-table td:nth-child(2) a:hover{color:var(--theme-color-primary)}.projects-table td:nth-child(3){max-width:300px}@media(min-width:640px){.projects-table{font-size:var(--text-xs)}.projects-table th,.projects-table td{padding:var(--spacing-2)}}.profile-container{max-width:640px;margin:0 auto;padding:var(--spacing-6)}.profile-page{padding-block:var(--spacing-8)}@media(max-width:640px){.profile-page{padding-block:var(--spacing-4)}}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-4);padding:var(--spacing-12) var(--spacing-4)}.profile-loading-spinner{width:40px;height:40px;border:3px solid var(--theme-border-primary);border-top-color:var(--theme-color-primary);border-radius:50%;animation:profile-spin .8s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}.profile-header{margin-bottom:var(--spacing-6);text-align:center}.profile-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--theme-text-primary);margin-bottom:var(--spacing-2)}.profile-header p{color:var(--theme-text-secondary);font-size:var(--text-base)}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.profile-section{background:var(--theme-bg-surface);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}@media(max-width:640px){.profile-section{padding:var(--spacing-4)}}.profile-section h2{font-size:var(--text-lg);font-weight:600;color:var(--theme-text-primary);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--theme-border-primary)}.profile-section--danger{border-color:var(--theme-color-error);background:rgba(var(--theme-color-error-rgb, 220, 38, 38),.02)}.profile-section--danger h2{color:var(--theme-color-error);border-bottom-color:rgba(var(--theme-color-error-rgb, 220, 38, 38),.2)}.profile-avatar-section{display:flex;align-items:flex-start;gap:var(--spacing-6)}@media(max-width:640px){.profile-avatar-section{flex-direction:column;align-items:center;gap:var(--spacing-4)}}.profile-avatar-preview{flex-shrink:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:4px solid var(--theme-border-primary);background:var(--theme-bg-surface-secondary)}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}@media(max-width:640px){.profile-avatar-preview{width:96px;height:96px}}.profile-avatar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3);padding-top:var(--spacing-2)}.profile-hint{width:100%;margin-top:var(--spacing-3);font-size:var(--text-sm);color:var(--theme-text-muted)}.profile-field{position:relative}.profile-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--theme-border-primary);border-radius:var(--border-radius-md);background:var(--theme-bg-surface);color:var(--theme-text-primary);font-family:var(--font-inter);font-size:var(--text-base);transition:var(--transition-duration-normal)}.profile-input::placeholder{color:var(--theme-text-muted)}.profile-input:focus{outline:none;border-color:var(--theme-color-primary);box-shadow:0 0 0 3px rgba(var(--theme-color-primary-rgb, 59, 130, 246),.2)}.profile-input:disabled{background:var(--theme-bg-surface-secondary);color:var(--theme-text-muted);cursor:not-allowed;opacity:.7}.profile-input--error{border-color:var(--theme-color-error)}.profile-input--error:focus{box-shadow:0 0 0 3px rgba(var(--theme-color-error-rgb, 220, 38, 38),.2)}.profile-meta{color:var(--theme-text-secondary);font-size:var(--text-sm)}.profile-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-2)}@media(max-width:640px){.profile-actions{flex-direction:column}}.profile-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-md);font-family:var(--font-inter);font-size:var(--text-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition-duration-normal);border:none;min-height:44px}.profile-btn--primary{background:linear-gradient(135deg,var(--theme-color-primary) 0%,rgba(var(--theme-color-primary-rgb, 59, 130, 246),.85) 100%);color:var(--theme-color-on-primary);box-shadow:0 2px 4px rgba(var(--button-shadow-color),.1)}.profile-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--theme-color-primary-rgb, 59, 130, 246),.3)}.profile-btn--primary:disabled{opacity:.6;cursor:not-allowed}.profile-btn--outline{background:transparent;border:2px solid var(--theme-color-primary);color:var(--theme-color-primary)}.profile-btn--outline:hover:not(:disabled){background:var(--theme-color-primary);color:var(--theme-color-on-primary)}.profile-btn--ghost{background:transparent;border:none;color:var(--theme-text-secondary)}.profile-btn--ghost:hover:not(:disabled){color:var(--theme-text-primary);background:var(--theme-bg-surface-secondary)}.profile-btn--danger{background:linear-gradient(135deg,var(--theme-color-error) 0%,rgba(var(--theme-color-error-rgb, 220, 38, 38),.85) 100%);color:var(--theme-color-on-error)}.profile-btn--danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--theme-color-error-rgb, 220, 38, 38),.3)}.profile-btn:disabled{opacity:.6;cursor:not-allowed}.profile-alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-4);position:relative}.profile-alert--error{background:rgba(var(--theme-color-error-rgb, 220, 38, 38),.1);border:1px solid rgba(var(--theme-color-error-rgb, 220, 38, 38),.3);color:var(--theme-color-error)}.profile-alert--success{background:rgba(var(--theme-color-success-rgb, 5, 150, 105),.1);border:1px solid rgba(var(--theme-color-success-rgb, 5, 150, 105),.3);color:var(--theme-color-success)}.profile-alert-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:var(--text-sm);background:currentColor;color:var(--theme-bg-surface)}.profile-alert-close{position:absolute;top:var(--spacing-2);right:var(--spacing-2);background:transparent;border:none;color:inherit;opacity:.6;cursor:pointer;padding:var(--spacing-1);line-height:1;font-size:var(--text-lg)}.profile-alert-close:hover{opacity:1}.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-12) var(--spacing-4);min-height:400px}.profile-error h2{font-size:var(--text-2xl);font-weight:600;color:var(--theme-text-primary);margin-bottom:var(--spacing-2)}.profile-error p{color:var(--theme-text-secondary);margin-bottom:var(--spacing-6)}.profile-danger-zone{margin-top:var(--spacing-6)}.profile-danger-zone p{color:var(--theme-text-secondary);margin-bottom:var(--spacing-4);font-size:var(--text-sm)}@media(max-width:640px){.profile-container{padding:var(--spacing-4)}.profile-header h1{font-size:var(--text-xl)}.profile-section{padding:var(--spacing-4)}.profile-avatar-actions{flex-direction:column;width:100%}.profile-avatar-actions .profile-btn{width:100%}}[data-theme=dark] .profile-section{background:var(--theme-bg-surface-secondary)}body{background-color:var(--theme-bg-primary);color:var(--theme-text-primary)}