:root{--pixel-bg-primary: #f0f1f5;--pixel-bg-card: rgba(255, 255, 255, .9);--pixel-bg-card-solid: #ffffff;--pixel-btn-bg: rgba(80, 100, 180, .12);--pixel-btn-border: rgba(80, 100, 180, .25);--pixel-btn-hover: rgba(80, 100, 180, .2);--pixel-btn-active: rgba(80, 100, 180, .08);--pixel-accent: #5a6eaa;--pixel-accent-bright: #4a5e9a;--pixel-text: #1a1e2e;--pixel-text-muted: #6b7394;--pixel-border: rgba(80, 100, 180, .15);--pixel-border-bright: rgba(80, 100, 180, .3);--pixel-radius: 2px;--pixel-green: #16a34a;--pixel-red: #dc2626;--pixel-orange: #ea580c}.dark{--pixel-bg-primary: #0a0e1a;--pixel-bg-card: rgba(15, 20, 40, .85);--pixel-bg-card-solid: #0f1428;--pixel-btn-bg: rgba(100, 120, 200, .3);--pixel-btn-border: rgba(140, 160, 220, .4);--pixel-btn-hover: rgba(120, 140, 220, .5);--pixel-btn-active: rgba(100, 120, 200, .15);--pixel-accent: #7b8ec8;--pixel-accent-bright: #96a8e0;--pixel-text: #e0e4f0;--pixel-text-muted: #6b7394;--pixel-border: rgba(100, 120, 200, .2);--pixel-border-bright: rgba(140, 160, 220, .35);--pixel-green: #4ade80;--pixel-red: #f87171;--pixel-orange: #fb923c}body{margin:0;padding:0;color:var(--pixel-text)}*:hover:not(.completion-btn-animate){transform:none!important}*:active:not(.completion-btn-animate){transform:none!important}[class*="hover:scale"]:not(.completion-btn-animate),[class*="active:scale"]:not(.completion-btn-animate),[class*="group-hover:scale"]:not(.completion-btn-animate){transform:none!important}button:hover,[role=button]:hover{filter:brightness(1.15)}button:active,[role=button]:active{filter:brightness(.9)}h1,h2{font-family:"Press Start 2P",monospace!important;text-transform:uppercase;letter-spacing:.05em;line-height:1.6}h3,h4,h5,h6{font-family:Space Mono,monospace!important;letter-spacing:.02em;line-height:1.4}h1{font-size:.7rem}h2,h3{font-size:.85rem}h4,h5,h6{font-size:.75rem}label{font-family:Space Mono,monospace!important;font-size:.7rem!important;letter-spacing:.05em;text-transform:uppercase;font-weight:700}button,[role=button],a.btn{border-radius:var(--pixel-radius)!important;font-family:Space Mono,monospace;font-size:.8rem;letter-spacing:.03em;transition:all .15s ease}.dark button[class*=bg-blue-600],.dark button[class*=bg-green-600],.dark button[class*=bg-emerald-600],.dark button[class*=bg-indigo-600]{background:var(--pixel-btn-bg)!important;border:1px solid var(--pixel-btn-border)!important;color:var(--pixel-text)!important;box-shadow:none!important;border-radius:var(--pixel-radius)!important}.dark button[class*=bg-blue-600]:hover,.dark button[class*=bg-green-600]:hover,.dark button[class*=bg-emerald-600]:hover,.dark button[class*=bg-indigo-600]:hover{background:var(--pixel-btn-hover)!important;border-color:var(--pixel-border-bright)!important}.dark button[class*=bg-gradient]{background:var(--pixel-btn-bg)!important;border:1px solid var(--pixel-btn-border)!important;color:var(--pixel-text)!important;box-shadow:none!important;border-radius:var(--pixel-radius)!important}.dark button[class*=bg-gradient]:hover{background:var(--pixel-btn-hover)!important}div[class*=rounded-2xl],div[class*=rounded-3xl],div[class*=rounded-xl],form[class*=rounded-2xl],form[class*=rounded-xl]{border-radius:var(--pixel-radius)!important}.dark div[class*=bg-white],.dark div[class*=bg-gray-900],.dark div[class*=bg-gray-800],.dark form[class*=bg-white]{background:var(--pixel-bg-card)!important;border-color:var(--pixel-border)!important}input,select,textarea{border-radius:var(--pixel-radius)!important;font-family:Space Mono,monospace!important;font-size:.85rem}.dark input,.dark select,.dark textarea{background:#0a0e1ecc!important;border-color:var(--pixel-border)!important;color:var(--pixel-text)!important}input:focus,select:focus,textarea:focus{border-color:var(--pixel-accent)!important;box-shadow:0 0 0 2px #7b8ec833!important}button[class*=rounded-full],button[class*=rounded-full][class*=w-8],button[class*=rounded-lg]{border-radius:var(--pixel-radius)!important}.scrollbar-thin::-webkit-scrollbar{height:6px;width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--pixel-border);border-radius:0}.dark .scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--pixel-text-muted)}.dark [class*=shadow-xl],.dark [class*=shadow-2xl],.dark [class*=shadow-lg],.dark [class*=shadow-md]{box-shadow:none!important}.font-mono{font-family:"Press Start 2P",monospace!important}span[class*=rounded-full]{border-radius:var(--pixel-radius)!important}.dark body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in-right{animation:slide-in-right .3s ease-out forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .2s ease-out forwards}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .25s ease-out forwards}@keyframes swim{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(20px) translateY(-10px)}}@keyframes bubble{0%{transform:translateY(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-600px);opacity:0}}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-swim{animation:swim 6s ease-in-out infinite}.animate-bubble{animation:bubble linear infinite}.animate-sway{transform-origin:bottom center;animation:sway 3s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}@keyframes blink-cursor{0%,to{border-right-color:var(--pixel-accent)}50%{border-right-color:transparent}}@keyframes completion-pop{0%{transform:scale(1)}15%{transform:scale(.75)}40%{transform:scale(1.3)}60%{transform:scale(.95)}80%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes completion-ripple{0%{box-shadow:0 0 #4ade8099}70%{box-shadow:0 0 0 16px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes checkmark-draw{0%{stroke-dashoffset:24;opacity:0}30%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes completion-glow{0%,to{box-shadow:0 0 8px #4ade804d}50%{box-shadow:0 0 20px #4ade8080}}.completion-btn-animate{animation:completion-pop .5s cubic-bezier(.34,1.56,.64,1) forwards,completion-ripple .7s ease-out forwards!important;transform:scale(1)!important}.completion-btn-completed{animation:completion-glow 2s ease-in-out 1}.completion-btn-animate *,.completion-btn-completed *{transform:none}
