.color-block{position:relative;height:100%;flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;transition:flex-grow .4s cubic-bezier(.25,1,.5,1)}.color-content{z-index:2;text-align:center;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.16,1,.3,1)}.color-block:hover .color-content{opacity:1;transform:translateY(0)}.color-name{font-size:2.5rem;font-weight:300;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:2px;white-space:nowrap}.pantone-code{font-size:1rem;font-weight:400;margin:0 0 .25rem;opacity:.8;letter-spacing:1px;white-space:nowrap}.hex-code{font-family:Outfit,sans-serif;font-size:1.2rem;margin:0 0 1.5rem}.color-actions{display:flex;gap:.75rem;justify-content:center}.add-btn,.copy-btn,.similar-btn{background:transparent;border:1px solid currentColor;padding:.8rem 1.5rem;font-size:.8rem;font-weight:400;cursor:pointer;border-radius:0;transition:all .2s ease;text-transform:uppercase;letter-spacing:2px;white-space:nowrap}.add-btn:hover,.copy-btn:hover,.similar-btn:hover{background-color:#ffffff1a}.add-btn{min-width:100px}.color-block:hover{flex-grow:1.5;z-index:10}.color-block:hover+.color-block,.color-block:has(+.color-block:hover){flex-grow:.7}@media (max-width: 768px){.color-block:hover{flex-grow:2.5}.color-name{font-size:1.2rem!important;letter-spacing:1px;white-space:normal;word-wrap:break-word;max-width:90%}.pantone-code{font-size:.7rem;letter-spacing:.5px;white-space:normal}.hex-code{font-size:.8rem;margin:0 0 1rem}.color-actions{gap:.5rem;flex-wrap:wrap}.add-btn,.copy-btn,.similar-btn{padding:.5rem .75rem;font-size:.65rem;letter-spacing:1px}.add-btn{min-width:70px}}@media (max-width: 480px){.color-block:hover{flex-grow:3}.color-name{font-size:.9rem!important;letter-spacing:.5px}.pantone-code{font-size:.6rem}.hex-code{font-size:.7rem;margin:0 0 .75rem}.color-actions{gap:.35rem}.add-btn,.copy-btn,.similar-btn{padding:.4rem .6rem;font-size:.6rem}.add-btn{min-width:60px}}.color-grid{display:flex;flex-direction:column;flex:1;min-height:100vh}.color-grid.has-palette{max-width:calc(100% - 400px)}.color-row{display:flex;width:100%;height:50vh}@media (max-width: 1024px){.color-grid.has-palette{max-width:calc(100% - 320px)}}@media (max-width: 768px){.color-grid.has-palette{max-width:100%;padding-bottom:60vh}.color-row{height:25vh;min-height:120px}}@media (max-width: 600px){.color-grid{flex-direction:column}.color-row{height:20vh;min-height:100px}}@media (max-width: 480px){.color-grid.has-palette{padding-bottom:50vh}.color-row{height:18vh;min-height:90px}}.progress-footer{position:fixed;bottom:0;left:0;width:100%;height:10px;background:#ffffff1a;z-index:1000;transition:height .3s ease;overflow:hidden}.progress-bar{height:100%;background:#fff;width:0%;transition:width .1s linear}.footer-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transform:translateY(20px);transition:all .3s ease}.footer-content p{margin:0;font-size:.9rem;letter-spacing:1px;color:#000;font-weight:600}.footer-content a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}.progress-footer.complete{height:60px}.progress-footer.complete .footer-content{opacity:1;transform:translateY(0)}.toolbar{position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;display:flex;flex-direction:column;gap:1rem;z-index:100;background:#1a1a1a;pointer-events:auto;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1)}.toolbar-top{display:flex;justify-content:space-between;align-items:center}.app-title-wrapper{display:flex;align-items:center;gap:.75rem}.app-logo{width:32px;height:32px}.app-title{font-size:1.2rem;font-weight:700;color:#fffc;margin:0}.toolbar-top-actions{display:flex;align-items:center;gap:.75rem}.mobile-menu-btn{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:.5rem .75rem;font-size:1.2rem;cursor:pointer;transition:all .2s ease;line-height:1}.mobile-menu-btn:hover{background:#ffffff26;color:#fff}.saved-palettes-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:.5rem 1rem;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.saved-palettes-btn:hover{background:#ffffff26;color:#fff}.toolbar-main{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-bar-wrapper{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.color-preview{position:absolute;left:.5rem;width:24px;height:24px;border:1px solid rgba(255,255,255,.3);z-index:1}.search-bar{width:100%;padding:.6rem 2.5rem .6rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:0;color:#fff;font-family:Outfit,sans-serif;font-size:.9rem;outline:none;transition:all .2s ease}.search-bar.has-color{padding-left:3rem;padding-right:10rem}.search-bar.has-filter{background:#667eea33;border-color:#667eea66;cursor:pointer}.find-similar-btn{position:absolute;right:.5rem;background:#667eea4d;border:1px solid rgba(102,126,234,.5);color:#ffffffe6;padding:.4rem .8rem;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.find-similar-btn:hover{background:#667eea66;border-color:#667eeab3;color:#fff}.clear-search-btn{position:absolute;right:.5rem;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fffc;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .2s ease}.clear-search-btn:hover{background:#dc26264d;border-color:#dc262680;color:#ef4444}.filter-indicator{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);font-size:.75rem;color:#ffffffe6}.filter-color-preview{width:20px;height:20px;border:1px solid rgba(255,255,255,.3)}.clear-filter-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fffc;padding:.2rem .4rem;font-size:.8rem;cursor:pointer;transition:all .2s ease;line-height:1}.clear-filter-btn:hover{background:#dc26264d;border-color:#dc262680;color:#ef4444}.search-bar::placeholder{color:#fff6}.search-bar:focus{background:#ffffff26;border-color:#fff6}.controls{display:flex;gap:1.5rem;flex-wrap:wrap}.control-group,.color-picker-container{display:flex;align-items:center;gap:.75rem}.control-group label,.color-picker-container label{font-size:.7rem;font-weight:700;letter-spacing:1px;color:#fff9;white-space:nowrap}.color-picker-wrapper{position:relative;display:flex;align-items:center}.color-picker{width:50px;height:35px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;cursor:pointer;padding:2px}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border:none}.picker-label{margin-left:.5rem;font-size:.75rem;color:#fff9}.btn-group{display:flex;background:#ffffff1a;border-radius:0;padding:2px}.control-btn{background:transparent;border:none;color:#fff9;padding:.4rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer;border-radius:0;transition:all .2s ease;white-space:nowrap}.control-btn:hover{color:#fff}.control-btn.active{background:#fff;color:#000}.hex-input{padding:.4rem .8rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:0;color:#fff;font-family:Outfit,sans-serif;font-size:.8rem;outline:none;transition:all .2s ease;min-width:180px}.hex-input::placeholder{color:#fff6}.hex-input:focus{background:#ffffff26;border-color:#fff6}@media (max-width: 1024px){.toolbar{padding:1rem}.toolbar-main{flex-direction:column;align-items:stretch}.search-bar{width:100%}.controls{justify-content:space-between;gap:1rem}}@media (max-width: 768px){.toolbar{padding:.75rem 1rem}.app-logo{width:28px;height:28px}.app-title{font-size:1rem}.mobile-menu-btn{display:block}.saved-palettes-btn{font-size:.65rem;padding:.4rem .75rem}.controls{display:none;width:100%;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease}.controls.mobile-open{display:flex;max-height:500px;opacity:1;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.controls.mobile-open .control-group,.search-bar-wrapper{width:100%}}@media (max-width: 480px){.app-title{font-size:.9rem}.app-logo{width:24px;height:24px}.mobile-menu-btn{padding:.4rem .6rem;font-size:1rem}.saved-palettes-btn{font-size:.6rem;padding:.35rem .6rem}}.palette-panel{width:400px;min-width:400px;background:#1a1a1a;border-left:2px solid rgba(255,255,255,.1);display:flex;flex-direction:column;height:calc(100vh - 120px);position:fixed;top:120px;right:0;z-index:100}.palette-header{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#1a1a1a;position:relative}.palette-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-right:2.5rem}.palette-title h2{margin:0;font-size:1.2rem;font-weight:700;color:#ffffffe6;letter-spacing:2px}.palette-count{font-size:.8rem;color:#ffffff80;font-weight:400}.save-input-container{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.palette-name-input{flex:1;padding:.5rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:0;color:#fff;font-family:Outfit,sans-serif;font-size:.9rem;outline:none;transition:all .2s ease}.palette-name-input::placeholder{color:#fff6}.palette-name-input:focus{background:#ffffff26;border-color:#fff6}.save-submit-btn{background:#667eea4d;border:1px solid rgba(102,126,234,.5);color:#ffffffe6;padding:.5rem 1rem;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.save-submit-btn:hover{background:#667eea66;border-color:#667eeab3;color:#fff}.save-cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s ease}.save-cancel-btn:hover{background:#dc26264d;border-color:#dc262680;color:#ef4444}.palette-actions{display:flex;gap:.5rem;flex-wrap:wrap}.export-dropdown{position:relative}.export-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#2a2a2a;border:1px solid rgba(255,255,255,.2);border-radius:0;min-width:150px;z-index:1000}.export-menu button{width:100%;background:transparent;border:none;color:#fffc;padding:.75rem 1rem;font-size:.8rem;cursor:pointer;text-align:left;transition:background .2s ease}.export-menu button:hover{background:#ffffff1a;color:#fff}.export-divider{height:1px;background:#ffffff1a;margin:.25rem 0}.palette-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:0;color:#fffc;padding:.5rem 1rem;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.palette-btn:hover{background:#ffffff26;color:#fff}.palette-btn.danger:hover{background:#dc262633;border-color:#dc262680;color:#ef4444}.palette-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.palette-close-btn:hover{background:#dc26264d;border-color:#dc262680;color:#ef4444}.palette-colors{flex:1;overflow-y:auto;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.palette-color{position:relative;min-height:80px;display:flex;align-items:center;padding:1rem;transition:box-shadow .2s ease}.drag-handle{font-size:1.2rem;margin-right:.75rem;padding:.25rem;cursor:grab;-webkit-user-select:none;user-select:none;opacity:.7;touch-action:none}.drag-handle:active{cursor:grabbing}.palette-color-info{flex:1;display:flex;flex-direction:column;gap:.25rem;-webkit-user-select:text;user-select:text}.palette-color-name{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.palette-color-code{font-size:.85rem;font-family:Courier New,monospace;opacity:.9}.palette-color-pantone{font-size:.7rem;opacity:.8;letter-spacing:.5px}.palette-remove-btn{position:absolute;top:.5rem;right:.5rem;background:#0000004d;border:1px solid;border-radius:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .2s ease;opacity:.7}.palette-remove-btn:hover{background:#dc2626cc;border-color:#dc2626;opacity:1}.palette-colors::-webkit-scrollbar{display:block;width:6px}.palette-colors::-webkit-scrollbar-track{background:#ffffff0d}.palette-colors::-webkit-scrollbar-thumb{background:#fff3;border-radius:0}.palette-colors::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 1024px){.palette-panel{width:320px;min-width:320px}}@media (max-width: 768px){.palette-panel{width:100%;min-width:100%;max-width:100%;left:0;right:0;border-left:none;border-top:2px solid rgba(255,255,255,.1);height:60vh;top:auto;bottom:0}.palette-header{padding:1rem}.palette-title h2{font-size:1rem}.palette-color{min-height:60px;padding:.75rem}.palette-color-name{font-size:.8rem}.palette-color-code{font-size:.75rem}.palette-color-pantone{font-size:.65rem}}@media (max-width: 480px){.palette-panel{height:50vh}.palette-header{padding:.75rem}.palette-actions{flex-direction:column;gap:.25rem}.palette-btn{width:100%;padding:.4rem .8rem}}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:#000c;border:2px solid rgba(255,255,255,.9);border-radius:0;color:#fffffff2;font-size:1.5rem;cursor:pointer;z-index:1000;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000080}.scroll-to-top:hover{background:#000000f2;border-color:#fff;color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px #000000b3}@media (max-width: 768px){.scroll-to-top{bottom:1rem;right:1rem;width:40px;height:40px;font-size:1.2rem}}.saved-palettes-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem}.saved-palettes-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.2);max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column}.saved-palettes-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.saved-palettes-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#ffffffe6;letter-spacing:2px}.close-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fffc;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.close-btn:hover{background:#dc26264d;border-color:#dc262680;color:#ef4444}.saved-palettes-content{flex:1;overflow-y:auto;padding:2rem}.empty-state{text-align:center;padding:4rem 2rem;color:#fff9}.empty-state p{margin:.5rem 0;font-size:1.1rem}.empty-hint{font-size:.9rem;opacity:.7}.palettes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.saved-palette-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;transition:all .2s ease}.saved-palette-card:hover{background:#ffffff14;border-color:#fff3}.palette-card-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.palette-card-header h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px}.palette-date{font-size:.75rem;color:#ffffff80}.palette-preview{display:flex;height:80px}.preview-color{flex:1;transition:flex .2s ease;position:relative;cursor:pointer}.preview-color:hover{flex:1.5}.color-hover-details{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;gap:.25rem;z-index:10}.hover-name{font-size:.75rem;font-weight:600;color:#fff;text-align:center;text-transform:uppercase}.hover-hex,.hover-pantone{font-size:.65rem;color:#fffc}.hover-hint{font-size:.6rem;color:#ffffff80;margin-top:.25rem}.palette-info{padding:1rem 1.5rem;font-size:.85rem;color:#fff9}.palette-card-actions{display:flex;gap:.5rem;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.load-btn,.delete-btn{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:.75rem 1rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.load-btn:hover{background:#fff3;color:#fff}.delete-btn:hover{background:#dc262633;border-color:#dc262680;color:#ef4444}.saved-palettes-content::-webkit-scrollbar{width:8px}.saved-palettes-content::-webkit-scrollbar-track{background:#ffffff0d}.saved-palettes-content::-webkit-scrollbar-thumb{background:#fff3}.saved-palettes-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:3000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease}.delete-confirm-modal{background:#1a1a1a;border:2px solid rgba(220,38,38,.3);padding:2rem;max-width:400px;width:100%;animation:slideUp .3s ease}.delete-confirm-modal h3{margin:0 0 1rem;font-size:1.2rem;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px}.delete-confirm-modal p{margin:0 0 .75rem;font-size:.95rem;color:#fffc;line-height:1.5}.delete-confirm-modal strong{color:#fffffff2}.warning-text{font-size:.85rem;color:#ef4444e6;margin-bottom:1.5rem}.confirm-actions{display:flex;gap:.75rem}.cancel-btn,.confirm-delete-btn{flex:1;padding:.75rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;border:1px solid}.cancel-btn{background:#ffffff1a;border-color:#ffffff4d;color:#fffc}.cancel-btn:hover{background:#ffffff26;border-color:#ffffff80;color:#fff}.confirm-delete-btn{background:#dc262633;border-color:#dc262680;color:#ef4444}.confirm-delete-btn:hover{background:#dc26264d;border-color:#dc2626b3;color:#f55}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.saved-palettes-overlay{padding:0}.saved-palettes-modal{max-height:100vh;border:none}.palettes-grid{grid-template-columns:1fr}.delete-confirm-overlay{padding:1rem}.delete-confirm-modal{padding:1.5rem}.delete-confirm-modal h3{font-size:1rem}.delete-confirm-modal p{font-size:.85rem}.confirm-actions{flex-direction:column;gap:.5rem}.cancel-btn,.confirm-delete-btn{width:100%}}.install-prompt{position:fixed;top:120px;left:0;right:0;background:#4a7ba7f2;border-bottom:2px solid rgba(255,255,255,.2);z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-prompt-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.install-prompt-text{flex:1;display:flex;flex-direction:column;gap:.25rem;color:#fff}.install-prompt-text strong{font-size:.95rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.install-prompt-text span{font-size:.85rem;opacity:.95}.install-prompt-actions{display:flex;gap:1rem;align-items:center}.install-btn{background:#fff;color:#4a7ba7;border:none;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;white-space:nowrap}.install-btn:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.dismiss-btn{background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.dismiss-btn:hover{background:#fff3;border-color:#fff}@media (max-width: 768px){.install-prompt{top:100px}.install-prompt-content{padding:1rem;gap:1rem}.install-prompt-text{gap:.15rem}.install-prompt-text strong{font-size:.85rem}.install-prompt-text span{font-size:.75rem}.install-btn{padding:.5rem 1rem;font-size:.75rem}.dismiss-btn{width:28px;height:28px;font-size:1rem}}@media (max-width: 480px){.install-prompt{top:90px}}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000;transition:opacity .3s ease}.splash-screen.fade-out{opacity:0}.splash-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.splash-logo{width:120px;height:120px;animation:logoFadeIn .5s ease}.splash-title{margin:0;font-size:2rem;font-weight:700;letter-spacing:3px;color:#fff;text-transform:uppercase;animation:titleFadeIn .5s ease .2s backwards}.loader{width:100px;height:40px;--g1: radial-gradient(farthest-side, #0000 calc(95% - 3px) , #f5f0e8 calc(100% - 3px) 98%, #0000 101%) no-repeat;--g2: radial-gradient(farthest-side, #0000 calc(95% - 3px) , #ffb5c2 calc(100% - 3px) 98%, #0000 101%) no-repeat;--g3: radial-gradient(farthest-side, #0000 calc(95% - 3px) , #9ac5a8 calc(100% - 3px) 98%, #0000 101%) no-repeat;background:var(--g1) 0 50%/30px 30px,var(--g2) 50% 50%/30px 30px,var(--g3) 100% 50%/30px 30px;animation:l9 1s infinite alternate,loaderFadeIn .5s ease .4s backwards}@keyframes l9{0%{background-position:0 50%,50% 50%,100% 50%}20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}to{background-position:0 50%,50% 50%,100% 50%}}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes loaderFadeIn{0%{opacity:0}to{opacity:1}}.splash-footer{position:absolute;bottom:2rem;text-align:center;animation:footerFadeIn .5s ease .6s backwards}.splash-footer p{margin:0;font-size:.85rem;color:#fff9;letter-spacing:.5px}.splash-footer a{color:#ffffffe6;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);transition:all .2s ease}.splash-footer a:hover{color:#fff;border-bottom-color:#fff}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.splash-logo{width:80px;height:80px}.splash-title{font-size:1.5rem}.loader{width:90px;height:36px;background-size:28px 28px}.splash-footer{bottom:1.5rem}.splash-footer p{font-size:.75rem}}@media (max-width: 480px){.splash-content{gap:1.5rem}.splash-logo{width:70px;height:70px}.splash-title{font-size:1.2rem}.loader{width:85px;height:34px;background-size:26px 26px}}html{scroll-behavior:smooth}html,body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;box-sizing:border-box;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-top:var(--safe-area-inset-top, env(safe-area-inset-top, 0px));padding-bottom:var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));padding-left:var(--safe-area-inset-left, env(safe-area-inset-left, 0px));padding-right:var(--safe-area-inset-right, env(safe-area-inset-right, 0px))}body{display:block}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000}.app-container{width:100%;min-height:100vh;background-color:#000}.main-content{display:flex;width:100%;margin-top:120px}@media (max-width: 768px){.main-content{margin-top:100px}}@media (max-width: 480px){.main-content{margin-top:90px}}