@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Carattere&family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Carattere&family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{margin:0;padding:0;background:linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%);background-attachment:fixed;background-size:100% 100%;color:#fff;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-feature-settings:"liga" 1,"kern" 1,"tnum" 1}.page-layout{display:flex;flex-direction:column;min-height:100vh}.page-layout .main-content{display:flex;flex:1}.footer{width:100%;z-index:1000;position:absolute}.btn-primary{background:#d4a574;color:#2a2b3d;border:none;border-radius:12px;padding:.875rem 2.25rem;font-size:.875rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;transition:all .3s ease;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.btn-primary:hover{background:#e5b685;transform:translateY(-1px);box-shadow:0 4px 20px rgba(212,165,116,.3)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:rgba(0,0,0,0);color:#f5f2f0;border:1px solid rgba(245,242,240,.2);border-radius:12px;padding:.875rem 2.25rem;font-size:.875rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;transition:all .3s ease;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary:hover{background:rgba(245,242,240,.05);border-color:rgba(245,242,240,.3);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.navbar-container{z-index:1000;display:flex;align-items:end;justify-content:space-between;padding:1rem 2rem;background:linear-gradient(135deg, #1a1826 0%, #242433 50%, #1a1826 100%);border-bottom:1px solid rgba(245,242,240,.15);box-shadow:0 2px 8px rgba(0,0,0,.3);font-family:"Inter",sans-serif}@media(max-width: 768px){.navbar-container{padding:1rem 1.5rem}}.navbar-brand{flex-shrink:0}.navbar-brand .brand-link{text-decoration:none;color:inherit;display:block}.navbar-brand .brand-link:hover{opacity:.8;transition:opacity .3s ease}.navbar-brand .brand-content{display:flex;align-items:baseline;gap:.25rem}.navbar-brand .brand-text{font-family:"Orbitron",monospace;font-size:1.75rem;font-weight:900;color:#f5f2f0;letter-spacing:.05em;text-transform:uppercase}.navbar-brand .brand-accent{font-family:"Carattere",cursive;font-size:2.5rem;font-weight:800;color:#e8a87c;letter-spacing:.05em;transform:rotate(-3deg);margin-left:.5rem}.navbar-menu{z-index:10000;display:flex;align-items:center;gap:1.5rem}@media(max-width: 768px){.navbar-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, #1a1826 0%, #242433 50%, #1a1826 100%);flex-direction:column;justify-content:center;gap:2rem;transform:translateX(-100%);transition:transform .3s ease;padding:2rem}.navbar-menu.active{transform:translateX(0)}}.nav-link{position:relative;text-decoration:none;color:#bdb8b3;font-size:.95rem;font-weight:400;padding:.75rem 1rem;border-radius:10px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.nav-link:hover{color:#f5f2f0;background:rgba(245,242,240,.08);transform:translateY(-1px)}.nav-link--mobile-only{display:none}@media(max-width: 768px){.nav-link--mobile-only{display:flex}}@media(max-width: 768px){.nav-link{font-size:1.125rem;padding:1rem 1.5rem;width:100%;text-align:center;justify-content:center}}.nav-text{white-space:nowrap}.nav-language-selector{position:relative}.nav-language-selector .language-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;border:none;background:none}.nav-language-selector .language-toggle.active .language-icon{transform:rotate(180deg)}.nav-language-selector .language-current{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.nav-language-selector .language-icon{font-size:.75rem;transition:transform .3s ease;color:#8a847e}.nav-language-selector .language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;background:linear-gradient(135deg, #242433 0%, #1a1826 100%);border:1px solid rgba(245,242,240,.15);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;overflow:hidden}.nav-language-selector .language-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width: 768px){.nav-language-selector .language-dropdown{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%, -50%) scale(0.9)}.nav-language-selector .language-dropdown.active{transform:translate(-50%, -50%) scale(1)}}.nav-language-selector .language-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;color:#bdb8b3;transition:all .3s ease}.nav-language-selector .language-option:hover{background:rgba(245,242,240,.08);color:#f5f2f0}.nav-language-selector .language-option.active{background:rgba(232,168,124,.1);color:#e8a87c}.nav-language-selector .language-code{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;min-width:2rem}.nav-language-selector .language-name{font-size:.875rem;color:#8a847e}.nav-auth{flex-shrink:0}.nav-user-info{display:none}@media(max-width: 768px){.nav-user-info{display:flex;align-items:center;gap:.75rem;padding:1.5rem 1rem;border-bottom:1px solid rgba(245,242,240,.1);margin-bottom:1rem}}.nav-user-info .user-info-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.nav-user-info .user-info-avatar-icon{font-size:48px;color:#8a847e}.nav-user-info .user-info-name{font-size:1.125rem;font-weight:600;color:#f5f2f0}.nav-user-menu{position:relative}@media(max-width: 768px){.nav-user-menu{display:none}}.nav-user-menu .user-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(245,242,240,.05);border:1px solid rgba(245,242,240,.15);border-radius:10px;color:#bdb8b3;cursor:pointer;transition:all .3s ease}.nav-user-menu .user-toggle:hover{background:rgba(245,242,240,.08);color:#f5f2f0;border-color:rgba(245,242,240,.25)}.nav-user-menu .user-toggle.active .user-dropdown-icon{transform:rotate(180deg)}.nav-user-menu .user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.nav-user-menu .user-avatar-icon{font-size:28px;color:#8a847e}.nav-user-menu .user-name{font-size:.875rem;font-weight:500;white-space:nowrap}@media(max-width: 768px){.nav-user-menu .user-name{display:none}}.nav-user-menu .user-dropdown-icon{font-size:.75rem;transition:transform .3s ease;color:#8a847e}.nav-user-menu .user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:linear-gradient(135deg, #242433 0%, #1a1826 100%);border:1px solid rgba(245,242,240,.15);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;overflow:hidden}.nav-user-menu .user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width: 768px){.nav-user-menu .user-dropdown{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%, -50%) scale(0.9)}.nav-user-menu .user-dropdown.active{transform:translate(-50%, -50%) scale(1)}}.nav-user-menu .user-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;color:#bdb8b3;transition:all .3s ease;font-size:.875rem}.nav-user-menu .user-dropdown-item:hover{background:rgba(245,242,240,.08);color:#f5f2f0}.nav-user-menu .user-dropdown-item .iconify{font-size:1.125rem}.navbar-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;background:none;border:none;cursor:pointer;padding:0;z-index:1001}@media(max-width: 768px){.navbar-toggle{display:flex}}.navbar-toggle .toggle-line{width:1.25rem;height:2px;background:#f5f2f0;border-radius:1px;transition:all .3s ease;transform-origin:center}.navbar-toggle .toggle-line:not(:last-child){margin-bottom:.25rem}.navbar-toggle.active .toggle-line:nth-child(1){transform:rotate(45deg) translate(0.3rem, 0.3rem)}.navbar-toggle.active .toggle-line:nth-child(2){opacity:0;transform:scale(0)}.navbar-toggle.active .toggle-line:nth-child(3){transform:rotate(-45deg) translate(0.3rem, -0.3rem)}body.menu-open{overflow:hidden}@media(max-width: 768px){body.menu-open .navbar-toggle{position:fixed;top:1rem;right:1.5rem}}.nav-link:focus,.language-toggle:focus,.language-option:focus,.navbar-toggle:focus{outline:2px solid rgba(232,168,124,.4);outline-offset:2px}html{scroll-behavior:smooth}.language-dropdown .language-option{animation-delay:calc(var(--item-index)*50ms)}@keyframes slideInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.language-dropdown.active .language-option{animation:slideInUp .3s ease forwards}.site-footer{background:linear-gradient(135deg, rgba(26, 24, 38, 0.95) 0%, rgba(36, 36, 51, 0.92) 50%, rgba(26, 24, 38, 0.95) 100%);backdrop-filter:blur(25px) saturate(1.2);border-top:1px solid rgba(245,242,240,.08);padding:2.5rem 0 1.5rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:#bdb8b3}.site-footer .footer-container{max-width:1800px;margin:0 auto;padding:0 2rem}.site-footer .footer-content{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:center;margin-bottom:2rem}@media(max-width: 768px){.site-footer .footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}}.site-footer .footer-main{display:flex;justify-content:space-between;align-items:center;gap:2rem}@media(max-width: 768px){.site-footer .footer-main{flex-direction:column;gap:1.5rem}}.site-footer .footer-main .brand-section .brand-content{display:flex;align-items:baseline;gap:.15rem;margin-bottom:.5rem}.site-footer .footer-main .brand-section .brand-content .brand-text{font-family:"Orbitron",monospace;font-size:1.75rem;font-weight:900;color:#f5f2f0;letter-spacing:.05em;text-transform:uppercase}.site-footer .footer-main .brand-section .brand-content .brand-accent{font-family:"Carattere",cursive;font-size:2.5rem;font-weight:800;color:#e8a87c;letter-spacing:.05em;transform:rotate(-3deg);margin-left:.5rem}.site-footer .footer-main .brand-section .brand-tagline{font-size:.9rem;color:#8a847e;font-style:italic}.site-footer .footer-main .footer-links{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width: 768px){.site-footer .footer-main .footer-links{justify-content:center}}@media(max-width: 480px){.site-footer .footer-main .footer-links{flex-direction:column;gap:.75rem}}.site-footer .footer-main .footer-links .footer-link{color:#bdb8b3;text-decoration:none;font-size:.85rem;font-weight:500;padding:.4rem .8rem;border-radius:8px;border:1px solid rgba(0,0,0,0);transition:all .3s ease;white-space:nowrap}.site-footer .footer-main .footer-links .footer-link:hover{color:#e8a87c;background:rgba(232,168,124,.05);border-color:rgba(232,168,124,.15)}.site-footer .footer-quote .fractal-quote{margin:0;padding:1.5rem 2rem;background:rgba(232,168,124,.05);border-left:4px solid #e8a87c;border-radius:0 12px 12px 0;position:relative}.site-footer .footer-quote .fractal-quote .quote-text{display:block;font-size:.95rem;font-style:italic;color:#bdb8b3;line-height:1.6;margin-bottom:.75rem}.site-footer .footer-quote .fractal-quote .quote-author{font-size:.8rem;color:#8a847e;font-weight:500;font-style:normal}.site-footer .footer-bottom{border-top:1px solid rgba(245,242,240,.08);padding-top:1.5rem}.site-footer .footer-bottom .footer-signature{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem}@media(max-width: 480px){.site-footer .footer-bottom .footer-signature{flex-wrap:wrap}}.site-footer .footer-bottom .footer-signature .copyright-symbol{color:#e8a87c;font-weight:600}.site-footer .footer-bottom .footer-signature .copyright-year{font-weight:500;color:#bdb8b3}.site-footer .footer-bottom .footer-signature .copyright-brand{font-weight:600;color:#f5f2f0;background:linear-gradient(135deg, #e8a87c, #a68dac);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.site-footer .footer-bottom .footer-signature .copyright-separator{color:#8a847e}.site-footer .footer-bottom .footer-signature .copyright-message{color:#8a847e;font-style:italic}@media(max-width: 768px){.site-footer{padding:2rem 0 1rem}.site-footer .footer-container{padding:0 1.5rem}.site-footer .footer-content{gap:1.5rem}.site-footer .footer-quote .fractal-quote{padding:1rem 1.5rem}.site-footer .footer-quote .fractal-quote .quote-text{font-size:.9rem}}@media(max-width: 480px){.site-footer .footer-container{padding:0 1rem}.site-footer .footer-main .brand-section .brand-content .brand-text{font-size:1.5rem}.site-footer .footer-main .brand-section .brand-content .brand-accent{font-size:2rem}.site-footer .footer-quote .fractal-quote{padding:1rem}.site-footer .footer-quote .fractal-quote .quote-text{font-size:.85rem}}@media(prefers-reduced-motion: reduce){.site-footer .footer-link{transition:none}}.pagination-container{padding:16px 0}@media(max-width: 768px){.pagination-container{padding:12px 0}}.pagination-container .results-container{margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}@media(max-width: 768px){.pagination-container .results-container{padding:0 16px;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center}}@media(max-width: 480px){.pagination-container .results-container{padding:0 12px;gap:8px}}.pagination-container .results-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:1;min-width:0}@media(max-width: 768px){.pagination-container .results-info{flex-direction:row;align-items:center;gap:8px;width:100%;justify-content:space-between;margin-bottom:8px}}.pagination-container .results-info .results-text{font-size:12px;color:#888;font-weight:500;white-space:nowrap}@media(max-width: 768px){.pagination-container .results-info .results-text{font-size:11px;order:1}}@media(max-width: 480px){.pagination-container .results-info .results-text{font-size:10px}}.pagination-container .results-info .results-text span{color:#777;font-weight:600}.pagination-container .results-info .pagination-dots{display:flex;align-items:center;gap:6px;flex-wrap:wrap}@media(max-width: 768px){.pagination-container .results-info .pagination-dots{gap:8px;order:2}}.pagination-container .results-info .pagination-dots .pagination-dot{display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background:#ccc;border:none;text-decoration:none;transition:all .2s ease;position:relative;flex-shrink:0}@media(max-width: 768px){.pagination-container .results-info .pagination-dots .pagination-dot{width:10px;height:10px;min-width:10px;min-height:10px}}.pagination-container .results-info .pagination-dots .pagination-dot .dot-inner{display:none;font-size:10px;font-weight:600;color:#fff;line-height:1}.pagination-container .results-info .pagination-dots .pagination-dot:hover{background:#e8a87c;transform:scale(1.3)}.pagination-container .results-info .pagination-dots .pagination-dot:focus{outline:2px solid #e8a87c;outline-offset:2px}.pagination-container .results-info .pagination-dots .pagination-dot.active{width:auto;min-width:50px;height:20px;padding:0 8px;background:#e8a87c;border-radius:12px;box-shadow:0 1px 2px rgba(232,168,124,.3)}@media(max-width: 768px){.pagination-container .results-info .pagination-dots .pagination-dot.active{min-width:45px;height:18px;padding:0 6px;border-radius:10px}}.pagination-container .results-info .pagination-dots .pagination-dot.active .dot-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:9px;font-weight:600;color:#2a2b3d;line-height:.9;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;padding-top:1px}@media(max-width: 768px){.pagination-container .results-info .pagination-dots .pagination-dot.active .dot-inner{font-size:8px;letter-spacing:.2px;padding-top:.5px}}.pagination-container .results-info .pagination-dots .pagination-dot.active:hover{background:#d4a574;transform:scale(1.05)}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.full-page-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(10px)}.full-page-modal .full-page-modal-content{background:rgba(245,242,240,.05);border:1px solid rgba(245,242,240,.08);border-radius:16px;max-width:600px;width:90%;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,.5)}.full-page-modal .wallpaper-resolutions{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}.full-page-modal .wallpaper-resolutions .modal-btn--resolution{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:rgba(245,242,240,.05);border:1px solid rgba(245,242,240,.15);border-radius:10px;color:#bdb8b3;transition:all .3s ease}.full-page-modal .wallpaper-resolutions .modal-btn--resolution:hover{background:rgba(245,242,240,.08);color:#f5f2f0;border-color:rgba(232,168,124,.4);transform:translateY(-2px)}.full-page-modal .wallpaper-resolutions .modal-btn--resolution .iconify{font-size:1.2rem;color:#e8a87c}.fractal-card{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;position:relative;background:rgba(245,242,240,.05);backdrop-filter:blur(20px);border:1px solid rgba(245,242,240,.08);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.2);overflow:hidden;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);max-width:350px}.fractal-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, transparent, #e8a87c, #a68dac, transparent);opacity:0;transition:opacity .3s ease}.fractal-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.4);background:rgba(245,242,240,.08)}.fractal-card:hover::before{opacity:1}.fractal-card--published{border-color:rgba(255,215,0,.4);background:linear-gradient(135deg, rgba(255, 215, 0, 0.03) 0%, rgba(245, 242, 240, 0.05) 50%, rgba(255, 215, 0, 0.02) 100%);box-shadow:0 8px 32px rgba(0,0,0,.2),0 0 20px rgba(255,215,0,.1)}.fractal-card--published::before{background:linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.6), rgba(255, 223, 0, 0.8), transparent)}.fractal-card--published:hover{box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 30px rgba(255,215,0,.2);border-color:rgba(255,215,0,.6)}.fractal-card__image-container{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:16px 16px 0 0;display:block;text-decoration:none}.fractal-card__image-container::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent 30%, rgba(232, 168, 124, 0.1) 50%, transparent 70%);transform:translateX(-100%);transition:transform .6s ease}.fractal-card__image-container:hover::after{animation:shimmer 1.5s ease-in-out}.fractal-card__image{width:100%;height:100%;object-fit:cover;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);filter:brightness(0.9) contrast(1.1)}.fractal-card:hover .fractal-card__image{transform:scale(1.08);filter:brightness(1) contrast(1.2)}.fractal-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.15) 100%);display:flex;justify-content:flex-end;align-items:flex-start;padding:1rem}.fractal-card__published-status{background:rgba(255,215,0,.06);border:none;border-radius:6px;padding:.5rem;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.75rem;font-weight:500;color:rgba(255,215,0,.8);text-transform:uppercase;letter-spacing:.03em;position:relative;margin-top:.25rem}.fractal-card__published-status::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg, rgba(255, 215, 0, 0.8), rgba(255, 223, 0, 0.6));border-radius:3px 0 0 3px}.fractal-card__published-status .iconify{font-size:.85rem;opacity:.8}.fractal-card__content{padding:.75rem;display:flex;flex-direction:column;gap:.625rem}.fractal-card__info{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.fractal-card__user{display:flex;align-items:center;gap:.5rem;color:#bdb8b3;text-decoration:none;transition:color .2s ease;font-weight:500;font-size:.8rem;min-width:0;cursor:pointer}.fractal-card__user:hover{color:#e8a87c}.fractal-card__user .iconify{font-size:1.4rem;color:#8a847e;flex-shrink:0}.fractal-card__user img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.fractal-card__user span:not(.iconify){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fractal-card__metrics{display:flex;gap:.625rem;font-size:.75rem;color:#bdb8b3;font-weight:500;flex-shrink:0}.fractal-card__metrics span{display:flex;align-items:center;gap:.25rem;font-feature-settings:"tnum" on}.fractal-card__metrics span .iconify{font-size:.85rem}.fractal-card__metrics span:first-child .iconify{color:#0f8}.fractal-card__metrics span:last-child .iconify{color:#00d4ff}.fractal-card__actions{display:flex;flex-direction:column;gap:.5rem}.fractal-card__actions-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.fractal-card__btn{background:rgba(245,242,240,.05);border:1px solid rgba(245,242,240,.15);border-radius:8px;padding:.625rem .875rem;color:#bdb8b3;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.4rem;flex:1}.fractal-card__btn .iconify{font-size:1rem}.fractal-card__btn:hover{background:rgba(245,242,240,.08);color:#f5f2f0;border-color:rgba(245,242,240,.25);transform:translateY(-1px)}.fractal-card__btn--primary{background:linear-gradient(135deg, rgba(212, 165, 116, 0.15), rgba(232, 168, 124, 0.1));border-color:rgba(212,165,116,.3);color:#e8a87c}.fractal-card__btn--primary:hover{background:linear-gradient(135deg, rgba(212, 165, 116, 0.25), rgba(232, 168, 124, 0.15));border-color:rgba(212,165,116,.4);color:#e8a87c}.fractal-card__btn--primary.active{background:linear-gradient(135deg, rgba(232, 168, 124, 0.25), rgba(232, 168, 124, 0.15));border-color:rgba(232,168,124,.4);color:#e8a87c}.fractal-card__btn--primary.active .iconify{color:#e8a87c}.fractal-card__status{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.625rem .875rem;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);border-radius:8px;color:#10b981;font-size:.8rem;font-weight:600}.fractal-card__status .iconify{font-size:1rem}.fractal-card__action{background:rgba(0,0,0,0);border:1px solid rgba(245,242,240,.12);border-radius:6px;padding:.5rem .75rem;color:#8a847e;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%}.fractal-card__action .iconify{font-size:.9rem;flex-shrink:0}.fractal-card__action span:not(.iconify){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fractal-card__action:hover{background:rgba(245,242,240,.05);color:#f5f2f0;border-color:rgba(245,242,240,.2)}.fractal-card__action--danger:hover{background:rgba(239,68,68,.08);color:#ef4444;border-color:rgba(239,68,68,.3)}.fractal-card__action--like:hover{background:rgba(232,168,124,.08);color:#e8a87c;border-color:rgba(232,168,124,.3)}.fractal-card__action--like.active{background:rgba(232,168,124,.12);color:#e8a87c;border-color:rgba(232,168,124,.4)}.fractal-card__action--like.active .iconify{color:#e8a87c}.fractal-card__action--favorite:hover{background:rgba(255,215,0,.08);color:rgba(255,215,0,.9);border-color:rgba(255,215,0,.3)}.fractal-card__action--favorite.active{background:rgba(255,215,0,.12);color:gold;border-color:rgba(255,215,0,.4)}.fractal-card__action--favorite.active .iconify{color:gold}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(135deg, #1a1826 0%, #242433 50%, #1a1826 100%);border:1px solid rgba(245,242,240,.15);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);max-width:480px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn .3s ease}.full-page-modal{z-index:10000}.full-page-modal-content{max-width:600px}.modal-header{padding:24px 24px 0 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(245,242,240,.08);margin-bottom:0}.modal-header h3{margin:0;color:#fff;font-size:1.25rem;font-weight:600;font-family:"Inter",sans-serif}.modal-header h4{margin:0 0 16px 0;color:#fff;font-size:1.1rem;font-weight:500;font-family:"Inter",sans-serif}.modal-header .modal-close{background:none;border:none;color:#b0b0b0;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;font-size:20px;display:flex;align-items:center;justify-content:center}.modal-header .modal-close:hover{background:rgba(245,242,240,.08);color:#fff}.modal-header .modal-close:active{transform:scale(0.95)}.modal-body{padding:24px}.modal-body p{margin:0;color:#b0b0b0;line-height:1.6;font-size:.95rem}.modal-body h4{margin:0 0 16px 0;color:#fff;font-size:1.1rem;font-weight:500;font-family:"Inter",sans-serif}.modal-footer{padding:0 24px 24px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid rgba(245,242,240,.08);margin-top:0;padding-top:16px}.modal-btn{padding:12px 20px;border:none;border-radius:10px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .3s ease;font-family:"Inter",sans-serif;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.modal-btn--cancel{background:rgba(245,242,240,.05);color:#b0b0b0;border:1px solid rgba(245,242,240,.15)}.modal-btn--cancel:hover{background:rgba(245,242,240,.08);color:#fff;border-color:rgba(245,242,240,.2)}.modal-btn--cancel:active{transform:scale(0.98)}.modal-btn--delete{background:linear-gradient(135deg, rgba(239, 68, 68, 0.9), rgba(220, 38, 38, 0.9));color:#fff;border:1px solid #ef4444;box-shadow:0 2px 8px rgba(239,68,68,.3)}.modal-btn--delete:hover{background:linear-gradient(135deg, #ef4444, #dc2626);transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,.4)}.modal-btn--delete:active{transform:translateY(0);box-shadow:0 2px 8px rgba(239,68,68,.3)}.modal-btn--resolution{background:rgba(245,242,240,.05);color:#fff;border:1px solid rgba(245,242,240,.15);min-width:auto;width:100%;justify-content:flex-start}.modal-btn--resolution:hover{background:rgba(232,168,124,.1);border-color:rgba(232,168,124,.3);color:#e8a87c}.modal-btn--resolution:active{transform:scale(0.98)}.wallpaper-resolutions{display:flex;flex-direction:column;gap:12px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:scale(0.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width: 480px){.modal-content{width:95%;margin:20px}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}.modal-footer{flex-direction:column}.modal-footer .modal-btn{width:100%}}.toast-container{position:fixed;top:100px;right:20px;z-index:999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:400px}@media(max-width: 768px){.toast-container{top:86px}}@media(max-width: 480px){.toast-container{top:76px;right:16px;left:16px;max-width:none}}.toast{background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;position:relative;min-width:320px;padding:0;overflow:hidden;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;pointer-events:auto;transform:translateX(100%);opacity:0;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 8px 32px rgba(0,0,0,.3)}@media(max-width: 480px){.toast{min-width:auto;width:100%}}.toast--visible{transform:translateX(0);opacity:1}.toast--hiding{transform:translateX(100%);opacity:0;transition:all .3s ease-in}.toast--success{border-left:4px solid #10b981}.toast--success .toast__icon{color:#10b981}.toast--error{border-left:4px solid #ef4444}.toast--error .toast__icon{color:#ef4444}.toast--warning{border-left:4px solid #f59e0b}.toast--warning .toast__icon{color:#f59e0b}.toast--info{border-left:4px solid #00d4ff}.toast--info .toast__icon{color:#00d4ff}.toast__content{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;position:relative}.toast__icon{font-size:20px;margin-top:2px;flex-shrink:0}.toast__message{flex:1;color:#fff;font-size:.9rem;line-height:1.4;margin:0;word-break:break-word}.toast__close{background:none;border:none;color:#b0b0b0;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0;margin-top:-2px}.toast__close:hover{background:hsla(0,0%,100%,.1);color:#fff}.toast__close:active{transform:scale(0.95)}.toast__close .mdi{font-size:16px}.toast__progress{position:absolute;bottom:0;left:0;height:3px;background:hsla(0,0%,100%,.2);width:100%;transform-origin:left;animation:toast-progress linear forwards}.toast--success .toast__progress{background:#10b981}.toast--error .toast__progress{background:#ef4444}.toast--warning .toast__progress{background:#f59e0b}.toast--info .toast__progress{background:#00d4ff}@keyframes toast-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}.toast:hover{transform:translateX(-4px) scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,.4);border-color:hsla(0,0%,100%,.2)}.toast--visible:hover .toast__progress{animation-play-state:paused}@media(max-width: 480px){.toast-container{gap:8px}.toast .toast__content{padding:14px 16px;gap:10px}.toast .toast__icon{font-size:18px}.toast .toast__message{font-size:.85rem}}@media(prefers-reduced-motion: reduce){.toast{transition:none}.toast--visible{transform:none}.toast--hiding{transition:opacity .2s ease}.toast:hover{transform:none}.toast__progress{animation:none;display:none}}@media(prefers-contrast: more){.toast{background:rgba(0,0,0,.95);border:2px solid;box-shadow:0 8px 32px rgba(0,0,0,.8)}.toast--success{border-color:lime}.toast--success .toast__icon{color:lime}.toast--error{border-color:red}.toast--error .toast__icon{color:red}.toast--warning{border-color:#ff0}.toast--warning .toast__icon{color:#ff0}.toast--info{border-color:aqua}.toast--info .toast__icon{color:aqua}.toast__message{color:#fff;font-weight:500}.toast__close{color:#fff;border:1px solid hsla(0,0%,100%,.3)}.toast__close:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.6)}}@media(prefers-contrast: less){.toast{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);backdrop-filter:blur(20px)}.toast--success,.toast--error,.toast--warning,.toast--info{border-left-width:2px;border-left-color:hsla(0,0%,100%,.1)}.toast__icon{opacity:.7}.toast__message{color:hsla(0,0%,100%,.8)}.toast__close{color:hsla(0,0%,100%,.6)}}.login-page{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg, #1a1826 0%, #242433 50%, #1a1826 100%);min-height:100%}.login-page .login-container{width:100%;max-width:420px;background:rgba(245,242,240,.05);backdrop-filter:blur(20px);border:1px solid rgba(245,242,240,.08);border-radius:16px;padding:2.5rem;box-shadow:0 8px 32px rgba(0,0,0,.2)}.login-page .login-container .login-header{text-align:center;margin-bottom:2rem}.login-page .login-container .login-header h1{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-size:1.875rem;font-weight:600;color:#f5f2f0;margin:0 0 .5rem 0;letter-spacing:-0.025em}.login-page .login-container .login-header p{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:#bdb8b3;font-size:.95rem;margin:0;line-height:1.5}.login-page .login-container .validation-summary{color:#ef4444;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px}.login-page .login-container .validation-summary.validation-summary-valid{display:none}.login-page .login-container .validation-summary ul{list-style:none;padding:0;margin:0}.login-page .login-container .validation-summary ul li{margin-bottom:.25rem}.login-page .login-container .validation-summary ul li:last-child{margin-bottom:0}.login-page .login-container .login-form{display:flex;flex-direction:column;gap:1.5rem}.login-page .login-container .login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.login-page .login-container .login-form .form-group label{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-size:.875rem;font-weight:500;color:#bdb8b3;text-transform:uppercase;letter-spacing:.05em}.login-page .login-container .login-form .form-group .input-wrapper{position:relative}.login-page .login-container .login-form .form-group .input-wrapper input{width:100%;padding:.875rem 1rem;background:rgba(245,242,240,.05);border:1px solid rgba(245,242,240,.15);border-radius:10px;color:#f5f2f0;font-size:.95rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;transition:all .3s ease;box-sizing:border-box}.login-page .login-container .login-form .form-group .input-wrapper input:focus{border-color:rgba(232,168,124,.4);background:rgba(245,242,240,.08);box-shadow:0 0 0 2px rgba(232,168,124,.1);outline:none}.login-page .login-container .login-form .form-group .input-wrapper input::placeholder{color:#8a847e}.login-page .login-container .login-form .form-group .input-wrapper input[type=password]{padding-right:3rem}.login-page .login-container .login-form .form-group .input-wrapper .password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#8a847e;font-size:1.125rem;cursor:pointer;transition:color .3s ease;padding:.25rem}.login-page .login-container .login-form .form-group .input-wrapper .password-toggle:hover{color:#bdb8b3}.login-page .login-container .login-form .form-group .field-validation-error{color:#ef4444;font-size:.825rem}.login-page .login-container .login-form .submit-button{width:100%;padding:1rem;margin-top:.5rem;background:linear-gradient(135deg, rgba(232, 168, 124, 0.9) 0%, rgba(166, 141, 172, 0.9) 100%);border:none;border-radius:12px;color:#f5f2f0;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.login-page .login-container .login-form .submit-button:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(232,168,124,.3);background:linear-gradient(135deg, rgb(232, 168, 124) 0%, rgb(166, 141, 172) 100%)}.login-page .login-container .divider{margin:2rem 0 1.5rem 0;position:relative;text-align:center}.login-page .login-container .divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(245,242,240,.1)}.login-page .login-container .divider span{background:rgba(245,242,240,.05);padding:0 1rem;color:#8a847e;font-size:.875rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}.login-page .login-container .action-links{display:flex;flex-direction:column;gap:1rem;text-align:center}.login-page .login-container .action-links .signup-link{color:#bdb8b3;font-size:.9rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}.login-page .login-container .action-links .signup-link a{color:#e8a87c;text-decoration:none;font-weight:600;margin-left:.5rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;transition:color .3s ease}.login-page .login-container .action-links .signup-link a:hover{color:#f5d0a9}.login-page .login-container .action-links .forgot-password a{color:#a68dac;text-decoration:none;font-size:.875rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;transition:color .3s ease}.login-page .login-container .action-links .forgot-password a:hover{color:#c5a8d1}.login-page .login-container .login-footer{margin-top:2rem;text-align:center}.login-page .login-container .login-footer p{color:#8a847e;font-size:.8rem;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;line-height:1.4;margin:0}@media(max-width: 480px){.login-page{padding:1rem}.login-page .login-container{padding:2rem}}.gallery-page-container{flex:1;background:linear-gradient(135deg, #1a1826 0%, #242433 50%, #1a1826 100%);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.gallery-header{text-align:center;padding:3rem 2rem 1rem 2rem}@media(max-width: 768px){.gallery-header{padding:2rem 1.5rem .75rem 1.5rem}}@media(max-width: 480px){.gallery-header{padding:1.5rem 1rem .5rem 1rem}}.gallery-header-content{margin-bottom:1rem}.user-avatar-container{display:inline-block;position:relative;margin-bottom:1.5rem;padding:4px;background:linear-gradient(135deg, #e8a87c 0%, #a68dac 100%);border-radius:50%;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.user-avatar-container::before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg, #e8a87c 0%, #a68dac 50%, #e8a87c 100%);border-radius:50%;opacity:0;transition:all .3s ease;z-index:-1}.user-avatar-container:hover::before{opacity:.3;inset:-6px}.user-avatar-container:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 32px rgba(232,168,124,.3)}@media(max-width: 480px){.user-avatar-container{margin-bottom:1rem}}.user-avatar-image{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block;background:rgba(245,242,240,.05);backdrop-filter:blur(20px);border:2px solid rgba(245,242,240,.1);transition:all .3s ease}.user-avatar-image:hover{border-color:rgba(245,242,240,.2);filter:brightness(1.1) contrast(1.05)}@media(max-width: 768px){.user-avatar-image{width:100px;height:100px}}@media(max-width: 480px){.user-avatar-image{width:80px;height:80px}}.gallery-user-title{font-size:2.5rem;font-weight:700;color:#f5f2f0;margin:0 0 .5rem 0;letter-spacing:-0.025em}@media(max-width: 768px){.gallery-user-title{font-size:2rem}}@media(max-width: 480px){.gallery-user-title{font-size:1.75rem}}.gallery-user-title-accent{color:#e8a87c}.gallery-description{font-size:1.1rem;color:#bdb8b3;margin:0;font-weight:400}@media(max-width: 768px){.gallery-description{font-size:1rem}}@media(max-width: 480px){.gallery-description{font-size:.95rem}}.gallery-decorative-line{width:120px;height:3px;background:linear-gradient(90deg, #e8a87c, #a68dac);margin:2rem auto;border-radius:2px;opacity:.8}@media(max-width: 480px){.gallery-decorative-line{margin:1.5rem auto}}.gallery-main-title{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin:0 0 .5rem 0;flex-wrap:wrap}.gallery-main-title-part1{font-family:"Orbitron",monospace;font-size:clamp(2rem,5vw,3rem);font-weight:900;color:#f5f2f0;letter-spacing:.05em;text-transform:uppercase}.gallery-main-title-part2{font-family:"Carattere",cursive;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;color:#e8a87c;letter-spacing:.05em;transform:rotate(-3deg);margin-left:clamp(.25rem,2vw,.5rem)}.gallery-main-description{font-size:clamp(1rem,3vw,1.2rem);color:#bdb8b3;margin:0;font-weight:400;max-width:600px;margin:0 auto;padding:0 1rem}.gallery-decorative-elements{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0}@media(max-width: 480px){.gallery-decorative-elements{margin:1.5rem 0;gap:.75rem}}.gallery-decorative-line-left{width:60px;height:2px;background:linear-gradient(90deg, transparent, #e8a87c);border-radius:1px}@media(max-width: 480px){.gallery-decorative-line-left{width:40px}}.gallery-decorative-dot1{width:8px;height:8px;background:#a68dac;border-radius:50%;opacity:.7}@media(max-width: 480px){.gallery-decorative-dot1{width:6px;height:6px}}.gallery-decorative-line-center{width:80px;height:2px;background:linear-gradient(90deg, #a68dac, #e8a87c);border-radius:1px}@media(max-width: 480px){.gallery-decorative-line-center{width:60px}}.gallery-decorative-dot2{width:8px;height:8px;background:#e8a87c;border-radius:50%;opacity:.7}@media(max-width: 480px){.gallery-decorative-dot2{width:6px;height:6px}}.gallery-decorative-line-right{width:60px;height:2px;background:linear-gradient(90deg, #e8a87c, transparent);border-radius:1px}@media(max-width: 480px){.gallery-decorative-line-right{width:40px}}.gallery-main{padding:0 2rem 2rem 2rem}@media(max-width: 768px){.gallery-main{padding:0 1.5rem 1.5rem 1.5rem}}@media(max-width: 480px){.gallery-main{padding:0 1rem 1rem 1rem}}.fractal-cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-auto-rows:max-content;gap:24px;margin:0;padding:20px;margin-left:calc(-50vw + 50%);box-sizing:border-box;align-items:start}@media(max-width: 768px){.fractal-cards-grid{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px;padding:15px}}@media(max-width: 480px){.fractal-cards-grid{grid-template-columns:repeat(2, 1fr);gap:12px;padding:8px}}.next-page-card{border:2px dashed rgba(232,168,124,.4);border-radius:20px;text-align:center;display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:100%;color:#e8a87c;text-decoration:none;font-size:1.1rem;font-weight:500;max-width:350px}.next-page-card:hover{border-color:#e8a87c;color:#d4a574;text-decoration:none;transform:translateY(-4px)}.fractal-detail{position:relative;width:100%;min-height:100vh;background:rgba(0,0,0,0);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.fractal-detail__background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(5px) brightness(0.8);transform:scale(1.2);z-index:-1;opacity:.7}.fractal-detail__background::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg, rgba(10, 10, 10, 0.6) 0%, rgba(10, 10, 10, 0.4) 50%, rgba(10, 10, 10, 0.6) 100%)}.fractal-detail__container{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1600px;margin:0 auto;padding:2rem 3rem;min-height:100vh;align-items:start}@media(max-width: 1200px){.fractal-detail__container{grid-template-columns:1fr;gap:2rem;padding:2rem}}@media(max-width: 768px){.fractal-detail__container{padding:1.5rem;gap:1.5rem}}@media(max-width: 480px){.fractal-detail__container{padding:1rem;gap:1rem}}.fractal-detail__left{display:flex;align-items:flex-start;justify-content:center}@media(max-width: 1200px){.fractal-detail__left{position:relative;top:0;height:auto}}.fractal-detail__image-wrapper{position:relative;width:100%;max-width:700px;border-radius:24px;overflow:hidden;background:rgba(245,242,240,.05);backdrop-filter:blur(20px);border:1px solid rgba(245,242,240,.1);box-shadow:0 25px 70px rgba(0,0,0,.6),0 0 80px rgba(232,168,124,.15);transition:all .5s ease}.fractal-detail__image-wrapper::before{content:"";position:absolute;inset:0;background-image:inherit;background-size:cover;background-position:center;filter:blur(30px) brightness(0.5);transform:scale(1.1);z-index:-1;opacity:.4}.fractal-detail__image-wrapper:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 35px 90px rgba(0,0,0,.7),0 0 100px rgba(232,168,124,.25)}@media(max-width: 768px){.fractal-detail__image-wrapper{border-radius:16px}}.fractal-detail__image{width:100%;height:auto;display:block;position:relative;z-index:1}.fractal-detail__right{display:flex;flex-direction:column;gap:.875rem;padding:0}@media(max-width: 1200px){.fractal-detail__right{padding:0}}.fractal-detail__user-section{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:rgba(245,242,240,.05);backdrop-filter:blur(20px);border:1px solid rgba(245,242,240,.1);border-radius:12px;transition:all .3s ease}.fractal-detail__user-section:hover{background:rgba(245,242,240,.08);border-color:rgba(245,242,240,.15);box-shadow:0 8px 24px rgba(0,0,0,.3)}@media(max-width: 480px){.fractal-detail__user-section{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.875rem}}.fractal-detail__user{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#f5f2f0;transition:all .3s ease}.fractal-detail__user:hover{transform:translateX(4px)}.fractal-detail__user:hover .fractal-detail__user-name{color:#e8a87c}.fractal-detail__user-avatar,.fractal-detail__user-avatar-placeholder{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(245,242,240,.1);background:linear-gradient(135deg, #e8a87c 0%, #a68dac 100%);transition:all .3s ease;flex-shrink:0}@media(max-width: 480px){.fractal-detail__user-avatar,.fractal-detail__user-avatar-placeholder{width:36px;height:36px}}.fractal-detail__user-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:20px;color:#f5f2f0}@media(max-width: 480px){.fractal-detail__user-avatar-placeholder{font-size:18px}}.fractal-detail__user-info{display:flex;flex-direction:column;gap:.15rem}.fractal-detail__user-name{font-size:.95rem;font-weight:600;color:#f5f2f0;transition:color .3s ease}@media(max-width: 480px){.fractal-detail__user-name{font-size:.9rem}}.fractal-detail__user-label{font-size:.7rem;color:#8a847e;text-transform:uppercase;letter-spacing:.05em}@media(max-width: 480px){.fractal-detail__user-label{font-size:.65rem}}.fractal-detail__date{font-size:.8rem;color:#bdb8b3;font-weight:500}@media(max-width: 480px){.fractal-detail__date{font-size:.75rem}}.fractal-detail__stats{display:grid;grid-template-columns:repeat(2, 1fr);gap:.75rem}.fractal-detail__stat{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;padding:.875rem;background:rgba(245,242,240,.05);backdrop-filter:blur(20px);border:1px solid rgba(245,242,240,.1);border-radius:10px;transition:all .3s ease}.fractal-detail__stat .iconify{font-size:1.15rem;color:#e8a87c}.fractal-detail__stat:hover{background:rgba(245,242,240,.08);border-color:rgba(245,242,240,.15);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}@media(max-width: 480px){.fractal-detail__stat{padding:.75rem}}.fractal-detail__stat-value{font-size:1.15rem;font-weight:700;color:#f5f2f0;line-height:1}@media(max-width: 480px){.fractal-detail__stat-value{font-size:1.05rem}}.fractal-detail__stat-label{font-size:.7rem;color:#8a847e;text-transform:uppercase;letter-spacing:.05em;line-height:1}@media(max-width: 480px){.fractal-detail__stat-label{font-size:.65rem}}.fractal-detail__primary-actions{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width: 480px){.fractal-detail__primary-actions{grid-template-columns:repeat(2, 1fr)}}.fractal-detail__btn{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:1.1rem 1.3rem;border:none;border-radius:14px;font-size:.95rem;font-weight:600;font-family:"Inter",sans-serif;cursor:pointer;text-decoration:none;transition:all .3s ease}.fractal-detail__btn .iconify{font-size:1.3rem}.fractal-detail__btn--primary{background:linear-gradient(135deg, #e8a87c 0%, #a68dac 100%);color:#f5f2f0;box-shadow:0 4px 20px rgba(232,168,124,.4);grid-column:1/-1}.fractal-detail__btn--primary:hover{transform:translateY(-3px);box-shadow:0 8px 35px rgba(232,168,124,.5);filter:brightness(1.1)}.fractal-detail__btn--primary:active{transform:translateY(-1px)}.fractal-detail__btn--secondary{background:rgba(245,242,240,.05);backdrop-filter:blur(20px);border:1px solid rgba(245,242,240,.1);color:#f5f2f0}.fractal-detail__btn--secondary:hover{background:rgba(245,242,240,.08);border-color:rgba(245,242,240,.2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.fractal-detail__btn--secondary:active{transform:translateY(0)}.fractal-detail__btn--secondary.active{background:rgba(232,168,124,.15);border-color:#e8a87c;color:#e8a87c}.fractal-detail__btn--secondary.active .iconify{color:#e8a87c}@media(max-width: 480px){.fractal-detail__btn{padding:.95rem 1.1rem;font-size:.9rem}}.fractal-detail__secondary-actions{display:flex;flex-direction:column;gap:.5rem;padding:.875rem;background:rgba(245,242,240,.05);backdrop-filter:blur(20px);border:1px solid rgba(245,242,240,.1);border-radius:12px}@media(max-width: 480px){.fractal-detail__secondary-actions{padding:.75rem}}.fractal-detail__action-form{margin:0}.fractal-detail__action-btn{width:100%;display:flex;align-items:center;gap:.65rem;padding:.875rem 1.1rem;background:rgba(245,242,240,.03);border:1px solid rgba(245,242,240,.08);border-radius:10px;color:#f5f2f0;font-size:.9rem;font-weight:500;font-family:"Inter",sans-serif;cursor:pointer;text-decoration:none;transition:all .3s ease;box-sizing:border-box}.fractal-detail__action-btn .iconify{font-size:1.15rem;color:#bdb8b3;transition:color .3s ease}.fractal-detail__action-btn:hover{background:rgba(245,242,240,.08);border-color:rgba(245,242,240,.15);transform:translateX(4px)}.fractal-detail__action-btn:hover .iconify{color:#e8a87c}.fractal-detail__action-btn:active{transform:translateX(2px)}.fractal-detail__action-btn--danger:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.fractal-detail__action-btn--danger:hover .iconify{color:#ef4444}@media(max-width: 480px){.fractal-detail__action-btn{padding:.8rem .95rem;font-size:.875rem}}.fractal-detail__published-badge{display:flex;align-items:center;gap:.65rem;padding:.875rem 1.1rem;background:rgba(180,90,255,.1);border:1px solid rgba(180,90,255,.3);border-radius:10px;color:#b45aff;font-size:.9rem;font-weight:600}.fractal-detail__published-badge .iconify{font-size:1.15rem}@media(max-width: 480px){.fractal-detail__published-badge{padding:.8rem .95rem;font-size:.875rem}}.fractal-detail__technical{padding:1rem;background:rgba(245,242,240,.05);backdrop-filter:blur(20px);border:1px solid rgba(245,242,240,.1);border-radius:12px}@media(max-width: 480px){.fractal-detail__technical{padding:.875rem}}.fractal-detail__section-title{font-size:1.1rem;font-weight:700;color:#f5f2f0;margin:0 0 .875rem 0;padding-bottom:.625rem;border-bottom:1px solid rgba(245,242,240,.1)}@media(max-width: 480px){.fractal-detail__section-title{font-size:1rem;margin-bottom:.75rem}}.fractal-detail__technical-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem 2rem}@media(max-width: 768px){.fractal-detail__technical-grid{grid-template-columns:1fr;gap:.75rem}}.fractal-detail__technical-item{display:grid;grid-template-columns:140px 1fr;gap:.875rem;align-items:start}@media(max-width: 768px){.fractal-detail__technical-item{grid-template-columns:120px 1fr}}@media(max-width: 480px){.fractal-detail__technical-item{grid-template-columns:1fr;gap:.4rem}}.fractal-detail__technical-label{font-size:.85rem;font-weight:600;color:#bdb8b3;text-transform:uppercase;letter-spacing:.05em}@media(max-width: 480px){.fractal-detail__technical-label{font-size:.8rem}}.fractal-detail__technical-value{font-size:.9rem;color:#f5f2f0;font-family:"JetBrains Mono","Courier New",monospace;word-break:break-word;display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}@media(max-width: 480px){.fractal-detail__technical-value{font-size:.85rem}}.fractal-detail__color-box{display:inline-block;width:28px;height:28px;border-radius:6px;border:2px solid rgba(245,242,240,.1);box-shadow:0 2px 8px rgba(0,0,0,.3);transition:all .3s ease;flex-shrink:0}.fractal-detail__color-box:hover{transform:scale(1.15);border-color:#e8a87c}@media(max-width: 480px){.fractal-detail__color-box{width:24px;height:24px}}.fractal-detail__colors-container{display:flex;gap:.45rem;flex-wrap:wrap}.fractal-editor-container{display:flex;flex:1;position:relative;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}.fractal-editor-container .canvas-container{flex:1;background:linear-gradient(135deg, #1a1826 0%, #242433 50%, #1a1826 100%);display:flex;align-items:flex-start;justify-content:flex-start;position:relative}@media(max-width: 768px){.fractal-editor-container .canvas-container{align-items:flex-start;justify-content:flex-start;flex:1;height:60vh}}.fractal-editor-container .canvas-container .canvas-reset-btn{position:absolute;top:20px;right:20px;background:linear-gradient(135deg, rgba(232, 168, 124, 0.9), rgba(166, 141, 172, 0.9));border:none;border-radius:12px;padding:.875rem;color:#f5f2f0;cursor:pointer;transition:all .3s ease;font-size:1.125rem;box-shadow:0 4px 16px rgba(0,0,0,.2)}.fractal-editor-container .canvas-container .canvas-reset-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(232,168,124,.3)}.fractal-editor-container .canvas-container .canvas-reset-btn:active{transform:translateY(0)}.fractal-editor-container .sidebar{width:360px;max-height:calc(100vh - 80px);background:rgba(245,242,240,.05);backdrop-filter:blur(20px);border:1px solid rgba(245,242,240,.08);box-shadow:0 8px 32px rgba(0,0,0,.2);display:flex;flex-direction:column;position:relative}.fractal-editor-container .sidebar .mobile-toggle{display:none;position:absolute;left:50%;transform:translateX(-50%);top:-40px;width:80px;height:40px;background:rgba(26,24,38,.95);backdrop-filter:blur(30px);border:1px solid rgba(245,242,240,.15);border-radius:20px 20px 0 0;border-bottom:0;color:#f5f2f0;cursor:pointer;align-items:center;justify-content:center;z-index:1001;box-shadow:0 -2px 10px rgba(0,0,0,.3);transition:all .3s ease}.fractal-editor-container .sidebar .canvas-performance{padding:.75rem 2rem;border-bottom:1px solid rgba(245,242,240,.08)}.fractal-editor-container .sidebar .canvas-performance .performance-stats{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.fractal-editor-container .sidebar .canvas-performance .performance-stats .performance-item{display:flex;flex-direction:column;align-items:center;gap:.125rem;flex:1}.fractal-editor-container .sidebar .canvas-performance .performance-stats .performance-item .perf-label{font-size:.625rem;font-weight:500;color:#8a847e;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.125rem}.fractal-editor-container .sidebar .canvas-performance .performance-stats .performance-item .perf-label i{font-size:.625rem;color:#8a847e}.fractal-editor-container .sidebar .canvas-performance .performance-stats .performance-item .perf-value{font-size:.65rem;font-family:"Consolas","Monaco","Courier New",monospace;font-weight:600}.fractal-editor-container .sidebar .canvas-performance .performance-stats .performance-item .perf-value#segment-count{color:#b45aff}.fractal-editor-container .sidebar .canvas-performance .performance-stats .performance-item .perf-value#generation-time{color:#00d4ff}.fractal-editor-container .sidebar .canvas-performance .performance-stats .performance-item .perf-value#rendering-time{color:#0f8}.fractal-editor-container .sidebar .canvas-performance .performance-stats .performance-item .perf-value#angle-value{color:#ff9500}.fractal-editor-container .sidebar .sidebar-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.fractal-editor-container .sidebar .sidebar-content .accordion-section{border-bottom:1px solid rgba(245,242,240,.08)}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header{padding:.8rem 2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;transition:all .3s ease;background:rgba(245,242,240,.05);border-bottom:1px solid rgba(245,242,240,.15)}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header:hover{background:rgba(245,242,240,.08);border-bottom-color:rgba(232,168,124,.4)}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-title{font-size:.875rem;font-weight:500;color:#f5f2f0;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-title i{font-size:1rem;color:#bdb8b3}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-value{font-size:.8rem;font-family:"Consolas","Monaco","Courier New",monospace;font-weight:600}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-value#speed-value{color:#ff9500}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-right{display:flex;align-items:center;gap:.75rem}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-right .accordion-actions{display:flex;align-items:center;gap:.5rem}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-right .accordion-actions .animation-switch .switch{position:relative;display:inline-block;width:44px;height:24px}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-right .accordion-actions .animation-switch .switch input{opacity:0;width:0;height:0}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-right .accordion-actions .animation-switch .switch input:checked+.switch-slider{background-color:#e8a87c}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-right .accordion-actions .animation-switch .switch input:checked+.switch-slider:before{transform:translateX(20px)}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-right .accordion-actions .animation-switch .switch .switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(245,242,240,.15);transition:.3s;border-radius:24px}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-right .accordion-actions .animation-switch .switch .switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#f5f2f0;transition:.3s;border-radius:50%}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-right .accordion-actions .random-accordion-btn{background:rgba(245,242,240,.05);border:1px solid rgba(245,242,240,.15);border-radius:10px;padding:.5rem .75rem;color:#bdb8b3;cursor:pointer;transition:all .3s ease;font-size:.8rem;font-weight:500;font-family:inherit;display:flex;align-items:center;gap:.375rem;white-space:nowrap}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-right .accordion-actions .random-accordion-btn .btn-icon{font-size:1rem}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-right .accordion-actions .random-accordion-btn .btn-text{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-right .accordion-actions .random-accordion-btn:hover{border-color:rgba(232,168,124,.4);box-shadow:0 0 0 2px rgba(232,168,124,.1);color:#e8a87c;transform:translateY(-1px)}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-right .accordion-actions .random-accordion-btn:active{transform:translateY(0)}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-header .accordion-right .accordion-arrow{width:20px;height:20px;color:#bdb8b3;transition:transform .3s ease}.fractal-editor-container .sidebar .sidebar-content .accordion-section .accordion-content{padding:1.5rem 2rem 1.5rem 2rem;max-height:500px;overflow:hidden;transition:all .3s ease}.fractal-editor-container .sidebar .sidebar-content .accordion-section.collapsed .accordion-arrow{transform:rotate(-90deg)}.fractal-editor-container .sidebar .sidebar-content .accordion-section.collapsed .accordion-content{max-height:0;padding:0 2rem}.fractal-editor-container .sidebar .sidebar-content .save-section{padding:1.5rem 2rem;border-top:1px solid rgba(245,242,240,.08)}.fractal-editor-container .sidebar .sidebar-content .save-section .save-btn{width:100%}@media(max-width: 768px){.fractal-editor-container .sidebar .sidebar-content{max-height:calc(60vh - 100px);overflow-y:auto;overflow-x:hidden}}@media(max-width: 768px){.fractal-editor-container .sidebar{position:absolute;bottom:0;left:0;right:0;width:100%;height:40vh;background:rgba(26,24,38,.95);backdrop-filter:blur(30px);border:1px solid rgba(245,242,240,.15);border-top:1px solid rgba(245,242,240,.2);border-radius:16px 16px 0 0;transition:transform .3s ease;z-index:1000}.fractal-editor-container .sidebar.collapsed{transform:translateY(100%)}.fractal-editor-container .sidebar .mobile-toggle{display:flex}.fractal-editor-container .sidebar .canvas-performance{padding:.5rem 1.5rem}.fractal-editor-container .sidebar .canvas-performance .performance-stats .performance-item .perf-label{font-size:.5rem}.fractal-editor-container .sidebar .canvas-performance .performance-stats .performance-item .perf-label i{font-size:.5rem}.fractal-editor-container .sidebar .canvas-performance .performance-stats .performance-item .perf-value{font-size:.55rem}.fractal-editor-container .sidebar .sidebar-content .accordion-content{padding:0 1.5rem 1rem 1.5rem}.fractal-editor-container .sidebar .sidebar-content .accordion-header{padding:1rem 1.5rem}.fractal-editor-container .sidebar .sidebar-content.collapsed .accordion-content{padding:0 1.5rem}.fractal-editor-container .sidebar .sidebar-content .save-section{padding:1rem 1.5rem}.fractal-editor-container .sidebar .sidebar-content .save-section .save-btn{width:100%}}.accordion-content .angle-slider-container{margin-bottom:1.5rem}.accordion-content .angle-slider-container .angle-slider{width:100%;height:6px;border-radius:3px;background:rgba(245,242,240,.15);outline:none;appearance:none}.accordion-content .angle-slider-container .angle-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg, #e8a87c, #a68dac);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3)}.accordion-content .angle-slider-container .angle-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg, #e8a87c, #a68dac);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(0,0,0,.3)}.accordion-content .angle-presets{display:grid;grid-template-columns:repeat(auto-fill, minmax(65px, 1fr));gap:.5rem}.accordion-content .angle-presets .angle-preset{padding:.5rem;background:rgba(245,242,240,.05);border:1px solid rgba(245,242,240,.15);border-radius:10px;color:#bdb8b3;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .3s ease;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:.25rem}.accordion-content .angle-presets .angle-preset i{font-size:1rem;opacity:.7}.accordion-content .angle-presets .angle-preset{display:flex;flex-direction:column;align-items:center;gap:.25rem}.accordion-content .angle-presets .angle-preset i{font-size:1rem;opacity:.7}.accordion-content .angle-presets .angle-preset:hover,.accordion-content .angle-presets .angle-preset.active{border-color:rgba(232,168,124,.4);box-shadow:0 0 0 2px rgba(232,168,124,.1);color:#e8a87c;background:rgba(232,168,124,.1)}.accordion-content .angle-presets .angle-preset:hover i,.accordion-content .angle-presets .angle-preset.active i{opacity:1}.accordion-content .angle-presets .angle-preset:hover i,.accordion-content .angle-presets .angle-preset.active i{opacity:1}.accordion-content .animation-speed-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.accordion-content .animation-speed-info .speed-label{font-size:.875rem;font-weight:500;color:#bdb8b3;text-transform:uppercase;letter-spacing:.05em}.accordion-content .animation-speed-info .speed-value{font-size:.8rem;color:#ff9500;font-family:"Consolas","Monaco","Courier New",monospace;font-weight:600}.accordion-content .speed-slider-wrapper{position:relative}.accordion-content .speed-slider-wrapper .animation-speed-slider{width:100%;height:6px;border-radius:3px;background:rgba(245,242,240,.15);outline:none;appearance:none}.accordion-content .speed-slider-wrapper .animation-speed-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg, #e8a87c, #a68dac);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3)}.accordion-content .speed-slider-wrapper .animation-speed-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg, #e8a87c, #a68dac);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(0,0,0,.3)}.accordion-content .speed-slider-wrapper .speed-zero-marker{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:2px;height:12px;background:rgba(245,242,240,.3);border-radius:1px;pointer-events:none}.accordion-content .lsystem-inputs{display:flex;flex-direction:column;gap:1.5rem}.accordion-content .lsystem-inputs .lsystem-input-group{display:flex;flex-direction:column;gap:.5rem}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-label{font-size:.875rem;font-weight:500;color:#bdb8b3;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-label i{color:#8a847e;font-size:1rem}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-label{display:flex;align-items:center;gap:.5rem}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-label i{color:#8a847e;font-size:1rem}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-input,.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-textarea{padding:.875rem 1rem;background:rgba(245,242,240,.05);border:1px solid rgba(245,242,240,.15);border-radius:10px;color:#f5f2f0;font-family:"Consolas","Monaco","Courier New",monospace;font-size:.9rem;transition:all .3s ease}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-input:focus,.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-textarea:focus{border-color:rgba(232,168,124,.4);box-shadow:0 0 0 2px rgba(232,168,124,.1);outline:none}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-input::placeholder,.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-textarea::placeholder{color:#8a847e}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-textarea{resize:vertical;min-height:80px}.accordion-content .lsystem-inputs .lsystem-input-group .slider-container{display:flex;align-items:center;gap:1rem}.accordion-content .lsystem-inputs .lsystem-input-group .slider-container .settings-slider{flex:1;height:6px;border-radius:3px;background:rgba(245,242,240,.15);outline:none;appearance:none}.accordion-content .lsystem-inputs .lsystem-input-group .slider-container .settings-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg, #e8a87c, #a68dac);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3)}.accordion-content .lsystem-inputs .lsystem-input-group .slider-container .settings-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg, #e8a87c, #a68dac);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(0,0,0,.3)}.accordion-content .lsystem-inputs .lsystem-input-group .slider-container .slider-value{min-width:2.5rem;font-size:.8rem;color:#0f8;font-family:"Consolas","Monaco","Courier New",monospace;font-weight:600;text-align:right}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-generators{display:grid;grid-template-columns:repeat(3, 1fr);gap:.5rem}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-generators .lsystem-gen-btn{padding:.625rem .5rem;background:rgba(245,242,240,.05);border:1px solid rgba(245,242,240,.15);border-radius:10px;color:#bdb8b3;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .3s ease;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:.375rem}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-generators .lsystem-gen-btn .iconify{font-size:1.125rem;opacity:.7}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-generators .lsystem-gen-btn .gen-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-generators .lsystem-gen-btn:hover{border-color:rgba(232,168,124,.4);box-shadow:0 0 0 2px rgba(232,168,124,.1);color:#e8a87c;background:rgba(232,168,124,.1)}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-generators .lsystem-gen-btn:hover .iconify{opacity:1}.accordion-content .lsystem-inputs .lsystem-input-group .lsystem-generators .lsystem-gen-btn:active{transform:scale(0.95)}.accordion-content .export-section{margin-bottom:1.5rem}.accordion-content .export-section:last-child{margin-bottom:0}.accordion-content .export-section .section-label{display:block;font-size:.875rem;font-weight:500;color:#bdb8b3;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.accordion-content .export-section .resolution-container .resolution-inputs{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.accordion-content .export-section .resolution-container .resolution-inputs .resolution-input-group{flex:1;display:contents}.accordion-content .export-section .resolution-container .resolution-inputs .resolution-input-group .resolution-input{width:100%;padding:.875rem 1rem;background:rgba(245,242,240,.05);border:1px solid rgba(245,242,240,.15);border-radius:10px;color:#f5f2f0;font-family:"Consolas","Monaco","Courier New",monospace;font-size:.9rem;text-align:center;transition:all .3s ease}.accordion-content .export-section .resolution-container .resolution-inputs .resolution-input-group .resolution-input:focus{border-color:rgba(232,168,124,.4);box-shadow:0 0 0 2px rgba(232,168,124,.1);outline:none}.accordion-content .export-section .resolution-container .resolution-inputs .resolution-separator{color:#bdb8b3;font-weight:600;font-size:1.125rem}.accordion-content .export-section .resolution-container .resolution-presets{display:grid;grid-template-columns:repeat(auto-fill, minmax(65px, 1fr));gap:.5rem}.accordion-content .export-section .resolution-container .resolution-presets .resolution-preset{padding:.5rem;background:rgba(245,242,240,.05);border:1px solid rgba(245,242,240,.15);border-radius:10px;color:#bdb8b3;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .3s ease;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:.25rem}.accordion-content .export-section .resolution-container .resolution-presets .resolution-preset i{font-size:1rem;opacity:.7}.accordion-content .export-section .resolution-container .resolution-presets .resolution-preset{display:flex;flex-direction:column;align-items:center;gap:.25rem}.accordion-content .export-section .resolution-container .resolution-presets .resolution-preset i{font-size:1rem;opacity:.7}.accordion-content .export-section .resolution-container .resolution-presets .resolution-preset:hover,.accordion-content .export-section .resolution-container .resolution-presets .resolution-preset.active{border-color:rgba(232,168,124,.4);box-shadow:0 0 0 2px rgba(232,168,124,.1);color:#e8a87c;background:rgba(232,168,124,.1)}.accordion-content .export-section .resolution-container .resolution-presets .resolution-preset:hover i,.accordion-content .export-section .resolution-container .resolution-presets .resolution-preset.active i{opacity:1}.accordion-content .export-section .resolution-container .resolution-presets .resolution-preset:hover i,.accordion-content .export-section .resolution-container .resolution-presets .resolution-preset.active i{opacity:1}.accordion-content .export-section .format-container .format-select{width:100%;padding:.875rem 1rem;background:rgba(245,242,240,.05);border:1px solid rgba(245,242,240,.15);border-radius:10px;color:#f5f2f0;font-family:inherit;font-size:.95rem;cursor:pointer;transition:all .3s ease}.accordion-content .export-section .format-container .format-select:focus{border-color:rgba(232,168,124,.4);box-shadow:0 0 0 2px rgba(232,168,124,.1);outline:none}.accordion-content .export-section .format-container .format-select option{background:#1a1826;color:#f5f2f0;padding:.5rem}.accordion-content .export-section .format-container .quality-container{margin-top:1rem}.accordion-content .export-section .format-container .quality-container .quality-label{display:block;font-size:.875rem;font-weight:500;color:#bdb8b3;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.accordion-content .export-section .format-container .quality-container .slider-container{display:flex;align-items:center;gap:1rem}.accordion-content .export-section .format-container .quality-container .slider-container .quality-slider{flex:1;height:6px;border-radius:3px;background:rgba(245,242,240,.15);outline:none;appearance:none}.accordion-content .export-section .format-container .quality-container .slider-container .quality-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg, #e8a87c, #a68dac);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3)}.accordion-content .export-section .format-container .quality-container .slider-container .quality-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg, #e8a87c, #a68dac);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(0,0,0,.3)}.accordion-content .export-section .format-container .quality-container .slider-container .slider-value{min-width:2.5rem;font-size:.8rem;color:#f5f2f0;font-family:"Consolas","Monaco","Courier New",monospace;text-align:right}.accordion-content .export-section .export-actions .export-btn{width:100%}.accordion-content .settings-item{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.accordion-content .settings-item:last-child{margin-bottom:0}.accordion-content .settings-item .visual-label{font-size:.875rem;font-weight:500;color:#bdb8b3;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.accordion-content .settings-item .visual-label i{color:#8a847e;font-size:1rem}.accordion-content .settings-item .slider-container{display:flex;align-items:center;gap:1rem}.accordion-content .settings-item .slider-container .alpha-slider,.accordion-content .settings-item .slider-container .settings-slider{flex:1;height:6px;border-radius:3px;background:rgba(245,242,240,.15);outline:none;appearance:none}.accordion-content .settings-item .slider-container .alpha-slider::-webkit-slider-thumb,.accordion-content .settings-item .slider-container .settings-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg, #e8a87c, #a68dac);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3)}.accordion-content .settings-item .slider-container .alpha-slider::-moz-range-thumb,.accordion-content .settings-item .slider-container .settings-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg, #e8a87c, #a68dac);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(0,0,0,.3)}.accordion-content .settings-item .slider-container .slider-value{min-width:2.5rem;font-size:.8rem;color:#f5f2f0;font-family:"Consolas","Monaco","Courier New",monospace;text-align:right}.accordion-content .settings-item .color-container .color-picker{width:100%;height:50px;border:1px solid rgba(245,242,240,.15);border-radius:10px;cursor:pointer;transition:all .3s ease}.accordion-content .settings-item .color-container .color-picker:hover{border-color:rgba(232,168,124,.4);box-shadow:0 0 0 2px rgba(232,168,124,.1)}.accordion-content .settings-item .color-palette-container{display:flex;flex-direction:column;gap:1rem}.accordion-content .settings-item .color-palette-container .color-palette-grid{display:flex;flex-wrap:wrap;gap:.5rem;min-height:60px;padding:.75rem;background:rgba(245,242,240,.05);border:1px solid rgba(245,242,240,.15);border-radius:10px}.accordion-content .settings-item .color-palette-container .color-palette-grid .color-square{width:40px;height:40px;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid rgba(245,242,240,.2);position:relative;overflow:hidden}.accordion-content .settings-item .color-palette-container .color-palette-grid .color-square:hover{transform:scale(1.1);border-color:rgba(232,168,124,.6);box-shadow:0 4px 12px rgba(0,0,0,.3)}.accordion-content .settings-item .color-palette-container .color-palette-grid .color-square:active{transform:scale(0.95)}.accordion-content .settings-item .color-palette-container .color-palette-grid .color-square::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, rgba(0, 0, 0, 0.1) 0%, transparent 50%, rgba(255, 255, 255, 0.1) 100%);pointer-events:none}.accordion-content .settings-item .color-palette-container .color-palette-controls{display:flex;gap:.5rem;justify-content:flex-start}.accordion-content .settings-item .color-palette-container .color-palette-controls .palette-btn{padding:.5rem;background:rgba(245,242,240,.05);border:1px solid rgba(245,242,240,.15);border-radius:10px;color:#bdb8b3;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.accordion-content .settings-item .color-palette-container .color-palette-controls .palette-btn:hover:not(:disabled){border-color:rgba(232,168,124,.4);box-shadow:0 0 0 2px rgba(232,168,124,.1);color:#e8a87c;background:rgba(232,168,124,.1)}.accordion-content .settings-item .color-palette-container .color-palette-controls .palette-btn:disabled{opacity:.4;cursor:not-allowed}.accordion-content .settings-item .color-palette-container .color-palette-controls .palette-btn:disabled:hover{border-color:rgba(245,242,240,.15);box-shadow:none;color:#bdb8b3;background:rgba(245,242,240,.05)}.accordion-content .settings-item .color-palette-container .color-palette-controls .palette-btn .iconify{font-size:1rem}#tutorial{min-height:100vh;width:100%;display:flex;flex-direction:row;background:#2a2b3d;padding:3rem 2rem;gap:2rem}#tutorial .tutorial-column{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#tutorial .tutorial-explanation{background:rgba(245,242,240,.05);backdrop-filter:blur(20px);border:1px solid rgba(245,242,240,.08);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.2);padding:2rem;max-width:600px}#tutorial #tutorial-canvas{aspect-ratio:16/9;width:100%;max-width:700px;border-radius:16px;background:rgba(245,242,240,.05);backdrop-filter:blur(20px);border:1px solid rgba(245,242,240,.08);box-shadow:0 8px 32px rgba(0,0,0,.2);margin-bottom:1.5rem}#tutorial .tutorial-slider-container{width:100%;max-width:700px;display:flex;flex-direction:column;gap:1.5rem;background:rgba(245,242,240,.05);backdrop-filter:blur(20px);border:1px solid rgba(245,242,240,.08);border-radius:16px;padding:1.5rem;box-sizing:border-box}#tutorial .tutorial-slider-wrapper{display:flex;flex-direction:column;gap:.75rem}#tutorial .tutorial-slider-wrapper label{font-size:.875rem;font-weight:500;color:#f5f2f0;text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center}#tutorial .tutorial-slider-wrapper .tutorial-slider-number{color:#d4a574;font-weight:600}#tutorial .tutorial-slider{-webkit-appearance:none;width:100%;height:6px;background:rgba(245,242,240,.1);border-radius:3px;outline:none;transition:all .3s ease}#tutorial .tutorial-slider:hover{background:rgba(245,242,240,.15)}#tutorial .tutorial-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#d4a574;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(212,165,116,.4);transition:all .3s ease}#tutorial .tutorial-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(212,165,116,.6)}#tutorial .tutorial-slider::-moz-range-thumb{width:20px;height:20px;background:#d4a574;border-radius:50%;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(212,165,116,.4);transition:all .3s ease}#tutorial .tutorial-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(212,165,116,.6)}#tutorial .tutorial-symbol{display:inline-block;background:rgba(212,165,116,.15);border:1px solid rgba(212,165,116,.3);border-radius:6px;padding:.125rem .5rem;font-size:.95rem;font-weight:600;font-family:"Courier New",monospace;color:#e8a87c;white-space:nowrap}#tutorial .tutorial-term{color:#d4a574;font-weight:600}#tutorial .tutorial-example{background:rgba(212,165,116,.08);border-left:3px solid rgba(212,165,116,.4);padding:.75rem 1rem;margin:.75rem 0;border-radius:4px}#tutorial .tutorial-example p{margin-bottom:.5rem}#tutorial .tutorial-example p:last-child{margin-bottom:0}#tutorial .tutorial-tip{background:rgba(166,141,172,.08);border-left:3px solid rgba(166,141,172,.3);padding:.75rem 1rem;margin:.75rem 0;border-radius:4px;font-style:italic;color:#c0b3c5}#tutorial .tutorial-tip .iconify{vertical-align:middle;margin-right:.5rem;font-size:1.1rem;color:#a68dac}#tutorial .tutorial-action{background:rgba(212,165,116,.08);border-left:3px solid rgba(212,165,116,.4);padding:.75rem 1rem;margin:.75rem 0;border-radius:4px;color:#e8a87c;font-weight:500}#tutorial .tutorial-action .iconify{vertical-align:middle;margin-right:.5rem;font-size:1.1rem;color:#d4a574}#tutorial .tutorial-slider-label{display:flex;align-items:center;gap:.5rem}#tutorial .tutorial-slider-label .iconify{font-size:1rem;opacity:.7}#tutorial .tutorial-btn{padding:.75rem 1.75rem;border-radius:10px;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border:none;cursor:pointer;transition:all .3s ease;outline:none;display:flex;align-items:center;gap:.5rem;justify-content:center}#tutorial .tutorial-btn .iconify{font-size:1.1rem}#tutorial .tutorial-btn.btn-primary{background:#d4a574;color:#2a2b3d}#tutorial .tutorial-btn.btn-primary:hover:not(:disabled){background:#e5b685;transform:translateY(-1px);box-shadow:0 4px 12px rgba(212,165,116,.3)}#tutorial .tutorial-btn.btn-primary:active:not(:disabled){transform:translateY(0)}#tutorial .tutorial-btn.btn-secondary{background:rgba(0,0,0,0);color:#f5f2f0;border:1px solid rgba(245,242,240,.2)}#tutorial .tutorial-btn.btn-secondary:hover:not(:disabled){background:rgba(245,242,240,.05);border-color:rgba(245,242,240,.3)}#tutorial .tutorial-btn:disabled{opacity:.4;cursor:not-allowed}#tutorial .tutorial-step{display:none;animation:fadeIn .4s ease}#tutorial .tutorial-step.active{display:block}#tutorial .tutorial-step h1{font-size:1.875rem;font-weight:600;color:#f5f2f0;margin-bottom:1.5rem;letter-spacing:-0.025em}#tutorial .tutorial-step .tutorial-text{font-size:.95rem;line-height:1.6;color:#b8b8b8}#tutorial .tutorial-step .tutorial-text p{margin-bottom:.875rem}#tutorial .tutorial-step .tutorial-text p:last-child{margin-bottom:0}#tutorial .tutorial-step .tutorial-text a{color:#d4a574;text-decoration:none;border-bottom:1px solid rgba(212,165,116,.3);transition:all .3s ease}#tutorial .tutorial-step .tutorial-text a:hover{color:#e5b685;border-bottom-color:#e5b685}#tutorial .tutorial-step .tutorial-text b{color:#f5f2f0;font-weight:600}#tutorial .tutorial-controls{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width: 1024px){#tutorial{flex-direction:column;padding:1.5rem;gap:1rem}#tutorial .tutorial-explanation,#tutorial #tutorial-canvas,#tutorial .tutorial-slider-container{max-width:100%}#tutorial #tutorial-canvas{margin-bottom:1rem}#tutorial .tutorial-step h1{font-size:1.5rem;margin-bottom:1rem}}@media(max-width: 640px){#tutorial{padding:1rem;gap:1rem}#tutorial .tutorial-explanation{padding:1.25rem}#tutorial .tutorial-slider-container{padding:1.25rem;gap:1rem}#tutorial #tutorial-canvas{margin-bottom:1rem}#tutorial .tutorial-step h1{font-size:1.375rem}#tutorial .tutorial-step .tutorial-text{font-size:.875rem}#tutorial .tutorial-controls{margin-top:1rem;gap:.75rem}#tutorial .tutorial-btn{padding:.625rem 1.25rem;font-size:.8rem}}/*# sourceMappingURL=main.css.map */