:root{--bg-primary-hsl:240 0% 7%;--bg-secondary-hsl:240 0% 11%;--bg-tertiary-hsl:240 0% 14%;--text-primary-hsl:220 13% 91%;--text-secondary-hsl:218 9% 70%;--border-color-hsl:210 2% 23%;--shadow-color-hsl:0 0% 0%;--separator-color-hsl:210 2% 23%;--accent-primary-hsl:340 100% 62%;--accent-primary-hover-hsl:340 100% 72%;--accent-secondary-hsl:51 100% 50%;--accent-secondary-hover-hsl:51 100% 60%;--accent-tertiary-hsl:195 100% 50%;--accent-tertiary-hover-hsl:195 100% 65%;--link-color-hsl:195 100% 50%;--link-hover-hsl:195 100% 65%;--clr-wind:#1ae6c3;--clr-water:#75b3f0;--clr-fire:#ffd633;--clr-soul:#b37de8;--clr-light:#e5e7eb;--clr-curse:#ff3d7e;--clr-orange:hsl(var(--accent-secondary-hsl));--clr-unknown:#95a5a6;--clr-default-element:hsl(var(--accent-primary-hsl));--bg-primary:hsl(var(--bg-primary-hsl));--bg-secondary:hsl(var(--bg-secondary-hsl));--bg-tertiary:hsl(var(--bg-tertiary-hsl));--text-primary:hsl(var(--text-primary-hsl));--text-secondary:hsl(var(--text-secondary-hsl));--border-color:hsl(var(--border-color-hsl));--separator-color:hsl(var(--separator-color-hsl));--accent-primary:hsl(var(--accent-primary-hsl));--accent-primary-hover:hsl(var(--accent-primary-hover-hsl));--accent-secondary:hsl(var(--accent-secondary-hsl));--accent-secondary-hover:hsl(var(--accent-secondary-hover-hsl));--accent-tertiary:hsl(var(--accent-tertiary-hsl));--accent-tertiary-hover:hsl(var(--accent-tertiary-hover-hsl));--link-color:hsl(var(--link-color-hsl));--link-hover:hsl(var(--link-hover-hsl));--shadow-color:hsla(var(--shadow-color-hsl),0.6);--glitch-color-1:hsl(var(--accent-primary-hsl));--glitch-color-2:hsl(var(--accent-tertiary-hsl));--neon-glow-color:hsl(var(--accent-primary-hsl));--font-main:var(--font-roboto-condensed),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-heading:var(--font-rajdhani),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--transition-speed:0.3s;--transition-speed-fast:0.15s;--transition-speed-slow:0.5s;--border-radius-small:4px;--border-radius:8px;--border-radius-large:12px;--border-radius-round:50%;--header-height:70px;--container-max-width:1600px;--container-padding:1rem;--active-element-hsl:var(--accent-primary-hsl);--star-color:gold}html.light-theme{--bg-primary-hsl:0 0% 100%;--bg-secondary-hsl:225 20% 96%;--bg-tertiary-hsl:220 13% 91%;--text-primary-hsl:0 0% 2%;--text-secondary-hsl:222 4% 40%;--border-color-hsl:216 10% 80%;--shadow-color-hsl:0 0% 0%;--separator-color-hsl:216 10% 83%;--accent-primary-hsl:340 100% 62%;--accent-primary-hover-hsl:340 100% 72%;--accent-secondary-hsl:51 80% 45%;--accent-secondary-hover-hsl:51 80% 40%;--accent-tertiary-hsl:195 90% 40%;--accent-tertiary-hover-hsl:195 90% 35%;--link-color-hsl:211 100% 40%;--link-hover-hsl:211 100% 25%;--shadow-color:hsla(var(--shadow-color-hsl),0.1);--glitch-color-1:hsl(var(--accent-primary-hsl));--glitch-color-2:hsl(var(--accent-tertiary-hsl));--neon-glow-color:hsl(var(--accent-primary-hsl));--bg-primary:hsl(var(--bg-primary-hsl));--bg-secondary:hsl(var(--bg-secondary-hsl));--bg-tertiary:hsl(var(--bg-tertiary-hsl));--text-primary:hsl(var(--text-primary-hsl));--text-secondary:hsl(var(--text-secondary-hsl));--border-color:hsl(var(--border-color-hsl));--separator-color:hsl(var(--separator-color-hsl));--accent-primary:hsl(var(--accent-primary-hsl));--accent-primary-hover:hsl(var(--accent-primary-hover-hsl));--accent-secondary:hsl(var(--accent-secondary-hsl));--accent-secondary-hover:hsl(var(--accent-secondary-hover-hsl));--accent-tertiary:hsl(var(--accent-tertiary-hsl));--accent-tertiary-hover:hsl(var(--accent-tertiary-hover-hsl));--link-color:hsl(var(--link-color-hsl));--link-hover:hsl(var(--link-hover-hsl))}*,:after,:before{margin:0;padding:0;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--border-color)}body,body>div:first-child,div#__next,html{height:100%;margin:0;padding:0}body{font-family:var(--font-main);font-size:16px;line-height:1.6;overflow-x:hidden;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;display:flex;flex-direction:column;min-height:100vh}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1rem);line-height:1.5;text-size-adjust:100%;-moz-tab-size:4;tab-size:4}main{flex-grow:1;width:100%;display:flex;flex-direction:column}canvas,img,svg,video{max-width:100%;height:auto;display:block}::selection{background-color:var(--accent-primary);color:var(--bg-primary)}::-moz-selection{background-color:var(--accent-primary);color:var(--bg-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;text-decoration:none;border-radius:var(--border-radius-small)}:focus:not(:focus-visible){outline:none}.image-container-protected{position:relative;display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.image-container-protected:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:10;cursor:default}.image-container-protected img{display:block;position:relative;z-index:1;pointer-events:none}#nprogress{pointer-events:none}#nprogress .bar{background:var(--accent-primary);position:fixed;z-index:9999;top:0;left:0;width:100%;height:3px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px var(--accent-primary),0 0 5px var(--accent-primary);opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress{position:fixed;inset:0;background-color:hsla(var(--bg-primary-hsl),.7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:9999;display:grid;place-items:center;opacity:0;transition:opacity .2s ease-in-out}body.nprogress-busy #nprogress{opacity:1}#nprogress .bar,#nprogress .peg{display:none!important}#nprogress:after{content:"";display:block;width:50px;height:50px;border-radius:50%;border:5px solid var(--border-color);border-top-color:var(--accent-primary);animation:nprogress-spinner .6s linear infinite}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--sidebar-width-open:260px;--sidebar-width-closed:80px;--top-bar-height:60px;--sidebar-transition:0.3s cubic-bezier(0.4,0,0.2,1);--c-bg:hsl(var(--bg-primary-hsl));--c-surface:hsl(var(--bg-primary-hsl));--c-border:hsl(var(--border-color-hsl));--c-text-primary:hsl(var(--text-primary-hsl));--c-text-secondary:hsl(var(--text-secondary-hsl));--c-accent:var(--accent-primary)}#top-bar{position:fixed;top:0;left:0;right:0;height:var(--top-bar-height);z-index:1000;justify-content:space-between;padding:0 1.5rem;transition:padding-left var(--sidebar-transition)}#top-bar,.top-bar-actions{display:flex;align-items:center}.top-bar-actions{gap:.8rem}.top-bar-left-actions{display:flex;align-items:center;position:relative;height:100%}.top-bar-logo{display:none;align-items:center;text-decoration:none}@media (max-width:992px){#top-bar{background-color:hsla(var(--bg-primary-hsl),.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.top-bar-logo{display:inline-flex;margin-left:8px}body.body-no-scroll .top-bar-logo{display:none}}@media (min-width:993px){.top-bar-logo{display:none}}#sidebar-nav{position:fixed;top:0;left:0;height:100%;width:var(--sidebar-width-open);background-color:var(--c-surface);border-right:1px solid var(--c-border);z-index:1100;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}#sidebar-nav.no-transition{transition:none!important}#sidebar-nav:not(.no-transition){transition:transform var(--sidebar-transition),width var(--sidebar-transition)}.sidebar-header{height:var(--top-bar-height);justify-content:space-between;padding:0 1rem 0 1.5rem;flex-shrink:0;overflow:hidden;border-bottom:1px solid var(--c-border)}.logo-link,.sidebar-header{display:flex;align-items:center}.logo-link{gap:.75rem;text-decoration:none}.site-title{font-size:1.2rem;font-weight:700;color:var(--c-text-primary);white-space:nowrap;transition:opacity .2s ease-in-out}.sidebar-toggle-inside{background:none;border:none;font-size:1.5rem;color:var(--c-text-secondary);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s,transform .3s ease}.sidebar-toggle-inside:hover{background-color:hsla(var(--text-primary-hsl),.1);color:var(--c-text-primary)}#sidebar-nav.is-closed .sidebar-toggle-inside>svg{transform:rotate(180deg)}.sidebar-menu{list-style:none;margin:0;padding:.75rem;overflow-y:auto}.sidebar-link{display:flex;align-items:center;width:100%;padding:.75rem 1rem;margin-bottom:.25rem;border-radius:10px;text-decoration:none;color:var(--c-text-secondary);font-weight:600;font-size:.9rem;border:2px solid transparent;transition:color .2s,background-color .2s,border-color .2s;overflow:hidden;white-space:nowrap}.sidebar-link:hover{color:var(--c-text-primary);background-color:hsla(var(--text-primary-hsl),.05)}.sidebar-link.active{background-color:hsla(var(--accent-primary-hsl),.1)}.sidebar-link.active,.sidebar-link.is-parent.is-active-parent{color:var(--c-accent)}.link-icon{font-size:1.2rem;width:24px;text-align:center;margin-right:1rem;flex-shrink:0;transition:font-size var(--sidebar-transition)}.link-text{transition:opacity .2s ease-in-out}.link-chevron{margin-left:auto;font-size:.8rem;transition:transform .3s ease}.sidebar-menu-item.is-open>.sidebar-link .link-chevron{transform:rotate(180deg)}.sidebar-submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.sidebar-menu-item.is-open>.sidebar-submenu{grid-template-rows:1fr}.sidebar-submenu-list{list-style:none;overflow:hidden;padding-left:calc(24px + 1.5rem);margin:0 .5rem}.sidebar-sublink{display:block;font-size:.85rem;font-weight:500;color:var(--c-text-secondary);padding:.5rem 0;text-decoration:none;position:relative;transition:color .2s ease}.sidebar-sublink:before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--c-border);transition:transform .2s ease,background-color .2s ease}.sidebar-sublink:hover{color:var(--c-text-primary)}.sidebar-sublink:hover:before{background-color:var(--c-text-primary)}.sidebar-sublink.active{color:var(--c-accent);font-weight:600}.sidebar-sublink.active:before{background-color:var(--c-accent);transform:translateY(-50%) scale(1.5)}.sidebar-footer{padding:1rem;border-top:1px solid var(--c-border);overflow:hidden}.kofi-sidebar-button,.kofi-sidebar-button--mini{text-decoration:none;align-items:center;justify-content:center;font-weight:600;border-radius:8px;transition:background-color .2s ease,transform .15s ease;color:#fff;border:1px solid #1a9cd1;background-color:#29abe0}.kofi-sidebar-button--mini:hover,.kofi-sidebar-button:hover{background-color:#1a9cd1}.kofi-sidebar-button{display:flex;gap:.75rem;width:100%;padding:.6rem 1rem}.kofi-sidebar-button:hover{transform:translateY(-1px)}.kofi-icon-wrapper{flex-shrink:0;line-height:0}.kofi-sidebar-button--mini{display:none;width:44px;height:44px;border-radius:10px}.kofi-sidebar-button--mini:hover{transform:scale(1.03)}@media (max-width:992px){#sidebar-nav{transform:translateX(-100%)}#sidebar-nav.is-open{transform:translateX(0);box-shadow:5px 0 25px rgba(0,0,0,.3)}.sidebar-toggle-inside{display:none}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1050;opacity:0;pointer-events:none;transition:opacity .4s}.sidebar-overlay.is-visible{opacity:1;pointer-events:auto}.kofi-sidebar-button--mini{display:none}}@media (min-width:993px){body.sidebar-desktop-closed #sidebar-nav{width:var(--sidebar-width-closed)}body.sidebar-desktop-closed .sidebar-header{padding:0;justify-content:center}body.sidebar-desktop-closed .logo-link{pointer-events:none}body.sidebar-desktop-closed .link-chevron,body.sidebar-desktop-closed .link-text,body.sidebar-desktop-closed .sidebar-toggle-inside,body.sidebar-desktop-closed .site-title{opacity:0;width:0;pointer-events:none}body.sidebar-desktop-closed .sidebar-link{justify-content:center}body.sidebar-desktop-closed .link-icon{font-size:1.8rem;margin-right:0}body.sidebar-desktop-closed .sidebar-submenu{display:none}body.sidebar-desktop-closed .sidebar-footer{opacity:1;width:100%;pointer-events:auto;padding:1rem;display:flex;align-items:center;justify-content:center}body.sidebar-desktop-closed .kofi-sidebar-button{display:none}body.sidebar-desktop-closed .kofi-sidebar-button--mini,body.sidebar-desktop-open .kofi-sidebar-button{display:flex}body.sidebar-desktop-open .kofi-sidebar-button--mini{display:none}}.go-back-button,.sidebar-open-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;cursor:pointer;position:absolute;transition:all .2s ease}.go-back-button{border:1px solid var(--c-border);color:var(--c-text-secondary);font-size:1.2rem;z-index:10}.go-back-button:hover{border-color:var(--c-text-primary);color:var(--c-text-primary);background-color:hsla(var(--text-primary-hsl),.1)}.native-back-button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border-radius:8px;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;max-width:120px}.native-back-button:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.native-back-button:active{transform:scale(.98)}.native-back-button svg{font-size:1.1rem;margin-right:.2rem}.sidebar-open-button{border:none;color:var(--c-text-primary);font-size:1.5rem;z-index:5;opacity:0;transform:scale(.5);pointer-events:none}.sidebar-open-button.is-visible{opacity:1;transform:scale(1);pointer-events:auto}.sidebar-open-button:hover{background-color:hsla(var(--text-primary-hsl),.1)}@media (max-width:992px){.go-back-button,.sidebar-open-button{position:static;margin-left:10px}}@media (min-width:993px){.go-back-button{display:none}.sidebar-open-button{left:20px}}