@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#080b11;--bg-secondary:#0f1422;--bg-card:#121829b3;--bg-glass:#0f142273;--accent-cyan:#fff;--accent-purple:#fff;--accent-magenta:#fff;--accent-glow:#ffffff14;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff14;--border-glow:#ffffff26;--border-purple-glow:#ffffff1f;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--shadow-neon:none;--shadow-neon-hover:none;--logo-gradient:#fff;--btn-inactive-bg:#ffffff05;--btn-inactive-border:#ffffff14;--eye-btn-bg:#ffffff08;--eye-btn-border:#ffffff0d;--grid-container-bg:#080b11;--grid-container-border:#ffffff0a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#ffffff08 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ffffff05 0%,#0000 40%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:none;border-radius:16px}.glass-panel-glow{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glow);box-shadow:none;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-glow:hover{box-shadow:none;border-color:var(--border-glow)}.text-neon-cyan{color:var(--accent-cyan)}.text-neon-purple{color:var(--accent-purple)}input,select,textarea{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);background:#ffffff08;border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem;transition:all .2s}select option{background-color:var(--bg-secondary);color:var(--text-primary)}input:focus,select:focus,textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 6px var(--border-glow);background:#ffffff0d}label{color:var(--text-secondary);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.btn-primary{background:var(--text-primary);color:var(--bg-primary);font-family:var(--font-sans);cursor:pointer;box-shadow:none;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{background:var(--text-secondary);box-shadow:none;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--text-primary);font-family:var(--font-sans);border:1px solid var(--border-color);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{color:var(--text-primary);font-family:var(--font-sans);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{box-shadow:none;transform:translateY(-2px)}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.grid-matrices{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.puzzle-svg-wrapper{aspect-ratio:1;box-sizing:border-box;background:#111625;border:1px solid #ffffff1f;border-radius:0;justify-content:center;align-items:center;width:100%;padding:8px;transition:all .2s;display:flex;position:relative;overflow:visible}.puzzle-svg-wrapper.interactive{cursor:pointer}.puzzle-svg-wrapper.interactive:hover{border-color:var(--accent-cyan);box-shadow:inset 0 0 12px var(--accent-glow)}.puzzle-svg-wrapper.active{box-shadow:none;border:2px solid #ffffff59!important}.light{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fffffff2;--bg-glass:#f1f5f9b3;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-color:#0f172a14;--logo-gradient:#0f172a;--btn-inactive-bg:#00000005;--btn-inactive-border:#0f172a1f;--eye-btn-bg:#00000008;--eye-btn-border:#0f172a14;--accent-cyan:#000;--accent-purple:#000;--accent-magenta:#000;--accent-glow:#0000000d;--border-glow:#00000026;--grid-container-bg:#0003;--grid-container-border:#0003}.light .glass-panel{box-shadow:none;background:#fff;border:1px solid #0f172a14}.light .glass-panel-glow{box-shadow:none;background:#fff;border:1px solid #0f172a1f}.light .glass-panel-glow:hover{box-shadow:none;border-color:var(--accent-cyan)}.light h1,.light h2,.light h3,.light h4,.light h5,.light h6{background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:initial;color:var(--text-primary)}.light body{background-color:var(--bg-primary);color:var(--text-primary);background-image:none}.light ::-webkit-scrollbar-thumb{background:#0000001a}.light ::-webkit-scrollbar-thumb:hover{background:#00000040}.light input,.light select,.light textarea{color:var(--text-primary);background:#00000008}.light input:focus,.light select:focus,.light textarea:focus{background:#0000000d}.light select option{background-color:var(--bg-secondary);color:var(--text-primary)}.light .puzzle-svg-wrapper{background:#fff;border:1px solid #0000001f!important}.light .puzzle-svg-wrapper.interactive:hover{border-color:var(--accent-cyan);box-shadow:none}.light .puzzle-svg-wrapper.active{box-shadow:none;border:2px solid #00000059!important}.light .btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#00000008}.light .btn-secondary:hover{background:#00000012}input[type=checkbox]{accent-color:var(--accent-cyan)}.custom-select-btn{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff08;transition:all .2s}.light .custom-select-btn{background:#00000008}.custom-select-btn:focus{border-color:var(--accent-cyan);box-shadow:0 0 6px var(--border-glow);background:#ffffff0d}.light .custom-select-btn:focus{background:#0000000d}.grid-layout-icon{transition:all .15s}.grid-layout-icon:hover,.grid-layout-icon:hover div,.grid-layout-icon:hover rect,.grid-layout-icon:hover line,.grid-layout-icon:hover path{border-color:var(--accent-cyan)!important;stroke:var(--accent-cyan)!important}