@import"https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Caveat:wght@400;600;700&family=Indie+Flower&family=Patrick+Hand&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&family=Audiowide&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{scroll-behavior:smooth}.bg-texture{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}body{letter-spacing:.01em}h1,h2,h3{font-family:Inter,Segoe UI,system-ui,sans-serif;letter-spacing:-.01em}::selection{background-color:#0284c7;color:#fff}img{background-color:#27272a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#18181b}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#52525b}.transition-transform{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}:focus:not(.focus-visible){outline:none}a:hover{text-decoration:none}a.hover\:text-sky-400:hover{transition:color .2s ease-in-out,transform .2s ease;transform:translate(2px)}header .flex.space-x-4 a:hover{color:#38bdf8}section{transition:opacity .5s ease,transform .5s ease}.border{transition:border-color .3s ease}.border-sky-800\/50{box-shadow:0 0 8px #07598526}.border-fuchsia-800\/50{box-shadow:0 0 8px #86198f26}.border-emerald-800\/50{box-shadow:0 0 8px #065f4626}.border-amber-800\/50{box-shadow:0 0 8px #92400e26}// ============================================================================= // LIGHT THEME STYLES // Accessibility-focused CSS overrides // ============================================================================= [data-theme="light"] *:focus-visible{outline:3px solid #0284c7;outline-offset:2px}[data-theme=light]{color-scheme:light}[data-theme=light] .bg-zinc-800,[data-theme=light] .bg-zinc-800\/50{background-color:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .text-white,[data-theme=light] .text-zinc-50{color:#0f172a!important}[data-theme=light] .text-zinc-300,[data-theme=light] .text-zinc-400{color:#334155!important}[data-theme=light] .text-zinc-500{color:#64748b!important}[data-theme=light] .border-zinc-700,[data-theme=light] .border-zinc-700\/50{border-color:#e2e8f0!important}[data-theme=light] .bg-sky-600{background-color:#0284c7!important}[data-theme=light] .hover\:bg-sky-500:hover{background-color:#0369a1!important}[data-theme=light] .bg-sky-900\/30{background-color:#e0f2fe!important;color:#0369a1!important}[data-theme=light] .bg-emerald-900\/30{background-color:#d1fae5!important;color:#047857!important}[data-theme=light] .bg-amber-900\/30{background-color:#fef3c7!important;color:#b45309!important}[data-theme=light] .bg-rose-900\/30{background-color:#ffe4e6!important;color:#be123c!important}[data-theme=light] .bg-zinc-700{background-color:#e2e8f0!important}[data-theme=light] .bg-zinc-800{background-color:#f1f5f9!important}[data-theme=light] .hover\:bg-zinc-700:hover{background-color:#e2e8f0!important}@media(prefers-reduced-motion:reduce){[data-theme=light] *{animation:none!important;transition:none!important}}[data-theme=pencil]{font-family:Caveat,Patrick Hand,cursive!important}[data-theme=pencil] *{font-family:inherit}[data-theme=pencil]{background-color:#f5f0e6;background-image:repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(200,190,170,.3) 24px,rgba(200,190,170,.3) 25px)}[data-theme=pencil] .bg-zinc-800,[data-theme=pencil] .bg-zinc-800\/50,[data-theme=pencil] .bg-zinc-900{background-color:#faf7f0!important;border:2px solid #4a4640!important;border-radius:3px!important;box-shadow:3px 3px #4a464033!important;transform:rotate(-.3deg)}[data-theme=pencil] .bg-zinc-800:nth-child(2n),[data-theme=pencil] .bg-zinc-800\/50:nth-child(2n){transform:rotate(.3deg)}[data-theme=pencil] .text-white,[data-theme=pencil] .text-zinc-50{color:#2d2a26!important}[data-theme=pencil] .text-zinc-300,[data-theme=pencil] .text-zinc-400{color:#4a4640!important}[data-theme=pencil] .text-zinc-500{color:#7a756c!important}[data-theme=pencil] h1,[data-theme=pencil] h2,[data-theme=pencil] h3{font-family:Architects Daughter,Caveat,cursive!important;letter-spacing:.02em}[data-theme=pencil] code,[data-theme=pencil] pre,[data-theme=pencil] .font-mono{font-family:Indie Flower,cursive!important}[data-theme=pencil] .border-zinc-700,[data-theme=pencil] .border-zinc-700\/50{border-color:#4a4640!important;border-style:solid!important}[data-theme=pencil] button,[data-theme=pencil] .btn{border:2px solid #4a4640!important;background-color:#faf7f0!important;color:#2d2a26!important;border-radius:3px!important;box-shadow:2px 2px #4a46404d!important;transition:transform .1s,box-shadow .1s!important}[data-theme=pencil] button:hover,[data-theme=pencil] .btn:hover{transform:translate(-1px,-1px)!important;box-shadow:3px 3px #4a464066!important}[data-theme=pencil] img{filter:grayscale(100%) contrast(1.2) brightness(1.05)!important;border:3px solid #4a4640!important;border-radius:2px!important;box-shadow:4px 4px #4a464033!important}[data-theme=pencil] img:hover{filter:grayscale(80%) contrast(1.1) brightness(1)!important}[data-theme=pencil] img[alt*=profile i],[data-theme=pencil] img.rounded-full{border-radius:50%!important;border:3px solid #4a4640!important}[data-theme=pencil] .bg-sky-900\/30,[data-theme=pencil] .bg-emerald-900\/30,[data-theme=pencil] .bg-amber-900\/30,[data-theme=pencil] .bg-rose-900\/30,[data-theme=pencil] [class*=bg-][class*="-900/30"]{background-color:transparent!important;border:1.5px solid #4a4640!important;color:#2d2a26!important;border-radius:2px!important}[data-theme=pencil] a{color:#2d2a26!important;text-decoration:underline!important;text-decoration-style:wavy!important;text-decoration-color:#7a756c!important;text-underline-offset:3px!important}[data-theme=pencil] a:hover{text-decoration-color:#2d2a26!important}[data-theme=pencil] .bg-zinc-800{background-color:transparent!important}[data-theme=pencil] .bg-zinc-700{background-color:#ebe5d8!important;border:1px solid #4a4640!important}[data-theme=pencil] .bg-zinc-500,[data-theme=pencil] .bg-sky-500{background:repeating-linear-gradient(45deg,#4a4640,#4a4640 2px,transparent 2px,transparent 4px)!important}[data-theme=pencil] .group:hover{transform:rotate(0) translate(-2px,-2px)!important}[data-theme=pencil] section>h2:first-of-type{position:relative;display:inline-block}[data-theme=pencil] section>h2:first-of-type:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,#4a4640 0px,#4a4640 6px,transparent 6px,transparent 10px)}[data-theme=pencil] ::-webkit-scrollbar{width:12px}[data-theme=pencil] ::-webkit-scrollbar-track{background:#ebe5d8;border-left:1px solid #c4bdb0}[data-theme=pencil] ::-webkit-scrollbar-thumb{background:#9a9488;border:2px solid #ebe5d8}[data-theme=pencil] [class*=gradient],[data-theme=pencil] [class*=blur],[data-theme=pencil] [class*=glow]{background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}[data-theme=pencil] footer{border-top:2px dashed #4a4640!important;margin-top:2rem;padding-top:1rem}[data-theme=neon]{background:linear-gradient(135deg,#0a0a0f,#12081a,#0a0a0f);font-family:Rajdhani,sans-serif;color:#e0e0ff}[data-theme=neon] *{font-family:inherit}[data-theme=neon]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,0,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}[data-theme=neon] h1,[data-theme=neon] h2,[data-theme=neon] h3{font-family:Orbitron,sans-serif!important;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.5),0 0 40px rgba(0,255,255,.3)}[data-theme=neon] h1{animation:neonPulse 3s ease-in-out infinite}@keyframes neonPulse{0%,to{text-shadow:0 0 10px rgba(255,0,255,.8),0 0 20px rgba(255,0,255,.5),0 0 40px rgba(255,0,255,.3)}50%{text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.5),0 0 40px rgba(0,255,255,.3)}}[data-theme=neon] code,[data-theme=neon] pre,[data-theme=neon] .font-mono{font-family:Share Tech Mono,monospace!important;color:#0f8}[data-theme=neon] a{color:#0ff!important;text-decoration:none!important;transition:all .3s ease!important;position:relative}[data-theme=neon] a:hover{color:#f0f!important;text-shadow:0 0 10px currentColor}[data-theme=neon] button{border:2px solid #ff00ff!important;background:transparent!important;color:#f0f!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-family:Orbitron,sans-serif!important;transition:all .3s ease!important;position:relative;overflow:hidden}[data-theme=neon] button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,0,255,.3),transparent);transform:translate(-100%);transition:transform .5s ease}[data-theme=neon] button:hover:before{transform:translate(100%)}[data-theme=neon] button:hover{background:#f0f3!important;box-shadow:0 0 10px #ff00ff80,inset 0 0 10px #f0f3!important}[data-theme=neon] .bg-zinc-800,[data-theme=neon] .bg-zinc-800\/50{background:#141423cc!important;border:1px solid rgba(255,0,255,.3)!important;box-shadow:0 0 15px #ff00ff1a,inset 0 0 30px #00ffff05!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;transition:all .3s ease!important}[data-theme=neon] .bg-zinc-800:hover,[data-theme=neon] .bg-zinc-800\/50:hover{border-color:#0ff9!important;box-shadow:0 0 25px #00ffff4d,inset 0 0 30px #00ffff0d!important}[data-theme=neon] .text-white,[data-theme=neon] .text-zinc-50{color:#e0e0ff!important}[data-theme=neon] .text-zinc-300,[data-theme=neon] .text-zinc-400{color:#b0b0d0!important}[data-theme=neon] .text-zinc-500{color:#7070a0!important}[data-theme=neon] .text-sky-400{color:#0ff!important}[data-theme=neon] img{border:2px solid rgba(0,255,255,.3)!important;box-shadow:0 0 20px #0ff3!important;transition:all .3s ease!important}[data-theme=neon] img:hover{border-color:#f0f9!important;box-shadow:0 0 30px #f0f6!important}[data-theme=neon] .bg-sky-500{background:linear-gradient(90deg,#f0f,#0ff,#f0f)!important;background-size:200% 100%;animation:progressGlow 2s linear infinite}@keyframes progressGlow{0%{background-position:0% 50%}to{background-position:200% 50%}}[data-theme=neon] [class*=bg-][class*="-900/30"]{background:#00ffff1a!important;border:1px solid rgba(0,255,255,.4)!important;color:#0ff!important}[data-theme=neon] ::-webkit-scrollbar{width:8px}[data-theme=neon] ::-webkit-scrollbar-track{background:#0a0a0f}[data-theme=neon] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f0f,#0ff);border-radius:4px}[data-theme=neon] .glitch{animation:glitch 1s infinite}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px);filter:hue-rotate(90deg)}94%{transform:translate(2px,-2px);filter:hue-rotate(-90deg)}96%{transform:translate(-1px,1px);filter:hue-rotate(45deg)}98%{transform:translate(1px,-1px);filter:hue-rotate(-45deg)}}[data-theme=neon]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:1000;opacity:.3}[data-theme=neon] footer{border-top:1px solid rgba(255,0,255,.3)!important}