pre[class*=language-]{color:theme("colors.zinc.100")}.token.class-name,.token.function,.token.selector,.token.selector .class,.token.selector.class,.token.tag{color:theme("colors.pink.400")}.token.attr-name,.token.important,.token.keyword,.token.pseudo-class,.token.rule{color:theme("colors.zinc.300")}.token.module{color:theme("colors.pink.400")}.token.attr-value,.token.class,.token.property,.token.string{color:theme("colors.cyan.300")}.token.attr-equals,.token.punctuation{color:theme("colors.zinc.500")}.language-css .token.function,.token.unit{color:theme("colors.sky.200")}.token.combinator,.token.comment,.token.operator{color:theme("colors.zinc.400")}@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap");.underline-sketch{position:relative;display:inline-block}.underline-sketch:after{content:"";position:absolute;bottom:-2px;left:-2px;right:-2px;height:2px;background:currentColor;border-radius:2px;transform:skewY(-.5deg) scaleX(1.02);opacity:.8}.underline-sketch-thick:after{height:3px;bottom:-3px;transform:skewY(.3deg) scaleX(1.01)}.highlight-yellow{background:linear-gradient(180deg,transparent 60%,rgba(255,235,59,.4) 0)}.highlight-pink,.highlight-yellow{position:relative;display:inline-block;z-index:1;padding:0 2px}.highlight-pink{background:linear-gradient(180deg,transparent 60%,rgba(255,105,180,.3) 0)}.highlight-blue{background:linear-gradient(180deg,transparent 60%,rgba(100,181,246,.35) 0)}.highlight-blue,.highlight-green{position:relative;display:inline-block;z-index:1;padding:0 2px}.highlight-green{background:linear-gradient(180deg,transparent 60%,rgba(76,175,80,.3) 0)}.highlight-mint{position:relative;display:inline-block;z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(52,211,153,.5) 0);padding:2px 8px;margin:0 -8px}.dark .highlight-mint{background:linear-gradient(180deg,transparent 55%,rgba(16,185,129,.4) 0)}.border-sketch{position:relative;border:2px solid transparent;background-clip:padding-box}.border-sketch:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:currentColor;opacity:.15;border-radius:inherit;clip-path:polygon(0 0,98% .5%,100% 0,99.5% 98%,100% 100%,2% 99.5%,0 100%,.5% 2%)}.btn-sketch{position:relative;border:2px solid #27272a;border-radius:8px;background:transparent;transition:all .2s ease;transform:rotate(-.5deg);color:#27272a}.dark .btn-sketch{border-color:#0ff;color:#0ff!important;border-radius:0}.btn-sketch:hover{transform:rotate(.5deg) scale(1.02);background:rgba(0,0,0,.03)}.dark .btn-sketch:hover{background:rgba(0,255,255,.1);color:#0ff!important;box-shadow:0 0 10px rgba(0,255,255,.3)}.btn-sketch:before{content:"";position:absolute;inset:-2px;border:2px solid;border-radius:8px;opacity:0;transform:rotate(1deg);transition:opacity .2s ease}.btn-sketch:hover:before{opacity:.3}.whiteboard-bg{position:relative;background-color:#fafafa;background-image:radial-gradient(circle,#e0e0e0 1px,transparent 0)}.dark .whiteboard-bg,.whiteboard-bg{background-size:20px 20px;background-position:0 0,10px 10px}.dark .whiteboard-bg{background-color:#0a0a0a;background-image:radial-gradient(circle,hsla(0,0%,100%,.1) 1px,transparent 0)}.card-clean{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px rgba(0,0,0,.04);transition:all .2s ease}.dark .card-clean{background:rgba(24,24,27,.8);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 1px 2px rgba(0,0,0,.2)}.card-clean:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.dark .card-clean:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}.glass-card{background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px 0 rgba(31,38,135,.15)}.dark .glass-card,.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark .glass-card{background:rgba(17,24,39,.7);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px 0 rgba(0,0,0,.3)}.glass-subtle{background:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.2)}.dark .glass-subtle,.glass-subtle{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.dark .glass-subtle{background:rgba(17,24,39,.5);border:1px solid hsla(0,0%,100%,.05)}.text-marker{font-family:Comic Sans MS,Marker Felt,cursive;letter-spacing:.5px;transform:rotate(-.5deg)}.circle-emphasis{position:relative;display:inline-block}.circle-emphasis:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 20px);height:calc(100% + 20px);border:3px solid;border-radius:50%;opacity:.4;animation:circle-wobble 3s ease-in-out infinite}@keyframes circle-wobble{0%,to{transform:translate(-50%,-50%) rotate(0deg) scaleX(1)}33%{transform:translate(-50%,-50%) rotate(1deg) scaleX(.98)}66%{transform:translate(-50%,-50%) rotate(-1deg) scaleX(1.02)}}.arrow-doodle{position:relative}.arrow-doodle:after{content:"→";position:absolute;right:-30px;top:50%;transform:translateY(-50%) rotate(-5deg);font-size:1.5em;opacity:.6;animation:arrow-bounce 2s ease-in-out infinite}@keyframes arrow-bounce{0%,to{transform:translateY(-50%) rotate(-5deg) translateX(0)}50%{transform:translateY(-50%) rotate(-5deg) translateX(5px)}}.scribble-box{position:relative;padding:1rem;border:none;background:hsla(0,0%,100%,.9);transition:all .3s ease;border-radius:.5rem}.dark .scribble-box{background:rgba(10,10,20,.9);border:2px solid;-o-border-image:linear-gradient(45deg,#0ff,#f0f) 1;border-image:linear-gradient(45deg,#0ff,#f0f) 1;border-radius:0;box-shadow:0 0 20px rgba(0,255,255,.2)}.scribble-box:before{content:"";position:absolute;inset:0;border:3px solid #27272a;border-radius:12px;opacity:.15;transform:rotate(-.5deg);clip-path:polygon(0 5%,5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%);pointer-events:none;z-index:0;transition:all .3s ease}.dark .scribble-box:before{display:none}.scribble-box:after{content:"";position:absolute;inset:-3px;border:2px solid #27272a;border-radius:12px;opacity:.1;transform:rotate(.5deg);pointer-events:none;z-index:0;transition:all .3s ease}.dark .scribble-box:after{display:none}.scribble-box:hover{transform:rotate(0deg) translateY(-2px)}.scribble-box:hover:before{border-color:rgba(99,102,241,.8);opacity:.3;transform:rotate(-1deg);animation:highlight-pulse 2s ease-in-out infinite}.dark .scribble-box:hover:before{display:none}.scribble-box:hover:after{border-color:rgba(236,72,153,.6);opacity:.2;transform:rotate(1deg);animation:highlight-pulse-alt 2s ease-in-out infinite}.dark .scribble-box:hover:after{display:none}.dark .scribble-box:hover{transform:none;box-shadow:0 0 30px rgba(0,255,255,.4),0 0 60px rgba(255,0,255,.2);border-color:#0ff}@keyframes highlight-pulse{0%,to{border-color:rgba(99,102,241,.8);box-shadow:0 0 20px rgba(99,102,241,.2)}50%{border-color:rgba(139,92,246,.8);box-shadow:0 0 30px rgba(139,92,246,.3)}}@keyframes highlight-pulse-alt{0%,to{border-color:rgba(236,72,153,.6);box-shadow:0 0 15px rgba(236,72,153,.15)}50%{border-color:rgba(244,114,182,.6);box-shadow:0 0 25px rgba(244,114,182,.25)}}.scribble-box-highlight{position:absolute;inset:-10px;border-radius:16px;background:linear-gradient(45deg,rgba(99,102,241,.1),rgba(236,72,153,.1),rgba(251,146,60,.1),rgba(99,102,241,.1));background-size:400% 400%;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.scribble-box:hover .scribble-box-highlight{opacity:1;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.font-caveat{font-family:Caveat,cursive}.polaroid-shadow{box-shadow:0 10px 30px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05),inset 0 0 0 1px hsla(0,0%,100%,.1)}.dark .polaroid-shadow{box-shadow:0 10px 30px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.05)}.tape-effect{position:relative}.tape-effect:before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%) rotate(2deg);width:60px;height:25px;background:linear-gradient(135deg,rgba(255,235,59,.8),rgba(255,241,118,.8));border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.underline-wavy{text-decoration:underline;text-decoration-style:wavy;text-decoration-color:currentColor;text-decoration-thickness:2px;text-underline-offset:4px}.check-sketch{position:relative;display:inline-block;width:1em;height:1em}.check-sketch:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);font-size:1.2em;font-weight:700;opacity:.8}.sticky-note{position:relative;background:linear-gradient(135deg,#fff9c4,#fff59d);padding:1.5rem;transform:rotate(-1deg);box-shadow:2px 2px 5px rgba(0,0,0,.1),0 5px 10px rgba(0,0,0,.05);transition:transform .2s ease}.dark .sticky-note{background:linear-gradient(135deg,#374151,#4b5563);color:#e5e7eb;box-shadow:2px 2px 10px rgba(0,0,0,.5),0 5px 15px rgba(0,0,0,.3)}.sticky-note:hover{transform:rotate(0deg) scale(1.02)}.divider-sketch{position:relative;height:20px;margin:2rem 0;overflow:hidden}.divider-sketch:before{content:"";position:absolute;top:50%;left:0;right:0;height:3px;background:currentColor;opacity:.2;transform:translateY(-50%);clip-path:polygon(0 50%,5% 30%,10% 70%,15% 40%,20% 60%,25% 35%,30% 65%,35% 45%,40% 55%,45% 40%,50% 60%,55% 45%,60% 55%,65% 35%,70% 65%,75% 40%,80% 60%,85% 30%,90% 70%,95% 40%,100% 50%)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scroll-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.animate-scroll{animation:scroll 20s linear infinite}.animate-scroll-slow{animation:scroll 30s linear infinite}.animate-scroll-fast{animation:scroll 10s linear infinite}.animate-scroll-vertical{animation:scroll-vertical 20s linear infinite}.animate-scroll-vertical-slow{animation:scroll-vertical 30s linear infinite}.animate-scroll-vertical-fast{animation:scroll-vertical 10s linear infinite}.hover\:pause:hover{animation-play-state:paused}@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap");:root{--retro-cyan:#0ff;--retro-dark-cyan:#0cc;--retro-magenta:#f0f;--retro-yellow:#ff0;--retro-green:#0f0;--retro-orange:#f80;--retro-pink:#f08;--retro-purple:#80f;--retro-blue:#08f;--retro-red:#f04;--retro-dark:#0a0e27;--retro-darker:#050714;--retro-light:#1a1e37;--retro-grid:#1a1e3a;--retro-gradient-1:linear-gradient(135deg,#667eea,#764ba2);--retro-gradient-2:linear-gradient(135deg,#f093fb,#f5576c);--retro-gradient-3:linear-gradient(135deg,#4facfe,#00f2fe);--retro-gradient-4:linear-gradient(135deg,#43e97b,#38f9d7)}.retro-bg{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 0,rgba(0,255,255,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,0,255,.03) 0,rgba(255,0,255,.03) 4px);background-size:4px 4px}.dark .retro-bg,.retro-bg{background-color:var(--retro-darker)}.pixel-border{border:4px solid;-o-border-image:linear-gradient(45deg,var(--retro-cyan),var(--retro-magenta),var(--retro-yellow)) 1;border-image:linear-gradient(45deg,var(--retro-cyan),var(--retro-magenta),var(--retro-yellow)) 1;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;position:relative}.pixel-border:after{content:"";position:absolute;inset:-8px;border:4px solid;border-color:inherit;opacity:.2;z-index:-1}.pixel-border-simple{border:3px solid;box-shadow:0 0 0 3px rgba(0,255,255,.2),0 0 0 6px rgba(0,255,255,.1),inset 0 0 0 1px rgba(0,255,255,.3);image-rendering:pixelated}.pixel-shadow{box-shadow:8px 8px 0 0 var(--retro-dark),16px 16px 0 0 rgba(0,255,255,.3),24px 24px 0 0 rgba(255,0,255,.1)}.pixel-shadow-hover{transition:all .2s}.pixel-shadow-hover:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 0 var(--retro-dark),20px 20px 0 0 rgba(0,255,255,.3),28px 28px 0 0 rgba(255,0,255,.1)}.btn-8bit{font-family:Press Start\ 2P,monospace;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase;padding:1rem 1.5rem;background:var(--retro-cyan);color:var(--retro-dark);border:4px solid var(--retro-dark);position:relative;box-shadow:inset -4px -4px 0 rgba(0,0,0,.4),inset 4px 4px 0 hsla(0,0%,100%,.5),8px 8px 0 0 var(--retro-dark),16px 16px 0 0 rgba(0,0,0,.2);transition:all .05s;image-rendering:pixelated}.btn-8bit:hover{transform:translate(-4px,-4px);background:var(--retro-yellow);box-shadow:inset -4px -4px 0 rgba(0,0,0,.4),inset 4px 4px 0 hsla(0,0%,100%,.5),12px 12px 0 0 var(--retro-dark),20px 20px 0 0 rgba(0,0,0,.2)}.btn-8bit:active{transform:translate(0);box-shadow:inset -4px -4px 0 rgba(0,0,0,.4),inset 4px 4px 0 hsla(0,0%,100%,.5),4px 4px 0 0 var(--retro-dark)}.font-pixel{font-family:Press Start\ 2P,cursive;font-size:clamp(.7rem,1.5vw,1rem);line-height:1.8;image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.font-pixel-mono{font-family:VT323,monospace;font-size:1.4em;letter-spacing:.05em;line-height:1.4}.text-retro-glow{text-shadow:0 0 10px var(--retro-cyan),0 0 20px var(--retro-cyan),0 0 30px var(--retro-cyan),0 0 40px var(--retro-blue)}.text-retro-shadow{text-shadow:2px 2px 0 var(--retro-magenta),4px 4px 0 var(--retro-cyan)}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 10px}}.scanlines:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 0,transparent 2px);animation:scanlines 8s linear infinite;pointer-events:none;z-index:1}.crt-effect{position:relative;overflow:hidden}.crt-effect:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(hsla(0,6%,7%,0) 50%,rgba(0,0,0,.25) 0);background-size:100% 2px;pointer-events:none;z-index:1}.card-8bit{background:linear-gradient(135deg,var(--retro-dark) 0,#0f1229 100%);border:4px solid var(--retro-cyan);position:relative;padding:2rem;box-shadow:inset 0 0 30px rgba(0,255,255,.1),8px 8px 0 0 var(--retro-dark),16px 16px 0 0 rgba(0,255,255,.3),24px 24px 0 0 rgba(0,255,255,.1);clip-path:polygon(0 12px,12px 12px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 12px),0 calc(100% - 12px))}.card-8bit:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(45deg,var(--retro-cyan),var(--retro-magenta),var(--retro-yellow),var(--retro-green));z-index:-1;opacity:.5;animation:retro-border-animation 4s linear infinite}@keyframes retro-border-animation{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:blink 1s infinite}.icon-pixel{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:contrast(1.2)}.loading-bar-8bit{height:20px;background:var(--retro-dark);border:2px solid var(--retro-cyan);position:relative;overflow:hidden}.loading-bar-8bit:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress,0);background:repeating-linear-gradient(90deg,var(--retro-cyan),var(--retro-cyan) 10px,var(--retro-magenta) 10px,var(--retro-magenta) 20px);animation:loading-scroll 1s linear infinite}@keyframes loading-scroll{0%{background-position:0 0}to{background-position:20px 0}}@keyframes glitch{0%,to{text-shadow:-2px 0 var(--retro-cyan),2px 0 var(--retro-magenta)}25%{text-shadow:2px 0 var(--retro-cyan),-2px 0 var(--retro-magenta)}50%{text-shadow:-2px 0 var(--retro-magenta),2px 0 var(--retro-cyan)}75%{text-shadow:2px 0 var(--retro-magenta),-2px 0 var(--retro-cyan)}}.glitch-text{animation:glitch .3s infinite}.glitch-text:hover{animation:glitch .1s infinite}.retro-grid{background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 0);background-size:20px 20px;background-position:-1px -1px}@keyframes pixelate{0%{filter:blur(0)}50%{filter:blur(2px) contrast(5)}to{filter:blur(0)}}.pixel-transition{transition:all .3s}.pixel-transition:hover{animation:pixelate .3s}:root:not(.dark) ::-webkit-scrollbar,body:not(.dark) ::-webkit-scrollbar,html:not(.dark) ::-webkit-scrollbar{width:12px;height:12px}:root:not(.dark) ::-webkit-scrollbar-track,body:not(.dark) ::-webkit-scrollbar-track,html:not(.dark) ::-webkit-scrollbar-track{background:#f4f4f5;border-radius:6px}:root:not(.dark) ::-webkit-scrollbar-thumb,body:not(.dark) ::-webkit-scrollbar-thumb,html:not(.dark) ::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:6px;border:2px solid #f4f4f5}:root:not(.dark) ::-webkit-scrollbar-thumb:hover,body:not(.dark) ::-webkit-scrollbar-thumb:hover,html:not(.dark) ::-webkit-scrollbar-thumb:hover{background:#a1a1aa}:root.dark ::-webkit-scrollbar,body.dark ::-webkit-scrollbar,html.dark ::-webkit-scrollbar{width:12px;height:12px}:root.dark ::-webkit-scrollbar-track,body.dark ::-webkit-scrollbar-track,html.dark ::-webkit-scrollbar-track{background:#0a0a14;border:1px solid #0ff}:root.dark ::-webkit-scrollbar-thumb,body.dark ::-webkit-scrollbar-thumb,html.dark ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#f0f);border:1px solid #0a0a14}:root.dark ::-webkit-scrollbar-thumb:hover,body.dark ::-webkit-scrollbar-thumb:hover,html.dark ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f0f,#ff0)}