:root{--scrollbar-width:3px}::-webkit-scrollbar{width:var(--scrollbar-width)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,78%,.2);border-radius:1.5px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,78%,.3)}html{scrollbar-width:thin;scrollbar-color:hsla(0,0%,78%,.2) transparent;overflow-y:scroll;margin-right:calc(-1 * var(--scrollbar-width))}body{font-family:Press Start\ 2P,cursive;margin:0;padding:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.retro-button{display:inline-flex;align-items:center;justify-content:center;border-width:2px;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));padding:.375rem;font-size:.75rem;line-height:1rem;--tw-shadow:3px 3px 0px 0px #000;--tw-shadow-colored:3px 3px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;animation-duration:.1s}@media (min-width:768px){.retro-button{padding:.5rem;font-size:.875rem;line-height:1.25rem;--tw-shadow:4px 4px 0px 0px #000;--tw-shadow-colored:4px 4px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.retro-button:hover{--tw-translate-x:1px;--tw-translate-y:1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:2px 2px 0px 0px #000;--tw-shadow-colored:2px 2px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.retro-button:hover{--tw-translate-x:2px;--tw-translate-y:2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:2px 2px 0px 0px #000;--tw-shadow-colored:2px 2px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.retro-chip{display:inline-flex;align-items:center;gap:.125rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));padding:.125rem .125rem .125rem .375rem;font-size:.75rem;line-height:1rem;--tw-shadow:3px 3px 0px 0px #000;--tw-shadow-colored:3px 3px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.retro-chip{gap:.25rem;padding:.25rem .25rem .25rem .5rem;font-size:.875rem;line-height:1.25rem;--tw-shadow:4px 4px 0px 0px #000;--tw-shadow-colored:4px 4px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.retro-chip-button{border-width:1px;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));padding:.125rem;font-size:.75rem;line-height:1rem;--tw-shadow:1px 1px 0px 0px #000;--tw-shadow-colored:1px 1px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;animation-duration:.1s}@media (min-width:768px){.retro-chip-button{border-width:2px;padding:.125rem;font-size:.75rem;line-height:1rem;--tw-shadow:2px 2px 0px 0px #000;--tw-shadow-colored:2px 2px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.retro-chip-button:hover{--tw-translate-x:0.5px;--tw-translate-y:0.5px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0.5px 0.5px 0px 0px #000;--tw-shadow-colored:0.5px 0.5px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.retro-chip-button:hover{--tw-translate-x:1px;--tw-translate-y:1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:1px 1px 0px 0px #000;--tw-shadow-colored:1px 1px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.retro-button:before,.retro-chip:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.05) 0);background-size:100% 4px;pointer-events:none;opacity:.5}.retro-button:hover,.retro-chip:hover{filter:brightness(1.1);text-shadow:0 0 8px currentColor}[data-theme=light] ::-webkit-scrollbar{width:var(--scrollbar-width)}[data-theme=light] ::-webkit-scrollbar-track{background:#f5f5f5}[data-theme=light] ::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#999}[data-theme=dark] ::-webkit-scrollbar{width:var(--scrollbar-width)}[data-theme=dark] ::-webkit-scrollbar-track{background:#1a1a1a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#333;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#444}[data-theme=light] *{scrollbar-width:thin;scrollbar-color:#ccc #f5f5f5}[data-theme=dark] *{scrollbar-width:thin;scrollbar-color:#333 #1a1a1a}:root{--light-bg:#f5f5f5;--dark-bg:#1a1a1a;--light-text:rgba(0,0,0,.7);--dark-text:hsla(0,0%,100%,.7);--light-card-bg:#fff;--dark-card-bg:#2d2d2d;--light-border:rgba(0,0,0,.1);--dark-border:hsla(0,0%,100%,.1);--light-hover:rgba(0,0,0,.05);--dark-hover:hsla(0,0%,100%,.05);--light-text-primary:#000;--dark-text-primary:#fff;--light-text-secondary:rgba(0,0,0,.6);--dark-text-secondary:hsla(0,0%,100%,.6);--light-text-muted:rgba(0,0,0,.4);--dark-text-muted:hsla(0,0%,100%,.4)}[data-theme=light]{background-color:var(--light-bg);color:var(--light-text)}[data-theme=light] .text-gray-900{color:var(--light-text-primary)}[data-theme=light] .text-gray-700{color:var(--light-text-secondary)}[data-theme=light] .text-gray-500{color:var(--light-text-muted)}[data-theme=light] .bg-white{background-color:var(--light-card-bg)}[data-theme=light] .border-gray-200{border-color:var(--light-border)}[data-theme=light] .hover\:bg-gray-50:hover{background-color:var(--light-hover)}[data-theme=dark]{background-color:var(--dark-bg);color:var(--dark-text)}[data-theme=dark] .text-gray-900{color:var(--dark-text-primary)}[data-theme=dark] .text-gray-700{color:var(--dark-text-secondary)}[data-theme=dark] .text-gray-500{color:var(--dark-text-muted)}[data-theme=dark] .bg-white{background-color:var(--dark-card-bg)}[data-theme=dark] .border-gray-700{border-color:var(--dark-border)}[data-theme=dark] .hover\:bg-gray-800:hover{background-color:var(--dark-hover)}.theme-transition,.theme-transition *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.theme-transition .bg-gray-100,.theme-transition .bg-gray-200,.theme-transition .bg-gray-300,.theme-transition .bg-gray-400,.theme-transition .bg-gray-50,.theme-transition .bg-gray-500,.theme-transition .bg-gray-600,.theme-transition .bg-gray-700,.theme-transition .bg-gray-800,.theme-transition .bg-gray-900,.theme-transition .bg-white,.theme-transition .border-gray-100,.theme-transition .border-gray-200,.theme-transition .border-gray-300,.theme-transition .border-gray-400,.theme-transition .border-gray-500,.theme-transition .border-gray-600,.theme-transition .border-gray-700,.theme-transition .border-gray-800,.theme-transition .border-gray-900,.theme-transition .text-gray-100,.theme-transition .text-gray-200,.theme-transition .text-gray-300,.theme-transition .text-gray-400,.theme-transition .text-gray-50,.theme-transition .text-gray-500,.theme-transition .text-gray-600,.theme-transition .text-gray-700,.theme-transition .text-gray-800,.theme-transition .text-gray-900{transition:all .3s ease}