.sticky-side-ad{position:fixed;top:50%;transform:translateY(-50%);z-index:50;width:160px;height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.sticky-side-ad-left{left:calc((100vw - 1280px)/2 - 180px)}.sticky-side-ad-right{right:calc((100vw - 1280px)/2 - 180px)}.sticky-side-ad .display-ad{width:160px;height:600px;display:flex;align-items:center;justify-content:center}.sticky-side-ad .display-ad-placeholder .ad-placeholder-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);opacity:.7;padding:0 1rem;pointer-events:none}.sticky-side-ad .display-ad-placeholder .ad-placeholder-icon{width:28px;height:28px;flex-shrink:0}.sticky-side-ad .display-ad-placeholder .ad-placeholder-text{font-size:.8125rem;font-weight:500;text-align:center;line-height:1.4}@media(max-width:1499px){.sticky-side-ad{display:none}}.landing-page{width:100%;background-color:var(--bg-color)}.hero-section{width:100%;min-height:calc(100vh - var(--header-height));display:flex;align-items:center;padding:0;border-bottom:1px solid var(--bg-tertiary);margin-bottom:4.5rem}.hero-container{display:flex;align-items:center;justify-content:space-between;gap:4rem;width:100%;padding:0 1.5rem 3rem}.hero-content{flex:1;max-width:600px}.hero-title{font-family:var(--font-heading);font-size:4rem;font-weight:600;line-height:1.1;margin:0 0 1.5rem;color:var(--text-primary);letter-spacing:-.025em}.hero-highlight{color:var(--accent-color);background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-family:var(--font-body);font-size:1rem;color:var(--text-secondary);margin:0 0 2rem;line-height:1.6;font-weight:400;max-width:500px}.hero-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:var(--text-base);font-weight:var(--font-semibold);background:var(--accent-color);color:#fff;border-radius:var(--radius-md);text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px}.hero-cta:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:#3b82f666 5px 5px,#3b82f64d 8px 8px,#3b82f633 11px 11px}.hero-visual{flex:1;display:flex;justify-content:flex-end;align-items:center;max-width:500px}.hero-image-container{width:100%;border-radius:20px;overflow:hidden;box-shadow:#3b82f666 5px 5px,#3b82f64d 10px 10px,#3b82f633 15px 15px,#3b82f61a 20px 20px,#3b82f60d 25px 25px}.hero-image{width:100%;height:auto;display:block}.landing-section{margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.section-header-with-subtitle{flex:1}.section-title{font-family:var(--font-heading);font-size:2rem;font-weight:600;margin:0;color:var(--text-primary);letter-spacing:-.025em}.nav-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.nav-arrow:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--input-bg)}.latest-creators-row{display:flex;gap:3rem;margin-bottom:2rem}.creators-ad-column{display:flex;flex-direction:column;gap:1.5rem;flex-shrink:0;width:300px;max-width:100%}.creators-ad-column .scroll-reveal{width:100%}.top-creators-panel{width:100%;box-sizing:border-box;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:#3b82f666 5px 5px,#3b82f64d 10px 10px,#3b82f633 15px 15px,#3b82f61a 20px 20px,#3b82f60d 25px 25px;display:flex;flex-direction:column;height:fit-content}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.panel-title{font-size:1.1rem;font-weight:700;margin:0;color:var(--text-primary);display:flex;align-items:center;gap:.3rem}.text-gradient{background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent-color)}.top-creators-search-btn{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);padding:.4rem .85rem;border-radius:99px;background:var(--input-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-3d-secondary)}.top-creators-search-btn:hover{color:var(--text-primary)!important;background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-3d-secondary-hover)}html.dark .top-creators-search-btn:hover{box-shadow:var(--shadow-3d-secondary-hover);background:#ffffff0d}.creators-list{display:flex;flex-direction:column;gap:1rem}.creator-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;text-decoration:none;transition:background-color .2s ease;border:1px solid transparent}.creator-item:hover{background-color:var(--bg-color);border-color:var(--border-color)}.creator-avatar,.creator-avatar.user-avatar-placeholder{width:40px;height:40px;border-radius:50%;overflow:hidden;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:1rem}.creator-info{flex:1;min-width:0;display:flex;flex-direction:column}.creator-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.creator-stat-mini{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-secondary)}.creator-followers-badge{display:flex;align-items:center;gap:.25rem;color:var(--accent-color);font-size:.85rem;font-weight:600}.creators-program-section{margin-bottom:4rem;text-align:center;position:relative}.creators-program-header{width:100%;display:flex;flex-direction:column;margin:0}.landing-page .section-header-card h2{color:var(--accent-color)}.landing-page .landing-section{margin-bottom:0}.creators-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:0;color:var(--accent-color);line-height:1.2;letter-spacing:-.025em}.creators-highlight{color:var(--accent-color)}.creators-subtitle{font-size:1.125rem;color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}.creators-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;margin:0 auto 2.5rem}.creator-feature-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:#00000014 1.95px 1.95px 2.6px;text-align:left;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.feature-icon-box{width:48px;height:48px;border-radius:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--accent-color);margin-bottom:1.25rem;transition:all .3s ease}.feature-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary);letter-spacing:-.02em}.feature-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin:0}.creators-actions{margin-top:1rem}.creators-cta-btn{color:#fff;box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px;transition:all .3s cubic-bezier(.16,1,.3,1)}.creators-cta-btn:hover{transform:translateY(-2px);box-shadow:#3b82f666 5px 5px,#3b82f64d 8px 8px,#3b82f633 11px 11px}@media(max-width:1440px){.hero-section{min-height:auto;margin-bottom:3rem}.hero-container{gap:2.5rem;padding:2rem 1.5rem}.hero-title{font-size:3rem}.hero-subtitle{font-size:.9375rem}.hero-visual{max-width:440px}.landing-section{margin-bottom:3rem}}@media(max-width:1024px){.hero-section{padding:3rem 0 4rem}.hero-container{flex-direction:column-reverse;text-align:center;padding-top:1rem}.hero-content{max-width:100%;margin:0 auto}.hero-visual{justify-content:center;width:100%;max-width:500px}.latest-creators-row{flex-direction:column}.creators-ad-column,.top-creators-panel{width:100%;flex-shrink:1}.top-creators-panel{box-shadow:#3b82f633 4px 4px,#3b82f61a 8px 8px;margin-bottom:1rem}}@media(max-width:768px){.hero-title{font-size:2.5rem}.creators-features-grid{grid-template-columns:1fr;gap:1.5rem}.creators-title{font-size:2rem}}.skeleton-shimmer{background:linear-gradient(90deg,var(--border-color) 25%,var(--input-bg) 50%,var(--border-color) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.landing-section{margin-bottom:4rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.75rem;font-weight:700;margin:0;color:var(--text-primary)}.section-subtitle{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.section-subtitle-centered{font-size:1rem;color:var(--text-secondary);text-align:center;margin:-1.5rem 0 .75rem}.section-nav{display:flex;gap:.5rem}.nav-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.nav-arrow:hover{border-color:var(--accent-color);color:var(--accent-color)}.builds-scroll{overflow-x:auto;overflow-y:hidden;margin:0;padding:.5rem 0;scrollbar-width:none;scroll-snap-type:x mandatory}.builds-scroll::-webkit-scrollbar{display:none}.builds-scroll-inner{display:flex;gap:24px}.build-card-wrapper{flex-shrink:0;width:320px;scroll-snap-align:start}.build-card-wrapper.carousel-ad-wrapper{display:flex;align-items:center;justify-content:center;min-height:320px}.build-card-wrapper.carousel-ad-wrapper .display-ad{width:100%;min-height:250px}.landing-section:not(.builds-section-grid) .build-card-wrapper .post-card{height:320px;display:flex;flex-direction:column}.landing-section:not(.builds-section-grid) .build-card-wrapper .post-card-link{display:flex;flex-direction:column;height:100%}.landing-section:not(.builds-section-grid) .build-card-wrapper .post-card-image{height:192px;min-height:192px;flex-shrink:0}.landing-section:not(.builds-section-grid) .build-card-wrapper .post-card-content{height:128px;min-height:128px;flex-shrink:0;display:flex;flex-direction:column;padding:12px 16px}.landing-section:not(.builds-section-grid) .build-card-wrapper .post-card-title-link{height:auto;min-height:3.2rem;font-family:var(--font-heading);font-size:1.25rem;font-weight:600;line-height:1.25;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;letter-spacing:-.025em}.landing-section:not(.builds-section-grid) .build-card-wrapper .post-card-meta-row{height:18px;min-height:18px;flex-shrink:0}.landing-section:not(.builds-section-grid) .build-card-wrapper .post-card-author-name{color:var(--text-primary)}.landing-section:not(.builds-section-grid) .build-card-wrapper .post-card-content:after{content:"";flex:1}.landing-section:not(.builds-section-grid) .build-card-wrapper .post-card-footer{height:auto;min-height:0;flex-shrink:0;margin:auto 0 0;padding:8px 0;border-top:1px solid var(--border-color);display:flex;align-items:center;width:100%}.landing-section:not(.builds-section-grid) .build-card-wrapper .stat-item{font-family:var(--font-body);font-size:.875rem;font-weight:500}.landing-section:not(.builds-section-grid) .build-card-wrapper .stat-item svg{width:16px;height:16px}.builds-section-grid .builds-scroll-inner,.builds-section-grid .posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.builds-section-grid .build-card-wrapper{width:100%;min-width:0}.builds-section-grid .build-card-wrapper .post-card-title-link{font-size:.9375rem;line-height:1.25;-webkit-line-clamp:2;line-clamp:2}.builds-section-grid .build-card-wrapper .post-card-author-name{color:var(--text-primary)}.builds-section-grid .build-card-wrapper .post-card-meta-row{margin-top:4px;margin-bottom:0}.builds-section-grid .build-card-wrapper .post-card-content:after{content:"";flex:1}.builds-section-grid .build-card-wrapper .post-card-light .post-card-footer,.builds-section-grid .post-card-light .post-card-footer{margin:auto 0 0;padding:8px 0;border-top:1px solid var(--border-color)!important;display:flex;align-items:center;justify-content:flex-start;width:100%}.builds-section-grid .post-card-content{padding:12px 16px;display:flex;flex-direction:column}.builds-section-grid .post-card-stats{display:flex;align-items:center;gap:12px}.builds-section-grid .build-card-wrapper .stat-item{font-family:var(--font-body);font-size:.875rem;font-weight:500;display:inline-flex;flex-direction:row!important;align-items:center;gap:6px}.builds-section-grid .build-card-wrapper .stat-item svg{width:16px;height:16px;flex-shrink:0}@media(max-width:768px){.builds-section-grid .builds-scroll-inner,.builds-section-grid .posts-grid{grid-template-columns:1fr}}.latest-creators-row{display:flex;gap:2rem;margin-bottom:1.5rem;max-width:1280px;margin-left:auto;margin-right:auto}.latest-section-wrapper{flex:1;min-width:0}.section-header-with-subtitle{display:flex;flex-direction:column;align-items:flex-start;flex:1}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel-title{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.top-creators-search-btn{display:flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s ease;padding:.35rem .75rem;border-radius:6px}.top-creators-search-btn:hover{color:var(--accent-color);background:var(--input-bg)}.creators-list{display:flex;flex-direction:column;gap:.75rem;flex:1}.creator-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;text-decoration:none;transition:background-color .2s ease}.creator-item:hover{background-color:var(--bg-secondary)}.creator-rank{width:24px;height:24px;display:none}.creator-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0}.creator-avatar img{width:100%;height:100%;object-fit:cover}.creator-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.creator-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.creator-name{font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:4px;min-width:0}.creator-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.creator-stat-mini{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary)}.creator-stat-mini svg{opacity:.7}.creator-xp-badge{display:flex;align-items:center;gap:.25rem;color:var(--warning-color);font-size:.875rem;font-weight:700;flex-shrink:0}.creator-xp-badge svg{width:16px;height:16px}.creator-followers-badge{display:flex;align-items:center;gap:.25rem;background:transparent;color:var(--warning-color);font-size:.875rem;font-weight:700;flex-shrink:0}.creator-item-skeleton{pointer-events:none}.creator-avatar-skeleton{width:44px;height:44px;border-radius:8px;flex-shrink:0;background:var(--bg-tertiary)}.creators-empty-small{text-align:center;color:var(--text-secondary);font-size:.85rem;padding:1rem 0}.creators-program-cta{display:flex;align-items:center;gap:4rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:2.5rem 3rem;margin:0 0 var(--space-12) 0;box-shadow:var(--shadow-sm);width:calc(100% - 300px - 3rem);box-sizing:border-box}.cta-content{flex:0 0 auto;max-width:360px}.cta-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-light);color:var(--accent-color);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:var(--font-semibold);margin-bottom:1.25rem}.cta-badge svg{width:18px;height:18px}.cta-title{font-size:2rem;font-weight:var(--font-extrabold);margin:0 0 1rem;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.cta-highlight{color:var(--accent-color)}.cta-description{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6}.cta-content .cta-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-color);color:#fff;padding:.875rem 1.5rem;border-radius:var(--radius-full);font-size:1rem;font-weight:var(--font-semibold);text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px}.cta-content .cta-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:#3b82f666 5px 5px,#3b82f64d 8px 8px,#3b82f633 11px 11px}.cta-illustration{flex:1;min-width:0;max-width:420px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:flex-end;border-radius:var(--radius-xl);overflow:hidden}.cta-illustration img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}@media(max-width:1440px){.cta-title{font-size:1.75rem}.cta-description{font-size:.9375rem}.creators-program-cta{padding:2.5rem;gap:2.5rem}.cta-illustration{max-width:360px}}@media(max-width:1024px){.landing-page{padding:0}.hero-section{gap:2rem;padding:3rem 0 4rem}.hero-title{font-size:2.5rem}.hero-visual{max-width:400px}.latest-creators-row{flex-direction:column}.creators-ad-column{width:100%;padding-right:15px;padding-bottom:15px}.top-creators-panel{width:100%;box-shadow:#3b82f666 3px 3px,#3b82f64d 6px 6px,#3b82f633 9px 9px,#3b82f61a 12px 12px}.creators-list{flex-direction:row;flex-wrap:wrap;gap:1rem}.creator-item{flex:1 1 calc(50% - .5rem);min-width:200px}.creators-program-cta{padding:2rem;gap:2rem}.cta-illustration{height:180px}}@media(max-width:768px){.landing-page{padding:0}.hero-section{flex-direction:column;text-align:center;gap:2rem;padding:2rem 0 3rem}.hero-content{max-width:100%}.hero-title{font-size:2rem}.hero-visual{max-width:100%;justify-content:center}.hero-image-container{max-width:400px}.section-header{flex-wrap:wrap;gap:1rem}.creators-program-cta{flex-direction:column;text-align:center;padding:1.5rem;width:100%}.cta-content{max-width:100%}.cta-illustration{width:100%;height:180px}.creator-item{flex:1 1 100%}}@media(max-width:480px){.landing-page{padding:0}.hero-title{font-size:2rem}.hero-cta{width:100%;justify-content:center}.build-card-wrapper{width:260px}.section-title{font-size:1.25rem}.cta-title{font-size:1.5rem}}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.landing-auth-skeleton{width:100%;min-height:720px;margin-bottom:1.5rem}@media(max-width:1024px){.landing-auth-skeleton{min-height:1100px}}@media(max-width:768px){.landing-auth-skeleton{min-height:1400px}}@media(max-width:480px){.landing-auth-skeleton{min-height:1200px}}.hero-section--static{background:transparent;position:relative;z-index:1}.hero-section--static .hero-image-container{background:var(--bg-secondary)}.landing-page--rails{background-color:transparent;position:relative}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{display:block;height:1rem;border-radius:4px}.landing-background{position:fixed;inset:0;z-index:-10;width:100%;height:100%;min-width:100%;min-height:100vh;min-height:100dvh;background-color:var(--bg-color);overflow:hidden;pointer-events:none}.landing-bg-shapes-pic{position:absolute;inset:0;pointer-events:none;user-select:none}.landing-bg-shapes{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.landing-bg-shapes-dark,html.dark .landing-bg-shapes-light{display:none}html.dark .landing-bg-shapes-dark{display:block}.particles-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@media(prefers-reduced-motion:reduce){.particles-canvas{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.section-divider{height:1px;width:100%;max-width:800px;margin:2rem auto;background:radial-gradient(circle at center,var(--border-color) 0%,transparent 100%);opacity:.6}.creator-feature-card{background:transparent;border:1px solid rgba(255,255,255,.03);border-radius:16px;padding:2rem;text-align:left;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.creator-feature-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s ease-in-out;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.feature-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;width:100%}.feature-icon{display:flex;align-items:center;color:var(--accent-color)}.creator-feature-card .feature-title{color:var(--text-primary);font-size:1.15rem;margin:0;font-weight:600}.creator-feature-card .feature-desc{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.side-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:48px;height:48px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;outline:none}.side-nav-arrow:hover{background:#ffffff0d;color:var(--accent-color);transform:translateY(-50%) scale(1.1)}.side-nav-arrow.left{left:-48px}.side-nav-arrow.right{right:-48px}@media(min-width:1200px){.side-nav-arrow.left{left:-60px}.side-nav-arrow.right{right:-60px}}@media(max-width:768px){.side-nav-arrow{display:none!important}}html.dark .creator-feature-card{box-shadow:#ffffff1a 1.95px 1.95px 2.6px;border-color:var(--border-color)}.creators-ad-column .display-ad{width:100%;max-width:300px;overflow:hidden;border-radius:12px}.creators-ad-column .display-ad-placeholder{width:100%;box-sizing:border-box;background:var(--surface-secondary);border:1px dashed var(--border-color);border-radius:12px;padding:1.5rem;min-height:280px;display:flex;align-items:center;justify-content:center}@media(max-width:1024px){.creators-ad-column .display-ad{max-width:100%}.creators-ad-column .display-ad-placeholder{min-height:150px}}.landing-rail-slot{margin-bottom:1rem}.landing-ad-mid{display:flex;justify-content:center;margin:1.5rem 0}.landing-ad-sidebar{margin-top:1rem;width:100%;min-height:280px;box-sizing:border-box;border-radius:12px;overflow:hidden}.landing-ad-sidebar.display-ad-placeholder{background:transparent;border:none}.landing-ad-sidebar .ad-placeholder-content{border-radius:12px}.top-builders-row{display:flex;gap:1rem;overflow-x:auto;padding:0 .25rem;scroll-snap-type:x proximity}.top-builder-card{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:140px;padding:1rem .75rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:border-color .2s ease;scroll-snap-align:start}.top-builder-card:hover{border-color:var(--accent-color)}.top-builder-avatar{width:64px!important;height:64px!important;border-radius:50%}.top-builder-name{display:flex;align-items:center;gap:.25rem;font-weight:600;font-size:.9rem;max-width:100%}.top-builder-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-builder-meta{display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.75rem;color:var(--text-secondary)}.top-builder-delta{display:inline-flex;align-items:center;gap:.15rem;color:var(--success-color);font-weight:600}.top-builder-card--skeleton{pointer-events:none}.top-builder-avatar-skeleton{width:64px;height:64px;border-radius:50%}.top-builder-name-skeleton{width:80%;height:.9rem;border-radius:4px}.top-builder-meta-skeleton{width:60%;height:.75rem;border-radius:4px}.trending-tags-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem;box-shadow:#00000014 1.95px 1.95px 2.6px;margin-top:.75rem}html.dark .trending-tags-card{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}.trending-tags-chips{display:flex;flex-wrap:wrap;gap:.5rem}.trending-tag-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;text-decoration:none;color:var(--text-primary);font-size:.85rem;font-weight:500;transition:border-color .2s ease,transform .2s ease,background .2s ease}.trending-tag-chip:hover{border-color:var(--accent-color);transform:translateY(-1px)}.trending-tag-chip .tag-badge{background:transparent!important;border:none!important;padding:0!important;font-size:inherit;font-weight:600}.trending-tag-delta{display:inline-flex;align-items:center;gap:.15rem;padding:.1rem .4rem;font-size:.7rem;font-weight:600;color:var(--success-color);background:#10b9811f;border-radius:999px}.trending-tag-chip-skeleton{width:80px;height:28px;border-radius:999px;display:inline-block}.landing-section-personal,.landing-section-popularity,.landing-section-community{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.landing-section-row{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;align-items:start}.landing-section-row--split{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.landing-section-popularity .landing-section-row{grid-template-columns:660px minmax(0,1fr)}.landing-section-community .landing-section-row--split{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:stretch}.landing-section-community .landing-section-row--split .top-builders-rail.landing-section{margin-bottom:0}.landing-community-seo-side{display:flex;flex-direction:column}.landing-community-seo-side>.scroll-reveal{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.landing-community-seo-side>.scroll-reveal>.landing-seo-block{flex:1 1 auto;min-height:0}.landing-section-personal .landing-section-row{align-items:stretch}.landing-section-personal .landing-section-row-side>.scroll-reveal:last-child{flex:1 1 auto;display:flex;flex-direction:column}.landing-section-personal .landing-section-row-side>.scroll-reveal:last-child>.landing-ad-sidebar{flex:1 1 auto}.landing-section-popularity .landing-section-row-side{align-self:stretch}.landing-section-popularity .landing-section-row-side>.scroll-reveal:last-child{flex:1 1 auto;display:flex;flex-direction:column}.landing-section-popularity .landing-section-row-side>.scroll-reveal:last-child>.landing-ad-sidebar{flex:1 1 auto}.landing-section-row-main{min-width:0;display:flex;flex-direction:column;gap:1.5rem}.landing-section-row-side{display:flex;flex-direction:column;gap:1.5rem}.landing-section-row-side .top-creators-panel{width:100%}.posts-grid.posts-grid-following{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.posts-grid.posts-grid-mostloved{grid-template-columns:repeat(2,minmax(0,320px));gap:1.25rem;justify-content:start}.posts-grid.posts-grid-recent{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.landing-following-grid-section,.landing-mostloved-grid-section,.landing-recent-grid-section{display:flex;flex-direction:column;gap:0}.landing-mostloved-grid-section{max-width:660px}.landing-mostloved-grid-section .section-header-card{width:100%}.following-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:3rem 1.5rem;background:var(--card-bg);border:1px dashed var(--border-color);border-radius:12px;color:var(--text-secondary)}.following-empty-state svg{color:var(--accent-color);opacity:.7}.following-empty-title{font-weight:600;color:var(--text-primary);margin:0;font-size:1rem}.following-empty-subtitle{margin:0;font-size:.9rem}.following-empty-cta{margin-top:.5rem}.landing-seo-block{display:block;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:#0000000a 1.95px 1.95px 2.6px;overflow:visible}html.dark .landing-seo-block{box-shadow:#ffffff0f 1.95px 1.95px 2.6px}.landing-seo-title{display:block;margin:0 0 .75rem;font-size:1.15rem;font-weight:600;color:var(--text-primary);line-height:1.3}.landing-seo-title--with-icon{display:flex;align-items:center;gap:.75rem}.landing-seo-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#3b82f61a;color:var(--accent-color);flex-shrink:0}html.dark .landing-seo-icon{background:#22d3ee1f}.landing-seo-body{display:block;margin:0;font-size:.925rem;line-height:1.55;color:var(--text-secondary)}.landing-seo-block-inline{max-width:100%}.landing-ad-top{margin:1.5rem 0;display:flex;justify-content:center}@media(max-width:1024px){.landing-section-row,.landing-section-row--split,.landing-section-popularity .landing-section-row,.landing-section-community .landing-section-row--split{grid-template-columns:minmax(0,1fr)}.landing-mostloved-grid-section{max-width:100%}.posts-grid.posts-grid-following,.posts-grid.posts-grid-recent,.posts-grid.posts-grid-mostloved{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.posts-grid.posts-grid-following,.posts-grid.posts-grid-mostloved,.posts-grid.posts-grid-recent{grid-template-columns:minmax(0,1fr)}.landing-section-personal,.landing-section-popularity,.landing-section-community{gap:1.5rem;margin-bottom:2rem}}.about-page{max-width:var(--container-width);margin:0 auto;padding:3rem 1.5rem;flex:1;width:100%;box-sizing:border-box;font-family:inherit}.about-header{text-align:center;margin-bottom:4rem}.about-header h1{font-family:var(--font-heading);color:var(--text-primary);font-size:2.5rem;font-weight:600;margin:0 0 1rem}.about-header .subtitle{color:var(--text-secondary);font-size:1.2rem;margin:0;line-height:1.6}.about-section{margin-bottom:5rem}.section-title{font-family:var(--font-heading);text-align:center;color:var(--text-primary);font-size:1.8rem;margin:0 0 2.5rem;font-weight:700}.card,.feature-card,.creator-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:#00000014 1.95px 1.95px 2.6px}html.dark .card,html.dark .feature-card,html.dark .creator-card{box-shadow:#ffffff1a 1.95px 1.95px 2.6px!important}.mission-description{text-align:center;color:var(--text-secondary);max-width:800px;margin:0 auto 2.5rem;font-size:1.1rem;line-height:1.6}.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.mission-card{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem;text-align:left;height:100%;box-sizing:border-box}.mission-card{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1.5rem;text-align:left}.mission-content{display:flex;flex-direction:column;gap:.25rem}.mission-card h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary)}.mission-card p{margin:0;font-size:1rem;color:var(--text-secondary);line-height:1.5}.mission-icon-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent-color);margin:0}.features-section{margin-bottom:5rem}.feature-card{display:flex;flex-direction:column;align-items:flex-start;padding:2rem 1.5rem;height:100%;box-sizing:border-box}.feature-card h3{color:var(--text-primary);font-size:1.15rem;margin:0 0 .75rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.feature-icon{color:var(--accent-color);display:flex;align-items:center}.feature-card p{color:var(--text-secondary);font-size:.95rem;margin:0;line-height:1.6}.creators-section{margin-bottom:5rem}.creators-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.creator-card{display:flex;flex-direction:column;align-items:flex-start;padding:2rem 1.5rem;height:100%;box-sizing:border-box}.benefit-icon-wrapper{width:42px;height:42px;border-radius:8px;background-color:var(--accent-light);color:var(--accent-color);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.card-content strong{display:block;color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem}.card-content p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.cta-section{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:3rem;text-align:center;transition:all .2s ease-in-out;box-shadow:#00000014 1.95px 1.95px 2.6px;box-sizing:border-box;max-width:100%}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.cta-button.primary{background-color:var(--accent-color);border:1px solid var(--accent-color);color:#fff!important;box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px,#3b82f60d 12px 12px,#3b82f605 15px 15px}.cta-button.primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:#3b82f666 5px 5px,#3b82f64d 8px 8px,#3b82f633 11px 11px,#3b82f61a 14px 14px,#3b82f60d 17px 17px}.cta-button.secondary:hover{color:var(--text-primary);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-3d-secondary-hover)}@media(max-width:1440px){.about-header{margin-bottom:3rem}.about-header h1{font-size:2rem}.about-header .subtitle{font-size:1rem}.about-section{margin-bottom:3.5rem}.section-title{font-size:1.5rem;margin-bottom:2rem}}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.about-page{padding:1.5rem 1rem}.mission-grid,.features-grid,.creators-grid{grid-template-columns:1fr}.cta-section{padding:1.5rem 1rem;overflow:hidden}.cta-buttons{flex-direction:column;width:100%}.cta-button{width:100%;padding:.75rem 1rem;font-size:.9rem;box-shadow:none;box-sizing:border-box}}.about-highlight{color:var(--accent-color)!important;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;display:inline-block}.custom-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;font-size:.9rem;color:var(--text-secondary)}.custom-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-custom{position:relative;width:18px;height:18px;background-color:var(--input-bg);border:2px solid var(--border-color);border-radius:4px;transition:all .2s ease}.custom-checkbox:hover .checkbox-custom{border-color:var(--accent-color)}.custom-checkbox input[type=checkbox]:checked~.checkbox-custom{background-color:var(--accent-color);border-color:var(--accent-color)}.custom-checkbox input[type=checkbox]:checked~.checkbox-custom:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--card-bg);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label{color:var(--text-primary)}.custom-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;padding:.5rem 0;transition:all .2s ease}.custom-radio input[type=radio]{position:absolute;opacity:0;cursor:pointer}.radio-custom{position:relative;width:18px;height:18px;background-color:var(--input-bg);border:2px solid var(--border-color);border-radius:50%;transition:all .2s ease}.custom-radio:hover .radio-custom{border-color:var(--accent-color)}.custom-radio input[type=radio]:checked~.radio-custom{border-color:var(--accent-color)}.custom-radio input[type=radio]:checked~.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:var(--accent-color);border-radius:50%}.radio-label{color:var(--text-primary);font-size:.95rem}.toast{position:fixed;top:calc(var(--header-height) + .75rem);right:20px;min-width:300px;padding:1rem;border-radius:8px;background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px #00000026;z-index:var(--z-toast);display:flex;align-items:center;justify-content:space-between;gap:1rem;transform:translate(120%);transition:transform .3s cubic-bezier(.16,1,.3,1)}.toast.show{transform:translate(0)}.toast.hide{transform:translate(120%)}.toast-success{border-left:4px solid var(--success-color)}.toast-error{border-left:4px solid var(--danger-color)}.toast-info{border-left:4px solid var(--accent-color)}.toast-content{display:flex;align-items:center;gap:.75rem}.toast-icon{flex-shrink:0}.toast-success .toast-icon{color:var(--success-color)}.toast-error .toast-icon{color:var(--danger-color)}.toast-info .toast-icon{color:var(--accent-color)}.toast .message{color:var(--text-primary);font-size:.95rem}.toast .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;padding:0;line-height:1}.toast .close-btn:hover{color:var(--text-primary)}.select-container{position:relative;display:flex;flex-direction:column;gap:.5rem;flex:1;font-family:var(--font-body)}.select-container:has(.select-dropdown){z-index:100}.select-container label{font-size:.85rem;color:var(--text-secondary);font-weight:500;margin-left:.25rem}.select-container .required{color:var(--accent-color)}.select-trigger{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;height:48px;box-sizing:border-box;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-3d-secondary)}.select-trigger:hover{background:var(--bg-tertiary);box-shadow:var(--shadow-3d-secondary-hover);transform:translateY(-2px)}html.dark .select-trigger:hover{box-shadow:var(--shadow-3d-secondary-hover);background:#ffffff0d}.select-trigger.open{background:var(--input-bg);box-shadow:#64748b33 2px 2px,#64748b1a 4px 4px;transform:translateY(1px)}.select-trigger.disabled{cursor:not-allowed;background:var(--input-bg);color:var(--text-secondary);box-shadow:#64748b26 2px 2px,#64748b1a 4px 4px}.select-trigger .placeholder{color:var(--text-primary)}.select-fixed-label{color:var(--text-primary);font-weight:500}.select-trigger.disabled .placeholder{color:var(--text-secondary)}.select-value{flex:1;min-width:0;margin-right:.5rem;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-trigger .arrow-icon{color:var(--text-secondary);transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.7;flex-shrink:0}.select-trigger .arrow-icon.open{transform:rotate(180deg);opacity:1}.select-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;max-height:400px;overflow-y:auto;z-index:var(--z-fixed);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:selectSlideDown .2s ease-out;min-width:100%;width:max-content;padding:.5rem}.dropdown-item{padding:.6rem 1rem;cursor:pointer;color:var(--text-primary);font-size:.9rem;transition:all .15s ease;display:flex;align-items:center;justify-content:space-between;border-left:2px solid transparent;text-transform:capitalize;border-radius:0}.dropdown-item:hover{background-color:var(--input-bg);padding-left:1.25rem;border-left-color:var(--accent-color)}.dropdown-item.selected{background-color:#4a8fe71a;color:var(--accent-color);border-left-color:var(--accent-color);font-weight:500}.dropdown-item.no-options{cursor:default;justify-content:center;padding:1rem;font-style:italic}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:transparent}.select-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:480px){.toast{min-width:auto;width:calc(100vw - 2rem)}}.changelog-page{max-width:var(--container-width);margin:0 auto;padding:2rem;min-height:80vh;width:100%;box-sizing:border-box}.changelog-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 0 2rem;padding:3.5rem 2rem 4.5rem;width:100%;box-sizing:border-box}.changelog-header h1{font-family:var(--font-heading);font-size:3rem;font-weight:700;margin:0;line-height:1.2;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent-color)}.changelog-header .subtitle{color:var(--text-secondary);margin-top:1rem;font-size:1rem;max-width:500px}.changelog-content h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--accent-color);margin:2.5rem 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.changelog-content h2:first-child{margin-top:0}.changelog-content h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:1.25rem 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.changelog-content ul{list-style:none;padding:0;margin:0}.changelog-content li{position:relative;padding:.4rem 0 .4rem 1.25rem;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.changelog-content li:before{content:"";position:absolute;left:0;top:.85rem;width:6px;height:6px;border-radius:50%;background:var(--accent-color)}.changelog-content li strong{color:var(--text-primary)}.changelog-content hr{border:none;border-top:1px solid var(--border-color);margin:2.5rem 0}@media(max-width:1440px){.changelog-header{padding:2.5rem 1.5rem 3rem}.changelog-header h1{font-size:2.25rem}.changelog-content h2{font-size:1.375rem}}@media(max-width:768px){.changelog-page{padding:1.5rem 1rem}.changelog-header{margin-bottom:2rem}.changelog-header h1{font-size:1.75rem}.changelog-header .subtitle{font-size:.95rem}.changelog-content h2{font-size:1.25rem;margin:2rem 0 .75rem}.changelog-content h3{font-size:.875rem}.changelog-content li{font-size:.9rem;padding:.35rem 0 .35rem 1rem}.changelog-content li:before{width:5px;height:5px;top:.75rem}.changelog-content hr{margin:2rem 0}}@media(max-width:480px){.changelog-page{padding:1rem .75rem}.changelog-header h1{font-size:1.5rem}}.creators-program-page{width:100%;background-color:var(--bg-color);padding-bottom:4rem}.cp-hero-section{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:6rem 0 5rem;border-bottom:1px solid var(--border-color);margin-bottom:5rem}.cp-hero-content{max-width:800px;margin:0 auto;text-align:center}.cp-hero-title{font-size:3.5rem;font-weight:600;line-height:1.1;margin:0 0 1.5rem;color:var(--text-primary);letter-spacing:-.025em}.cp-hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin:0 0 2.5rem;line-height:1.6;font-weight:400}.cp-hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cp-section{margin-bottom:6rem}.cp-section-title{font-size:2rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary);text-align:center}.cp-section-description{font-size:1.125rem;color:var(--text-secondary);margin:0 0 3rem;text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.cp-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.cp-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.cp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-color)}.cp-card-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--accent-light);border-radius:50%;color:var(--accent-color);margin:0 auto 1.5rem}.cp-card-title{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.cp-card-description{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6}.cp-revenue-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:3rem 2rem;margin:4rem 0}.cp-revenue-display{display:flex;align-items:center;justify-content:center;gap:2rem;margin:2rem 0 2.5rem;flex-wrap:wrap}.cp-revenue-item{text-align:center}.cp-revenue-percentage{font-size:4rem;font-weight:600;line-height:1;margin-bottom:.5rem}.cp-revenue-creator .cp-revenue-percentage{color:var(--accent-color)}.cp-revenue-platform .cp-revenue-percentage{color:var(--text-secondary)}.cp-revenue-label{font-size:1rem;font-weight:500;color:var(--text-secondary)}.cp-revenue-separator{font-size:3rem;font-weight:300;color:var(--text-tertiary)}.cp-revenue-description{font-size:1.125rem;color:var(--text-primary);margin:0 0 1rem;text-align:center;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.cp-revenue-note{font-size:1rem;color:var(--accent-color);margin:0;text-align:center;font-weight:500;font-style:italic}.cp-steps{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.cp-step{display:flex;gap:1.5rem;align-items:flex-start;padding:2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.cp-step:hover{transform:translate(8px);border-color:var(--accent-color)}.cp-step-number{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:#fff;border-radius:50%;font-size:1.5rem;font-weight:600}.cp-step-content{flex:1}.cp-step-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.cp-step-description{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6}.cp-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.cp-benefit-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease}.cp-benefit-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md)}.cp-benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--accent-light);border-radius:12px;color:var(--accent-color);margin-bottom:1rem}.cp-benefit-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.cp-benefit-description{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.6}.cp-transparency-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:3rem 2rem}.cp-transparency-list{display:flex;flex-direction:column;gap:1.5rem;max-width:700px;margin:2rem auto 0}.cp-transparency-item{display:flex;align-items:center;gap:1rem;font-size:1.125rem;color:var(--text-primary)}.cp-transparency-item svg{flex-shrink:0;color:var(--accent-color)}.cp-growth-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:3rem 2rem}.cp-growth-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:900px;margin:2rem auto}.cp-growth-point{display:flex;align-items:center;gap:1rem;font-size:1.0625rem;color:var(--text-primary)}.cp-growth-point svg{flex-shrink:0;color:var(--accent-color)}.cp-growth-note{font-size:1rem;color:var(--text-secondary);margin:2rem 0 0;text-align:center;max-width:700px;margin-left:auto;margin-right:auto;font-style:italic;line-height:1.6}.cp-final-cta{text-align:center;padding:4rem 2rem}.cp-final-cta-title{font-size:2.5rem;font-weight:600;margin:0 0 2rem;color:var(--text-primary)}.cp-final-cta-note{font-size:.9375rem;color:var(--text-secondary);margin:1.5rem 0 0}@media(max-width:1440px){.cp-hero-section{padding:4.5rem 0 4rem;min-height:auto;margin-bottom:3.5rem}.cp-hero-title{font-size:2.75rem}.cp-hero-subtitle{font-size:1.125rem}.cp-section{margin-bottom:4.5rem}.cp-section-title{font-size:1.75rem}.cp-section-description{font-size:1rem}.cp-revenue-percentage{font-size:3.25rem}.cp-revenue-separator{font-size:2.5rem}.cp-final-cta-title{font-size:2rem}}@media(max-width:1024px){.cp-hero-title{font-size:3rem}.cp-section-title{font-size:1.75rem}.cp-revenue-percentage{font-size:3rem}}@media(max-width:768px){.cp-hero-section{padding:4rem 0 3rem;min-height:50vh}.cp-hero-title{font-size:2.25rem}.cp-hero-subtitle{font-size:1.125rem}.cp-hero-actions{flex-direction:column}.cp-hero-actions .btn{width:100%}.cp-section{margin-bottom:4rem}.cp-section-title{font-size:1.5rem}.cp-cards-grid{grid-template-columns:1fr}.cp-revenue-display{flex-direction:column;gap:1rem}.cp-revenue-separator{display:none}.cp-step{padding:1.5rem}.cp-step:hover{transform:translate(4px)}.cp-benefits-grid,.cp-growth-points{grid-template-columns:1fr}.cp-final-cta-title{font-size:2rem}}@media(max-width:480px){.cp-hero-title{font-size:1.875rem}.cp-section-title{font-size:1.375rem}.cp-revenue-percentage{font-size:2.5rem}.cp-hero-section{padding:2.5rem 1rem}.cp-final-cta{padding:3rem 1rem}}.guide-in-article-ad-wrapper{display:flex;justify-content:center;width:100%;margin:2.5rem 0}.guide-in-article-ad-wrapper .display-ad{width:100%;max-width:336px;min-height:250px}.guide-page{max-width:var(--container-width);margin:0 auto;padding:3rem 1.5rem;flex:1;width:100%;box-sizing:border-box;font-family:inherit}.guide-header{text-align:center;margin-bottom:4rem}.guide-header h1{font-family:var(--font-heading);color:var(--text-primary);font-size:2.5rem;font-weight:600;margin:0 0 1rem}.guide-header .subtitle{color:var(--text-secondary);font-size:1.2rem;margin:0;line-height:1.6}.guide-highlight{color:var(--accent-color);background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.format-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .2s ease-in-out;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:2rem;box-shadow:#00000014 1.95px 1.95px 2.6px}.format-card:hover{border-color:var(--accent-color);box-shadow:#3b82f659 2.5px 2.5px 4px!important;transform:translateY(-2px)}html.dark .format-card:hover{box-shadow:#3b82f659 2.5px 2.5px 4px!important;border-color:var(--accent-color)}.format-icon-wrapper{width:48px;height:48px;border-radius:8px;background-color:var(--accent-light);color:var(--accent-color);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.format-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.format-card-header h3{color:var(--text-primary);font-size:1.35rem;margin:0;font-weight:700;font-family:var(--font-heading)}.format-badges{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.status-badge{padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body)}.status-badge.success{background-color:#22c55e1a;color:var(--success-color)}.status-badge.error{background-color:#ef44441a;color:var(--danger-color)}.extension-badge{background-color:#3b82f61a;color:var(--accent-color);padding:.35rem .75rem;border-radius:6px;font-family:Fira Code,Consolas,monospace;font-size:.85rem;font-weight:500}.format-card-description{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;font-size:1rem;font-family:var(--font-body)}.format-card-footer{margin-top:auto}.format-card-footer a{color:var(--accent-color);font-family:var(--font-body);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;background-color:#3b82f614;transition:all .2s ease;font-size:.9rem}.format-card-footer a:hover{background-color:#3b82f626;transform:translate(4px)}.guide-section{margin-bottom:5rem}.card,.step-card,.usage-card,.shortcuts-card,.tip-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:#00000014 1.95px 1.95px 2.6px}html.dark .card,html.dark .step-card,html.dark .usage-card,html.dark .shortcuts-card,html.dark .tip-card,html.dark .format-card{box-shadow:#ffffff1a 1.95px 1.95px 2.6px!important}.card h2{color:var(--accent-color);font-size:1.5rem;margin:0 0 1rem;font-weight:700}.guide-section .card p,.guide-section p,.step-content p,.usage-card p,.tip-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;font-size:1rem}code,kbd{background-color:#22d3ee1a;color:var(--accent-color);padding:.2rem .4rem;border-radius:4px;font-family:monospace;font-size:.85rem}.installation-section{margin-bottom:5rem}.step-card{display:flex;gap:1.5rem;margin-bottom:1.5rem;align-items:flex-start}.step-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--accent-color);color:#fff;font-weight:700;font-size:1.4rem;border-radius:12px;flex-shrink:0;box-shadow:0 4px 6px #0000001a}.step-content{flex:1}.step-content h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 .75rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.step-icon{display:flex;align-items:center;color:var(--accent-color)}.step-content ol{color:var(--text-secondary);margin:0;padding-left:1.5rem;background-color:var(--bg-secondary);padding:1rem 1rem 1rem 2.5rem;border-radius:8px;border:1px solid var(--border-color)}.step-content li{margin-bottom:.5rem;font-size:.95rem}.step-content a{color:var(--accent-color);text-decoration:none;font-weight:500}.step-content a:hover{text-decoration:underline}.usage-section{margin-bottom:5rem}.usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.usage-card h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 1rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.usage-icon{display:flex;align-items:center;color:var(--accent-color)}.usage-card ol{margin:0;padding-left:1.5rem;font-size:1rem;line-height:1.6;color:var(--text-secondary)}.usage-card li{margin-bottom:.75rem}.shortcuts-section{margin-bottom:5rem}.shortcuts-card{padding:2rem;overflow-x:auto}.shortcuts-table{width:100%;border-collapse:separate;border-spacing:0}.shortcuts-table td{padding:1rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-size:1rem}.shortcuts-table tr:last-child td{border-bottom:none}kbd{background:linear-gradient(to bottom,var(--bg-tertiary),var(--card-bg));color:var(--text-primary);padding:.3rem .6rem;border-radius:6px;border:1px solid var(--border-color);border-bottom-width:3px;font-family:monospace;font-size:.9rem;font-weight:600;display:inline-block;min-width:1.2em;text-align:center}.tips-section{margin-bottom:5rem}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.tip-card h4{color:var(--text-primary);font-size:1.15rem;margin:0 0 .75rem;display:flex;align-items:center;gap:.75rem;font-weight:600}.tip-icon{color:var(--accent-color);display:flex;align-items:center}.cta-section{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:3rem;text-align:center;transition:all .2s ease-in-out;transform:translateY(-2px)}.cta-section h2,.cta-section p,.cta-section a{position:relative;z-index:1}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);background-color:var(--accent-color);border:1px solid var(--accent-color);color:#fff;box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px,#3b82f60d 12px 12px,#3b82f605 15px 15px;font-size:1.05rem}@media(max-width:1440px){.guide-header{margin-bottom:3rem}.guide-header h1{font-size:2rem}.guide-header .subtitle{font-size:1rem}}@media(max-width:768px){.guide-page{padding:1.5rem 1rem}.guide-header h1{font-size:2rem}.usage-grid,.tips-grid{grid-template-columns:1fr}.step-card{flex-direction:column;align-items:flex-start}.shortcuts-table td:nth-child(3),.shortcuts-table td:nth-child(4){display:none}.shortcuts-table td:nth-child(1){width:70%}.shortcuts-table td:nth-child(2){width:30%}}.guide-feature-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:2rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.guide-feature-tabs .tab-btn{padding:.55rem 1rem;border-radius:8px;font-weight:500;text-decoration:none}.guide-feature-tabs a.tab-btn:hover{text-decoration:none}.guide-back-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;margin-bottom:1rem;transition:color .2s ease}.guide-back-link:hover{color:var(--accent-color)}.format-showcase-section{margin-top:2.5rem}.format-showcase-intro{margin:1rem 0 1.5rem;font-size:.95rem;line-height:1.55;color:var(--text-secondary)}.format-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}@media(max-width:900px){.format-showcase-grid{grid-template-columns:minmax(0,1fr)}}.format-showcase-card{display:flex;flex-direction:column;gap:.85rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease}.format-showcase-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.format-showcase-title{margin:0;font-size:1.15rem;font-weight:600;color:var(--text-primary)}.format-showcase-desc{margin:0;font-size:.9rem;line-height:1.55;color:var(--text-secondary);flex:1}.format-showcase-cta{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;color:var(--accent-color);margin-top:.25rem}.timeline-section{margin-bottom:5rem}.timeline-wrap{position:relative;margin-top:2rem}.timeline-step{display:grid;grid-template-columns:56px 1fr;gap:1.5rem;padding-bottom:2rem;position:relative}.timeline-step.is-last{padding-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center;position:relative}.timeline-dot{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover, var(--accent-color)));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px #3b82f659;flex-shrink:0;position:relative;z-index:1}.timeline-line{flex:1;width:2px;background:linear-gradient(to bottom,var(--accent-color),var(--border-color));margin-top:.25rem;min-height:1rem;opacity:.5}.timeline-body{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:#00000014 1.95px 1.95px 2.6px}html.dark .timeline-body{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}.timeline-body h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 .5rem;font-weight:600;display:flex;align-items:center;gap:.6rem}.timeline-icon{color:var(--accent-color);display:inline-flex}.timeline-body p{color:var(--text-secondary);line-height:1.6;margin:0 0 .85rem}.timeline-body ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.timeline-body li{position:relative;padding-left:1.25rem;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.timeline-body li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--accent-color)}.split-section{margin-bottom:5rem}.split-stack{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.split-card{display:grid;grid-template-columns:240px 1fr;gap:2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem;overflow:hidden;position:relative;box-shadow:#00000014 1.95px 1.95px 2.6px;transition:border-color .2s ease}html.dark .split-card{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}.split-card:hover{border-color:var(--accent-color)}.split-card.reverse{grid-template-columns:1fr 240px}.split-card.reverse .split-visual{order:2}.split-card.reverse .split-body{order:1}.split-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#3b82f614,#3b82f605);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.split-icon-badge{width:80px;height:80px;border-radius:20px;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #3b82f64d}.split-number{font-family:Fira Code,Consolas,monospace;font-size:1.1rem;font-weight:600;color:var(--accent-color);letter-spacing:.05em}.split-body h3{color:var(--text-primary);font-size:1.35rem;margin:0 0 .75rem;font-weight:600}.split-body p{color:var(--text-secondary);line-height:1.65;margin:0 0 1rem}.split-body ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.55rem}.split-body li{position:relative;padding-left:1.5rem;color:var(--text-secondary);font-size:.95rem;line-height:1.55}.split-body li:before{content:"→";position:absolute;left:0;top:0;color:var(--accent-color);font-weight:700}@media(max-width:768px){.split-card,.split-card.reverse{grid-template-columns:1fr;padding:1.25rem;gap:1.25rem}.split-card.reverse .split-visual,.split-card.reverse .split-body{order:initial}.split-visual{padding:1rem}.split-icon-badge{width:64px;height:64px}}.feature-grid-section{margin-bottom:5rem}.feature-grid-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.feature-grid-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s ease,transform .2s ease;box-shadow:#00000014 1.95px 1.95px 2.6px;position:relative;overflow:hidden}html.dark .feature-grid-card{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}.feature-grid-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(59,130,246,.08),transparent 60%);pointer-events:none}.feature-grid-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.feature-grid-icon{width:56px;height:56px;border-radius:12px;background:#3b82f61a;color:var(--accent-color);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;position:relative;z-index:1}.feature-grid-card h3{color:var(--text-primary);font-size:1.15rem;font-weight:600;margin:0;position:relative;z-index:1}.feature-grid-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.55;margin:0;position:relative;z-index:1}.feature-grid-card ul{margin:0;padding-left:1rem;list-style:none;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.feature-grid-card li{position:relative;padding-left:.5rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.feature-grid-card li:before{content:"";position:absolute;left:-.75rem;top:.55em;width:6px;height:6px;border-radius:2px;background:var(--accent-color);transform:rotate(45deg)}@media(max-width:1024px){.feature-grid-wrap{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.feature-grid-wrap{grid-template-columns:1fr}}.accent-cards-section{margin-bottom:5rem}.accent-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.accent-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.accent-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:12px 12px 0 0}.accent-card.tone-danger:before{background:var(--danger-color)}.accent-card.tone-warning:before{background:var(--warning-color)}.accent-card.tone-accent:before{background:var(--accent-color)}.accent-card:hover{transform:translateY(-2px)}.accent-card.tone-danger:hover{border-color:var(--danger-color);box-shadow:#ef444433 2.5px 2.5px 6px}.accent-card.tone-warning:hover{border-color:var(--warning-color);box-shadow:#f59e0b33 2.5px 2.5px 6px}.accent-card.tone-accent:hover{border-color:var(--accent-color);box-shadow:#3b82f633 2.5px 2.5px 6px}.accent-card-head{display:flex;align-items:center;gap:.75rem}.accent-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.accent-card.tone-danger .accent-card-icon{background:#ef44441f;color:var(--danger-color)}.accent-card.tone-warning .accent-card-icon{background:#f59e0b1f;color:var(--warning-color)}.accent-card.tone-accent .accent-card-icon{background:#3b82f61f;color:var(--accent-color)}.accent-card h3{color:var(--text-primary);font-size:1.2rem;margin:0;font-weight:600}.accent-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.55;margin:0}.accent-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.accent-card li{position:relative;padding-left:1.25rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.accent-card li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:2px;border-radius:1px}.accent-card.tone-danger li:before{background:var(--danger-color)}.accent-card.tone-warning li:before{background:var(--warning-color)}.accent-card.tone-accent li:before{background:var(--accent-color)}@media(max-width:1024px){.accent-cards-grid{grid-template-columns:1fr}}.compact-rows-section{margin-bottom:5rem}.compact-rows-stack{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.compact-row{background:var(--card-bg);border:1px solid var(--border-color);border-left:4px solid var(--accent-color);border-radius:10px;padding:1.25rem 1.5rem;transition:border-color .2s ease}.compact-row:hover{border-color:var(--accent-color)}.compact-row-head{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.compact-row-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#3b82f61a;color:var(--accent-color);font-weight:700;font-size:.95rem;flex-shrink:0}.compact-row-icon{color:var(--accent-color);display:inline-flex;flex-shrink:0}.compact-row-title-wrap{flex:1;min-width:0}.compact-row-title-wrap h3{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:0}.compact-row-title-wrap p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:.2rem 0 0}.compact-row ul{margin:0;padding-left:3rem;list-style:none;display:flex;flex-direction:column;gap:.35rem}.compact-row li{position:relative;padding-left:1rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.compact-row li:before{content:"—";position:absolute;left:0;top:0;color:var(--accent-color);font-weight:600}@media(max-width:640px){.compact-row{padding:1rem 1.15rem}.compact-row ul{padding-left:.5rem}}.formats-cta-section{margin-top:2.5rem;margin-bottom:3rem}.formats-cta-card{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;background:linear-gradient(135deg,#3b82f614,#3b82f605);border:1px solid var(--accent-color);border-radius:12px;padding:1.5rem 2rem;box-shadow:#3b82f626 2px 2px 6px}.formats-cta-icon{width:56px;height:56px;border-radius:12px;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.formats-cta-body h3{color:var(--text-primary);font-size:1.15rem;font-weight:600;margin:0 0 .25rem}.formats-cta-body p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.formats-cta-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;background:var(--accent-color);color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap;flex-shrink:0}.formats-cta-link:hover{transform:translateY(-2px);box-shadow:#3b82f64d 3px 3px 6px}@media(max-width:768px){.formats-cta-card{grid-template-columns:1fr;text-align:center;padding:1.5rem}.formats-cta-icon{margin:0 auto}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseRing{0%{box-shadow:0 0 #3b82f680,0 4px 12px #3b82f659}70%{box-shadow:0 0 0 12px #3b82f600,0 4px 12px #3b82f659}to{box-shadow:0 0 #3b82f600,0 4px 12px #3b82f659}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes flowDown{0%{background-position:0 -200px}to{background-position:0 200px}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes iconBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-6deg)}}@keyframes barSlide{0%{background-position:-100% 0}to{background-position:200% 0}}.guide-content>section,.timeline-step,.step-card,.split-card,.feature-grid-card,.accent-card,.profile-step{animation:fadeInUp .5s ease both}.timeline-step:nth-child(1),.step-card:nth-child(1),.split-card:nth-child(1),.feature-grid-card:nth-child(1),.accent-card:nth-child(1),.profile-step:nth-child(1){animation-delay:.05s}.timeline-step:nth-child(2),.step-card:nth-child(2),.split-card:nth-child(2),.feature-grid-card:nth-child(2),.accent-card:nth-child(2),.profile-step:nth-child(2){animation-delay:.15s}.timeline-step:nth-child(3),.step-card:nth-child(3),.split-card:nth-child(3),.feature-grid-card:nth-child(3),.accent-card:nth-child(3),.profile-step:nth-child(3){animation-delay:.25s}.step-card:nth-child(4){animation-delay:.35s}.timeline-line{background:var(--accent-color)!important;opacity:.35!important;animation:none}.timeline-dot{animation:pulseRing 2.4s infinite;background:var(--accent-color)!important;box-shadow:0 4px 12px #3b82f666}.timeline-body:hover .timeline-icon{animation:iconBounce .6s ease}.timeline-body:hover{border-color:var(--accent-color);transform:translateY(-2px);transition:transform .25s ease,border-color .25s ease}.step-card{position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.step-card:after{content:attr(data-num);position:absolute;right:-10px;bottom:-30px;font-size:8rem;font-weight:900;line-height:1;color:#3b82f614;pointer-events:none;z-index:0;font-family:var(--font-heading)}.step-card>*{position:relative;z-index:1}.step-card:hover{border-color:var(--accent-color);transform:translateY(-3px);box-shadow:#3b82f640 3px 3px 8px}.step-card:hover .step-icon{animation:iconBounce .6s ease}.step-card .step-number{background:var(--accent-color)}.split-card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.split-card:nth-child(odd){animation:slideInLeft .6s ease both}.split-card:nth-child(2n){animation:slideInRight .6s ease both}.split-card:hover{transform:translateY(-3px);box-shadow:#3b82f633 4px 4px 12px}.split-visual{background:linear-gradient(135deg,#3b82f61a,#8b5cf60f,#06b6d414)!important;background-size:200% 200%!important;animation:gradientShift 6s ease infinite;position:relative;overflow:hidden}.split-icon-badge{background:var(--accent-color)!important;transition:transform .3s ease}.split-card:hover .split-icon-badge{transform:scale(1.08) rotate(-4deg)}.split-number{font-size:1.4rem!important;color:var(--accent-color);font-weight:800!important}.feature-grid-card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.feature-grid-card:nth-child(1):before{background:radial-gradient(circle at top right,rgba(59,130,246,.18),transparent 65%)!important}.feature-grid-card:nth-child(2):before{background:radial-gradient(circle at top right,rgba(139,92,246,.18),transparent 65%)!important}.feature-grid-card:nth-child(3):before{background:radial-gradient(circle at top right,rgba(6,182,212,.18),transparent 65%)!important}.feature-grid-card:nth-child(1) .feature-grid-icon{background:linear-gradient(135deg,#3b82f626,#3b82f60d);color:var(--accent-color)}.feature-grid-card:nth-child(2) .feature-grid-icon{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);color:var(--accent-color)}.feature-grid-card:nth-child(3) .feature-grid-icon{background:linear-gradient(135deg,#06b6d426,#06b6d40d);color:var(--accent-color)}.feature-grid-card:hover{border-color:var(--accent-color)}.feature-grid-card:hover .feature-grid-icon{animation:iconBounce .6s ease;transform:scale(1.05)}.feature-grid-card:hover:before{opacity:1.5}.accent-card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.accent-card:before{background-size:200% 100%!important;animation:barSlide 3s linear infinite}.accent-card.tone-danger:before{background:linear-gradient(90deg,transparent,var(--danger-color),transparent)!important}.accent-card.tone-warning:before{background:linear-gradient(90deg,transparent,var(--warning-color),transparent)!important}.accent-card.tone-accent:before{background:linear-gradient(90deg,transparent,var(--accent-color),transparent)!important}.accent-card:hover{border-color:var(--accent-color)}.accent-card:hover .accent-card-icon{animation:iconBounce .6s ease}.profile-mockup-section{margin-bottom:5rem}.profile-mockup-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;align-items:start}.profile-mockup-sticky{position:sticky;top:5rem}.profile-steps-stack{display:flex;flex-direction:column;gap:1rem}.profile-step{position:relative;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:1.25rem 1.35rem 1.35rem;box-shadow:var(--shadow-card-resting);cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease;outline:none;overflow:hidden}.profile-step:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-color);opacity:.7}.profile-step:after{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle at top right,rgba(59,130,246,.12),transparent 60%);pointer-events:none;opacity:.6}.profile-step>*{position:relative;z-index:1}.profile-step:hover,.profile-step:focus-visible,.profile-step.is-active{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color),var(--shadow-card-hover)}.profile-step-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem}.profile-step-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#3b82f61f;color:var(--accent-color);flex-shrink:0}.profile-step h3{font-family:var(--font-heading);color:var(--text-primary);font-size:1.15rem;font-weight:600;line-height:1.2;margin:0;flex:1}.profile-step p{color:var(--text-secondary);font-size:.88rem;line-height:1.55;margin:0 0 .7rem}.profile-step ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.45rem}.profile-step li{position:relative;padding-left:1rem;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.profile-step li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--accent-color)}.profile-mockup{border-radius:14px;overflow:visible;box-shadow:0 20px 60px #0000002e,0 8px 20px #3b82f61f;border:1px solid var(--border-color);background:var(--card-bg)}.profile-mockup .mockup-window-bar{border-radius:14px 14px 0 0}.profile-mockup .mockup-scroll{border-radius:0 0 14px 14px}html.dark .profile-mockup{box-shadow:0 20px 60px #00000080,0 8px 20px #3b82f62e}.mockup-window-bar{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.mockup-window-dot{width:11px;height:11px;border-radius:50%}.mockup-window-dot.red{background:var(--danger-color)}.mockup-window-dot.yellow{background:var(--warning-color)}.mockup-window-dot.green{background:var(--success-color)}.mockup-window-url{margin-left:.75rem;font-family:Fira Code,Consolas,monospace;font-size:.72rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-scroll{background:var(--card-bg);padding:1.25rem 1.25rem 1.5rem}.mockup-banner-zone{position:relative;transition:transform .35s ease}.mockup-banner{position:relative;height:160px;border-radius:14px;background-color:var(--accent-color);background-image:url(https://cdn.phantom-node.com/guide/profile-banner.webp);background-size:cover;background-position:center;box-shadow:var(--shadow-card-resting);transition:box-shadow .35s ease}.mockup-banner-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.4rem;z-index:2}.mockup-banner-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;background:#00000059;color:#fff;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.mockup-banner-btn:hover{background:#0000008c;border-color:#ffffff80}.mockup-header-container{position:relative;margin-top:-56px;padding:0 .25rem}.mockup-header-top{display:flex;align-items:flex-end;gap:1rem;padding:0 .25rem;flex-wrap:wrap}.mockup-avatar-wrap{position:relative;flex-shrink:0}.mockup-avatar{display:block;width:100px;height:100px;border-radius:18px;object-fit:cover;background-color:var(--accent-color);border:4px solid var(--card-bg);box-shadow:var(--shadow-card-resting);transition:transform .35s ease,box-shadow .35s ease;position:relative;z-index:2}.mockup-identity{display:flex;flex-direction:column;gap:.15rem;justify-content:center;flex:1;min-width:160px;padding-bottom:.3rem}.mockup-username{display:flex;align-items:center;gap:.35rem;font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.15;letter-spacing:-.01em}.mockup-verified{color:var(--accent-color);flex-shrink:0}.mockup-handle{margin:0;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.mockup-stats{position:relative;display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-start;padding-bottom:.2rem}.mockup-stat{display:flex;align-items:center;gap:.4rem;background:var(--card-bg);border:1px solid var(--border-color);padding:.35rem .5rem;border-radius:8px;box-shadow:var(--shadow-card-resting);white-space:nowrap;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.mockup-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;background:var(--accent-light, rgba(59, 130, 246, .12));color:var(--accent-color);flex-shrink:0}.mockup-stat-body{display:flex;flex-direction:column;line-height:1.15}.mockup-stat-value{font-size:.82rem;font-weight:700;color:var(--text-primary)}.mockup-stat-label{font-size:.64rem;font-weight:500;color:var(--text-secondary)}.mockup-bio-zone{position:relative;margin-top:1rem;padding:.75rem .6rem;border-radius:8px;transition:background .35s ease,box-shadow .35s ease}.mockup-bio{margin:0 0 .75rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.mockup-socials{display:flex;align-items:center;gap:.4rem}.mockup-social{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;transition:transform .2s ease}.mockup-social.social-discord{background:#5865f21f;color:var(--brand-discord)}.mockup-social.social-youtube{background:#ff44441f;color:var(--brand-youtube)}.mockup-social.social-x{background:#00000014;color:var(--text-primary)}html.dark .mockup-social.social-x{background:#ffffff1a}.mockup-social.social-twitch{background:#9146ff1f;color:var(--brand-twitch)}.mockup-tabs{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .6rem;margin:1.25rem 0 .75rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.mockup-tabs-list{display:flex;gap:.25rem;flex-wrap:wrap}.mockup-tab{display:inline-flex;align-items:center;gap:.3rem;padding:.55rem .7rem;border-bottom:2px solid transparent;font-size:.8rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.mockup-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:600}.mockup-tab-add{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);box-shadow:var(--shadow-card-resting)}.mockup-feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:.5rem .6rem .25rem}.mockup-post{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-card-resting);transition:transform .2s ease,box-shadow .2s ease}.mockup-post:hover{transform:translateY(-2px)}.mockup-post-thumb{aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;color:#ffffffd9;position:relative}.mockup-post-info{padding:.45rem .55rem}.mockup-post-title{display:block;font-size:.78rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.2rem}.mockup-post-meta{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--text-secondary)}.profile-mockup[data-highlight=banner] .mockup-banner{box-shadow:0 0 0 3px #3b82f680}.profile-mockup[data-highlight=banner] .edit-btn{border-color:#ffffffb3;box-shadow:0 0 0 2px var(--accent-color)}.profile-mockup[data-highlight=bio] .mockup-bio-zone{background:#3b82f614;box-shadow:0 0 0 2px #3b82f666}.profile-mockup[data-highlight=bio] .mockup-social{transform:translateY(-2px)}.profile-mockup[data-highlight=stats] .mockup-stat{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:#3b82f640 0 4px 10px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.profile-mockup[data-highlight=stats] .mockup-stat:nth-child(1){transition-delay:0s}.profile-mockup[data-highlight=stats] .mockup-stat:nth-child(2){transition-delay:.05s}.profile-mockup[data-highlight=stats] .mockup-stat:nth-child(3){transition-delay:.1s}.profile-mockup[data-highlight=stats] .mockup-stat:nth-child(4){transition-delay:.15s}.profile-mockup[data-highlight=stats] .analytics-btn{border-color:#ffffffb3;box-shadow:0 0 0 2px var(--accent-color)}.profile-mockup[data-highlight=tabs] .mockup-tabs{background:#3b82f614;box-shadow:0 0 0 2px #3b82f666;border-radius:8px}.profile-mockup[data-highlight=tabs] .mockup-feed-grid{background:#3b82f60d;box-shadow:0 0 0 2px #3b82f64d;border-radius:8px;padding:.75rem .6rem}.profile-mockup[data-highlight=tabs] .mockup-tab-add{border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 0 3px #3b82f680}.guide-feature-section{margin-bottom:4rem}.bento-grid{--tone: var(--accent-color);--tone-soft: rgba(59, 130, 246, .12);--tone-glow: rgba(59, 130, 246, .25);display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;grid-auto-flow:dense;align-items:stretch;gap:1rem;margin-top:2rem}.bento-grid.tone-accent{--tone: var(--accent-color);--tone-soft: rgba(59, 130, 246, .12);--tone-glow: rgba(59, 130, 246, .3)}.bento-card{position:relative;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:1.25rem 1.35rem 1.35rem;box-shadow:var(--shadow-card-resting);display:flex;flex-direction:column;gap:.7rem;overflow:hidden}.bento-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--tone);opacity:.7}.bento-card:after{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle at top right,var(--tone-soft),transparent 60%);pointer-events:none;opacity:.6}.bento-card>*{position:relative;z-index:1}.bento-card.size-hero{grid-column:span 4}.bento-card.size-wide{grid-column:span 6}.bento-card.size-tall{grid-column:span 3}.bento-card.size-normal{grid-column:span 2}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(4,1fr);gap:.85rem}.bento-card.size-hero,.bento-card.size-wide{grid-column:span 4}.bento-card.size-tall,.bento-card.size-normal{grid-column:span 2}}@media(max-width:768px){.bento-card{padding:1rem 1.1rem 1.15rem}.bento-card.size-hero .bento-title{font-size:1.2rem}.bento-title{font-size:1.05rem}.bento-stats{gap:.6rem}}@media(max-width:640px){.bento-grid{grid-template-columns:1fr;gap:.75rem}.bento-card.size-hero,.bento-card.size-wide,.bento-card.size-tall,.bento-card.size-normal{grid-column:span 1}.bento-card{padding:1rem 1.05rem 1.1rem}.bento-icon{width:28px;height:28px}.bento-stat-value{font-size:1.25rem}.bento-section{padding:.6rem .75rem}}.bento-eyebrow{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;height:auto;position:static;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none}.bento-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--tone-soft);color:var(--tone);flex-shrink:0}.bento-eyebrow-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tone)}.bento-title{margin:0;font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:var(--text-primary);line-height:1.2}.bento-card.size-hero .bento-title{font-size:1.35rem}.bento-desc{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.55}.bento-chips{display:flex;flex-wrap:wrap;gap:.4rem}.bento-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;background:var(--tone-soft);border:1px solid var(--border-color);font-size:.78rem}.bento-chip-label{font-family:var(--font-body);color:var(--text-primary);font-weight:600}.bento-chip-value{color:var(--tone);font-weight:600;padding-left:.35rem;border-left:1px solid var(--border-color);margin-left:.05rem;font-size:.72rem}.bento-stats{display:flex;gap:.85rem;flex-wrap:wrap;padding:.6rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.bento-stat{display:flex;flex-direction:column;gap:.05rem;flex:1;min-width:80px}.bento-stat-value{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--tone);line-height:1.1;letter-spacing:-.02em}.bento-stat-label{font-size:.78rem;color:var(--text-primary);font-weight:600}.bento-stat-sub{font-size:.7rem;color:var(--text-secondary)}.bento-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}.bento-section{display:flex;flex-direction:column;gap:.25rem;padding:.7rem .85rem;background:var(--tone-soft);border:1px solid var(--border-color);border-radius:10px}.bento-section-title{font-size:.85rem;font-weight:600;color:var(--tone);letter-spacing:-.01em}.bento-section-desc{font-size:.8rem;line-height:1.45;color:var(--text-secondary)}.bento-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.bento-bullets li{position:relative;padding-left:1rem;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.bento-bullets li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--tone)}.bento-footer{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--border-color)}.mockup-identity,.mockup-tabs,.mockup-feed-grid{position:relative}.mockup-banner-zone{margin-bottom:.75rem}.mockup-bio-zone{margin-top:1.25rem;padding:.5rem .6rem 1rem}.mockup-tabs{margin-top:1.5rem}.mockup-feed-grid{margin-top:1rem}.profile-mockup [data-tooltip]{position:relative}.profile-mockup [data-tooltip]:before{display:none}.profile-mockup [data-tooltip]:after{content:attr(data-tooltip);position:absolute;background:var(--text-primary);color:var(--bg-color);padding:.3rem .6rem;border-radius:6px;font-size:.72rem;font-weight:500;line-height:1.2;white-space:nowrap;max-width:none;width:auto;box-shadow:0 4px 12px #0000004d;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;z-index:10}.profile-mockup [data-tooltip]:hover:after,.profile-mockup [data-tooltip]:focus-visible:after{opacity:1;transform:translateY(0)}.profile-mockup [data-tip-pos=top]:after{bottom:calc(100% + 8px);top:auto;left:50%;right:auto;transform:translate(-50%,4px)}.profile-mockup [data-tip-pos=top]:hover:after{transform:translate(-50%)}.profile-mockup [data-tip-pos=bottom]:after{top:calc(100% + 8px);bottom:auto;left:50%;right:auto;transform:translate(-50%,-4px)}.profile-mockup [data-tip-pos=bottom]:hover:after{transform:translate(-50%)}.profile-mockup [data-tip-pos=left]:after{right:calc(100% + 8px);left:auto;top:50%;bottom:auto;transform:translate(4px,-50%)}.profile-mockup [data-tip-pos=left]:hover:after{transform:translateY(-50%)}.profile-mockup [data-tip-pos=right]:after{left:calc(100% + 8px);right:auto;top:50%;bottom:auto;transform:translate(-4px,-50%)}.profile-mockup [data-tip-pos=right]:hover:after{transform:translateY(-50%)}@media(max-width:1024px){.profile-mockup-grid{grid-template-columns:1fr;gap:1.5rem}.profile-mockup-sticky{position:static}}@media(max-width:768px){.profile-step{padding:1rem 1.1rem 1.15rem}.profile-step h3{font-size:1.05rem}}@media(max-width:640px){.mockup-header-top{flex-direction:column;align-items:flex-start;gap:.85rem}.mockup-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%}.mockup-pins-grid,.mockup-feed-grid{grid-template-columns:repeat(2,1fr)}.mockup-window-url{font-size:.65rem}.profile-step{padding:.95rem 1rem 1rem}.profile-step h3{font-size:1rem}.profile-step-icon{width:28px;height:28px}}.file-upload-container{display:flex;flex-direction:column;gap:.5rem}.upload-box{border:2px dashed var(--border-color);border-radius:.5rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background-color:var(--input-bg)}.upload-box:hover{border-color:var(--accent-color);background-color:rgba(var(--accent-color-rgb, 124, 58, 237),.05)}.upload-box.drag-active{border-color:var(--accent-color);background-color:rgba(var(--accent-color-rgb, 124, 58, 237),.1)}.upload-icon{font-size:2rem;color:var(--text-secondary);margin-bottom:.5rem}.upload-text{color:var(--text-secondary);font-size:.9rem}.error-message{color:var(--danger-color);font-size:.875rem;padding:.5rem;background-color:var(--danger-light);border-radius:.25rem}.selected-files{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem}.image-preview{width:60px;height:60px;flex-shrink:0;border-radius:.375rem;overflow:hidden;background-color:var(--input-bg)}.image-preview img{width:100%;height:100%;object-fit:cover}.file-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.file-name{color:var(--text-primary);font-size:.9rem;word-break:break-all}.file-size{color:var(--text-secondary);font-size:.8rem}.remove-file{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.remove-file:hover{background-color:var(--danger-color);color:#fff}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;overflow:hidden;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;justify-content:center;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);position:relative}.modal-header h2{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary);text-align:center}.modal-header .btn-icon{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.modal-body{padding:1.5rem;overflow-y:auto;color:var(--text-secondary);font-size:1.1rem;line-height:1.5}.modal-actions{padding:1.25rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem;background:var(--card-bg);border-top:1px solid var(--border-color);border-bottom-left-radius:16px;border-bottom-right-radius:16px}.modal-actions .btn-secondary{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary)!important;box-shadow:var(--shadow-3d-secondary)}.modal-actions .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)!important;transform:translateY(-2px);box-shadow:var(--shadow-3d-secondary-hover)}html.dark .modal-actions .btn-secondary{color:var(--text-primary)!important}html.dark .modal-actions .btn-secondary:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary)!important;box-shadow:var(--shadow-3d-secondary-hover)}.text-gradient-danger{background:linear-gradient(135deg,var(--text-primary) 0%,var(--danger-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--danger-color)}html.dark .modal-content{background:var(--card-bg);border-color:var(--border-color)}.delete-confirmation-modal{background:var(--bg-color)!important;backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #00000040}html.dark .delete-confirmation-modal{background:var(--bg-color)!important;border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #00000080}.delete-confirmation-modal .modal-header .btn-icon{display:none!important}.delete-confirmation-modal .modal-header{background:transparent!important;border:none!important;padding-bottom:.5rem!important;justify-content:center}.delete-confirmation-modal .modal-header h2{margin:0;font-size:1.5rem}.delete-confirmation-modal .modal-body{color:var(--text-primary)!important;font-size:1.1rem;text-align:center;padding:.5rem 1.5rem 1.5rem!important;line-height:1.5;font-weight:500}.delete-confirmation-modal .modal-actions{background:transparent!important;border:none!important;padding-top:0!important;padding-bottom:2rem!important;justify-content:center;gap:1rem}.delete-confirmation-modal .btn-secondary{display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--text-secondary)!important;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);padding:.875rem 1.75rem;border-radius:8px;background:var(--input-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-3d-secondary)!important}.delete-confirmation-modal .btn-secondary:hover:not(:disabled){color:var(--text-primary)!important;background:var(--bg-tertiary)!important;transform:translateY(-2px);box-shadow:var(--shadow-3d-secondary-hover)!important}html.dark .delete-confirmation-modal .btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-3d-secondary-hover)!important;background:#ffffff0d!important}.annotation-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}.annotation-place-banner{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:#000000bf;color:#fff;border:1px solid rgba(255,255,255,.15);padding:8px 14px;border-radius:999px;font-size:.8rem;font-weight:500;box-shadow:0 4px 12px #00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;z-index:5}.gltf-viewer-canvas.annotation-placing canvas,.gltf-viewer-canvas.measure-placing canvas{cursor:crosshair!important}.annotation-pin{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--pin-color, #fbbf24);border:2px solid var(--bg-primary, #fff);box-shadow:0 2px 6px #00000059,0 0 0 1px #0000001a;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;transition:transform .1s ease-out;will-change:left,top,opacity}.annotation-pin:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--pin-color, #fbbf24);opacity:.25;animation:annotation-pulse 2s ease-in-out infinite;z-index:-1}.annotation-pin:hover{transform:translate(-50%,-50%) scale(1.2)}.annotation-pin.occluded{opacity:.4}.annotation-pin.occluded:after{display:none}@keyframes annotation-pulse{0%,to{transform:scale(1);opacity:.25}50%{transform:scale(1.3);opacity:0}}.annotation-popover{position:absolute;min-width:180px;max-width:280px;background:#000000c7;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 12px;box-shadow:0 8px 24px #00000073;transform:translate(-50%,calc(-100% - 14px));pointer-events:auto;z-index:6;font-size:.85rem;line-height:1.45;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:pre-wrap;word-break:break-word}.annotation-popover-content{margin-bottom:8px}.annotation-popover-actions{display:flex;gap:6px;justify-content:flex-end}.annotation-popover-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff;padding:4px 8px;border-radius:6px;font-size:.75rem;cursor:pointer;transition:background .15s ease,border-color .15s ease;display:inline-flex;align-items:center;justify-content:center;line-height:0}.annotation-popover-btn:hover{background:#ffffff29;border-color:#ffffff4d}.annotation-popover-btn.danger{color:var(--danger-color);border-color:rgba(var(--danger-rgb),.4)}.annotation-popover-btn.danger:hover{background:rgba(var(--danger-rgb),.22);border-color:rgba(var(--danger-rgb),.7);color:#fff}.gltf-viewer-annotation-btn{position:absolute;top:10px;right:90px;background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px;border-radius:6px;cursor:pointer;z-index:100;transition:background .2s ease,border-color .2s ease;display:inline-flex;align-items:center;justify-content:center;line-height:0}.gltf-viewer-annotation-btn:hover{background:#000c}.gltf-viewer-annotation-btn.active{background:var(--accent-color, #3B82F6);border-color:var(--accent-color, #3B82F6);color:#fff}@media(max-width:768px){.gltf-viewer-annotation-btn{inset:auto auto 12px 92px}}.annotation-modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.annotation-modal{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;width:90%;max-width:440px;box-shadow:0 16px 40px #00000059}.annotation-modal-title{margin:0 0 14px;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.annotation-modal-textarea{width:100%;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px;font:inherit;resize:vertical;min-height:80px;box-sizing:border-box;transition:border-color .15s ease,background .15s ease}.annotation-modal-textarea:focus{outline:none;border-color:var(--accent-color)}.annotation-modal-textarea::placeholder{color:var(--text-secondary);opacity:.6}.annotation-modal-chars{font-size:.75rem;color:var(--text-secondary);margin-top:4px;text-align:right}.annotation-modal-colors{display:flex;gap:8px;margin:12px 0 18px}.annotation-color-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .15s ease}.annotation-color-swatch:hover{transform:scale(1.1)}.annotation-color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--card-bg),0 0 0 3px var(--text-primary)}.annotation-modal-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.annotation-modal-actions-right{display:flex;gap:8px;margin-left:auto}.annotation-btn{padding:7px 14px;border-radius:8px;font:inherit;font-weight:500;cursor:pointer;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);transition:background .15s ease,border-color .15s ease}.annotation-btn:hover{border-color:var(--accent-color)}.annotation-btn-primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.annotation-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.annotation-btn-primary:disabled{opacity:.5;cursor:not-allowed}.annotation-btn-primary:disabled:hover{background:var(--accent-color);border-color:var(--accent-color)}.annotation-btn-ghost{background:transparent}.annotation-btn-danger{background:transparent;color:var(--danger-color, #ef4444);border-color:var(--danger-color, #ef4444)}.annotation-btn-danger:hover{background:var(--danger-color, #ef4444);color:#fff}.annotation-popover-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:0;transition:background .15s ease,border-color .15s ease}.annotation-popover-close:hover{background:#ffffff2e;border-color:#ffffff4d}.annotation-popover-content{padding-right:24px}.render-tool-page{min-height:calc(100vh - 80px);background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;position:relative}.render-tool-header{width:100%;max-width:var(--container-width);padding:.5rem 1.5rem;text-align:center;position:relative;margin-top:1rem}.render-tool-panel{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:1rem 1.5rem;width:100%}.upload-card,.status-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;max-width:600px;width:100%;display:flex;flex-direction:column;gap:1.5rem;box-shadow:#00000014 1.95px 1.95px 2.6px}html.dark .upload-card,html.dark .status-card{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}.status-card{text-align:center;align-items:center}.status-card.error{border-color:var(--danger-color)}.status-card h2{color:var(--text-primary);box-shadow:var(--shadow-sm);margin:0;font-size:1.5rem}.status-card p{color:var(--text-secondary);margin:0}.poll-timer{color:var(--text-tertiary);font-size:.9rem}.error-message{color:var(--danger-color);font-weight:500}.button-group{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.render-tool-viewer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-fixed);background-color:var(--bg-color);display:flex;flex-direction:column}.upload-card .btn{width:100%;font-size:1rem}@media(max-width:768px){.render-tool-header h1{font-size:1.5rem}.upload-card,.status-card{padding:1.5rem}}.render-tool-viewer .gltf-viewer-container{height:100vh!important;border-radius:0!important;position:fixed!important;top:0;left:0;z-index:var(--z-toast);overflow:visible!important}.render-tool-viewer .gltf-viewer-fullscreen-btn,.render-tool-viewer .fullscreen-toggle-btn{display:none!important}.render-tool-viewer .gltf-viewer-capture-btn{right:10px!important}.render-tool-viewer .gltf-viewer-panel-left{top:20px!important;left:20px!important}.btn-back{z-index:var(--z-toast-top)!important;position:absolute;top:20px;right:20px;left:auto}.render-tool-viewer .gltf-viewer-panel-left:not(.controls-panel){top:20px!important}.render-tool-viewer .gltf-viewer-panel-left.controls-panel{inset:auto 20px 20px auto!important;width:auto!important}.render-tool-viewer{z-index:var(--z-toast)!important}.render-tool-viewer .panel-toggle-btn{top:20px!important;left:20px!important;position:absolute!important;z-index:var(--z-toast);margin:0!important;transform:none!important}.render-tool-viewer .gltf-viewer-panel-right{top:20px!important;left:20px!important;right:auto!important;height:auto!important;max-height:calc(100vh - 40px)!important;display:flex!important;flex-direction:column!important;margin:0!important;transform:none!important;overflow-y:auto!important;padding:1rem!important;box-sizing:border-box!important}.btn-back{z-index:var(--z-toast-top)!important;position:absolute;top:20px!important;right:20px!important;left:auto!important;margin:0!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.75rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;font-size:1rem;height:auto;min-height:48px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:#64748b4d 3px 3px,#64748b33 6px 6px,#64748b1a 9px 9px,#64748b0d 12px 12px,#64748b05 15px 15px}.btn-back:hover{color:var(--text-primary);background:var(--bg-secondary);transform:translateY(-2px);box-shadow:#64748b66 5px 5px,#64748b4d 8px 8px,#64748b33 11px 11px,#64748b1a 14px 14px,#64748b0d 17px 17px}html.dark .btn-back{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}html.dark .btn-back:hover{box-shadow:#3b82f659 2.5px 2.5px 4px!important;border-color:var(--accent-color)}.panel-content-wrapper{display:grid!important;grid-template-areas:"content";width:100%;position:relative;overflow:visible;min-height:0}.settings-content,.info-content{grid-area:content;width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;will-change:transform,opacity;display:flex;flex-direction:column}.settings-content{position:relative;z-index:1;height:auto;overflow:visible;box-sizing:border-box;width:100%;padding-right:4px}.info-content{position:relative;height:auto;z-index:2;background:var(--card-bg);overflow:visible;padding-right:2px;box-sizing:border-box}.panel-state-info .info-content{transform:translate(0);opacity:1;pointer-events:auto;z-index:2;visibility:visible!important}.panel-state-info .settings-content{transform:translate(20px);opacity:0;pointer-events:none;z-index:1;visibility:hidden;height:0;overflow:hidden}.panel-state-settings .settings-content{transform:translate(0);opacity:1;pointer-events:auto;z-index:2;visibility:visible!important}.panel-state-settings .info-content{transform:translate(-20px);opacity:0;pointer-events:none;z-index:1;visibility:hidden;height:0;overflow:hidden}.stats-grid-enhanced{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px}.render-stat-card{border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;box-shadow:#3b82f680 1.95px 1.95px 2.6px;border:1px solid var(--accent-color);background:linear-gradient(to right,#3b82f614,#3b82f605);color:var(--text-primary)}html.dark .render-stat-card{box-shadow:#3b82f699 1.95px 1.95px 2.6px}.render-stat-card .stat-icon{display:flex;align-items:center;justify-content:center;margin-bottom:4px;color:var(--accent-color)}.render-stat-card .stat-content{display:flex;flex-direction:column}.render-stat-card .stat-label{font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;color:var(--text-secondary)}.render-stat-card .stat-value{font-size:16px;font-weight:700;line-height:1.2;color:var(--text-primary)}.viewer-ad-right{position:absolute;top:60px;right:10px;bottom:160px;width:160px;z-index:50;overflow:hidden;border-radius:8px}.viewer-ad-right-inner{border-radius:8px;overflow:hidden;height:100%}.viewer-ad-right-inner.display-ad-placeholder{display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:8px;height:100%;padding:8px}.viewer-ad-right-inner.display-ad-placeholder .ad-placeholder-icon{width:20px;height:20px}.viewer-ad-right-inner.display-ad-placeholder .ad-placeholder-text{font-size:.7rem}@media(max-width:768px){.viewer-ad-right{display:none}}.panel-section h3,.litematic-title h2{color:var(--text-primary)!important}.materials-list-enhanced{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;padding-right:4px;pointer-events:auto}#materials-list-scroll{scrollbar-width:thin;scrollbar-color:var(--text-tertiary) transparent}#materials-list-scroll::-webkit-scrollbar{width:10px;height:10px;background:transparent}#materials-list-scroll::-webkit-scrollbar-track{background:transparent!important;background-color:transparent!important;border-radius:0;margin:4px 0}#materials-list-scroll::-webkit-scrollbar-thumb{background-color:var(--text-tertiary);border-radius:10px;border:3px solid transparent;background-clip:content-box}#materials-list-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary);border:3px solid transparent}#materials-list-scroll::-webkit-scrollbar-corner{background:transparent!important}.material-item-enhanced{background:var(--bg-secondary);border-radius:6px;padding:8px 12px 8px 8px;display:flex;flex-direction:column;gap:4px}.material-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;gap:.5rem;min-width:0;width:100%}.material-name{color:var(--text-primary);text-transform:capitalize;flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.material-percent{color:var(--text-secondary);flex-shrink:0}.material-bar-container{height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;width:100%}.material-bar{height:100%;background:var(--accent-color);border-radius:2px}.material-count{font-size:10px;color:var(--text-secondary);align-self:flex-end}.material-item-enhanced{cursor:pointer;transition:all .2s;user-select:none}.material-item-enhanced:hover{background:var(--bg-tertiary)}.material-item-enhanced.completed{opacity:.5;background:transparent;border:1px dashed var(--border-color)}.material-item-enhanced.completed .material-name{text-decoration:line-through}.material-checkbox-container{display:flex;gap:12px;align-items:center;min-width:0}.material-checkbox-container>.material-info-full{flex:1 1 0;min-width:0}.material-checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:var(--card-bg);color:#fff;flex-shrink:0}.material-item-enhanced:hover .material-checkbox{border-color:var(--accent-color)}.material-checkbox.checked{background:var(--accent-color);border-color:var(--accent-color)}.layer-control{display:flex;flex-direction:column;gap:8px}.layer-controls-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.layer-nav-buttons{display:flex;justify-content:center;gap:12px}.layer-nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s}.layer-nav-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--accent-color)}.layer-nav-btn:disabled{opacity:.5;cursor:not-allowed}.layer-input-group{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--text-secondary);font-weight:500}.layer-number-input{width:80px;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);text-align:center;font-weight:600;font-size:14px}.layer-number-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f61a}.layer-slider{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;appearance:none;outline:none;cursor:pointer}.layer-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid var(--card-bg);box-shadow:0 2px 4px #0003;transition:transform .1s;margin-top:-6px}.layer-slider::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:var(--bg-tertiary);border-radius:4px}.layer-slider::-webkit-slider-thumb{margin-top:-6px}.layer-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.layer-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);font-weight:500;margin-top:4px}.sensitivity-labels{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:12px;color:var(--text-secondary);font-weight:500;margin-top:4px}@media(max-width:768px){.sensitivity-labels{grid-template-columns:1fr}}.sensitivity-labels span:first-child{text-align:left}.sensitivity-labels span:last-child{text-align:right}.layer-labels span:first-child{text-align:left}.layer-labels span:last-child{text-align:right}.panel-section-toggle{cursor:pointer;user-select:none}.current-color-row{display:flex;gap:8px;padding:8px;align-items:center;margin-bottom:0;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.color-preview-label{position:relative;cursor:pointer}.color-hidden-input{position:absolute;opacity:0;width:0;height:0}.current-color-preview{width:48px;height:48px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-secondary);box-shadow:var(--shadow-sm)}.color-hex-input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-family:monospace;text-transform:uppercase;font-size:14px}.color-hex-input:focus{outline:none;border-color:var(--accent-color)}.color-palette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.color-palette-btn{width:100%;aspect-ratio:1;border-radius:8px;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .1s,box-shadow .1s}html.dark .color-palette-btn{border-color:#ffffff26}.color-palette-btn:hover{transform:scale(1.1);z-index:1;box-shadow:0 4px 6px #0000001a}html.dark .color-palette-btn:hover{box-shadow:0 4px 6px #ffffff1a}.color-palette-btn.active{border:2px solid white;outline:2px solid var(--accent-color);transform:scale(.9)}.quick-actions{display:flex;flex-direction:column;gap:8px}.quick-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;height:48px;min-height:48px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;white-space:nowrap;box-shadow:#00000014 1.95px 1.95px 2.6px}html.dark .render-tool-viewer .action-btn{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}.action-btn:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);transform:translateY(-1px);box-shadow:#3b82f626 2.5px 2.5px 4px}.action-btn:active{transform:translateY(0)}html.dark .action-btn.active{background:#10b98126;border-color:var(--success-color);color:var(--success-color)}.toggle-control{display:flex;justify-content:space-between;align-items:center;padding:0 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;height:48px;min-height:48px;box-shadow:#00000014 1.95px 1.95px 2.6px}html.dark .render-tool-viewer .toggle-control{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}.toggle-control:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:#0000001f 0 4px 6px -1px}.toggle-control:hover .toggle-label{color:var(--accent-color)}.toggle-label{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:14px;font-weight:600}.toggle-switch-wrapper{position:relative;width:44px;height:24px}.toggle-checkbox{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--text-tertiary);transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-checkbox:checked+.toggle-slider{background-color:var(--accent-color)}.toggle-checkbox:checked+.toggle-slider:before{transform:translate(20px)}.sensitivity-value{flex:1;text-align:center;font-weight:700;color:var(--text-primary)}.color-hex-input{font-size:14px!important;font-family:var(--font-heading)!important;font-weight:700!important;text-transform:uppercase;text-align:left;background:transparent;border:none;padding:0!important;color:var(--text-primary);width:80px;height:24px;line-height:24px;margin-top:0;letter-spacing:.03em}.quick-actions-row{display:flex;flex-wrap:wrap;gap:8px;width:100%}.action-btn{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:#00000014 1.95px 1.95px 2.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.dark .action-btn{box-shadow:#ffffff0d 1.95px 1.95px 2.6px}.action-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:#0000001f 0 4px 6px -1px}.action-btn.active{background:#10b9811a;border-color:var(--success-color);color:var(--success-color)}.toggle-slider{position:absolute;cursor:pointer;inset:2px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);transition:.3s cubic-bezier(.4,0,.2,1);border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:1px;background-color:var(--text-secondary);transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 2px #0003}.toggle-checkbox:checked+.toggle-slider{background-color:var(--accent-color);border-color:var(--accent-color)}.toggle-checkbox:checked+.toggle-slider:before{transform:translate(18px);background-color:#fff}.collections-page{min-height:100vh;background:var(--bg-color);padding:calc(var(--header-height) + .25rem) 0 2rem}.collections-container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.collections-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.collections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.collections-header h1{font-size:1.75rem;font-weight:700;margin:0;color:var(--text-primary)}.collections-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.collections-empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.collections-empty h2{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.collections-empty p{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.5rem;max-width:300px}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.collection-card-item{position:relative;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:all .2s;box-shadow:var(--shadow-card-resting)}.collection-card-item:hover{border-color:var(--accent-color);box-shadow:var(--shadow-card-hover)!important;transform:translateY(-2px)}.collection-card-link{display:block;text-decoration:none;color:inherit}.collection-card-preview{aspect-ratio:16 / 10;width:100%;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--card-bg) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--border-color)}.collection-card-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.collection-card-image{width:100%;height:100%;object-fit:cover}.collection-card-overlay{padding:.875rem;display:flex;flex-direction:column;gap:.5rem}.collection-card-title{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-card-meta{display:flex;justify-content:flex-start;align-items:center;font-size:.75rem;color:var(--text-secondary);gap:12px;padding-top:.625rem;margin-top:.25rem;border-top:1px solid var(--border-color)}.collection-card-meta .stat-item{display:inline-flex;flex-direction:row;align-items:center;gap:6px}.collection-card-meta svg{flex-shrink:0;color:currentColor;width:16px;height:16px;stroke-width:1.8px}.collection-card-author{font-size:.875rem;color:var(--text-muted);margin:4px 0 0;font-weight:400}.collection-card-author-name{color:var(--text-primary);font-weight:600;text-decoration:none;transition:color .2s ease}.collection-card-author-name:hover{color:var(--accent-color)}.collection-card-verified{display:inline-block;vertical-align:middle;margin-left:4px;margin-top:-1px}html.dark .collection-card-author{color:var(--text-secondary)}html.dark .collection-card-author-name{color:var(--text-primary)}html.dark .collection-card-author-name:hover{color:var(--accent-color)}.collection-visibility{display:flex;align-items:center}.collection-card-actions-overlay{position:absolute;bottom:.5rem;right:.5rem;display:flex;gap:.3rem;opacity:0;transition:opacity .18s ease}.collection-card-item:hover .collection-card-actions-overlay{opacity:1}.btn-card-action{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;background:#0009;backdrop-filter:blur(4px);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease}.btn-card-action:hover{background:#000000d9}.btn-card-action--danger:hover{background:var(--danger-color)}.modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.visibility-options{display:flex;flex-direction:column;gap:.75rem}.visibility-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.visibility-option:hover{border-color:var(--text-secondary)}.visibility-option.active{border-color:var(--accent-color);background:var(--accent-light)}html.dark .visibility-option{background:var(--card-bg);border-color:var(--border-color)}html.dark .visibility-option:hover{border-color:var(--text-secondary)}html.dark .visibility-option.active{background:var(--accent-light);border-color:var(--accent-color)}.visibility-option input[type=radio]{display:none}.visibility-icon{font-size:1.5rem}.visibility-text{display:flex;flex-direction:column;gap:2px}.visibility-text strong{font-size:.9rem;color:var(--text-primary)}.visibility-text small{font-size:.8rem;color:var(--text-secondary)}.form-error{color:var(--danger-color);font-size:.85rem;margin:0}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-icon:hover{border-color:var(--accent-color);color:var(--accent-color)}.btn-icon.btn-danger:hover{border-color:var(--danger-color);color:var(--danger-color)}@media(max-width:1440px){.collections-empty-icon{font-size:3rem}.collections-header h1{font-size:1.5rem}}@media(max-width:768px){.collections-container{padding:0 1rem}.collections-header{flex-direction:column;gap:1rem;align-items:stretch}.collections-grid{grid-template-columns:1fr}.collection-detail-header{text-align:center}.collection-back-link{justify-content:center}}.collection-detail-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1rem;gap:.5rem;width:100%}.collection-back-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--accent-color);text-decoration:none;font-size:.9rem;margin-bottom:.5rem;transition:opacity .2s;background:transparent;border:none;padding:0;cursor:pointer;font-family:inherit}.collection-back-link:hover{opacity:.8}.collection-title-card{display:flex;flex-direction:column;gap:1rem;padding:2rem;background:linear-gradient(to right,#3b82f60d,#3b82f605);border:1px solid var(--accent-color);border-radius:12px;box-shadow:var(--shadow-card-resting);margin-bottom:0;width:100%;box-sizing:border-box}html.dark .collection-title-card{background:linear-gradient(to right,#3b82f61a,#3b82f60d);border-color:var(--accent-color);box-shadow:#3b82f699 1.95px 1.95px 2.6px}.collection-title-top{display:flex;align-items:center;gap:1rem;width:100%;flex-wrap:wrap}.collection-title-top .header-icon{color:var(--accent-color);display:flex;align-items:center}.collection-title-card h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--accent-color);flex:1;min-width:200px}.collection-header-meta{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text-secondary);flex-wrap:wrap}.collection-header-meta .separator{color:var(--text-secondary)}.collection-header-meta a{color:var(--accent-color);text-decoration:none}.collection-save-btn{width:auto!important;margin:0!important;padding:.6rem 1.25rem!important}.collection-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.collection-edit-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .875rem;background:transparent;border:1px solid var(--accent-color);border-radius:8px;color:var(--accent-color);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;flex-shrink:0}.collection-edit-btn:hover{background:#3b82f614;transform:translateY(-1px)}.collection-meta a{color:var(--accent-color);text-decoration:none}.collection-meta a:hover{text-decoration:underline}.collection-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.text-gradient-collection{background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent-color)}.modal-actions .btn-primary{color:#fff;box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px}.modal-actions .btn-secondary{font-weight:600}.collection-manage-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.collection-manage-btn{min-height:36px;padding:0 1rem;font-size:.875rem;display:inline-flex;align-items:center;gap:.4rem}.collection-item-wrapper{position:relative;border-radius:12px;isolation:isolate}.collection-item-wrapper.is-selected>*:first-child{outline:2px solid var(--accent-color);outline-offset:2px}.posts-grid.is-dragging .collection-item-wrapper{cursor:grabbing}.collection-item-wrapper[draggable=true]{cursor:grab}.collection-item-overlay{position:absolute;inset:0;border-radius:12px;z-index:2;pointer-events:none}.collection-item-overlay.select-active{pointer-events:auto;cursor:pointer;background:#0000000a}.collection-item-overlay.select-active.is-selected{background:#3b82f61f}.collection-item-checkbox{position:absolute;top:.5rem;left:.5rem;width:22px;height:22px;border-radius:6px;border:2px solid var(--border-color);background:var(--card-bg);display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 1px 4px #00000026}.collection-item-checkbox.checked{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.modal-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:#3b82f666 5px 5px,#3b82f64d 8px 8px,#3b82f633 11px 11px}.collection-owner-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;align-items:center;justify-content:flex-end;width:100%}.collection-toolbar-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .875rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.collection-toolbar-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color);background:var(--border-color);box-shadow:#3b82f659 2.5px 2.5px 4px;transform:translateY(-2px)}.collection-toolbar-btn:disabled{opacity:.6;cursor:not-allowed}.collection-toolbar-btn--danger:hover:not(:disabled){border-color:var(--danger-color);color:var(--danger-color);background:#ef44440d;box-shadow:#ef444459 2.5px 2.5px 4px}.collection-panel-divider{height:1px;background:var(--border-color);margin:.25rem 0}.collection-item-delete-btn{position:absolute;bottom:.5rem;right:.5rem;z-index:60;display:inline-flex;align-items:center;justify-content:center;padding:.35rem;background:#0009;backdrop-filter:blur(4px);color:#fff;border:none;border-radius:6px;cursor:pointer;opacity:0;transition:opacity .18s ease,background .15s ease}.collection-item-wrapper:hover .collection-item-delete-btn{opacity:1}.collection-item-delete-btn:hover{background:var(--danger-color)}@media(max-width:768px){.collection-owner-toolbar{flex-direction:row;flex-wrap:wrap}}.collection-detail-back{margin-bottom:1rem;display:inline-flex}.collection-detail-layout{display:grid;grid-template-columns:260px 1fr;gap:2rem;align-items:start}.collection-info-sidebar{position:sticky;top:calc(var(--header-height) + 1.5rem)}.collection-sidebar-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-card-resting);display:flex;flex-direction:column;gap:1rem}.collection-sidebar-icon{color:var(--accent-color);display:flex;align-items:center}.collection-sidebar-name{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;word-break:break-word}.collection-sidebar-meta{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.collection-sidebar-meta a{color:var(--accent-color);text-decoration:none}.collection-sidebar-meta a:hover{text-decoration:underline}.collection-sidebar-divider{height:1px;background:var(--border-color)}.collection-sidebar-actions{display:flex;flex-direction:column;gap:.5rem}.collection-sidebar-btn{width:100%;justify-content:center;box-sizing:border-box}.collection-detail-content{min-width:0}@media(max-width:900px){.collection-detail-layout{grid-template-columns:1fr}.collection-info-sidebar{position:static}.collection-detail-back{display:flex;justify-content:center;width:100%}}.add-to-collection{position:relative;width:100%;margin-top:1rem}.add-to-collection-trigger{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.95rem;font-weight:600;box-shadow:#00000014 1.95px 1.95px 2.6px}html.dark .add-to-collection-trigger{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}.add-to-collection-trigger:hover{border-color:var(--warning-color);color:var(--warning-color);background:#f59e0b0d;transform:translateY(-2px);box-shadow:#f59e0b59 2.5px 2.5px 4px}.add-to-collection-trigger.saved{background:#f59e0b1a;border-color:var(--warning-color);color:var(--warning-color)}.add-to-collection-trigger.saved:hover{background:#f59e0b26}.add-to-collection-trigger.saved .bookmark-icon{fill:var(--warning-color)}.add-to-collection-dropdown{min-width:250px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:var(--z-modal);overflow:hidden}.add-to-collection-header{padding:.75rem 1rem;font-weight:600;font-size:.9rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.add-to-collection-loading{padding:2rem;display:flex;justify-content:center}.add-to-collection-empty{padding:1.5rem;text-align:center;color:var(--text-secondary)}.add-to-collection-empty p{margin:0 0 1rem;font-size:.85rem}.add-to-collection-list{list-style:none;margin:0;padding:.5rem 0;max-height:200px;overflow-y:auto}.add-to-collection-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.625rem 1rem;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:background .15s;text-align:left}.add-to-collection-item:hover{background:#4a8fe71a}.add-to-collection-item.active{color:var(--accent-color)}.add-to-collection-item .collection-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-to-collection-item:disabled{opacity:.6;cursor:not-allowed}.add-to-collection-footer{padding:.5rem;border-top:1px solid var(--border-color)}.add-to-collection-create{display:flex;align-items:center;gap:.5rem;padding:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.85rem;border-radius:4px;transition:all .15s}.add-to-collection-create:hover{color:var(--accent-color);background:#4a8fe71a}.btn-small{padding:.375rem .75rem;font-size:.8rem}.add-to-collection-trigger.icon-only{width:auto;padding:0;background:none;border:none;color:var(--text-secondary);font-size:.75rem;font-weight:500;gap:6px;justify-content:center;align-items:center;border-radius:0;transition:color .2s ease,transform .2s ease}.explore-mode .add-to-collection-trigger.icon-only{font-size:.8125rem}.add-to-collection-trigger.icon-only:hover{color:var(--warning-color);background:none;border:none;transform:scale(1.15)}.add-to-collection-trigger.icon-only.saved{color:var(--warning-color);background:none;border:none}.add-to-collection-trigger.icon-only.saved .bookmark-icon{fill:var(--warning-color);stroke:var(--warning-color)}.post-card-save-btn{margin-left:auto!important}.post-card-save-btn .add-to-collection{width:auto;margin-top:0}.post-card-save-btn .add-to-collection-trigger{box-shadow:none!important}.post-card-save-btn .add-to-collection-dropdown{min-width:220px}.post-card-like-btn .btn-like{display:inline-flex;align-items:center;width:auto;padding:0;margin:0;background:none;border:none;border-radius:0;box-shadow:none!important;font-size:.75rem;font-weight:500;color:var(--text-secondary);gap:6px;justify-content:flex-start;transition:color .2s ease,transform .2s ease}.explore-mode .post-card-like-btn .btn-like{font-size:.8125rem}.post-card-like-btn .btn-like:hover{color:var(--danger-color);background:none;border:none;transform:scale(1.1)}.post-card-like-btn .btn-like.liked{color:var(--danger-color);background:none;border:none}.post-card-like-btn .btn-like.liked:hover{background:none}.post-card-like-btn .btn-like .like-count{font-size:inherit}.post-card-like-btn .btn-like svg{width:16px;height:16px}.post-card-save-btn .add-to-collection-trigger.icon-only svg{width:16px;height:16px}.post-card-save-btn .save-count{font-size:inherit;font-weight:inherit;color:inherit}.skeleton{background:var(--skeleton-card-bg);border-radius:4px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--skeleton-highlight) 50%,transparent 100%);animation:skeleton-shimmer 1.5s infinite;transform:translate(-100%)}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-title{width:70%;height:2.5rem;margin-bottom:1rem}.skeleton-text{width:100%;height:1rem;margin-bottom:.5rem}.skeleton-text.w-95{width:95%}.skeleton-text.w-98{width:98%}.skeleton-text.w-97{width:97%}.skeleton-text.w-90{width:90%}.skeleton-text.w-80{width:80%}.skeleton-text.w-70{width:70%}.skeleton-text.w-60{width:60%}.skeleton-text.w-50{width:50%}.skeleton-text.w-40{width:40%}.skeleton-text.w-30{width:30%}.skeleton-text.h-lg{height:1.5rem}.skeleton-image{width:100%;height:400px;border-radius:8px}.skeleton-thumbnail{width:80px;height:80px;border-radius:4px}.skeleton-tab{width:100px;height:2.5rem;border-radius:4px}.skeleton-button{width:100%;height:3rem;border-radius:8px}.skeleton-button+.skeleton-button{margin-top:1rem}.skeleton-tag{height:1.5rem;border-radius:12px;width:70px}.skeleton-tag.skeleton-tag-sm{width:60px}.skeleton-tag.skeleton-tag-md{width:80px}.skeleton-header,.skeleton-gallery{margin-bottom:2rem}.skeleton-thumbnails{display:flex;gap:.5rem;margin-top:.5rem}.skeleton-tabs{display:flex;gap:1rem;margin-bottom:1rem}.skeleton-tags{display:flex;gap:.5rem;flex-wrap:wrap}.skeleton-shimmer{background:var(--skeleton-base);border-radius:4px;position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--skeleton-highlight) 50%,transparent 100%);animation:skeleton-shimmer 1.5s infinite;transform:translate(-100%)}.dark .skeleton,.dark .skeleton-shimmer{background:var(--bg-secondary)}.dark .skeleton:after,.dark .skeleton-shimmer:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%)}.creator-card-skeleton .creator-card-banner{height:80px}.creator-avatar-skeleton{width:56px;height:56px;border-radius:10px}.landing-creator-avatar-skeleton{width:40px;height:40px;border-radius:50%}.landing-creator-name-skeleton{display:block;width:80px;height:1rem;margin-bottom:.25rem}.landing-creator-stat-skeleton{display:block;width:50px;height:.75rem}.skeleton-input{width:100%;height:42px;border-radius:8px}.skeleton-select{width:150px;height:42px;border-radius:8px}.post-card-skeleton{pointer-events:none}.post-card-skeleton .post-card-link{display:flex;flex-direction:column;height:100%}.post-card-skeleton .post-card-image{position:relative;overflow:hidden}.post-card-skeleton .skeleton-title{height:1.4rem;border-radius:4px;width:80%}.post-card-skeleton .skeleton-author{height:.9rem;border-radius:4px;width:40%;margin-top:.5rem}.post-card-skeleton .skeleton-tags{display:flex;gap:.5rem;margin-top:.5rem}.post-card-skeleton .skeleton-tag{height:1.2rem;border-radius:4px;width:60px}.post-card-skeleton .skeleton-stats{height:1rem;border-radius:4px;width:80px}.post-card-skeleton .skeleton-price{height:1.2rem;border-radius:4px;width:50px}.profile-skeleton-banner{width:100%;height:100%;border-radius:0}.profile-skeleton-avatar{width:140px!important;height:140px!important;border-radius:20px!important;border:4px solid var(--bg-color);box-shadow:var(--shadow-card-resting)}.profile-skeleton-username{width:180px;height:2rem;border-radius:4px;margin-bottom:.25rem}.profile-skeleton-handle{width:110px;height:1rem;border-radius:4px}.profile-skeleton-stat-icon{width:34px;height:34px;border-radius:8px;flex-shrink:0}.profile-skeleton-stat-value{width:40px;height:1.1rem;border-radius:4px}.profile-skeleton-stat-label{width:55px;height:.8rem;border-radius:4px;margin-top:2px}.profile-skeleton-bio-line{width:100%;height:.95rem;border-radius:4px;margin-bottom:.5rem}.profile-skeleton-bio-line.w-60{width:60%}.profile-skeleton-tab{width:120px;height:2.5rem;border-radius:4px}@media(max-width:768px){.profile-skeleton-avatar{width:100px!important;height:100px!important}.profile-skeleton-stat-icon{width:24px;height:24px;border-radius:6px}.profile-skeleton-stat-value{height:.95rem}.profile-skeleton-stat-label{height:.7rem;width:45px}}.creator-skeleton-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.creator-skeleton-username{width:60%;height:1.15rem}.creator-skeleton-bio{width:80%;height:.85rem}.creator-skeleton-stat{min-height:70px}.creator-skeleton-button{width:100%;height:42px;border-radius:8px}.creators-skeleton-title{width:200px;height:2rem}.creators-skeleton-subtitle{width:350px;height:1rem;margin-top:.5rem}.analytics-skeleton-title{width:200px;height:40px;margin-bottom:2rem}.analytics-skeleton-stat-icon{width:48px;height:48px;border-radius:12px}.analytics-skeleton-stat-value{width:80px;height:28px;margin-bottom:4px}.analytics-skeleton-stat-label{width:60px;height:14px}.analytics-skeleton-chart{width:100%;height:300px;border-radius:16px}.analytics-skeleton-top-title{width:150px;height:24px;margin-bottom:1.5rem}.analytics-skeleton-row-rank{width:24px;height:24px;border-radius:4px}.analytics-skeleton-row-thumb{width:64px;height:64px;border-radius:8px}.analytics-skeleton-row-name{width:80%;height:16px;margin-bottom:8px}.analytics-skeleton-row-stats{width:40%;height:14px}.collections-skeleton-title{width:200px;height:32px}.collections-skeleton-button{width:150px;height:40px;border-radius:8px}.collections-skeleton-card-preview{width:100%;height:100%}.collections-skeleton-card-title{width:70%;height:20px;margin-bottom:8px}.collections-skeleton-card-meta{width:40%;height:16px}.collection-detail-skeleton-back-icon{width:20px;height:20px}.collection-detail-skeleton-back-text{width:120px;height:20px}.collection-detail-skeleton-title{width:250px;height:32px;margin-bottom:.5rem}.collection-detail-skeleton-meta{width:180px;height:18px}.collection-detail-skeleton-card-image{height:200px;border-radius:12px 12px 0 0}.collection-detail-skeleton-card-title{width:85%;height:24px}.collection-detail-skeleton-card-author{width:50%;height:16px}.collection-detail-skeleton-card-price{width:50px;height:22px}.collection-detail-skeleton-card-stat{width:40px;height:18px}.collection-detail-skeleton-back-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.collection-detail-skeleton-card{opacity:.7}.collection-detail-skeleton-card-content{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.collection-detail-skeleton-card-footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-color)}.collection-detail-skeleton-card-stats{display:flex;gap:1rem}.my-posts-skeleton-title{width:150px;height:32px}.my-posts-skeleton-button{width:160px;height:40px;border-radius:6px}.my-posts-skeleton-tab{width:100px;height:36px;border-radius:20px}.my-posts-skeleton-card{height:280px;border-radius:12px}.create-post-skeleton{max-width:900px;margin:0 auto;padding:2rem}.create-post-skeleton-title{width:40%;height:3rem;margin-bottom:.5rem}.create-post-skeleton-subtitle{width:30%;height:1.5rem;margin-bottom:2rem}.create-post-skeleton-section-title{width:20%;height:1.5rem;margin-bottom:1.5rem}.create-post-skeleton-label{width:15%;height:1rem;margin-bottom:.5rem}.create-post-skeleton-input{width:100%;height:2.5rem;border-radius:4px}.create-post-skeleton-editor{width:100%;height:300px;border-radius:4px}.create-post-skeleton-form-group{margin-bottom:1.5rem}.create-post-skeleton-tags-row{display:flex;gap:.5rem;flex-wrap:wrap}.create-post-skeleton-tag{width:80px;height:2rem;border-radius:16px}.create-post-skeleton-files-dropzone{width:100%;height:100px;border-radius:8px}.create-post-skeleton-price-title{width:10%;height:1.5rem;margin-bottom:1.5rem}.create-post-skeleton-price-row{display:flex;gap:2rem}.create-post-skeleton-price-option{width:100px;height:1.5rem}.create-post-skeleton-contributors-input{width:100%;height:3rem;border-radius:4px}.create-post-skeleton-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}.create-post-skeleton-btn-cancel{height:20px;margin-bottom:.75rem}.dashboard-skeleton-filter-options{display:flex;flex-direction:column;gap:.5rem}.dashboard-skeleton-checkbox-row{display:flex;align-items:center;gap:.5rem}.dashboard-skeleton-checkbox{width:16px;height:16px;border-radius:3px}.dashboard-skeleton-checkbox-label{width:60%;height:16px}.dashboard-skeleton-search-bar{display:flex;gap:1rem;margin-bottom:1.5rem}.dashboard-skeleton-search-input{flex:1;height:44px;border-radius:8px}.dashboard-skeleton-sort-select{width:180px;height:44px;border-radius:8px}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;width:100%;align-content:start;align-items:stretch}@media(max-width:640px){.posts-grid{grid-template-columns:1fr}}.posts-grid .ad-card,.palettes-grid .ad-card{height:100%;min-height:280px;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.posts-grid .ad-card .grid-ad,.palettes-grid .ad-card .grid-ad{width:100%;max-width:100%;overflow:hidden}.display-ad{position:relative;max-width:100%;min-height:250px;overflow:hidden}.display-ad [id^=gpt-]{min-height:250px;max-width:100%;overflow:hidden}.display-ad [id^=gpt-] iframe{max-width:100%!important}.posts-grid .display-ad-placeholder,.palettes-grid .display-ad-placeholder{width:100%;border:2px dashed var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:280px}.ad-placeholder-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:2px dashed var(--border-color);color:var(--text-secondary);opacity:.6;pointer-events:none}.ad-placeholder-icon{width:32px;height:32px}.ad-placeholder-text{font-size:.875rem}.user-avatar{border-radius:50%;object-fit:cover}.user-avatar-placeholder{border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--accent-color);color:#fff;font-weight:700}.user-avatar--sm,.user-avatar--sm.user-avatar-placeholder{width:24px;height:24px;font-size:.7rem}.user-avatar--md,.user-avatar--md.user-avatar-placeholder{width:28px;height:28px;font-size:.8rem}.user-avatar--lg,.user-avatar--lg.user-avatar-placeholder{width:40px;height:40px;font-size:1rem}.user-avatar--xl,.user-avatar--xl.user-avatar-placeholder{width:120px;height:120px;font-size:3rem;border-radius:12px}.avatar{border-radius:50%;object-fit:cover}.avatar-placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--accent-color);color:#fff;font-weight:700}.avatar-sm{width:24px;height:24px;font-size:.7rem}.avatar-md{width:32px;height:32px;font-size:.9rem}.avatar-lg{width:48px;height:48px;font-size:1.2rem}@keyframes cookieSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookieSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.cookie-banner-overlay{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-modal);padding:1.5rem;pointer-events:none}.cookie-banner{max-width:var(--container-width);margin:0 auto;background:linear-gradient(to right,#3b82f60d,#3b82f605);border:1px solid var(--accent-color);border-radius:var(--radius-lg);box-shadow:#3b82f680 1.95px 1.95px 2.6px;padding:1.5rem 2rem;display:flex;align-items:center;gap:1.5rem;pointer-events:auto;animation:cookieSlideUp .5s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cookie-banner.cookie-banner-hiding{animation:cookieSlideDown .3s cubic-bezier(.16,1,.3,1) forwards}.cookie-banner-icon{color:var(--accent-color);display:flex;align-items:center;flex-shrink:0}.cookie-banner-text{flex:1;font-size:.9rem;line-height:1.6;color:var(--text-secondary);font-family:var(--font-body)}.cookie-banner-actions{display:flex;gap:.75rem;flex-shrink:0}.cookie-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap;border:none}.cookie-btn-primary{background:var(--accent-color);color:#fff;box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px}.cookie-btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:#3b82f666 5px 5px,#3b82f64d 8px 8px,#3b82f633 11px 11px}.cookie-btn-secondary{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-3d-secondary)}.cookie-btn-secondary:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-3d-secondary-hover)}html.dark .cookie-banner{background:linear-gradient(to right,#3b82f61a,#3b82f60d);box-shadow:#3b82f699 1.95px 1.95px 2.6px}html.dark .cookie-btn-secondary:hover{box-shadow:var(--shadow-3d-secondary-hover);background:#ffffff0d}@media(max-width:768px){.cookie-banner{flex-direction:column;text-align:center;padding:1.25rem 1.5rem;gap:1rem}.cookie-banner-actions{width:100%;flex-direction:column}.cookie-btn{width:100%}}.mobile-sticky-ad{display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;min-height:50px;max-height:100px;background:var(--card-bg);border-top:1px solid var(--border-color);box-shadow:var(--shadow-md);padding:.25rem 2.25rem calc(.25rem + env(safe-area-inset-bottom)) .25rem;align-items:center;justify-content:center;overflow:hidden}html.dark .mobile-sticky-ad{box-shadow:#ffffff0f 0 -2px 8px}.mobile-sticky-ad .display-ad{width:100%;display:flex;align-items:center;justify-content:center;min-height:50px}.mobile-sticky-ad .display-ad-placeholder .ad-placeholder-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary);opacity:.7;font-size:.75rem;line-height:1.2;padding:0 .5rem}.mobile-sticky-ad .display-ad-placeholder .ad-placeholder-icon{width:18px;height:18px;flex-shrink:0}.mobile-sticky-ad-close{position:absolute;top:.25rem;right:.25rem;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;padding:0;transition:all .2s ease}.mobile-sticky-ad-close:hover{color:var(--text-primary);border-color:var(--accent-color)}@media(max-width:767px){.mobile-sticky-ad{display:flex}}.language-switcher{position:relative;display:inline-block}.language-switcher-btn{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-weight:500;transition:color .2s}.language-switcher-btn:hover{color:var(--text-primary)}.language-flag{display:flex;align-items:center}.language-flag svg{border-radius:2px}.language-flag-current img{border-radius:50%;display:block}.language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;min-width:150px;box-shadow:0 10px 15px -3px #0000001a;z-index:var(--z-fixed);display:flex;flex-direction:column;padding:.5rem;animation:fadeIn .1s ease-out}.language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem 1rem;background:transparent;border:none;border-left:2px solid transparent;color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:all .15s ease;text-align:left;box-sizing:border-box}.language-option:hover{background-color:var(--input-bg);padding-left:1.25rem;border-left-color:var(--accent-color)}.language-option.selected{background-color:#4a8fe71a;color:var(--accent-color);border-left-color:var(--accent-color);font-weight:500;padding-left:1rem}.check-icon{margin-left:auto;color:var(--accent-color)}html.dark .language-dropdown{box-shadow:0 10px 15px -3px #0000004d}.alerts-dropdown-container{position:relative;display:flex;align-items:center}.alerts-bell-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative;display:flex;align-items:center;justify-content:center}.alerts-bell-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px)}.alerts-bell-btn.has-unread{color:var(--accent-color)}.unread-badge{position:absolute;top:-5px;right:-5px;background:var(--danger-color);color:#fff;font-size:11px;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 0 1px;border:2px solid var(--card-bg);box-shadow:0 2px 4px #ef44444d;z-index:10}.alerts-dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;width:320px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-fixed);overflow:hidden;animation:slideUp var(--transition-slow);backdrop-filter:blur(12px)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.alerts-header{padding:12px 16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#3b82f608}.alerts-title{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.mark-read-btn{background:none;border:none;color:var(--accent-color);font-size:var(--text-xs);cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-base)}.mark-read-btn:hover{background:var(--accent-light)}.alerts-list{max-height:400px;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column}.alerts-loading-sentinel{padding:24px 16px;display:flex;justify-content:center;align-items:center}.alerts-list::-webkit-scrollbar{width:6px}.alerts-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.alerts-empty,.alerts-loading{padding:32px 16px;text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.alert-item{padding:12px 16px;display:flex;gap:12px;text-decoration:none;color:inherit;transition:all var(--transition-base);border-bottom:1px solid var(--border-color);position:relative}.alert-item:last-child{border-bottom:none}.alert-item:hover{background:var(--bg-secondary)}.alert-item.unread{background:var(--accent-light)}.alert-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:visible;position:relative;text-decoration:none;color:inherit;display:block;transition:transform .2s ease}a.alert-avatar:hover{transform:scale(1.05)}.alert-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.alert-verified-badge{position:absolute;bottom:-2px;right:-2px;background:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:0}.alert-avatar-placeholder{width:100%;height:100%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-base);border-radius:50%}.alert-content{flex:1;min-width:0;text-decoration:none;color:inherit}.alert-text{margin:0;font-size:var(--text-sm);line-height:1.4;color:var(--text-primary);word-break:break-word}.alert-item.unread .alert-text{font-weight:var(--font-medium)}.unread-dot{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--danger-color);border-radius:50%;box-shadow:0 0 8px #ef444466}.alert-time{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px}@media(max-width:480px){.alerts-dropdown-menu{position:fixed;top:60px;left:10px;right:10px;width:auto}}.alert-announcement-icon{display:flex;align-items:center;justify-content:center;background:#3b82f61a;color:var(--accent-color);border-radius:50%;width:40px;height:40px;flex-shrink:0}.alert-announcement .alert-content{cursor:default}.alert-announcement-message{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.create-post-page{max-width:var(--container-width);margin:0 auto;padding:3rem 1.5rem;flex:1;width:100%;box-sizing:border-box;font-family:inherit;min-height:calc(100vh - var(--header-height))}.create-post-header{text-align:center;margin-bottom:3rem}.create-post-header h1{font-family:var(--font-heading);color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 1rem}.create-post-highlight{color:var(--accent-color);background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.create-post-header .subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0;line-height:1.6}.cp-card{background-color:#ffffffb3;backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;position:relative;box-shadow:var(--shadow-card-resting);text-align:left;z-index:1}html.dark .cp-card{background-color:var(--card-bg);border-color:#3b82f626}.cp-card:focus-within{z-index:10}.cp-card:has(.select-dropdown),.cp-card:has(.select-trigger.open),.cp-card:has(.dropdown-results),.cp-card:has(.contributor-dropdown),.cp-card:has(.lang-tabs-dropdown){z-index:100}.cp-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.cp-icon-wrapper{width:32px;height:32px;border-radius:8px;background-color:var(--accent-light);color:var(--accent-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cp-section-title{display:flex;align-items:center;gap:.5rem}.cp-section-title h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0;font-family:var(--font-heading)}.cp-step-badge{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600;background:var(--bg-secondary);padding:.15rem .5rem;border-radius:4px}html.dark .cp-step-badge{background:#3b82f61a;color:#3b82f6b3}html.dark .cp-section-header{border-bottom-color:#3b82f61a}.create-post-page .form-group{margin-bottom:1.5rem}.create-post-page .form-group>label{font-weight:500;margin-bottom:.5rem;color:var(--text-secondary);display:block}.create-post-page .required{color:var(--accent-color)}.create-post-page .btn-secondary{background-color:var(--input-bg);color:var(--text-primary)}.create-post-page .cp-input,.create-post-page input[type=text],.create-post-page textarea,.create-post-page select{transition:all .2s ease;background-color:var(--input-bg)!important}html.dark .create-post-page .cp-input,html.dark .create-post-page input[type=text],html.dark .create-post-page textarea,html.dark .create-post-page select{background-color:var(--bg-color)!important}.create-post-page .cp-input:focus,.create-post-page input:focus,.create-post-page textarea:focus,.create-post-page select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}html.dark .create-post-page .cp-input:focus,html.dark .create-post-page input:focus,html.dark .create-post-page textarea:focus,html.dark .create-post-page select:focus{background-color:var(--bg-color)!important}html.dark .cp-card .input-group input{background-color:var(--bg-color)!important}.cp-card .input-group input{placeholder:attr(data-placeholder)}.cp-card .input-group label{display:none!important}.cp-card .input-group :is(input:focus,input:not(:placeholder-shown)){border-color:var(--accent-color)}.EasyMDEContainer,.cp-markdown-editor .EasyMDEContainer{background-color:var(--input-bg)!important;border:none;border-radius:4px}html.dark .EasyMDEContainer,html.dark .cp-markdown-editor .EasyMDEContainer{background-color:var(--bg-color)!important}.EasyMDEContainer .editor-toolbar,.cp-markdown-editor .editor-toolbar{text-align:center;border:1px solid var(--border-color)!important;border-radius:4px 4px 0 0;background:transparent}.EasyMDEContainer .CodeMirror,.cp-markdown-editor .CodeMirror{background-color:transparent!important;color:var(--text-primary);border:1px solid var(--border-color)!important;border-top:none!important;border-radius:0 0 4px 4px!important;min-height:200px;text-align:left}.cp-markdown-editor .CodeMirror-focused{outline:none!important;border:none!important}.price-input-wrapper{position:relative;max-width:200px}.price-currency-symbol{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;font-weight:500}.price-input{padding-left:2.5rem!important;font-weight:600;font-size:1.1rem!important}.cp-empty-state{text-align:center;padding:2rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;border:1px dashed var(--border-color);font-size:.9rem}.create-post-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid var(--border-color)}@media(max-width:1440px){.create-post-header{margin-bottom:2rem}.create-post-header h1{font-size:2rem}.create-post-header .subtitle{font-size:1rem}.cp-card{padding:1.5rem}}@media(max-width:640px){.create-post-page{padding:1.5rem 1rem}.cp-card{padding:1.5rem}.create-post-header h1{font-size:2rem}.create-post-actions{flex-direction:column-reverse}.create-post-actions button{width:100%}}.create-post-actions .btn{transition:all .2s ease}.create-post-actions .btn-primary{background:var(--accent-color);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px;transition:all .3s cubic-bezier(.16,1,.3,1)}.create-post-actions .btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:#3b82f666 5px 5px,#3b82f64d 8px 8px,#3b82f633 11px 11px}.create-post-actions .btn-danger{background:var(--danger-color);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;margin-right:auto;box-shadow:#ef44444d 3px 3px,#ef444433 6px 6px,#ef44441a 9px 9px,#ef44440d 12px 12px,#ef444405 15px 15px;transition:all .3s cubic-bezier(.16,1,.3,1)}.create-post-actions .btn-danger:hover:not(:disabled){background:var(--danger-hover);transform:translateY(-2px);box-shadow:#ef444466 5px 5px,#ef44444d 8px 8px,#ef444433 11px 11px,#ef44441a 14px 14px,#ef44440d 17px 17px}.create-post-actions .btn-primary:disabled,.create-post-actions .btn-danger:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.create-post-actions .btn-secondary{display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--text-primary);font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);padding:.875rem 1.75rem;border-radius:8px;background:var(--input-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-3d-secondary)}.create-post-actions .btn-secondary:hover{color:var(--text-primary);background:var(--bg-tertiary);text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-3d-secondary-hover)}html.dark .create-post-actions .btn-secondary:hover{box-shadow:var(--shadow-3d-secondary-hover);background:#ffffff0d}.preview-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem}.preview-modal-container{background:var(--bg-color);border-radius:16px;width:100%;max-width:1280px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;border:1px solid var(--border-color);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.preview-modal-container::-webkit-scrollbar{width:6px}.preview-modal-container::-webkit-scrollbar-track{background:transparent}.preview-modal-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.preview-modal-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-color);z-index:10;border-radius:16px 16px 0 0}.preview-modal-header h2{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.preview-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.preview-modal-close:hover{background:var(--hover-color);color:var(--text-primary)}.preview-modal-body{padding:1.5rem}.preview-modal-body button,.preview-modal-body a,.preview-modal-body input,.preview-modal-body select,.preview-modal-body textarea{pointer-events:none!important;cursor:default!important;user-select:none}.preview-modal-body .post-details-container{margin:0;padding:0;max-width:100%}.preview-modal-body .gallery-placeholder{display:flex;align-items:center;justify-content:center;min-height:250px;background:var(--bg-secondary);border-radius:12px;border:1px dashed var(--border-color);color:var(--text-secondary)}.preview-file-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem;color:var(--text-primary)}.preview-file-item .file-info{color:var(--text-secondary);font-size:.8rem}.preview-versions,.preview-tags{display:flex;flex-wrap:wrap;gap:.375rem}@media(max-width:768px){.preview-modal-overlay{padding:0}.preview-modal-container{max-width:100%;max-height:100vh;border-radius:0;height:100vh}.preview-modal-header{border-radius:0}.preview-modal-body .post-grid{grid-template-columns:1fr}}#admin-root{padding:0}.admin-layout{display:grid;grid-template-columns:16rem 1fr;height:calc(100dvh - var(--header-height));overflow:hidden}.admin-sidebar{grid-column:1;background:var(--card-bg);border-right:1px solid var(--border-color);height:100%;overflow-y:auto;z-index:10}.admin-sidebar-overlay{display:none}.admin-sidebar-inner{padding:2rem 0;display:flex;flex-direction:column;gap:.25rem}.admin-sidebar-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:0 1.25rem;margin-bottom:.75rem}.admin-sidebar-nav{display:flex;flex-direction:column;gap:.125rem}.admin-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.25rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:all var(--transition-fast);border-left:3px solid transparent}.admin-sidebar-item:hover{color:var(--text-primary);background:var(--bg-secondary)}.admin-sidebar-item.active{color:var(--accent-color);background:var(--accent-light);border-left-color:var(--accent-color);font-weight:var(--font-semibold)}.admin-sidebar-item svg{flex-shrink:0}.admin-sidebar-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;background:var(--accent-color);color:#fff;border-radius:50%;font-size:.6875rem;font-weight:700}.admin-content{grid-column:2;min-width:0;height:100%;padding:2rem 2.5rem;overflow-y:auto;overflow-x:clip}.admin-section-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 1.5rem}.admin-section-subtitle{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 1rem}.admin-quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.admin-quick-action-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-card-resting)}.admin-quick-action-icon{width:2.75rem;height:2.75rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-quick-action-icon.blue{background:rgba(var(--accent-rgb),.1);color:var(--accent-color)}.admin-quick-action-icon.orange{background:rgba(var(--orange-rgb),.1);color:var(--warning-color)}.admin-quick-action-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.admin-quick-action-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.admin-quick-action-desc{font-size:var(--text-xs);color:var(--text-secondary)}@media(max-width:768px){.admin-quick-actions-grid{grid-template-columns:1fr}}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.admin-stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-card-resting);transition:all var(--transition-base)}.admin-stat-icon{width:2.75rem;height:2.75rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-stat-icon.blue{background:rgba(var(--accent-rgb),.1);color:var(--accent-color)}.admin-stat-icon.green{background:rgba(var(--success-rgb),.1);color:var(--success-color)}.admin-stat-icon.purple{background:rgba(var(--info-rgb),.1);color:var(--info-color)}.admin-stat-icon.orange{background:rgba(var(--warning-rgb),.1);color:var(--warning-color)}.admin-stat-icon.red{background:rgba(var(--danger-rgb),.1);color:var(--danger-color)}.admin-stat-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.admin-stat-value{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.025em}.admin-stat-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium)}.admin-action-panels-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.admin-action-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-card-resting);display:flex;flex-direction:column;gap:.75rem}.admin-action-panel-header{display:flex;flex-direction:column;gap:.125rem}.admin-action-panel-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.admin-action-panel-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.admin-action-panel .admin-search{flex:none;max-width:100%}.admin-user-search-results{display:flex;flex-direction:column;gap:.5rem;max-height:22rem;overflow-y:auto}.admin-user-search-empty{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem .5rem;color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic;text-align:center}.admin-user-search-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary)}.admin-user-search-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.admin-user-search-name{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.admin-user-search-name svg{color:var(--accent-color)}.admin-user-search-tag{font-size:var(--text-xs);color:var(--accent-color);font-weight:500}.admin-badges-user{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary)}.admin-badges-user-header{display:flex;align-items:center;gap:.5rem}.admin-badges-pills{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;min-height:1.75rem}.admin-badges-empty{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.admin-badge-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px;font-size:var(--text-xs);font-weight:500;border:1px solid}.admin-badge-pill.blue{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.35);color:var(--accent-color)}.admin-badge-pill.green{background:rgba(var(--success-rgb),.1);border-color:rgba(var(--success-rgb),.35);color:var(--success-color)}.admin-badge-pill.purple{background:rgba(var(--violet-rgb),.1);border-color:rgba(var(--violet-rgb),.35);color:var(--violet-color)}.admin-badge-pill.orange{background:rgba(var(--orange-rgb),.1);border-color:rgba(var(--orange-rgb),.35);color:var(--warning-color)}.admin-badge-pill.red{background:rgba(var(--danger-rgb),.1);border-color:rgba(var(--danger-rgb),.35);color:var(--danger-color)}.admin-badge-pill-remove{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;border:none;border-radius:50%;background:transparent;color:inherit;cursor:pointer;opacity:.7;transition:opacity .15s ease,background .15s ease}.admin-badge-pill-remove:hover{opacity:1;background:#0000001a}html.dark .admin-badge-pill-remove:hover{background:#ffffff1f}.admin-badge-selector{display:flex;gap:.5rem;align-items:center}.admin-badge-select{flex:1;padding:.4rem .625rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer}.admin-badge-select:focus{outline:none;border-color:var(--accent-color)}@media(max-width:1024px){.admin-action-panels-grid{grid-template-columns:1fr}}.admin-table-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.admin-search{position:relative;max-width:24rem;flex:1}.admin-search svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.admin-search input{width:100%;padding:.625rem .875rem .625rem 2.25rem;font-family:var(--font-body);font-size:var(--text-sm);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast)}.admin-search input::placeholder{color:var(--text-tertiary)}.admin-search input:focus{border-color:var(--accent-color)}.admin-filter-tabs{display:flex;gap:.25rem;background:var(--bg-secondary);border-radius:var(--radius-md);padding:.1875rem}.admin-filter-tab{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);padding:.375rem .75rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:.375rem;transition:all var(--transition-fast);white-space:nowrap}.admin-filter-tab:hover{color:var(--text-primary)}.admin-filter-tab.active{background:var(--card-bg);color:var(--accent-color);font-weight:var(--font-semibold);box-shadow:var(--shadow-sm)}.admin-table-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-x:auto;overflow-y:visible;box-shadow:var(--shadow-card-resting);max-width:100%}.admin-table-wrapper>.admin-table{min-width:max-content}.admin-table tr{position:relative}.admin-table tr:hover{z-index:10}.admin-table{width:100%;border-collapse:collapse}.admin-table th{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;text-align:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap}.admin-table td{font-size:var(--text-sm);color:var(--text-primary);padding:.75rem 1rem;border-bottom:1px solid var(--border-color);vertical-align:middle;text-align:center}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-secondary)}.admin-cell-user{display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:0}.admin-cell-avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-bold)}.admin-cell-text-secondary{font-size:var(--text-xs);color:var(--text-tertiary)}.admin-cell-truncate{display:block;max-width:min(18rem,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 auto;min-width:0}.admin-badge{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:var(--font-semibold);padding:.1875rem .5rem;border-radius:var(--radius-full);white-space:nowrap}.admin-badge.success{background:rgba(var(--success-rgb),.1);color:var(--success-color)}.admin-badge.danger{background:rgba(var(--danger-rgb),.1);color:var(--danger-color)}.admin-badge.warning{background:rgba(var(--warning-rgb),.1);color:var(--warning-color)}.admin-badge.info{background:rgba(var(--info-rgb),.1);color:var(--info-color)}.admin-badge.neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.admin-actions{display:flex;justify-content:center;gap:.5rem}.admin-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:.4375rem .875rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.admin-action-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.admin-action-btn.danger{border-color:rgba(var(--danger-rgb),.3);color:var(--danger-color)}.admin-action-btn.danger:hover{border-color:var(--danger-color);background:rgba(var(--danger-rgb),.08)}.admin-action-btn.success{border-color:rgba(var(--success-rgb),.3);color:var(--success-color)}.admin-action-btn.success:hover{border-color:var(--success-color);background:rgba(var(--success-rgb),.08)}.admin-action-btn.warning:hover{border-color:var(--warning-color);color:var(--warning-color);background:rgba(var(--warning-rgb),.08)}.admin-action-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.admin-user-list{display:flex;flex-direction:column;gap:.5rem}.admin-user-card{display:flex;align-items:stretch;height:4.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-resting);transition:all var(--transition-base)}.admin-user-card:hover{z-index:10}.admin-user-card-avatar{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);overflow:hidden}.admin-user-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-card-hover)}.admin-user-card.banned{border-color:var(--danger-color);opacity:.85}.admin-user-card.banned:hover{opacity:1}.admin-user-card-avatar{width:3.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.admin-user-card-avatar .user-avatar--lg,.admin-user-card-avatar .user-avatar-placeholder{border-radius:var(--radius-md)}.admin-user-card-banner{width:12rem;height:100%;flex-shrink:0;overflow:hidden;background:var(--bg-secondary)}.admin-user-card-banner-img{width:100%;height:100%;object-fit:cover;object-position:center}.admin-user-card-banner-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}html.dark .admin-user-card-banner-placeholder{background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(var(--accent-rgb),.03))}.admin-user-card-body{display:flex;align-items:center;gap:1rem;padding:.625rem 1rem;flex:1;min-width:0}.admin-user-card-info{display:flex;flex-direction:column;gap:.0625rem;min-width:0;flex:1}.admin-user-card-name{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-card-email{font-size:var(--text-xs);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-card-name-row{display:flex;align-items:center;gap:.5rem}.admin-user-card-bio{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.3;text-align:left}.admin-user-card-bio-wrapper{position:relative;height:1rem}.admin-user-card-bio-static{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-card-bio-popup{display:none}.admin-user-card-bio-wrapper:hover .admin-user-card-bio-popup{display:block;position:absolute;top:-7px;left:-7px;min-width:calc(100% + 14px);max-width:420px;width:max-content;padding:6px 10px;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);border-radius:8px;z-index:100;border:1px solid var(--border-color);box-sizing:border-box;white-space:normal;word-break:break-word}html.dark .admin-user-card-bio-wrapper:hover .admin-user-card-bio-popup{background:#1e293bf2}.admin-strikes{display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0;padding:.25rem .5rem;border-radius:999px;background:rgba(var(--neutral-rgb),.15);border:1px solid rgba(var(--neutral-rgb),.2)}html.dark .admin-strikes{background:rgba(var(--neutral-rgb),.12);border-color:rgba(var(--neutral-rgb),.18)}.admin-strike-icon{color:var(--text-tertiary);opacity:.5}.admin-strike-icon.active{color:var(--danger-color);opacity:1}.admin-user-card-mod{display:flex;gap:.25rem;flex-shrink:0}.admin-mod-btn{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);padding:.25rem .5rem;border-radius:var(--radius-sm);border:none;background:var(--bg-secondary);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.admin-mod-btn:hover:not(:disabled){background:rgba(var(--danger-rgb),.1);color:var(--danger-color)}.admin-mod-btn:disabled{opacity:.35;cursor:not-allowed}.admin-post-thumbs{display:flex;gap:.25rem;align-items:center}.admin-post-thumb{width:3rem;height:3rem;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);display:block;flex-shrink:0}.admin-post-thumb-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.admin-cell-empty{color:var(--text-tertiary);font-style:italic}.admin-posts-table th.col-images,.admin-posts-table th.col-author,.admin-posts-table th.col-actions{width:1px;white-space:nowrap}.admin-posts-table th.col-title,.admin-posts-table td.col-title{width:auto;max-width:260px;text-align:left}.admin-posts-table th.col-description,.admin-posts-table td.col-description{width:auto;max-width:320px;text-align:left}.admin-comments-table th.col-content,.admin-comments-table td.col-content{width:auto;max-width:360px;text-align:left}.admin-posts-table td.col-description .admin-cell-truncate{display:block;max-width:100%}.admin-comments-table th.col-author,.admin-comments-table th.col-post,.admin-comments-table th.col-date,.admin-comments-table th.col-actions{width:1px;white-space:nowrap}.admin-post-description-cell{display:flex;flex-direction:column;gap:.375rem;min-width:0;text-align:left;align-items:flex-start}.admin-cell-popup-wrapper{position:relative;display:block;max-width:100%;min-width:0}.admin-cell-popup-static{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.admin-cell-popup-full{display:none;pointer-events:none}.admin-cell-popup-wrapper:hover .admin-cell-popup-full{display:block;position:absolute;top:-7px;left:-7px;min-width:calc(100% + 14px);max-width:min(420px,90vw);width:max-content;padding:6px 10px;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);border-radius:8px;z-index:100;border:1px solid var(--border-color);box-sizing:border-box;white-space:normal;word-break:break-word;color:var(--text-primary);font-size:var(--text-sm);line-height:1.4;text-align:left}html.dark .admin-cell-popup-wrapper:hover .admin-cell-popup-full{background:#1e293bf2}.admin-cell-link{color:var(--text-primary);text-decoration:none;transition:color .15s ease}.admin-cell-link:hover{color:var(--accent-color);text-decoration:underline}.admin-post-lang-tabs{display:flex;gap:.25rem;flex-wrap:wrap}.admin-post-lang-tab{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all .15s ease}.admin-post-lang-tab:hover{border-color:var(--accent-color);color:var(--text-primary)}.admin-post-lang-tab.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.admin-post-lang-original{font-size:.7rem;line-height:1;opacity:.85}.admin-user-card-date{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.admin-user-card-actions{display:flex;gap:.5rem;flex-shrink:0}.admin-user-card-meta{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.admin-user-card-date{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.admin-user-card-actions{display:flex;gap:.375rem;flex-shrink:0}.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.admin-error h1{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:1rem}.admin-empty{padding:3rem 2rem;text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;gap:.5rem}.admin-spinner{animation:admin-spin 1s linear infinite}@keyframes admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-mobile-toggle{display:none;position:fixed;bottom:1.5rem;right:1.5rem;z-index:50;width:3rem;height:3rem;border-radius:var(--radius-full);background:var(--accent-color);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-lg);align-items:center;justify-content:center;transition:transform var(--transition-fast)}.admin-mobile-toggle:hover{transform:scale(1.05)}@media(max-width:1024px){.admin-layout{grid-template-columns:14rem 1fr}.admin-content{padding:1.5rem}.admin-table{min-width:45rem}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-mobile-toggle{display:flex}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:fixed;top:var(--header-height);left:0;width:16rem;z-index:40;transform:translate(-100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-overlay{display:none;position:fixed;inset:0;top:var(--header-height);z-index:35;background:#0006}.admin-sidebar-overlay.open{display:block}.admin-content{padding:1.5rem 1rem}.admin-stats-grid{grid-template-columns:1fr}.admin-table-header{flex-direction:column;align-items:stretch}.admin-search{max-width:100%}.admin-table-wrapper{overflow-x:auto}.admin-table{min-width:40rem}.admin-user-card-banner{display:none}.admin-user-card-body{flex-wrap:wrap;gap:.5rem}.admin-user-card-info{flex-basis:calc(100% - 5rem)}.admin-user-card-actions{flex-basis:100%}}.admin-report-modal .preview-modal-container{max-width:480px}.report-modal-question{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.report-modal-intro{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.report-reason-list{display:flex;flex-direction:column;gap:.75rem}.report-modal-warning{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;border-radius:8px;background:rgba(var(--warning-rgb),.08);border:1px solid rgba(var(--warning-rgb),.25);color:var(--warning-color);font-family:var(--font-body);font-size:var(--text-xs);line-height:1.5}.report-modal-warning svg{flex-shrink:0;margin-top:1px}.admin-strike-toggle{align-self:flex-start}.admin-log-list{display:flex;flex-direction:column;gap:.5rem}.admin-log-entry{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-resting);transition:border-color var(--transition-base)}.admin-log-entry:hover{border-color:var(--accent-color)}.admin-log-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.admin-log-icon.ban{background:rgba(var(--danger-rgb),.12);color:var(--danger-color)}.admin-log-icon.delete{background:rgba(var(--neutral-rgb),.15);color:var(--text-secondary)}.admin-log-icon.report{background:rgba(var(--accent-rgb),.12);color:var(--accent-color)}.admin-log-icon.strike{background:rgba(var(--warning-rgb),.12);color:var(--warning-color)}.admin-log-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.admin-log-headline{display:flex;flex-wrap:wrap;align-items:baseline;gap:.375rem;font-family:var(--font-body);font-size:var(--text-sm);line-height:1.4}.admin-log-actor{font-weight:var(--font-semibold);color:var(--text-primary)}.admin-log-action{color:var(--text-secondary)}.admin-log-target{color:var(--text-primary);font-weight:var(--font-medium)}.admin-log-reason{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.4;font-style:italic}.admin-log-date{flex-shrink:0;display:inline-flex;align-items:center;gap:.25rem;font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;padding-top:.375rem}.admin-user-preview-modal{max-width:560px}.admin-user-preview-body{display:flex;flex-direction:column}.admin-user-preview-banner{width:100%;height:140px;background:var(--bg-secondary);overflow:hidden}.admin-user-preview-banner-img{width:100%;height:100%;object-fit:cover}.admin-user-preview-banner-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}html.dark .admin-user-preview-banner-placeholder{background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.05))}.admin-user-preview-content{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.admin-user-preview-identity{display:flex;align-items:center;gap:1rem;margin-top:-2.5rem}.admin-user-preview-avatar{flex-shrink:0;border:4px solid var(--bg-color);border-radius:16px;background:var(--bg-color);line-height:0}.admin-user-preview-avatar .user-avatar--xl,.admin-user-preview-avatar .user-avatar--xl.user-avatar-placeholder{width:88px;height:88px;font-size:2rem;border-radius:12px}.admin-user-preview-names{display:flex;flex-direction:column;gap:.125rem;padding-top:2rem;min-width:0}.admin-user-preview-username{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;line-height:1.2}.admin-user-preview-handle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-tertiary)}.admin-user-preview-section{display:flex;flex-direction:column;gap:.5rem}.admin-user-preview-bio{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);line-height:1.5;margin:0;padding:.75rem .875rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);white-space:pre-wrap;word-break:break-word}.admin-user-preview-empty{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic;margin:0}.admin-user-preview-socials{display:flex;flex-direction:column;gap:.5rem}.admin-user-preview-social{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.admin-user-preview-social-url{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.admin-report-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.admin-report-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1rem}.admin-report-info-item{display:flex;flex-direction:column;gap:.5rem}.admin-report-info-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.admin-report-label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.admin-report-char-count{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.admin-report-char-count.over{color:var(--danger-color);font-weight:var(--font-semibold)}.admin-report-info-value{font-size:var(--text-sm);color:var(--text-primary);display:flex;align-items:center;gap:.375rem}.admin-report-section-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;display:flex;align-items:center;gap:.375rem}.admin-report-description{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.875rem 1rem;font-size:var(--text-sm);color:var(--text-primary);line-height:1.6;white-space:pre-wrap;word-break:break-word}.admin-report-notes-textarea{width:100%;min-height:5rem;padding:.75rem;font-family:var(--font-body);font-size:var(--text-sm);background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);resize:vertical;outline:none;transition:border-color var(--transition-fast)}.admin-report-notes-textarea:focus{border-color:var(--accent-color)}.admin-report-notes-textarea::placeholder{color:var(--text-tertiary)}.admin-report-notes-textarea--single-line{min-height:auto}.admin-report-notes-readonly{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;font-style:italic}.admin-report-resolved-meta{display:flex;gap:1rem;margin-top:.375rem;font-size:var(--text-xs);color:var(--text-tertiary)}.admin-report-resolved-meta strong{color:var(--text-secondary);font-weight:var(--font-semibold)}.admin-report-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.admin-report-shortcuts{display:flex;flex-wrap:wrap;gap:.5rem}.admin-report-shortcut-form{display:flex;flex-direction:column;gap:.75rem}.admin-report-shortcut-actions{display:flex;justify-content:flex-end;gap:.5rem}.admin-report-shortcut-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer}.admin-report-shortcut-checkbox input{cursor:pointer}.admin-report-target-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.admin-report-target-info{padding:.875rem 1rem;display:flex;flex-direction:column;gap:.375rem}.admin-report-target-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.admin-report-target-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.admin-report-target-bio{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.admin-report-target-link{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--text-xs);color:var(--accent-color);text-decoration:none;margin-top:.125rem}.admin-report-target-link:hover{text-decoration:underline}.admin-report-target-thumbnail{width:100%;height:8rem;object-fit:cover;display:block}.admin-report-target-user-visuals{position:relative;height:5rem}.admin-report-target-banner{width:100%;height:4rem;object-fit:cover;display:block}.admin-report-target-banner-placeholder{width:100%;height:4rem;background:linear-gradient(135deg,var(--bg-secondary),var(--border-color))}.admin-report-target-avatar{position:absolute;bottom:0;left:1rem}.admin-report-target-comment-header{display:flex;align-items:center;gap:.5rem}.admin-report-target-card .admin-report-description{margin:0;border:none;border-radius:0;background:transparent;padding:0}.admin-table tr.admin-row-clickable{cursor:pointer}.admin-table tr.admin-row-clickable:hover{background:var(--bg-secondary)}.admin-activity-chart{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;margin-bottom:2rem}.admin-activity-chart-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.admin-activity-chart-header .admin-section-subtitle{margin:0}.admin-activity-chart-legend{display:flex;gap:1rem;flex-wrap:wrap;font-family:Inter,sans-serif;font-weight:500;font-size:.875rem;color:var(--text-secondary)}.admin-activity-chart-legend-item{display:inline-flex;align-items:center;gap:.4rem}.admin-activity-chart-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--accent-color)}.admin-activity-chart-legend-item.visitors .admin-activity-chart-dot{background:var(--text-secondary)}.admin-activity-chart-svg{width:100%;height:8.75rem;display:block}.admin-activity-chart-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.admin-activity-chart-line.views{stroke:var(--accent-color)}.admin-activity-chart-line.visitors{stroke:var(--text-secondary);stroke-dasharray:4 3;opacity:.75}.admin-activity-chart-xaxis{display:flex;justify-content:space-between;margin-top:.35rem;font-family:Inter,sans-serif;font-size:.7rem;color:var(--text-secondary)}.admin-activity-chart-xlabel{flex:1;text-align:center}.admin-activity-chart-empty-text{margin:.5rem 0 0;font-family:Inter,sans-serif;font-size:.875rem;color:var(--text-secondary)}.btn-follow{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);line-height:1;min-height:48px;box-sizing:border-box;text-decoration:none;border:none;background-color:var(--accent-color);color:#fff;box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px;min-width:100px}.btn-follow:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:#3b82f666 5px 5px,#3b82f64d 8px 8px,#3b82f633 11px 11px;border:none;color:#fff}.btn-follow.following{background-color:var(--input-bg);color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-3d-secondary)}.btn-follow.following:hover{background-color:var(--danger-color);color:#fff;border:none;box-shadow:#ef44444d 3px 3px,#ef444433 6px 6px,#ef44441a 9px 9px;transform:translateY(-2px)}.btn-follow:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-follow.compact{padding:.5rem 1rem;font-size:.85rem;min-height:auto;min-width:auto;box-shadow:#3b82f64d 2px 2px,#3b82f633 4px 4px,#3b82f61a 6px 6px}.btn-follow.compact:hover:not(:disabled){transform:translateY(-1px);box-shadow:#3b82f666 3px 3px,#3b82f64d 5px 5px,#3b82f633 7px 7px}.btn-follow.compact.following{box-shadow:#64748b40 2px 2px,#64748b26 4px 4px,#64748b0d 6px 6px}html.dark .btn-follow.compact.following{box-shadow:#ffffff0d 2px 2px,#ffffff08 4px 4px,#ffffff03 6px 6px}.btn-follow.compact.following:hover:not(:disabled){transform:translateY(-1px);box-shadow:#ef44444d 3px 3px,#ef444433 5px 5px,#ef44441a 7px 7px}.edit-profile-page{max-width:var(--container-width);margin:0 auto;padding:3rem 1.5rem;flex:1;width:100%;box-sizing:border-box;min-height:calc(100vh - var(--header-height));position:relative;z-index:1}.edit-profile-container{background-color:#ffffffb3;backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:#00000014 1.95px 1.95px 2.6px;transition:all .2s ease-in-out;position:relative;z-index:1}html.dark .edit-profile-container{background-color:#1e293bb3;border-color:var(--border-color);box-shadow:#0000004d 1.95px 1.95px 2.6px}.edit-profile-header{text-align:center;margin-bottom:2rem}.edit-profile-header h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary)}.edit-profile-highlight{background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.edit-profile-form{display:flex;flex-direction:column;gap:2rem}.edit-profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.edit-profile-avatar{position:relative;width:120px;height:120px;min-width:120px;min-height:120px;border-radius:12px;overflow:hidden;cursor:pointer;border:4px solid var(--bg-secondary);box-shadow:0 4px 12px #0000001a;transition:all .2s ease;flex-shrink:0}.edit-profile-avatar:hover{transform:scale(1.02);border-color:var(--accent-color)}.edit-profile-avatar img{width:100%;height:100%;object-fit:cover}.edit-profile-avatar-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent-color);font-size:3rem;font-weight:600}.edit-profile-avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.edit-profile-avatar:hover .edit-profile-avatar-overlay{opacity:1}.edit-profile-avatar-overlay span{color:#fff;font-size:.8rem;font-weight:600;text-align:center;padding:.5rem}.edit-profile-avatar-hint{font-size:.85rem;color:var(--text-secondary);margin:0}.edit-profile-banner-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.edit-profile-banner{position:relative;width:100%;aspect-ratio:16 / 3;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid var(--border-color);box-shadow:0 4px 12px #0000001a;transition:all .2s ease}.edit-profile-banner:hover{border-color:var(--accent-color)}.edit-profile-banner img{width:100%;height:100%;object-fit:cover}.edit-profile-banner-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%)}html.dark .edit-profile-banner-placeholder{background:linear-gradient(135deg,var(--card-bg) 0%,var(--bg-secondary) 50%,var(--card-bg) 100%)}.edit-profile-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.edit-profile-banner:hover .edit-profile-banner-overlay{opacity:1}.edit-profile-banner-overlay span{color:#fff;font-size:.9rem;font-weight:600}.edit-profile-banner-hint{font-size:.85rem;color:var(--text-secondary);margin:0}.edit-profile-field{display:flex;flex-direction:column;gap:.5rem}.edit-profile-field label{font-size:.95rem;font-weight:600;color:var(--text-primary)}.edit-profile-field textarea{padding:.75rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;resize:none;min-height:100px;font-family:inherit;transition:all .2s;overflow-y:hidden}.edit-profile-field textarea:focus{outline:none;border-color:var(--accent-color);background:var(--bg-primary);box-shadow:0 0 0 3px #3b82f61a}.edit-profile-char-count{font-size:.8rem;color:var(--text-secondary);text-align:right}.edit-profile-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.edit-profile-error,.edit-profile-success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;margin-top:1rem}.edit-profile-error{background:#ef44441a;color:var(--danger-color);border:1px solid rgba(239,68,68,.2)}.edit-profile-success{background:#22c55e1a;color:var(--success-color);border:1px solid rgba(34,197,94,.2)}.social-links-section{background-color:#ffffffb3;backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-top:2rem;transition:all .2s ease-in-out;position:relative;box-shadow:#00000014 1.95px 1.95px 2.6px;z-index:1}html.dark .social-links-section{background-color:#1e293bb3;box-shadow:#0000004d 1.95px 1.95px 2.6px}.social-links-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;color:var(--text-primary)}.social-links-header h3{font-size:1.1rem;font-weight:600;margin:0}.social-links-hint{font-size:.85rem;color:var(--text-secondary);margin:0 0 1.5rem}.social-links-list{display:flex;flex-direction:column;gap:.75rem}.social-link-row{display:flex;align-items:center;gap:.75rem}.social-link-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;flex-shrink:0;transition:all .2s ease}.social-icon-youtube{background:#ff44441a;color:#f44}.social-icon-x{background:#00000014;color:var(--text-primary)}html.dark .social-icon-x{background:#ffffff1a}.social-icon-discord{background:#5865f21a;color:#5865f2}.social-icon-instagram{background:#e1306c1a;color:#e1306c}.social-icon-tiktok{background:#00000014;color:var(--text-primary)}html.dark .social-icon-tiktok{background:#ffffff1a}.social-icon-twitch{background:#9146ff1a;color:#9146ff}.social-icon-bilibili{background:#00a1d61a;color:#00a1d6}.social-link-input-wrapper{flex:1;display:flex;align-items:center;border-radius:8px;border:1px solid var(--border-color);background:var(--input-bg);transition:all .2s;min-width:0;overflow:hidden}.social-link-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}.social-link-prefix{padding:.6rem 0 .6rem .875rem;color:var(--text-primary);font-size:.9rem;white-space:nowrap;user-select:none;flex-shrink:0}.social-link-input{flex:1;padding:.6rem .875rem .6rem 0;border:none;background:transparent;color:var(--text-primary);font-size:.9rem;min-width:0;outline:none}.social-link-input-wrapper:not(:has(.social-link-prefix)) .social-link-input{padding-left:.875rem}.social-link-input::placeholder{color:var(--text-tertiary)}.change-password-section{background-color:#ffffffb3;backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-top:2rem;transition:all .2s ease-in-out;position:relative;box-shadow:#00000014 1.95px 1.95px 2.6px;z-index:1}html.dark .change-password-section{background-color:#1e293bb3;box-shadow:#0000004d 1.95px 1.95px 2.6px}.change-password-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.change-password-header h3{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-primary)}.change-password-form{display:flex;flex-direction:column;gap:1.5rem}.change-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.change-password-field{display:flex;flex-direction:column;gap:.5rem}.change-password-field label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.change-password-field input{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);font-size:.95rem;transition:all .2s;box-sizing:border-box}.change-password-field input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}.change-password-actions{display:flex;justify-content:flex-end;padding-top:.5rem}.banner-crop-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:1rem}.banner-crop-modal{background:var(--card-bg);border-radius:12px;width:100%;max-width:600px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.banner-crop-header{display:flex;align-items:center;justify-content:space-between}.banner-crop-header h3{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-primary)}.banner-crop-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;display:flex}.banner-crop-close:hover{color:var(--text-primary)}.banner-crop-viewport{position:relative;width:100%;aspect-ratio:16 / 3;overflow:hidden;border-radius:8px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;user-select:none}.banner-crop-image{min-width:100%;min-height:100%;object-fit:cover;pointer-events:none;transition:transform .05s ease-out}.banner-crop-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary)}.banner-crop-slider{flex:1;max-width:250px;height:4px;appearance:none;background:var(--border-color);border-radius:2px;outline:none;cursor:pointer}.banner-crop-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid var(--card-bg);box-shadow:0 1px 3px #0003}.banner-crop-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid var(--card-bg);box-shadow:0 1px 3px #0003}.banner-crop-actions{display:flex;align-items:center;justify-content:space-between}.banner-crop-reset{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 0}.banner-crop-reset:hover{text-decoration:underline}.banner-crop-actions-right{display:flex;gap:.75rem}@media(max-width:1440px){.edit-profile-header{margin-bottom:1.5rem}.edit-profile-header h1{font-size:2rem}.edit-profile-avatar{width:100px;height:100px;min-width:100px;min-height:100px}.edit-profile-avatar-initial{font-size:2.5rem}}@media(max-width:640px){.edit-profile-container{padding:1.5rem}.edit-profile-actions{flex-direction:column-reverse}.edit-profile-actions button,.edit-profile-actions a{width:100%;justify-content:center}.change-password-grid{grid-template-columns:1fr}}.profile-page{min-height:100vh;padding:1rem 0 0;position:relative;width:100%}.profile-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.profile-empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.profile-empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.profile-header-section{position:relative;z-index:1;max-width:var(--container-width);margin:0 auto;padding:0 1.5rem 1.5rem;background:transparent;border-bottom:none!important}.profile-banner{position:relative;height:240px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);overflow:hidden;border-radius:16px;box-shadow:var(--shadow-card-resting)}.profile-banner-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.profile-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,color-mix(in srgb,var(--accent-color),transparent 85%) 0%,transparent 50%),radial-gradient(ellipse at 70% 70%,color-mix(in srgb,var(--accent-color),transparent 90%) 0%,transparent 50%)}.profile-banner.has-image:before{display:none}.profile-banner-overlay{display:none}.profile-banner-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:2}.btn-banner-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#ffffff26;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-banner-icon:hover{background:#ffffff4d;transform:translateY(-1px)}html.dark .btn-banner-icon{background:#0000004d;border-color:#ffffff1a;color:var(--text-primary)}html.dark .btn-banner-icon:hover{background:#00000080}html.dark .profile-banner{background:linear-gradient(135deg,var(--card-bg) 0%,var(--bg-secondary) 50%,var(--card-bg) 100%)}html.dark .profile-banner-overlay{background:linear-gradient(to top,rgba(13,17,23,.8) 0%,transparent 100%)}.profile-header-container{position:relative;margin-top:-70px;padding:0 0 1rem}.profile-header-top{display:flex;align-items:flex-end;gap:1.5rem}.profile-header-content{display:flex;align-items:stretch;justify-content:center;text-align:left;gap:1.5rem}.profile-avatar-container{position:relative;min-height:140px}.profile-avatar,.profile-avatar.user-avatar-placeholder,.profile-avatar.user-avatar--xl{width:140px!important;height:140px!important;border-radius:20px!important;border:4px solid var(--bg-color);box-shadow:var(--shadow-card-resting);background:var(--bg-secondary);object-fit:cover;display:flex!important;align-items:center;justify-content:center}.profile-avatar-badge{display:none}.profile-info-column{width:100%;display:flex;flex-direction:column;padding-top:0;gap:.5rem;min-height:140px;position:relative}.profile-info-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;border:none;min-height:auto;margin-bottom:0}.profile-identity-group{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.profile-identity{display:flex;flex-direction:column;gap:.25rem;justify-content:center;flex-shrink:0}.profile-username{font-size:2rem;font-weight:600;margin:0;color:var(--text-primary);line-height:1.1;letter-spacing:-.01em;display:flex;align-items:center;gap:.4rem;min-height:38px}.profile-verified-badge{flex-shrink:0;margin-top:.1rem}.profile-handle{font-size:1rem;color:var(--text-secondary);margin:0;font-weight:500}.profile-social-links{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.profile-social-links a,.profile-social-icon-btn{text-decoration:none;line-height:0;background:none;border:none;padding:0;cursor:pointer}.profile-social-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;transition:all .2s ease;cursor:pointer}.profile-social-icon:hover{transform:translateY(-2px)}.profile-social-icon.social-icon-youtube{background:#ff44441a;color:var(--brand-youtube)}.profile-social-icon.social-icon-x{background:#00000014;color:var(--text-primary)}html.dark .profile-social-icon.social-icon-x{background:#ffffff1a}.profile-social-icon.social-icon-discord{background:#5865f21a;color:var(--brand-discord)}.profile-social-icon.social-icon-instagram{background:#e1306c1a;color:var(--brand-instagram)}.profile-social-icon.social-icon-tiktok{background:#00000014;color:var(--text-primary)}html.dark .profile-social-icon.social-icon-tiktok{background:#ffffff1a}.profile-social-icon.social-icon-twitch{background:#9146ff1a;color:var(--brand-twitch)}.profile-social-icon.social-icon-bilibili{background:#00a1d61a;color:var(--brand-bilibili)}.profile-actions{display:flex;gap:.75rem;align-items:center;justify-content:flex-end;margin-top:1rem}.profile-name-stats-row{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex:1;min-width:0}.profile-bio-container{position:relative;max-width:100%;margin-top:1rem}.profile-bio{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.profile-bio--measure{position:absolute;visibility:hidden;pointer-events:none;left:0;right:0;top:0}.profile-bio-toggle{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:inherit;font-weight:600;padding:0;white-space:nowrap;line-height:inherit;transition:opacity .2s;display:inline}.profile-bio-toggle:hover{opacity:.8}.profile-header-stats{display:flex;align-items:center;gap:.5rem;padding:0;margin:0}.header-stat-item{display:flex;align-items:center;gap:.5rem;background:var(--card-bg);border:1px solid var(--border-color);padding:.5rem .75rem;border-radius:10px;text-align:left;transition:all .2s ease;box-shadow:var(--shadow-card-resting);white-space:nowrap}html.dark .header-stat-item{background:var(--card-bg)}.header-stat-item.clickable{cursor:pointer}.header-stat-item.clickable:hover{border-color:var(--accent-color);background:var(--card-bg);box-shadow:var(--shadow-card-hover)!important;transform:translateY(-2px);z-index:50}.header-stat-item.clickable:hover .header-stat-value,.header-stat-item.clickable:hover .header-stat-label{color:var(--text-primary)}.header-stat-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background-color:var(--accent-light);color:var(--accent-color);flex-shrink:0}.header-stat-content{display:flex;flex-direction:column;gap:0}.header-stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.2}.header-stat-label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.btn-profile-edit,.btn-profile-analytics,.btn-profile-create{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);line-height:1;min-height:48px;box-sizing:border-box;text-decoration:none;border:none}.btn-profile-edit,.btn-profile-analytics{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:var(--shadow-3d-secondary)}.btn-profile-edit:hover,.btn-profile-analytics:hover{color:var(--text-primary);background-color:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-3d-secondary-hover)}html.dark .btn-profile-edit:hover,html.dark .btn-profile-analytics:hover{box-shadow:var(--shadow-3d-secondary-hover);background-color:#ffffff0d}.btn-profile-create{background-color:var(--accent-color);color:#fff;box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px;min-width:100px}.btn-profile-create:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:#3b82f666 5px 5px,#3b82f64d 8px 8px,#3b82f633 11px 11px}.btn-profile-follow-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--accent-color);cursor:pointer;transition:all .2s ease;margin-left:.5rem;padding:0;box-shadow:var(--shadow-card-resting)}.btn-profile-follow-icon:hover{border-color:var(--accent-color);background:var(--card-bg);box-shadow:var(--shadow-card-hover)!important;transform:translateY(-2px);z-index:50}html.dark .btn-profile-follow-icon{background:var(--card-bg)}.btn-profile-follow-icon.following{color:var(--accent-color)}.btn-profile-follow-icon.following:hover{color:var(--danger-color);border-color:var(--danger-color);background:#ef44440d}.profile-section-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.profile-tabs-container{position:relative;margin-top:2rem;border-bottom:1px solid var(--border-color)}.profile-tabs{display:flex;gap:2rem;justify-content:center;padding:0 1.5rem}.profile-tabs-action{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.tab-btn{background:none;border:none;font-size:1rem;font-weight:500;color:var(--text-secondary);padding:.75rem 0;cursor:pointer;position:relative;transition:color .2s ease;display:inline-flex;align-items:center;gap:.5rem}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-color)}.profile-content-wrapper{width:100%;max-width:var(--container-width);margin:0 auto;padding-bottom:4rem}.profile-tab-content{display:none;padding-top:1.5rem}.profile-tab-content.active{display:block}.profile-posts-section{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.profile-collections-section{max-width:var(--container-width);margin:.75rem auto 0;padding:0 1.5rem}.profile-palettes-section{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.collections-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:.5rem;flex-wrap:wrap}.btn-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-tab-icon:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:translateY(-1px)}.collections-sub-tabs{display:flex;gap:.375rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;padding:.25rem;width:fit-content;max-width:100%;margin:0;overflow:hidden}.collections-sub-tab-btn{background:none;border:none;font-size:.875rem;font-weight:500;color:var(--text-secondary);padding:.45rem .9rem;border-radius:7px;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.collections-sub-tab-btn:hover{color:var(--text-primary)}.collections-sub-tab-btn.active{background:var(--card-bg);color:var(--text-primary);font-weight:600;box-shadow:0 1px 3px #0000001a}.saved-collections-carousel{display:flex;gap:1.25rem;overflow-x:auto;padding-bottom:.75rem;scrollbar-width:thin}.saved-collections-carousel--empty{overflow-x:visible;justify-content:center;width:100%}.profile-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;width:100%}@media(max-width:1440px){.profile-banner{height:200px}.profile-header-container{margin-top:-70px}.profile-avatar,.profile-avatar.user-avatar-placeholder,.profile-avatar.user-avatar--xl{width:120px!important;height:120px!important}.profile-avatar-container,.profile-info-column{min-height:120px}.profile-username{font-size:1.75rem}.profile-handle{font-size:.9375rem}.profile-posts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}}@media(max-width:1024px){.profile-name-stats-row,.profile-header-stats{flex-wrap:wrap}}@media(max-width:768px){.profile-header-top{flex-direction:column;align-items:center;text-align:center;gap:.75rem}.profile-avatar-container{margin-top:-50px}.profile-identity{align-items:center;min-height:auto}.profile-username{font-size:1.5rem}.profile-name-stats-row{flex-direction:column;align-items:center;gap:.75rem}.profile-actions{width:100%;justify-content:center}.profile-bio-container{width:100%;max-width:100%}.profile-header-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%;max-width:320px;margin:0 auto}.header-stat-item{min-width:0;padding:.4rem .75rem;gap:.35rem}.header-stat-icon{width:24px;height:24px;border-radius:6px}.header-stat-value{font-size:.95rem}.header-stat-label{font-size:.7rem}.profile-header-section{padding:0 1rem 1.5rem}.profile-tabs{padding:0 1rem}}@media(max-width:480px){.profile-page{padding-top:.5rem}.profile-banner{height:180px}.profile-avatar{width:100px;height:100px}.profile-tabs{gap:1.5rem}.profile-header-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}.header-stat-icon{width:32px;height:32px}.profile-username{font-size:1.5rem}}.follow-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem;animation:fadeIn .2s ease-out}.follow-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.follow-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.follow-modal-tabs{display:flex;gap:.5rem}.follow-modal-tab{padding:.5rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.follow-modal-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.follow-modal-tab.active{background:var(--accent-color);color:#fff}.follow-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.follow-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.follow-modal-content{flex:1;overflow-y:auto;padding:.5rem 0}.follow-modal-loading{display:flex;align-items:center;justify-content:center;padding:3rem}.follow-modal-empty{text-align:center;padding:3rem 1.5rem;color:var(--text-secondary)}.follow-list{list-style:none;margin:0;padding:0}.follow-list-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;transition:background .2s}.follow-list-item:hover{background:var(--bg-secondary)}.follow-list-user{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;flex:1;min-width:0}.follow-list-avatar{flex-shrink:0}.follow-list-info{display:flex;flex-direction:column;min-width:0}.follow-list-username{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.follow-list-bio{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-header-ad-wrapper,.profile-bottom-ad-wrapper{display:flex;justify-content:center;width:100%;margin:1.5rem 0}.profile-header-ad-wrapper .display-ad{width:100%;max-width:970px;min-height:90px}.profile-bottom-ad-wrapper .display-ad{width:100%;max-width:336px;min-height:250px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:200px}.empty-state-icon{color:var(--text-secondary);margin-bottom:1.5rem;opacity:.6}.empty-state-icon svg{width:48px;height:48px}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.empty-state-description{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.5rem;max-width:400px}.empty-state-action{display:flex;gap:.75rem}.palette-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-card-resting);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}.palette-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--accent-color)}.palette-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.palette-card-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0;aspect-ratio:3 / 2;width:100%;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow:hidden}.palette-card-block{position:relative;overflow:hidden;background:var(--bg-tertiary);min-width:0;min-height:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges}.palette-card-block img{width:calc(100% + 2px);height:calc(100% + 2px);margin:-1px;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;display:block;transition:transform .3s cubic-bezier(.16,1,.3,1)}.palette-card:hover .palette-card-block img{transform:scale(1.06)}.palette-card-content{padding:.875rem 1rem .625rem;display:flex;flex-direction:column;gap:.375rem;flex:1}.palette-card-title{font-family:var(--font-heading);font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;transition:color .2s ease}.palette-card:hover .palette-card-title{color:var(--accent-color)}.palette-card .palette-card-footer-divider{border-top:1px solid var(--border-color);padding-top:.625rem;margin-top:.25rem}.palette-card .palette-card-footer-with-date{justify-content:space-between;gap:.5rem}.palette-card .post-card-author-name,html.dark .palette-card .post-card-author-name{color:var(--text-primary)!important;font-weight:700!important}.palette-card .post-card-author-name:hover,html.dark .palette-card .post-card-author-name:hover{color:var(--accent-color)!important}.palette-card .post-card-meta-row{margin-top:-1px}.palette-card .post-card-author{position:relative;top:-2px}.palette-card .palette-card-stat-btn{background:transparent;border:none;padding:0;cursor:pointer;font:inherit;transition:color .2s ease,transform .2s ease}.palette-card .palette-card-stat-btn.stat-item:hover{color:var(--accent-color);transform:scale(1.1)}.palette-card.post-card-light .palette-card-stat-btn.palette-card-like-btn:hover,html.dark .palette-card.post-card-light .palette-card-stat-btn.palette-card-like-btn:hover{color:var(--danger-color)}.palette-card .palette-card-stat-btn.palette-card-save-btn:hover,.palette-card .palette-card-stat-btn.stat-item.is-saved{color:var(--warning-color)}.palette-card .palette-card-stat-btn.is-saved svg{fill:currentColor}.palette-card.post-card-light .palette-card-stat-btn.palette-card-like-btn.is-liked,html.dark .palette-card.post-card-light .palette-card-stat-btn.palette-card-like-btn.is-liked{color:var(--danger-color)}.palette-card .palette-card-stat-btn.is-liked svg{fill:currentColor}.palette-card .add-to-collection{width:auto;margin-top:0;display:inline-flex;align-items:center}.palette-card .post-card-stats .add-to-collection-trigger.icon-only{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;border:none;border-radius:0;box-shadow:none!important;color:var(--text-secondary);font-size:.75rem;font-weight:inherit;line-height:1;transition:color .2s ease,transform .2s ease}.palette-card .post-card-stats .add-to-collection-trigger.icon-only svg{width:16px;height:16px;stroke-width:1.8px}.palette-card .post-card-stats .add-to-collection-trigger.icon-only:hover{color:var(--warning-color);background:none;border:none;transform:scale(1.1)}.palette-card .post-card-stats .add-to-collection-trigger.icon-only.saved{color:var(--warning-color)}.palette-card-skeleton .palette-card-block{background:var(--skeleton-base, var(--bg-secondary))}.palette-card-skeleton .palette-card-footer{justify-content:flex-start}html.dark .palette-card-block{background:var(--bg-secondary)}.profile-palettes-section .palette-card-preview{aspect-ratio:16 / 9}@media(max-width:768px){.palette-card-content{padding:.75rem .875rem .875rem}.palette-card-title{font-size:.9375rem}.palette-card .post-card-meta-row{flex-direction:column;align-items:flex-start;gap:.25rem}}.palettes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;width:100%;align-content:start;align-items:stretch}@media(max-width:640px){.palettes-grid{grid-template-columns:1fr}}.palettes-grid+.load-more-container{display:flex;justify-content:center;padding:2rem 0}.palettes-filter-sidebar{display:flex;flex-direction:column;gap:1.75rem}.palettes-filter-section{display:flex;flex-direction:column;gap:.75rem}.palettes-filter-heading{font-family:var(--font-heading);font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.palettes-filter-badge-new{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:600;color:var(--accent-color);background:var(--accent-light);padding:.125rem .5rem;border-radius:9999px;border:1px solid var(--accent-color)}.palettes-filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.palettes-block-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.palettes-block-chip:hover{border-color:var(--accent-color);transform:translateY(-1px)}.palettes-block-chip.is-active{background:var(--accent-light);border-color:var(--accent-color);color:var(--accent-color)}.palettes-block-chip-icon{width:1.25rem;height:1.25rem;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;border-radius:.25rem;flex-shrink:0}.palettes-filter-colors{display:flex;flex-wrap:wrap;gap:.5rem}.palettes-color-swatch{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:9999px;font-size:.8125rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .2s ease,border-color .2s ease}.palettes-color-swatch:hover{border-color:var(--accent-color)}.palettes-color-swatch.is-active{border-color:var(--accent-color);background:var(--accent-light)}.palettes-color-swatch-dot{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--border-color);flex-shrink:0}.palettes-color-swatch.is-all .palettes-color-swatch-dot{background:conic-gradient(var(--palette-swatch-red),var(--palette-swatch-orange),var(--palette-swatch-yellow),var(--palette-swatch-green),var(--palette-swatch-blue),var(--palette-swatch-purple),var(--palette-swatch-red))}.palettes-color-swatch-label{white-space:nowrap}.palettes-results-row{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding:0 1.5rem;margin-bottom:1rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.palettes-results-row strong{color:var(--text-primary);font-weight:700}.profile-posts-section .post-card-light .post-card-image,.profile-collections-section .collection-card-preview,.collection-items-grid-wrapper .post-card-light .post-card-image,.collection-items-grid-wrapper .palette-card-preview{height:auto;aspect-ratio:16 / 9}.profile-palettes-section .palette-card-preview{height:auto;aspect-ratio:3 / 2}.profile-posts-section .post-card-title-link,.profile-collections-section .collection-card-title,.profile-palettes-section .palette-card-title,.collection-items-grid-wrapper .post-card-title-link,.collection-items-grid-wrapper .palette-card-title{font-size:1rem;font-weight:600;line-height:1.3}.profile-posts-section .post-card-light .stat-item,.profile-collections-section .collection-card-meta .stat-item,.profile-palettes-section .palette-card .stat-item,.collection-items-grid-wrapper .post-card-light .stat-item,.collection-items-grid-wrapper .palette-card .stat-item{font-size:.8125rem}.profile-posts-section .post-card-date-badge,.profile-palettes-section .palette-card .post-card-date-badge,.collection-items-grid-wrapper .post-card-date-badge{font-size:.75rem}.profile-posts-section .post-card-light .post-card-footer,.collection-items-grid-wrapper .post-card-light .post-card-footer{border-top:1px solid var(--border-color);padding-top:.625rem;margin-top:.5rem}.profile-posts-section .post-card-light .post-card-footer.post-card-footer-with-date,.collection-items-grid-wrapper .post-card-light .post-card-footer.post-card-footer-with-date{justify-content:space-between;gap:.5rem}.profile-posts-section .post-card-light .post-card-footer-with-date .post-card-date-badge,.collection-items-grid-wrapper .post-card-light .post-card-footer-with-date .post-card-date-badge{margin-left:auto;flex-shrink:0}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;width:100%}.collections-grid .ad-card{height:100%;min-height:280px;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.collections-grid .ad-card .grid-ad{width:100%;max-width:100%;overflow:hidden}.collections-grid .display-ad-placeholder{width:100%;border:2px dashed var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:280px}@media(max-width:640px){.collections-grid{grid-template-columns:1fr}}:root{--stat-builds-bg-from: #dbeafe;--stat-builds-bg-to: #eff6ff;--stat-builds-text: #1d4ed8;--stat-builds-border: #bfdbfe;--stat-builds-shadow: rgba(59, 130, 246, .08);--stat-followers-bg-from: #f3e8ff;--stat-followers-bg-to: #faf5ff;--stat-followers-text: #7c3aed;--stat-followers-border: #e9d5ff;--stat-followers-shadow: rgba(139, 92, 246, .08);--stat-followers-header: #8b5cf6;--stat-followers-dark-text: #c4b5fd;--stat-followers-dark-header: #a78bfa;--stat-followers-dark-hover-text: #ddd6fe;--stat-followers-dark-hover-header: #c4b5fd;--stat-downloads-bg-from: #fef3c7;--stat-downloads-bg-to: #fffbeb;--stat-downloads-text: #b45309;--stat-downloads-border: #fde68a;--stat-downloads-shadow: rgba(245, 158, 11, .08);--stat-downloads-header: #d97706;--stat-downloads-dark-text: #fdba74;--stat-downloads-dark-header: #fb923c;--stat-downloads-dark-hover-text: #fed7aa;--stat-downloads-dark-hover-header: #fdba74;--stat-likes-bg-from: #ffe4e6;--stat-likes-bg-to: #fff1f2;--stat-likes-text: #be123c;--stat-likes-border: #fecdd3;--stat-likes-shadow: rgba(244, 63, 94, .08);--stat-likes-header: #e11d48;--stat-likes-dark-text: #fda4af;--stat-likes-dark-header: #fb7185;--stat-likes-dark-hover-text: #fecdd3;--stat-likes-dark-hover-header: #fda4af;--stat-builds-dark-text: #93c5fd;--stat-builds-dark-header: #60a5fa;--stat-builds-dark-hover-text: #bfdbfe;--stat-builds-dark-hover-header: #93c5fd}.creators-page{width:100%;max-width:1400px;margin:0 auto;padding:2rem;min-height:80vh;box-sizing:border-box;position:relative;z-index:1;flex:1}.creators-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 0 2rem;padding:3.5rem 2rem 4.5rem;background:transparent;border:none;width:100%;box-sizing:border-box;box-shadow:none;position:relative}.creators-header h1{font-family:var(--font-heading);font-size:3rem;font-weight:700;margin:0;color:var(--text-primary);line-height:1.2}.creator-title-highlight{background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent-color);margin-left:.5rem}.creators-header p{color:var(--text-secondary);margin:1rem 0 0;font-size:1rem;max-width:500px;position:relative;z-index:2}.creators-toolbar{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 0;background:transparent;border:none;border-radius:0;box-shadow:none;height:auto;min-height:80px;position:relative;top:auto;z-index:5}.creators-toolbar .input-group{flex:1;min-width:0}.search-container{flex:1;min-width:0;width:100%}.sort-container{display:flex;align-items:center;gap:.5rem;flex-shrink:0;width:auto}.sort-label{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.creator-sort-select{min-width:180px;max-width:210px;width:auto}.creators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.creator-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:0;display:flex;flex-direction:column;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:#00000014 1.95px 1.95px 2.6px}html.dark .creator-card{background:var(--card-bg);border-color:var(--border-color);box-shadow:#ffffff1a 1.95px 1.95px 2.6px!important}.creator-card-link{position:absolute;inset:0;z-index:3}.creator-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:#3b82f659 2.5px 2.5px 4px!important}html.dark .creator-card:hover{border-color:var(--accent-color);box-shadow:#3b82f659 2.5px 2.5px 4px!important}.creator-card-banner{height:100px;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.creator-card-banner.placeholder-gradient{background:linear-gradient(135deg,#3b82f633,#8b5cf633)}.creator-card-banner-img{width:100%;height:100%;object-fit:cover;display:block}.creator-card-content{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;flex:1}.creator-card-header{display:flex;align-items:flex-end;gap:.5rem;margin-top:-28px;margin-bottom:.5rem}.creator-card-avatar-container{padding:3px;background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-card-resting);text-decoration:none;flex-shrink:0;position:relative;z-index:2}.creator-card-header .user-avatar,.creator-card-header .user-avatar-placeholder{width:52px!important;height:52px!important;border-radius:10px!important;font-size:1.25rem!important;display:flex!important}.creator-card-identity{flex:1;min-width:0;text-decoration:none;align-self:flex-end}.creator-card-username{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;display:flex;align-items:center;gap:4px}.creator-card-bio-slot{min-height:1.69rem;margin-bottom:.5rem}.creator-card-bio{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-clamp:1;overflow:hidden}.creator-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:auto;width:100%;text-decoration:none;color:inherit}.creator-stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;border-radius:8px;min-width:0;transition:all .2s ease}.creator-stat-item{pointer-events:none}.stat-item-header{display:flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;text-transform:capitalize;margin-bottom:.25rem;min-width:0;overflow:hidden}.stat-item-header span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-item-header svg{opacity:.9;flex-shrink:0}.stat-item-value{font-size:1.1rem;font-weight:700;line-height:1}.stat-builds{background:linear-gradient(135deg,var(--stat-builds-bg-from) 0%,var(--stat-builds-bg-to) 100%);color:var(--stat-builds-text);border:1px solid var(--stat-builds-border);box-shadow:0 1px 4px var(--stat-builds-shadow)}.stat-builds .stat-item-header{color:var(--accent-color)}.stat-followers{background:linear-gradient(135deg,var(--stat-followers-bg-from) 0%,var(--stat-followers-bg-to) 100%);color:var(--stat-followers-text);border:1px solid var(--stat-followers-border);box-shadow:0 1px 4px var(--stat-followers-shadow)}.stat-followers .stat-item-header{color:var(--stat-followers-header)}.stat-downloads{background:linear-gradient(135deg,var(--stat-downloads-bg-from) 0%,var(--stat-downloads-bg-to) 100%);color:var(--stat-downloads-text);border:1px solid var(--stat-downloads-border);box-shadow:0 1px 4px var(--stat-downloads-shadow)}.stat-downloads .stat-item-header{color:var(--stat-downloads-header)}.stat-likes{background:linear-gradient(135deg,var(--stat-likes-bg-from) 0%,var(--stat-likes-bg-to) 100%);color:var(--stat-likes-text);border:1px solid var(--stat-likes-border);box-shadow:0 1px 4px var(--stat-likes-shadow)}.stat-likes .stat-item-header{color:var(--stat-likes-header)}.dark .stat-builds{background:#3b82f614;color:var(--stat-builds-dark-text);border:1px solid rgba(59,130,246,.15);box-shadow:0 1px 4px #3b82f614}.dark .stat-builds .stat-item-header{color:var(--stat-builds-dark-header)}.dark .stat-followers{background:#8b5cf614;color:var(--stat-followers-dark-text);border:1px solid rgba(139,92,246,.15);box-shadow:0 1px 4px #8b5cf614}.dark .stat-followers .stat-item-header{color:var(--stat-followers-dark-header)}.dark .stat-downloads{background:#fb923c14;color:var(--stat-downloads-dark-text);border:1px solid rgba(251,146,60,.15);box-shadow:0 1px 4px #fb923c14}.dark .stat-downloads .stat-item-header{color:var(--stat-downloads-dark-header)}.dark .stat-likes{background:#fb718514;color:var(--stat-likes-dark-text);border:1px solid rgba(251,113,133,.15);box-shadow:0 1px 4px #fb718514}.dark .stat-likes .stat-item-header{color:var(--stat-likes-dark-header)}.creator-card-header .btn-profile-follow-icon{flex-shrink:0;margin-left:0;margin-bottom:-6px;width:30px;height:30px;border-radius:8px;position:relative;z-index:4}.creators-loading{height:200px;display:flex;align-items:center;justify-content:center}.creators-empty{padding:4rem;text-align:center;color:var(--text-secondary)}.load-more-container{display:flex;justify-content:center;padding-bottom:2rem}.load-more-btn{padding:.75rem 2rem;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s}.load-more-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.creator-card-skeleton .creator-card-header{margin-bottom:1.25rem}.creator-avatar-skeleton{width:56px;height:56px;border-radius:14px;flex-shrink:0}.creator-skeleton-info{flex:1;display:flex;flex-direction:column;gap:.5rem}@media(max-width:1440px){.creators-header{padding:2.5rem 1.5rem 3.5rem}.creators-header h1{font-size:2.25rem}.creators-header p{font-size:.9375rem}}@media(max-width:768px){.creators-page{padding:1.5rem 1rem}.creators-header{padding:2rem 1rem 3rem}.creators-header h1{font-size:2.2rem}.creators-toolbar{display:flex;flex-direction:column;align-items:stretch}.sort-container{justify-content:flex-end}.creators-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}}@media(max-width:480px){.creators-page{padding:2rem 1rem 3rem}.creators-header h1{font-size:1.75rem}.creators-empty{padding:2rem}}@media(max-width:400px){.creators-page{padding:1rem}.creator-stats-row{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-box-value{font-size:1.25rem}}.creator-card--compact .creator-card-banner{height:64px}.creator-card--compact .creator-card-header{margin-top:-34px}.creator-card--compact .creator-card-header .user-avatar,.creator-card--compact .creator-card-header .user-avatar-placeholder{width:64px!important;height:64px!important;border-radius:12px!important}.creator-card--compact .creator-card-content{padding:0 1rem 1rem}.versions-list-compact{display:flex;flex-wrap:wrap;gap:.25rem}.version-range-badge,.version-badge{background-color:var(--input-bg);color:var(--text-primary);padding:.1rem .6rem;border-radius:1rem;font-size:.8em;white-space:nowrap;border:1px solid var(--border-color)}.tag-badge{display:inline-block;padding:.2rem .6rem;border-radius:1rem;font-size:.85rem;border:1px solid var(--border-color);background-color:transparent;color:var(--text-primary);white-space:nowrap}.tag-badge--sm{padding:.1rem .4rem;font-size:.75rem}.contributors-row{flex-direction:column;align-items:flex-start;gap:.5rem}.contributors-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.contributor-item{display:flex;align-items:center}.contributor-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-primary);font-weight:500;font-size:.95rem}.contributor-link:hover{color:var(--accent-color)}.contributor-name{display:inline-flex;align-items:center;gap:4px}.contributor-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.author-badge{background-color:var(--input-bg);color:var(--accent-color);font-size:.6rem;padding:.1rem .3rem;border-radius:3px;font-weight:700;text-transform:uppercase;border:1px solid var(--accent-color);margin-left:.25rem}.author-actions-section{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.author-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.btn-edit-post,.btn-new-version,.btn-delete-post{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .75rem;background-color:var(--input-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s;font-size:.85rem;box-sizing:border-box;cursor:pointer}.btn-new-version{width:100%}.btn-edit-post:hover,.btn-new-version:hover{background-color:var(--border-color);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:#3b82f659 2.5px 2.5px 4px}.btn-delete-post:hover{background-color:#ef44441a;border-color:var(--danger-color);color:var(--danger-color);transform:translateY(-2px);box-shadow:#ef444459 2.5px 2.5px 4px}.btn-download-split{display:flex;position:relative;width:100%}.btn-download{padding:.875rem;background-color:var(--accent-color);color:#fff;border:none;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:0}.btn-download-main-action{flex:1;border-radius:8px 0 0 8px;min-width:0}.btn-download-format-toggle{border-radius:0 8px 8px 0;border-left:1px solid rgba(255,255,255,.25);padding:.875rem .625rem;flex:0 0 auto;width:36px}.btn-download-format-toggle:hover:not(:disabled){background-color:var(--accent-hover)}.btn-download-main{display:flex;align-items:center;gap:.5rem}.download-format-menu{position:absolute;top:100%;right:0;margin-top:.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .15));z-index:50;min-width:160px;overflow:hidden}.download-format-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .15s ease}.download-format-option:hover{background:var(--hover-color)}.download-format-option:not(:last-child){border-bottom:1px solid var(--border-color)}.format-beta-badge{margin-left:auto;font-size:.625rem;font-weight:600;letter-spacing:.05em;padding:.125rem .375rem;border-radius:4px;background:rgba(var(--warning-rgb),.15);color:var(--warning-hover);border:1px solid rgba(var(--warning-rgb),.35);line-height:1}html.dark .format-beta-badge{background:rgba(var(--warning-rgb),.12);color:var(--warning-color);border-color:rgba(var(--warning-rgb),.35)}.download-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);animation:download-overlay-fade-in .4s ease-out;overflow:hidden;pointer-events:none}html.dark .download-overlay{background:#0f172a99}@keyframes download-overlay-fade-in{0%{opacity:0}to{opacity:1}}.download-overlay-ripple-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.download-overlay-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:300px;height:300px;border-radius:50%;border:2px solid var(--accent-color);opacity:0;animation:download-ripple-expand 3s ease-out infinite}.download-overlay-ripple:nth-child(2){animation-delay:.8s}.download-overlay-ripple:nth-child(3){animation-delay:1.6s}@keyframes download-ripple-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:.5}to{transform:translate(-50%,-50%) scale(5);opacity:0}}.download-overlay-bg-icon{position:absolute;color:var(--accent-color);opacity:.1;animation:download-bg-drift 4s ease-in-out infinite;z-index:0}@keyframes download-bg-drift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10px,-10px) rotate(3deg)}}.download-overlay-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:download-float 3s ease-in-out infinite}@keyframes download-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.download-overlay-arrow{color:var(--accent-color);animation:download-arrow-bounce 1s ease-in-out infinite}@keyframes download-arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.download-overlay-content h2{margin:0;color:var(--accent-color);font-size:2.2rem;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 10px var(--accent-shadow)}.download-secondary-actions{display:flex;gap:.75rem;margin-top:1rem}.download-secondary-actions .btn-like{flex:1;margin-top:0;border-radius:8px}.download-secondary-actions .add-to-collection{flex:1;margin-top:0}.download-secondary-actions .add-to-collection-trigger{border-radius:8px}.related-posts-list{display:flex;flex-direction:column;gap:.5rem}.related-post-item{display:flex;align-items:center}.related-post-link{color:var(--text-primary);text-decoration:none;font-size:.95rem;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem;background-color:#00000005;border-radius:6px;transition:background-color .2s;width:100%}.related-post-link:hover{background-color:#0000000d}html.dark .related-post-link{background-color:#ffffff08}html.dark .related-post-link:hover{background-color:#ffffff0f}.related-post-title{font-weight:500;color:var(--accent-color);word-break:break-word}.related-post-kind{font-size:.8rem;color:var(--text-secondary)}.author-row{display:flex;align-items:center;gap:.75rem}.author-avatar-link{flex-shrink:0;text-decoration:none}.author-avatar,.author-avatar-placeholder{width:36px;height:36px;border-radius:50%;object-fit:cover}.author-avatar-placeholder{background-color:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center}.author-name{flex:1;font-size:.95rem;font-weight:600;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:4px}.author-name:hover{color:var(--accent-color)}.author-row .btn-follow{padding:.5rem 1rem;font-size:.85rem;min-height:auto;min-width:auto;flex-shrink:0}.author-card-actions{display:flex;gap:.5rem}.btn-view-profile{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1rem;background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s;box-shadow:#00000014 1.95px 1.95px 2.6px}.btn-view-profile:hover{background-color:var(--border-color);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 14px #3b82f640}.btn-view-profile svg{flex-shrink:0}.sidebar-related-builds{display:flex;flex-direction:column;gap:.75rem}.sidebar-related-build-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:var(--input-bg);border-radius:8px;text-decoration:none;color:inherit;transition:all .2s ease;border:1px solid transparent;box-shadow:#00000014 1.95px 1.95px 2.6px}html.dark .sidebar-related-build-row{box-shadow:#ffffff0d 1.95px 1.95px 2.6px}.sidebar-related-build-row:hover{background-color:var(--bg-secondary);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 14px #3b82f640}html.dark .sidebar-related-build-row:hover{background-color:var(--bg-secondary);box-shadow:0 4px 14px #3b82f659}.sidebar-related-build-thumb{flex-shrink:0;width:60px;height:40px;border-radius:6px;overflow:hidden;background-color:var(--bg-tertiary)}.sidebar-related-build-thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}.sidebar-related-build-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:6px;color:var(--text-tertiary)}.sidebar-related-build-details{flex:1;min-width:0}.sidebar-related-build-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sidebar-related-build-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-secondary)}.sidebar-related-build-meta span{display:flex;align-items:center;gap:.25rem}.tag-type-label{font-family:var(--font-body);font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);font-weight:700;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding-bottom:.25rem;margin-bottom:.25rem}.tags-list-grouped{display:flex;flex-direction:column;gap:1rem}.tag-type-group{display:flex;flex-direction:column;gap:.5rem}.tag-type-label{font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);font-weight:700;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding-bottom:.25rem;margin-bottom:.25rem}.tag-categories-list{display:flex;flex-direction:column;gap:.75rem;padding-left:.5rem}.tag-category-group{display:flex;flex-direction:column;gap:.4rem}.tag-category-label{font-size:.8rem;color:var(--text-tertiary);font-weight:600}.tags-row{display:flex;flex-wrap:wrap;gap:.5rem}.post-sidebar-ad{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem;box-shadow:#00000014 1.95px 1.95px 2.6px;min-height:250px;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}html.dark .post-sidebar-ad{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}.post-sidebar-ad.display-ad-placeholder{display:flex;align-items:center;justify-content:center}.post-sidebar-ad.display-ad-placeholder{border:2px dashed var(--border-color);background-color:transparent;box-shadow:none}.post-sidebar-ad .ad-placeholder-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);opacity:.6}.post-sidebar-ad .ad-placeholder-icon{width:32px;height:32px}.post-sidebar-ad .ad-placeholder-text{font-size:.875rem}@media(max-width:900px){.post-sidebar-ad{max-height:280px}}.post-bottom-ad-wrapper{margin:2rem 0;display:flex;justify-content:center;width:100%}.post-bottom-ad-wrapper .display-ad{width:100%;min-height:250px;max-width:970px}.external-links-section,.external-videos{display:flex;flex-direction:column;gap:.75rem}.external-video-embed{display:flex;flex-direction:column;gap:.25rem}.external-video-title{font-size:.85rem;color:var(--text-secondary);font-weight:500}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;background-color:var(--bg-secondary)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px}.external-links-list{display:flex;flex-direction:column;gap:.5rem}.external-link-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--bg-secondary);border-radius:8px;text-decoration:none;color:var(--text-primary);transition:background-color .15s ease}.external-link-item:hover{background-color:var(--bg-tertiary)}.external-link-icon{flex-shrink:0;color:var(--text-secondary)}.external-link-text{flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.external-link-badge{flex-shrink:0;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase}.post-stat-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.post-stat-pills{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;margin-left:auto}.post-stat-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border-radius:8px;font-size:.85rem;font-weight:600;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);line-height:1}.post-stat-pill-value{color:var(--text-primary)}.linked-palette-card{display:flex;flex-direction:column;gap:.6rem;text-decoration:none;color:inherit;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;background:var(--bg-secondary);transition:border-color .2s ease,transform .2s ease}.linked-palette-card:hover{border-color:var(--accent-color)}.linked-palette-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0;aspect-ratio:3 / 2;width:100%;background:var(--bg-tertiary);overflow:hidden}.linked-palette-block{position:relative;overflow:hidden;background:var(--bg-tertiary);min-width:0;min-height:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges}.linked-palette-block img{width:calc(100% + 2px);height:calc(100% + 2px);margin:-1px;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;display:block}.linked-palette-meta{display:flex;flex-direction:column;gap:.2rem;padding:0 .75rem .75rem}.linked-palette-title{font-size:.95rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linked-palette-author{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--text-secondary)}.linked-palette-verified{color:var(--accent-color)}.post-content-wrapper{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin-bottom:1rem;transition:all .3s ease;box-shadow:#00000014 1.95px 1.95px 2.6px}html.dark .post-content-wrapper{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}.post-content-container{position:relative;overflow:hidden;transition:max-height .3s ease}.post-content-container.collapsed{max-height:100px;mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.post-content-container.expanded{max-height:none}.post-content.markdown-body>:first-child{margin-top:0}.show-more-btn{background:none;border:none;padding:0;margin-top:.5rem;font-weight:600;font-size:.9rem;color:var(--text-primary);cursor:pointer}.show-more-btn:hover{text-decoration:underline}.comments-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.comments-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.comments-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.comments-count{color:var(--text-secondary);font-size:.9rem}.login-prompt{margin-bottom:2rem;padding:1rem;background-color:var(--input-bg);border-radius:8px;text-align:center;color:var(--text-secondary)}.login-link{color:var(--accent-color);text-decoration:none}.login-link:hover{text-decoration:underline}.no-comments{text-align:center;color:var(--text-secondary);padding:2rem 0}.comment-form-container{display:flex;gap:1rem;margin-bottom:2rem}.comment-avatar-placeholder{width:40px;height:40px;border-radius:50%;background-color:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;user-select:none}.comment-avatar-link{text-decoration:none;flex-shrink:0}.comment-avatar-link:hover .comment-avatar-img,.comment-avatar-link:hover .comment-avatar-placeholder{opacity:.8}.comment-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-form-wrapper{flex-grow:1;width:100%}.comment-form-box{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s}.comment-form-box.focused{background-color:#4a8fe705;border-color:var(--accent-color)}.comment-textarea{width:100%;background:transparent;border:none;padding:.75rem;color:var(--text-primary);resize:vertical;min-height:44px;font-family:inherit;font-size:.9rem;box-sizing:border-box;resize:none;overflow-y:hidden;line-height:1.5}.comment-form-box.reply-mode{font-size:.9rem}.comment-form-box.reply-mode .comment-textarea{min-height:36px;padding:.5rem .75rem;font-size:.85rem}.comment-textarea:focus{outline:none}.comment-form-footer{display:flex;justify-content:space-between;align-items:center;padding:.5rem}.markdown-hint{font-size:.75rem;color:var(--text-secondary);padding-left:.5rem}.comment-form-actions{display:flex;gap:.5rem;margin-left:auto}.btn-comment-cancel{background:transparent;border:none;color:var(--text-secondary);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-comment-cancel:hover{color:var(--text-primary);background-color:#ffffff1a}.btn-comment-submit{background-color:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:700;cursor:pointer;font-size:.9rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px}.btn-comment-submit:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:#3b82f666 5px 5px,#3b82f64d 8px 8px,#3b82f633 11px 11px}.btn-comment-submit:disabled{opacity:.5;cursor:not-allowed}.error-message{color:var(--danger-color);font-size:.85rem;margin-top:.5rem}.comment-item{display:flex;gap:1rem;margin-bottom:1.5rem}.comment-item.pinned{background-color:#4a8fe70d;margin-left:-1rem;margin-right:-1rem;padding:1rem;border-radius:8px}.comment-content-wrapper{flex-grow:1;min-width:0}.comment-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.comment-author{font-weight:600;font-size:.9rem;color:var(--text-primary);display:inline-flex;align-items:center;gap:4px;text-decoration:none}.comment-author:hover,.comment-author.pinned{color:var(--accent-color)}.comment-time{font-size:.8rem;color:var(--text-secondary)}.pinned-badge{background-color:var(--accent-color);color:#fff;font-size:.65rem;padding:.1rem .4rem;border-radius:4px;font-weight:700;text-transform:uppercase}.author-badge{background-color:transparent;color:var(--accent-color);font-size:.65rem;padding:.1rem .4rem;border-radius:4px;font-weight:700;text-transform:uppercase;margin-left:.5rem;border:1px solid var(--accent-color)}.comment-replies{margin-top:1.5rem}.comment-text{color:var(--text-primary);font-size:.95rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin-bottom:.5rem}.comment-actions{display:flex;gap:1rem;align-items:center}.btn-comment-action{background:transparent;border:none;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;padding:0;transition:color .2s;display:flex;align-items:center;gap:.25rem}.btn-comment-action:hover{color:var(--text-primary)}.btn-comment-action.active{color:var(--accent-color)}.btn-comment-action.like.liked{color:var(--danger-color)}.btn-comment-action.like.liked svg{fill:currentColor;animation:heart-pulse .3s cubic-bezier(.175,.885,.32,1.275)}.btn-comment-action.like:hover{color:var(--danger-color);background-color:#ef44441a;border-radius:4px}@keyframes heart-pulse{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.btn-comment-action.pin.active{color:var(--accent-color)}.btn-comment-action.pin.active svg{fill:currentColor;transform:rotate(45deg);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn-comment-action.pin:hover{color:var(--accent-color);background-color:#4a8fe71a;border-radius:4px}.btn-comment-action.pin svg{transition:transform .3s ease}.btn-comment-action.reply:hover{color:var(--text-primary);background-color:var(--input-bg);border-radius:4px}.reply-form-container{margin-top:1rem;align-items:flex-start}.reply-form-container .comment-avatar-placeholder,.reply-form-container .user-avatar{margin-top:4px}.replies-section{margin-top:.75rem}.btn-toggle-replies{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--accent-color);font-size:.875rem;font-weight:600;cursor:pointer;padding:.5rem .5rem .5rem 0;border-radius:999px;transition:all .2s ease}.btn-toggle-replies:hover{color:var(--accent-hover);background-color:var(--accent-light);padding-left:.75rem}.reply-chevron{transition:transform .2s ease}.reply-chevron.expanded{transform:rotate(180deg)}.toggle-text{line-height:1}.publish-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:transparent;animation:publish-fade-in .4s ease-out;overflow:hidden}.publish-overlay:before{content:"";position:absolute;inset:0;z-index:-1;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);will-change:transform}html.dark .publish-overlay:before{background:#0f172ae6}@keyframes publish-fade-in{0%{opacity:0}to{opacity:1}}.publish-ripple-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.publish-ripple{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(0);width:300px;height:300px;border-radius:50%;border:2px solid var(--accent-color);opacity:0;animation:publish-ripple-expand 3s ease-out infinite;will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}.publish-ripple:nth-child(2){animation-delay:.8s}.publish-ripple:nth-child(3){animation-delay:1.6s}@keyframes publish-ripple-expand{0%{transform:translate3d(-50%,-50%,0) scale(0);opacity:.5}to{transform:translate3d(-50%,-50%,0) scale(5);opacity:0}}.publish-bg-icon{position:absolute;color:var(--accent-color);opacity:.12;animation:fallback-search 4s ease-in-out infinite;z-index:0;will-change:transform,opacity;pointer-events:none}.publish-overlay-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fallback-float 3s ease-in-out infinite;will-change:transform}.publish-overlay-content h2{margin:0;color:var(--accent-color);font-size:2.2rem;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 10px var(--accent-shadow)}.technical-details-container{padding:0;color:var(--text-primary)}.overview-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:#00000014 1.95px 1.95px 2.6px}html.dark .overview-panel{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 1rem}@media(max-width:768px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:1rem .75rem}}@media(max-width:480px){.overview-panel{padding:1rem}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.75rem .5rem}.stat-item{gap:.4rem}.stat-icon-wrapper{width:36px;height:36px;border-radius:8px}.stat-icon-wrapper svg{width:18px;height:18px}.stat-label{font-size:.65rem}.stat-value{font-size:.85rem}}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-tertiary);border-radius:12px;color:var(--accent-color);flex-shrink:0}.stat-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600;margin-bottom:2px}.stat-value{font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.2}.materials-list-section h4{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.materials-list-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.materials-list-header h4{margin:0}.materials-toggle-btn{padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease}.materials-toggle-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.materials-table-container{max-height:500px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.materials-table{width:100%;border-collapse:collapse;font-size:.9rem}.materials-table th{background:var(--bg-tertiary);padding:.75rem 1rem;font-weight:600;color:var(--text-secondary);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.materials-table th:has(.materials-sort-btn){padding:0}.materials-sort-btn{display:inline-flex;align-items:center;gap:.375rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;transition:color .15s ease,background .15s ease}.materials-sort-btn.align-right{justify-content:flex-end}.materials-sort-btn:hover{color:var(--text-primary);background:rgba(var(--accent-color-rgb),.06)}.materials-sort-btn.is-active{color:var(--accent-color)}.materials-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.materials-table tr:last-child td{border-bottom:none}.materials-table tr:hover td{background:rgba(var(--accent-color-rgb),.05)}.material-name-cell{font-weight:500}.material-count-cell{text-align:right;font-family:monospace;font-weight:600}.count-badge{background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;color:var(--text-primary);font-size:.85rem}.technical-details-loading{display:flex;align-items:center;gap:1rem;padding:3rem;justify-content:center;color:var(--text-secondary)}.technical-details-error{text-align:center;padding:2rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.lang-tabs-bar{display:flex;align-items:flex-end;gap:0;margin-bottom:1.5rem;position:relative;z-index:50;border-bottom:1px solid var(--border-color)}.lang-tabs-scroll{display:flex;align-items:flex-end;gap:0;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}.lang-tabs-scroll::-webkit-scrollbar{display:none}.lang-tab{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .2s ease,border-color .3s ease;position:relative;flex-shrink:0}.lang-tab:hover{color:var(--accent-color);border-bottom-color:var(--accent-color)}.lang-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:600}.lang-tab-flag{width:20px;height:20px;border-radius:50%;flex-shrink:0}.lang-tab-name{font-family:var(--font-body)}.lang-tab-base-wrapper{position:relative;flex-shrink:0;z-index:200}.lang-tab-base{padding-right:.5rem}.lang-tab-chevron{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;color:var(--text-tertiary);transition:all .15s ease;margin-left:.1rem}.lang-tab:hover .lang-tab-chevron,.lang-tab.active .lang-tab-chevron{color:var(--accent-color)}.lang-tab-chevron:hover{background:var(--accent-light)}.lang-tabs-dropdown-base{left:0;right:auto}.lang-tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;color:var(--text-tertiary);transition:all .15s ease;margin-left:.15rem;opacity:0}.lang-tab:hover .lang-tab-close{opacity:1}.lang-tab-close:hover{background:var(--danger-color);color:#fff}.lang-tabs-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;cursor:pointer;flex-shrink:0;align-self:center;transition:all .15s ease}.lang-tabs-arrow:hover{background:var(--accent-light);color:var(--accent-color)}.lang-tabs-add{position:relative;flex-shrink:0;margin-left:.5rem;align-self:center}.lang-tabs-add-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px dashed var(--border-color);background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease}.lang-tabs-add-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--accent-light)}.lang-tabs-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;max-height:400px;overflow-y:auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:var(--z-fixed);padding:.5rem;animation:selectSlideDown .2s ease-out;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.lang-tabs-dropdown::-webkit-scrollbar{width:6px}.lang-tabs-dropdown::-webkit-scrollbar-track{background:transparent}.lang-tabs-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.lang-tabs-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.lang-tabs-dropdown-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem 1rem;background:transparent;border:none;border-left:2px solid transparent;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .15s ease;text-align:left}.lang-tabs-dropdown-item:hover{background-color:var(--input-bg);padding-left:1.25rem;border-left-color:var(--accent-color)}.ai-translate-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-top:.75rem;margin-bottom:.75rem;background:linear-gradient(135deg,var(--accent-color),var(--info-color));color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.ai-translate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.ai-translate-btn:disabled{opacity:.4;cursor:not-allowed}.tag-selector{display:flex;flex-direction:column;gap:1.5rem}.tag-selector .row{display:flex;gap:1rem;align-items:flex-start}.tag-select-container{flex:1}.selected-items-display{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.selected-group{display:flex;align-items:center;gap:1rem}.selected-group-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);width:120px;text-transform:uppercase;flex-shrink:0}.selected-chips-row{display:flex;flex-wrap:wrap;gap:.5rem}.info-chip{font-size:.85rem;padding:.25rem .6rem;border-radius:4px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);font-weight:500;text-transform:capitalize}.tag-chip{background-color:var(--bg-secondary);color:var(--text-primary);padding:.3rem .8rem;border-radius:20px;border:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;text-transform:capitalize}.tag-chip button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;line-height:1;padding:0;display:flex;align-items:center;transition:color .2s}.tag-chip button:hover{color:var(--danger-color)}.btn-ai-suggest{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--accent-color),var(--info-color));color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);align-self:flex-start}.btn-ai-suggest:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.btn-ai-suggest:disabled{opacity:.4;cursor:not-allowed}.ai-suggestions{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px;border:1px solid rgba(139,92,246,.3)}.ai-suggestions-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem}.ai-suggestions-chips{display:flex;flex-wrap:wrap;gap:.5rem}.ai-suggestion-chip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.35rem .7rem;border-radius:6px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;text-transform:capitalize;transition:all .2s ease}.ai-suggestion-chip:hover{border-color:var(--accent-color);transform:translateY(-1px)}.ai-suggestion-path{font-size:.7rem;color:var(--text-secondary);font-weight:400;text-transform:none}@media(max-width:768px){.tag-selector .row{flex-direction:column;gap:.75rem}.selected-group{flex-direction:column;align-items:flex-start;gap:.25rem}.selected-group-label{width:auto}}.contributor-search{position:relative;z-index:var(--z-fixed)}.contributor-search-row{display:flex;gap:.5rem}.contributor-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-top:.25rem;max-height:200px;overflow-y:auto;z-index:var(--z-fixed);box-shadow:0 4px 6px #0000001a}.contributor-dropdown-item{padding:.75rem;cursor:pointer;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem}.contributor-dropdown-item:hover{background-color:var(--input-bg)}.contributor-dropdown-item:last-child{border-bottom:none}.contributor-avatar-sm{width:24px;height:24px;border-radius:50%;object-fit:cover}.contributor-avatar-md{width:28px;height:28px;border-radius:50%;object-fit:cover}.contributor-avatar-placeholder{width:28px;height:28px;border-radius:50%;background-color:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.contributor-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.contributor-item{display:flex;align-items:center;gap:1rem;border:1px solid var(--border-color);padding:.75rem 1rem;border-radius:8px;flex-wrap:wrap;background:var(--card-bg)}.contributor-divider{height:1px;border-top:1px dashed var(--border-color);margin:1rem 0 .5rem;width:100%}.contributor-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:150px}.contributor-name{color:var(--text-primary)}.contributor-name.is-author{font-weight:700}.contributor-author-badge{background-color:var(--input-bg);color:var(--accent-color);font-size:.6rem;padding:.1rem .3rem;border-radius:3px;font-weight:700;text-transform:uppercase;border:1px solid var(--accent-color);margin-left:.25rem}.contributor-percentage{display:flex;align-items:center;gap:.75rem;flex:2}.contributor-percentage label{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;line-height:1;display:inline;margin-bottom:0}.contributor-range{flex:1;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.contributor-range:disabled{cursor:not-allowed}.contributor-range:focus{outline:none}.contributor-range::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--border-color);border-radius:3px;border:none}.contributor-range::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--accent-color);margin-top:-5px;border:2px solid var(--card-bg);box-shadow:0 1px 3px #0000004d;transition:transform .1s}.contributor-range:focus::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 0 0 3px var(--accent-light)}.contributor-percentage-input{display:flex;align-items:center;gap:4px}.contributor-percentage-input input{width:50px;padding:.25rem .5rem;text-align:center}.contributor-remove-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:2px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.contributor-remove-btn:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.contributor-remove-btn:disabled{background:transparent;border-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:.5}.contributor-total{text-align:right;font-size:.9rem;color:var(--text-secondary)}.contributor-dropdown-loading,.contributor-dropdown-empty{padding:.75rem 1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.related-post-selected{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-sm);transition:all .2s ease}.related-post-selected:hover{border-color:var(--accent-light)}.related-post-badge{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem .6rem;min-width:80px;border-radius:6px;font-size:.8rem;font-weight:500;white-space:nowrap;background:var(--hover-color);color:var(--text-secondary)}.related-post-selected-info{flex:1;min-width:200px}.related-post-selected-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.35rem}.related-post-title-display{padding:.25rem .5rem;min-height:36px;display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.95rem;font-weight:500;width:100%;box-sizing:border-box}.related-post-slug{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:.5rem;min-height:1.2em}.related-post-remove-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:2px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.related-post-remove-btn:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.related-post-kind-section{margin-top:1rem}.related-post-kind-options{display:flex;gap:1rem}.related-post-kind-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.related-post-search-container{position:relative;margin-top:.75rem}.related-post-search-row{display:flex;gap:.5rem}.related-post-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;max-height:200px;overflow-y:auto;z-index:10;margin-top:.5rem;box-shadow:0 4px 12px #00000080}.related-post-result{padding:.75rem;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .2s}.related-post-result:last-child{border-bottom:none}.related-post-result:hover{background:var(--hover-color)}.related-post-result-title{font-weight:700}.related-post-result-slug{font-size:.8rem;color:var(--text-secondary)}.related-post-loading,.related-post-empty{padding:.75rem 1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.related-search .helper-text{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem}.palette-link-thumbs{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:0;flex-shrink:0;overflow:hidden;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-tertiary)}.palette-link-thumbs-md{width:72px;height:48px}.palette-link-thumbs-sm{width:48px;height:32px}.palette-link-thumb{position:relative;overflow:hidden;background:var(--bg-tertiary);min-width:0;min-height:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges}.palette-link-thumb img{width:calc(100% + 2px);height:calc(100% + 2px);margin:-1px;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;display:block}.palette-link-result{display:flex;align-items:center;gap:.75rem}.palette-link-result-text{flex:1;min-width:0}.palette-link-selected-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.related-post-list{display:flex;flex-direction:column;gap:.75rem}.related-post-kind-inline{gap:.75rem;flex-wrap:wrap}.related-post-counter{margin-left:.5rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.related-post-result.is-disabled{opacity:.45;cursor:not-allowed}.related-post-result.is-disabled:hover{background:transparent}.external-links-editor{display:flex;flex-direction:column;gap:1rem}.external-links-list{display:flex;flex-direction:column;gap:.75rem}.external-link-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-sm);transition:all .2s ease}.external-link-item:hover{border-color:var(--accent-light)}.external-link-drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);opacity:.5;cursor:grab;padding:.25rem;transition:opacity .2s ease,color .2s ease}.external-link-drag-handle:hover{opacity:1;color:var(--text-primary)}.external-link-drag-handle:active{cursor:grabbing}.external-link-item.dragging{opacity:.5;background:var(--card-bg);border:1px dashed var(--accent-color)}.external-link-type-badge{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem .6rem;width:105px;border-radius:6px;font-size:.8rem;font-weight:500;white-space:nowrap;background:var(--hover-color);color:var(--text-secondary)}.external-link-type-badge[data-type=youtube]{background:#ff000026;color:var(--brand-youtube)}.external-link-type-badge[data-type=bilibili]{background:#00a1d626;color:var(--brand-bilibili)}.external-link-type-badge[data-type=instagram]{background:#e1306c26;color:var(--brand-instagram)}.external-link-type-badge[data-type=tiktok]{background:#64646426;color:var(--text-primary)}.external-link-content{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.35rem}.external-link-title-input{padding:.25rem .5rem;height:36px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-primary);font-size:.95rem;font-weight:500;transition:all .2s ease;width:100%;box-sizing:border-box}.external-link-title-input:focus{outline:none;background:var(--bg-primary);border-color:var(--border-color)}.external-link-title-input:hover:not(:focus){background:#ffffff0d}html.dark .external-link-title-input:hover:not(:focus){background:#0000001a}.external-link-title-input::placeholder{color:var(--text-secondary);font-weight:400}.external-link-url{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:.5rem;min-height:1.2em}.external-link-type-select{display:none}.external-link-remove-btn{display:flex;align-items:center;justify-content:center;align-self:flex-start;width:40px;height:40px;padding:0;background:transparent;border:2px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.external-link-remove-btn:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.external-link-add-form{padding-bottom:1.5rem}.external-link-add-form:has(+.external-links-list){margin-bottom:1.5rem;border-bottom:1px dashed var(--border-color)}.external-link-add-form .form-row{display:flex;gap:1rem;align-items:flex-start;margin-bottom:.5rem}.external-link-add-form .input-group :is(input:focus,input:not(:placeholder-shown))~label{background-color:var(--card-bg)}.external-link-add-form .input-group{min-width:0}.external-link-add-form .main-row .url-input-group{flex:1}.external-link-add-form .secondary-row{margin-top:1.25rem}.external-link-add-form .secondary-row .title-input-group{flex:1;width:100%}.external-link-add-form .actions-row{justify-content:flex-end;margin-top:.5rem}.external-link-add-form .type-select-wrapper{flex-shrink:0;min-width:130px}.external-link-add-form .type-select-wrapper .select-container{width:100%}.external-link-add-form .type-select-wrapper .select-container label{display:none}.external-link-add-form .type-select-wrapper .select-trigger{height:48px;min-height:48px;padding:0 1rem}.external-link-add-form .type-select-wrapper .select-dropdown{min-width:130px}.external-link-add-form .add-link-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;height:48px;padding:0 1rem;white-space:nowrap;flex-shrink:0;min-width:fit-content}.external-link-add-form .input-group.has-error input{border-color:var(--danger-color)!important}.external-link-add-form .input-group.has-error input:focus{box-shadow:0 0 0 3px #ef444433!important}.external-link-add-form .input-group.has-error label{color:var(--danger-color)!important}.external-link-add-form .input-error-text{display:block;margin-top:.35rem;margin-left:.5rem;font-size:.75rem;color:var(--danger-color);line-height:1.3}.external-link-add-form .input-group{position:relative;padding-bottom:0}.external-links-editor .helper-text{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}@media(max-width:768px){.external-link-item{flex-wrap:wrap;gap:.75rem}.external-link-order-controls{flex-direction:row}.external-link-content{width:100%;min-width:100%;order:3}.external-link-add-form .form-row{flex-wrap:wrap;gap:1rem}.external-link-add-form .input-group{flex:1 1 100%}.external-link-add-form .type-select-wrapper{flex:1;min-width:0}.external-link-add-form .add-link-btn{flex:1}}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:0 0}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:0 0}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;inset:-50px 0 0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:#ff96004d}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:0;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none;outline:0}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;inset:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:0 0}.EasyMDEContainer{display:block}.CodeMirror-rtl pre{direction:rtl}.EasyMDEContainer.sided--no-fullscreen{display:flex;flex-direction:row;flex-wrap:wrap}.EasyMDEContainer .CodeMirror{box-sizing:border-box;height:auto;border:1px solid #ced4da;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:10px;font:inherit;z-index:0;word-wrap:break-word}.EasyMDEContainer .CodeMirror-scroll{cursor:text}.EasyMDEContainer .CodeMirror-fullscreen{background:#fff;position:fixed!important;inset:50px 0 0;height:auto;z-index:8;border-right:none!important;border-bottom-right-radius:0!important}.EasyMDEContainer .CodeMirror-sided{width:50%!important}.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided{border-right:none!important;border-bottom-right-radius:0;position:relative;flex:1 1 auto}.EasyMDEContainer .CodeMirror-placeholder{opacity:.5}.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected{background:#d9d9d9}.editor-toolbar{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:9px 10px;border-top:1px solid #ced4da;border-left:1px solid #ced4da;border-right:1px solid #ced4da;border-top-left-radius:4px;border-top-right-radius:4px}.editor-toolbar.fullscreen{width:100%;height:50px;padding-top:10px;padding-bottom:10px;box-sizing:border-box;background:#fff;border:0;position:fixed;top:0;left:0;opacity:1;z-index:9}.editor-toolbar.fullscreen:before{width:20px;height:50px;background:-moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,#fff 0,#fff0);position:fixed;top:0;left:0;margin:0;padding:0}.editor-toolbar.fullscreen:after{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:linear-gradient(to right,#fff0 0,#fff);position:fixed;top:0;right:0;margin:0;padding:0}.EasyMDEContainer.sided--no-fullscreen .editor-toolbar{width:100%}.editor-toolbar .easymde-dropdown,.editor-toolbar button{background:0 0;display:inline-block;text-align:center;text-decoration:none!important;height:30px;margin:0;padding:0;border:1px solid transparent;border-radius:3px;cursor:pointer}.editor-toolbar button{font-weight:700;min-width:30px;padding:0 6px;white-space:nowrap}.editor-toolbar button.active,.editor-toolbar button:hover{background:#fcfcfc;border-color:#95a5a6}.editor-toolbar i.separator{display:inline-block;width:0;border-left:1px solid #d9d9d9;border-right:1px solid #fff;color:transparent;text-indent:-10px;margin:0 6px}.editor-toolbar button:after{font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:65%;vertical-align:text-bottom;position:relative;top:2px}.editor-toolbar button.heading-1:after{content:"1"}.editor-toolbar button.heading-2:after{content:"2"}.editor-toolbar button.heading-3:after{content:"3"}.editor-toolbar button.heading-bigger:after{content:"▲"}.editor-toolbar button.heading-smaller:after{content:"▼"}.editor-toolbar.disabled-for-preview button:not(.no-disable){opacity:.6;pointer-events:none}@media only screen and (max-width:700px){.editor-toolbar i.no-mobile{display:none}}.editor-statusbar{padding:8px 10px;font-size:12px;color:#959694;text-align:right}.EasyMDEContainer.sided--no-fullscreen .editor-statusbar{width:100%}.editor-statusbar span{display:inline-block;min-width:4em;margin-left:1em}.editor-statusbar .lines:before{content:"lines: "}.editor-statusbar .words:before{content:"words: "}.editor-statusbar .characters:before{content:"characters: "}.editor-preview-full{position:absolute;width:100%;height:100%;top:0;left:0;z-index:7;overflow:auto;display:none;box-sizing:border-box}.editor-preview-side{position:fixed;bottom:0;width:50%;top:50px;right:0;z-index:9;overflow:auto;display:none;box-sizing:border-box;border:1px solid #ddd;word-wrap:break-word}.editor-preview-active-side{display:block}.EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side{flex:1 1 auto;height:auto;position:static}.editor-preview-active{display:block}.editor-preview{padding:10px;background:#fafafa}.editor-preview>p{margin-top:0}.editor-preview pre{background:#eee;margin-bottom:10px}.editor-preview table td,.editor-preview table th{border:1px solid #ddd;padding:5px}.cm-s-easymde .cm-tag{color:#63a35c}.cm-s-easymde .cm-attribute{color:#795da3}.cm-s-easymde .cm-string{color:#183691}.cm-s-easymde .cm-header-1{font-size:calc(1.375rem + 1.5vw)}.cm-s-easymde .cm-header-2{font-size:calc(1.325rem + .9vw)}.cm-s-easymde .cm-header-3{font-size:calc(1.3rem + .6vw)}.cm-s-easymde .cm-header-4{font-size:calc(1.275rem + .3vw)}.cm-s-easymde .cm-header-5{font-size:1.25rem}.cm-s-easymde .cm-header-6{font-size:1rem}.cm-s-easymde .cm-header-1,.cm-s-easymde .cm-header-2,.cm-s-easymde .cm-header-3,.cm-s-easymde .cm-header-4,.cm-s-easymde .cm-header-5,.cm-s-easymde .cm-header-6{margin-bottom:.5rem;line-height:1.2}.cm-s-easymde .cm-comment{background:#0000000d;border-radius:2px}.cm-s-easymde .cm-link{color:#7f8c8d}.cm-s-easymde .cm-url{color:#aab2b3}.cm-s-easymde .cm-quote{color:#7f8c8d;font-style:italic}.editor-toolbar .easymde-dropdown{position:relative;background:linear-gradient(to bottom right,#fff 0 84%,#333 50% 100%);border-radius:0;border:1px solid #fff}.editor-toolbar .easymde-dropdown:hover{background:linear-gradient(to bottom right,#fff 0 84%,#333 50% 100%)}.easymde-dropdown-content{display:block;visibility:hidden;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px #0003;padding:8px;z-index:2;top:30px}.easymde-dropdown:active .easymde-dropdown-content,.easymde-dropdown:focus .easymde-dropdown-content,.easymde-dropdown:focus-within .easymde-dropdown-content{visibility:visible}.easymde-dropdown-content button{display:block}span[data-img-src]:after{content:"";background-image:var(--bg-image);display:block;max-height:100%;max-width:100%;background-size:contain;height:0;padding-top:var(--height);width:var(--width);background-repeat:no-repeat}.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:#ff000026}.minecraft-version-selector{display:flex;flex-direction:column;gap:1rem}.minecraft-version-selector .tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color)}.minecraft-version-selector .tab{background:none;border:none;padding:.5rem 1rem;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent}.minecraft-version-selector .tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.minecraft-version-selector .snapshot-toggle{font-size:.9rem;color:var(--text-secondary)}.minecraft-version-selector .input-group{position:relative}.minecraft-version-selector .version-search{position:relative;z-index:10}.minecraft-version-selector .dropdown-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;max-height:250px;overflow-y:auto;z-index:var(--z-fixed);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:selectSlideDown .2s ease-out;padding:.5rem}@keyframes selectSlideDown{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.minecraft-version-selector .dropdown-item{padding:.6rem 1rem;cursor:pointer;color:var(--text-primary);font-size:.9rem;transition:all .15s ease;border-left:2px solid transparent;background-color:transparent}.minecraft-version-selector .dropdown-item:hover{background-color:var(--input-bg);padding-left:1.25rem;border-left-color:var(--accent-color)}.minecraft-version-selector .loading{padding:.5rem;text-align:center;color:var(--text-secondary)}.minecraft-version-selector .range-inputs{display:flex;gap:1rem;align-items:center;position:relative;z-index:10}.minecraft-version-selector .range-inputs .version-search{flex:1}.minecraft-version-selector .btn-add-range{padding:.75rem 1rem;background:var(--accent-color);color:#fff;border:none;border-radius:.5rem;cursor:pointer;height:48px;white-space:nowrap;font-weight:600;flex-shrink:0;margin-bottom:10px;box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px,#3b82f60d 12px 12px,#3b82f605 15px 15px;transition:all .3s cubic-bezier(.16,1,.3,1)}.minecraft-version-selector .btn-add-range:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:#3b82f666 5px 5px,#3b82f64d 8px 8px,#3b82f633 11px 11px,#3b82f61a 14px 14px,#3b82f60d 17px 17px}.minecraft-version-selector .btn-add-range:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.minecraft-version-selector .selected-versions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.minecraft-version-selector .version-chip{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-secondary);color:var(--text-primary);padding:.25rem .75rem;border-radius:1rem;font-size:.9rem;border:1px solid var(--border-color)}.minecraft-version-selector .version-chip button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;padding:0}.minecraft-version-selector .version-chip button:hover{color:var(--danger-color)}.claim-page{max-width:var(--container-width);margin:0 auto;padding:3rem 1.5rem;flex:1;width:100%;box-sizing:border-box;font-family:inherit}.claim-header{text-align:center;margin-bottom:4rem}.claim-header h1{font-family:var(--font-heading);color:var(--text-primary);font-size:2.5rem;font-weight:600;margin:0 0 1rem}.claim-highlight{color:var(--accent-color);background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.claim-header .subtitle{color:var(--text-secondary);font-size:1.2rem;line-height:1.6;max-width:800px;margin:0 auto}.claim-section{margin-bottom:5rem}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem 1.5rem;height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;box-shadow:#00000014 1.95px 1.95px 2.6px}html.dark .feature-card{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}.feature-icon-wrapper{width:42px;height:42px;border-radius:8px;background-color:var(--accent-light);color:var(--accent-color);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.feature-card h3{color:var(--text-primary);font-size:1.15rem;font-weight:600;margin:0 0 .75rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.cta-section{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:3rem;text-align:center;margin-bottom:5rem;box-shadow:#00000014 1.95px 1.95px 2.6px}html.dark .cta-section{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}.cta-buttons{display:flex;justify-content:center;gap:1rem}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s ease}.cta-button.primary{background-color:var(--accent-color);color:#fff;box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px}.cta-button.primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:#3b82f666 5px 5px,#3b82f64d 8px 8px,#3b82f633 11px 11px}.cta-button.secondary{background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-3d-secondary)}.cta-button.secondary:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-3d-secondary-hover)}html.dark .cta-button.secondary:hover{box-shadow:var(--shadow-3d-secondary-hover);background:#ffffff0d}@media(max-width:1440px){.claim-header{margin-bottom:3rem}.claim-header h1{font-size:2rem}.claim-header .subtitle{font-size:1rem}.claim-section{margin-bottom:3.5rem}}@media(max-width:768px){.claim-page{padding:1.5rem 1rem}.claim-header h1{font-size:2rem}.features-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.cta-button{width:100%;text-align:center}}.cpal-step-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0 0 1.5rem;line-height:1.5}.cpal-blocks-layout{display:flex;flex-direction:column;gap:1.25rem}.cpal-catalog-body{display:flex;flex-direction:column;gap:.875rem;min-width:0}.cpal-slots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.625rem;width:100%;max-width:420px;aspect-ratio:3 / 2;margin:0 auto}.cpal-slot{position:relative;min-width:0;min-height:0;border-radius:12px;border:2px dashed var(--border-color);background:var(--bg-secondary);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none}.cpal-slot.is-empty:hover,.cpal-slot.is-empty:focus-visible{border-color:var(--accent-color);background:var(--accent-light);outline:none}.cpal-slot.is-active{border-style:solid;border-color:var(--accent-color);background:var(--accent-light);box-shadow:0 0 0 3px var(--accent-light)}.cpal-slot.is-filled{border-style:solid;border-color:var(--border-color);background:var(--bg-tertiary);cursor:grab}.cpal-slot.is-filled:hover{border-color:var(--accent-color);transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}.cpal-slot.is-filled:active{cursor:grabbing}.cpal-slot.is-dragging{opacity:.5}.cpal-slot-number{font-size:1.25rem;font-weight:700;color:var(--text-tertiary);font-family:var(--font-heading);position:absolute;top:.375rem;left:.5rem;line-height:1;opacity:.6}.cpal-slot-plus{color:var(--text-tertiary);transition:color .2s ease,transform .2s ease}.cpal-slot.is-empty:hover .cpal-slot-plus,.cpal-slot.is-active .cpal-slot-plus{color:var(--accent-color);transform:scale(1.1)}.cpal-slot-texture{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;display:block;pointer-events:none}.cpal-slot-drag-handle{position:absolute;top:.375rem;left:.375rem;width:22px;height:22px;border-radius:6px;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;pointer-events:none}.cpal-slot.is-filled:hover .cpal-slot-drag-handle{opacity:1}.cpal-slot-remove{position:absolute;top:.375rem;right:.375rem;width:22px;height:22px;border-radius:50%;border:none;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease,background .2s ease,transform .2s ease;padding:0}.cpal-slot.is-filled:hover .cpal-slot-remove,.cpal-slot-remove:focus-visible{opacity:1}.cpal-slot-remove:hover{background:var(--danger-color);transform:scale(1.1)}.cpal-slot-name{position:absolute;left:0;right:0;bottom:0;padding:.4rem .5rem .375rem;font-size:.7rem;font-weight:600;color:#fff;text-align:center;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.cpal-slots-status{display:flex;align-items:center;gap:.875rem;min-height:2.5rem;flex-wrap:wrap}.cpal-counter-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border:1px solid var(--accent-color);border-radius:999px;background:var(--accent-light);color:var(--accent-color);font-size:.875rem;font-weight:700;font-family:var(--font-heading);letter-spacing:-.01em;white-space:nowrap}.cpal-counter-pill.is-complete{background:var(--accent-color);color:#fff}.cpal-how-it-works{flex:1;min-width:0;margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.cpal-clear-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease}.cpal-clear-btn:hover:not(:disabled){border-color:var(--danger-color);color:var(--danger-color);transform:translateY(-1px)}.cpal-clear-btn:disabled{opacity:.4;cursor:not-allowed}.cpal-catalog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;min-width:0;min-height:2.5rem}.cpal-catalog-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.cpal-catalog-controls{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-end;min-width:0}.cpal-catalog-controls .select-container{min-width:140px;max-width:180px}.cpal-search-wrapper{position:relative;flex:1;max-width:260px;min-width:180px}.cpal-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.create-palette-page .cpal-search-input{width:100%;height:48px;padding:0 .75rem 0 2.25rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;color:var(--text-primary);background-color:var(--input-bg)!important;transition:border-color .2s ease,box-shadow .2s ease}html.dark .create-palette-page .cpal-search-input{background-color:var(--bg-color)!important}.create-palette-page .cpal-search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}.cpal-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,4rem);grid-auto-rows:4rem;justify-content:start;align-content:start;gap:.3rem;padding:.25rem;min-height:8.8rem}@media(max-width:900px){.cpal-catalog-grid{grid-template-columns:repeat(auto-fill,3.5rem);grid-auto-rows:3.5rem;min-height:7.8rem}}@media(max-width:560px){.cpal-catalog-grid{grid-template-columns:repeat(auto-fill,3.25rem);grid-auto-rows:3.25rem;min-height:7.3rem}}.cpal-catalog-block{position:relative;aspect-ratio:1 / 1;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);padding:0;cursor:pointer;overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.cpal-catalog-block:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-card-hover);z-index:2}.cpal-catalog-block.is-in-use{border-color:var(--accent-color)}.cpal-catalog-block-texture{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;display:block}.cpal-catalog-block-check{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d}.cpal-catalog-block-name{position:absolute;left:0;right:0;bottom:0;padding:.25rem .375rem;font-size:.65rem;font-weight:600;color:#fff;text-align:center;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.cpal-catalog-block:hover .cpal-catalog-block-name{opacity:1}.cpal-catalog-empty{margin:0}.cpal-filter-chips{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.cpal-filter-chip{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:28px;padding:0;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-secondary);cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease,background .15s ease}.cpal-filter-chip:hover{border-color:var(--accent-color);transform:translateY(-1px)}.cpal-filter-chip.is-selected{border-color:var(--accent-color);background:var(--accent-light);box-shadow:0 0 0 2px var(--accent-light)}.cpal-filter-chip.is-all{padding:0 .75rem}.cpal-filter-chip-label{font-size:.75rem;font-weight:600;color:var(--text-primary);line-height:1}.cpal-filter-chip-dot{display:block;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--card-bg);box-shadow:0 1px 2px #0003}.cpal-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:.25rem}.cpal-page-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.cpal-page-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px)}.cpal-page-btn:disabled{opacity:.4;cursor:not-allowed}.cpal-page-indicator{font-size:.8125rem;font-weight:600;color:var(--text-secondary);min-width:6rem;text-align:center}.create-palette-page .form-group{margin-bottom:1.25rem}.create-palette-page .form-group:last-child{margin-bottom:0}.create-palette-page .form-group label{font-weight:500;margin-bottom:.5rem;color:var(--text-secondary);display:block;font-size:.875rem}.create-palette-page .cp-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;color:var(--text-primary);font-family:inherit}.create-palette-page .cpal-description{resize:vertical;min-height:96px;line-height:1.5}.cpal-color-filter{display:flex;flex-wrap:wrap;gap:.375rem;padding:.75rem 0 1rem}.cpal-color-filter-chip{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;border:2px solid var(--border-color);border-radius:999px;background:var(--bg-secondary);cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease;font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.cpal-color-filter-chip:hover{border-color:var(--accent-color);transform:translateY(-1px)}.cpal-color-filter-chip.is-active{border-color:var(--accent-color);color:var(--accent-color)}.cpal-color-filter-chip.is-all{padding:0 .75rem}.cpal-color-filter-swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.cpal-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem}.cpal-color-swatch{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem .5rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.cpal-color-swatch:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.cpal-color-swatch.is-selected{border-color:var(--accent-color);background:var(--accent-light);box-shadow:0 0 0 3px var(--accent-light)}.cpal-color-chip{width:36px;height:36px;border-radius:50%;border:2px solid var(--card-bg);box-shadow:0 1px 3px #00000026;display:block}.cpal-color-label{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.create-post-actions .cpal-submit-btn{display:inline-flex;align-items:center;gap:.5rem}@media(max-width:640px){.cpal-catalog-header{flex-direction:column;align-items:stretch}.cpal-catalog-controls{flex-direction:column}.cpal-catalog-controls .select-container{max-width:none;min-width:0}.cpal-search-wrapper{max-width:none}.cpal-color-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.cpal-color-chip{width:30px;height:30px}}.tools-page{max-width:var(--container-width);margin:0 auto;padding:3rem 1.5rem;flex:1;width:100%;box-sizing:border-box;font-family:inherit}.tools-header{text-align:center;margin-bottom:4rem}.tools-header h1{font-family:var(--font-heading);color:var(--text-primary);font-size:2.5rem;font-weight:600;margin:0 0 1rem}.tools-header .subtitle{color:var(--text-secondary);font-size:1.2rem;margin:0;line-height:1.6}.tools-highlight{color:var(--accent-color);background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:3rem}.tool-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .2s ease-in-out;display:flex;flex-direction:column;align-items:flex-start;height:100%;box-sizing:border-box;box-shadow:var(--shadow-card-resting)}html.dark .tool-card{box-shadow:var(--shadow-card-resting)}.tool-icon-wrapper{width:48px;height:48px;border-radius:8px;background-color:var(--accent-light);color:var(--accent-color);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.tool-card h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 1rem;font-weight:700}.tool-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.tool-features{list-style:none;padding:0;margin:0 0 2rem;width:100%}.tool-features li{color:var(--text-secondary);padding:.5rem 0;padding-left:0;display:flex;align-items:center;position:relative;border-bottom:1px solid var(--border-color)}.tool-features li:last-child{border-bottom:none}.tool-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%;box-sizing:border-box;cursor:pointer;background-color:var(--accent-color);border:1px solid var(--accent-color);color:#fff;box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px,#3b82f60d 12px 12px,#3b82f605 15px 15px}.tool-button:not(.disabled):hover{background-color:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:#3b82f666 5px 5px,#3b82f64d 8px 8px,#3b82f633 11px 11px,#3b82f61a 14px 14px,#3b82f60d 17px 17px}.tool-button.disabled{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-tertiary);cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.cta-section{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:3rem;text-align:center;margin-top:3rem;transition:all .2s ease-in-out;transform:translateY(-2px)}html.dark .cta-section{box-shadow:#ffffff1a 1.95px 1.95px 2.6px!important}.cta-section:hover{border-color:var(--accent-color);box-shadow:#3b82f659 2.5px 2.5px 4px!important;transform:translateY(-2px)}html.dark .cta-section:hover{box-shadow:#3b82f659 2.5px 2.5px 4px!important;border-color:var(--accent-color)}.cta-section h2{color:var(--text-primary);font-size:1.8rem;margin:0 0 1rem;font-weight:700}.cta-section p{color:var(--text-secondary);margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);background-color:var(--accent-color);border:1px solid var(--accent-color);color:#fff;box-shadow:#3b82f64d 3px 3px,#3b82f633 6px 6px,#3b82f61a 9px 9px,#3b82f60d 12px 12px,#3b82f605 15px 15px}.cta-button:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:#3b82f666 5px 5px,#3b82f64d 8px 8px,#3b82f633 11px 11px,#3b82f61a 14px 14px,#3b82f60d 17px 17px}@media(max-width:1440px){.tools-header{margin-bottom:3rem}.tools-header h1{font-size:2rem}.tools-header .subtitle{font-size:1rem}}@media(max-width:768px){.tools-page{padding:1.5rem 1rem}.tools-header h1{font-size:2rem}.tools-grid{grid-template-columns:1fr}}.filter-trigger-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;font-weight:600;line-height:1;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-3d-secondary);white-space:nowrap;min-height:48px;box-sizing:border-box}.filter-trigger-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-3d-secondary-hover)}html.dark .filter-trigger-btn:hover{background-color:#ffffff0d;box-shadow:var(--shadow-3d-secondary-hover)}.filter-trigger-btn:active{transform:translateY(1px)}.filter-trigger-btn svg{flex-shrink:0}.filter-trigger-btn .filter-trigger-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .4rem;background:var(--accent-color);color:#fff;border-radius:99px;font-size:.75rem;font-weight:700;margin-left:.25rem}.filter-drawer-overlay{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;pointer-events:none;transition:opacity .25s ease}.filter-drawer-overlay.open{opacity:1;pointer-events:auto}.filter-drawer{position:fixed;top:0;left:0;bottom:0;width:min(380px,100vw);background:#f8fafcf2;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-right:1px solid var(--border-color);z-index:var(--z-modal);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:4px 0 24px #0000001f}html.dark .filter-drawer{background:#0b1120c7;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-right-color:rgba(var(--accent-rgb),.18);box-shadow:4px 0 32px #0000008c,1px 0 rgba(var(--accent-rgb),.08) inset}.filter-drawer.open{transform:translate(0)}.filter-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff0a;border-bottom:1px solid var(--border-color);position:relative}html.dark .filter-drawer-header{background:#ffffff05}.filter-drawer-header:after{content:"";position:absolute;left:1.5rem;right:1.5rem;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-color) 50%,transparent);opacity:.4}.filter-drawer-title{font-family:var(--font-heading);font-size:1.375rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin:0}.filter-drawer-title{color:var(--text-primary)}.filter-drawer-header-actions{display:flex;align-items:center;gap:.75rem}.filter-drawer-clear{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);padding:.5rem .875rem;border-radius:8px;color:var(--text-secondary);font-family:var(--font-body);font-size:.8125rem;font-weight:600;line-height:1;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.filter-drawer-clear:hover{color:var(--accent-color);border-color:var(--accent-color);background-color:rgba(var(--accent-rgb),.08);transform:translateY(-1px)}.filter-drawer-clear:active{transform:translateY(1px)}.filter-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.16,1,.3,1)}.filter-drawer-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}html.dark .filter-drawer-close:hover{background-color:#ffffff0f}.filter-drawer-close:active{transform:translateY(1px)}.filter-drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25rem 1.5rem;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}.filter-drawer-body::-webkit-scrollbar{width:6px}.filter-drawer-body::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.filter-drawer-body::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.filter-drawer-body::-webkit-scrollbar-track{background:transparent}.filter-drawer-body .filter-sidebar{width:100%;padding:0;background:transparent;border:none;box-shadow:none}.filter-drawer-body .filter-sidebar-sticky{position:static!important;padding:0!important;max-height:none!important;overflow:visible!important;top:auto!important}.filter-drawer-body .filter-boxes-container{gap:0;display:flex;flex-direction:column}.filter-drawer-body .collapsible-box{background:transparent!important;border:none!important;border-bottom:1px solid var(--border-color)!important;border-radius:0!important;box-shadow:none!important;padding:.25rem 0;transition:none}html.dark .filter-drawer-body .collapsible-box{border-bottom-color:rgba(var(--accent-rgb),.12)!important}.filter-drawer-body .collapsible-box:last-child{border-bottom:none!important}.filter-drawer-body .collapsible-box:hover,.filter-drawer-body .collapsible-box.expanded{background:transparent!important;box-shadow:none!important}.filter-drawer-body .collapsible-box-header{height:auto!important;padding:1.125rem .25rem!important;justify-content:flex-start!important;font-size:.75rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.08em!important}.filter-drawer-body .collapsible-box-header{color:var(--text-tertiary)!important}.filter-drawer-body .collapsible-box-header:after{display:none!important}.filter-drawer-body .collapsible-box-header:hover{color:var(--text-primary)!important}.filter-drawer-body .collapsible-box-header svg{right:.25rem!important}.filter-drawer-body .collapsible-box.expanded .collapsible-box-header,html.dark .filter-drawer-body .collapsible-box.expanded .collapsible-box-header,html:not(.dark) .filter-drawer-body .collapsible-box.expanded .collapsible-box-header{color:var(--accent-color)!important}.filter-drawer-body .collapsible-box.expanded .collapsible-box-header svg{color:var(--accent-color)!important}.filter-drawer-body .collapsible-box-content{padding:0 .25rem 1.25rem!important}.filter-drawer-body .filter-option span,.filter-drawer-body .sub-group-label,.filter-drawer-body .group-label span{color:var(--text-primary);font-size:.9375rem;font-weight:500}.filter-drawer-body .filter-option{gap:.75rem;padding:.5rem .625rem;border-radius:8px;transition:background-color .2s ease}.filter-drawer-body .filter-option:hover{background-color:rgba(var(--accent-rgb),.06)}html.dark .filter-drawer-body .filter-option:hover{background-color:rgba(var(--accent-rgb),.1)}.filter-drawer-body .filter-option input[type=checkbox]{width:20px;height:20px;border-radius:6px;border:2px solid var(--border-color);background-color:transparent;cursor:pointer;position:relative;flex-shrink:0;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .15s ease;appearance:none;-webkit-appearance:none}html.dark .filter-drawer-body .filter-option input[type=checkbox]{border-color:rgba(var(--neutral-rgb),.35);background-color:transparent}.filter-drawer-body .filter-option:hover input[type=checkbox]:not(:checked){border-color:var(--accent-color);transform:scale(1.05)}.filter-drawer-body .filter-option input[type=checkbox]:checked{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.15),0 2px 8px rgba(var(--accent-rgb),.35)}html.dark .filter-drawer-body .filter-option input[type=checkbox]:checked{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.2),0 2px 12px rgba(var(--accent-rgb),.5),0 0 18px rgba(var(--accent-rgb),.3)}html.dark .filter-drawer-body .filter-option input[type=checkbox]:checked:before{background-color:#fff}html.dark .filter-drawer-body .filter-option input[type=checkbox]:indeterminate{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.2),0 2px 12px rgba(var(--accent-rgb),.5),0 0 18px rgba(var(--accent-rgb),.3)}html.dark .filter-drawer-body .filter-option input[type=checkbox]:indeterminate:before{background-color:#fff}.filter-drawer-body .filter-option input[type=checkbox]:checked:after{content:none}.filter-drawer-body .filter-option input[type=checkbox]:before{content:"";position:absolute;inset:0;background-color:#fff;clip-path:polygon(14% 50%,24% 40%,42% 58%,74% 26%,84% 36%,42% 78%);transform:scale(0);opacity:0;transform-origin:center;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .15s ease}.filter-drawer-body .filter-option input[type=checkbox]:checked:before{transform:scale(1);opacity:1}.filter-drawer-body .filter-option input[type=checkbox]:indeterminate{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.15),0 2px 8px rgba(var(--accent-rgb),.35)}.filter-drawer-body .filter-option input[type=checkbox]:indeterminate:before{clip-path:polygon(20% 42%,80% 42%,80% 58%,20% 58%);transform:scale(1);opacity:1}.filter-drawer-body .filter-option input[type=checkbox]:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.filter-drawer-body .version-search{margin-bottom:.75rem}.filter-drawer-body .version-search-input-wrapper{position:relative;display:flex;align-items:center}.filter-drawer-body .version-search-input{width:100%;padding:.75rem 2.5rem .75rem .875rem;background-color:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:.875rem;font-weight:500;outline:none;transition:border-color .2s ease,background-color .2s ease;box-sizing:border-box}html.dark .filter-drawer-body .version-search-input{background-color:var(--bg-color);border-color:rgba(var(--neutral-rgb),.18);color:var(--text-primary)}.filter-drawer-body .version-search-input::placeholder{color:var(--text-secondary);font-weight:400}.filter-drawer-body .version-search-input:focus{border-color:var(--accent-color)}.filter-drawer-body .version-search-icon{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.filter-drawer-body .filter-header{display:none}.filter-drawer-footer{display:flex;flex-direction:column;gap:.875rem;padding:1.25rem 1.5rem 1.5rem;border-top:1px solid var(--border-color);background:#ffffff0a;position:relative}html.dark .filter-drawer-footer{background:#ffffff05}.filter-drawer-footer:before{content:"";position:absolute;left:1.5rem;right:1.5rem;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-color) 50%,transparent);opacity:.4}.filter-drawer-apply{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:10px;font-family:var(--font-body);font-size:.95rem;font-weight:600;line-height:1;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-3d-primary);min-height:48px;box-sizing:border-box}.filter-drawer-apply:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-3d-primary-hover)}.filter-drawer-apply:active{transform:translateY(1px)}.filter-drawer-apply svg{flex-shrink:0}body.filter-drawer-locked{overflow:hidden}.dashboard-layout.explore-mode{grid-template-columns:1fr}.dashboard-layout.explore-mode>.search-sort-bar,.dashboard-layout.explore-mode>.dashboard-main{grid-column:1}.filter-fab{position:fixed;bottom:1.75rem;left:1.75rem;z-index:100;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;background:var(--accent-color);color:#fff;cursor:pointer;box-shadow:var(--shadow-3d-primary);opacity:0;transform:translateY(20px) scale(.8);pointer-events:none;transition:opacity .3s ease,transform .3s cubic-bezier(.16,1,.3,1),background-color .2s ease,box-shadow .2s ease}.filter-fab.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.filter-fab:hover{background-color:var(--accent-hover);transform:translateY(-2px) scale(1);box-shadow:var(--shadow-3d-primary-hover)}.filter-fab.visible:active{transform:translateY(1px) scale(1)}.filter-fab-count{position:absolute;top:-4px;right:-4px;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .4rem;background:var(--card-bg);color:var(--accent-color);border:2px solid var(--accent-color);border-radius:99px;font-size:.75rem;font-weight:700;box-sizing:border-box}body.filter-drawer-locked .filter-fab{opacity:0;pointer-events:none}@media(max-width:640px){.filter-drawer{width:100vw;border-right:none}.filter-drawer-header,.filter-drawer-body{padding:1rem 1.25rem}.filter-drawer-footer{padding:1rem 1.25rem 1.25rem}}a.btn-like{text-decoration:none}.btn-like.btn-like--save:hover{border-color:var(--warning-color);color:var(--warning-color);background-color:#f59e0b0d;transform:translateY(-2px);box-shadow:#f59e0b59 2.5px 2.5px 4px}.btn-like.btn-like--save.saved{border-color:var(--warning-color);color:var(--warning-color);background-color:#f59e0b1a}.btn-like.btn-like--save.saved:hover{background-color:#f59e0b26}.btn-like.btn-like--save.saved .bookmark-icon{fill:var(--warning-color)}.btn-like.btn-like--accent:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:#3b82f60d;transform:translateY(-2px);box-shadow:#3b82f659 2.5px 2.5px 4px}.btn-author-action{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .75rem;background-color:var(--input-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s;font-size:.85rem;box-sizing:border-box;cursor:pointer;width:100%}.btn-author-action.btn-author-action--accent:hover{background-color:var(--border-color);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:#3b82f659 2.5px 2.5px 4px}.btn-author-action.btn-author-action--danger:hover{background-color:#ef44441a;border-color:var(--danger-color);color:var(--danger-color);transform:translateY(-2px);box-shadow:#ef444459 2.5px 2.5px 4px}.palette-detail-container{max-width:var(--container-width);margin:0 auto;padding:2rem 1.5rem 4rem;width:100%}.palette-detail-empty{text-align:center;padding:4rem 1rem;color:var(--text-secondary);font-size:1rem}.palette-detail-header{margin-top:1rem}.palette-detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.palette-detail-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary);text-transform:capitalize}.palette-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.875rem}.palette-detail-meta-item{display:inline-flex;align-items:center;gap:.375rem}.palette-detail-color-chip{width:.875rem;height:.875rem;border-radius:50%;border:1px solid var(--border-color);display:inline-block}.palette-detail-header-dropdowns{display:flex;gap:.5rem;flex-shrink:0}.palette-header-dropdown{position:relative}.palette-header-dropdown-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .2s ease,background .2s ease;min-height:2.5rem}.palette-header-dropdown-trigger:hover:not(:disabled){border-color:var(--accent-color)}.palette-header-dropdown-trigger.open{border-color:var(--accent-color)}.palette-header-dropdown-trigger:disabled{opacity:.55;cursor:not-allowed}.palette-header-dropdown-label{color:var(--text-secondary);font-weight:500}.palette-header-dropdown-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:var(--accent-light, rgba(59, 130, 246, .12));color:var(--accent-color);border-radius:9999px;font-size:.75rem;font-weight:600}.palette-header-dropdown-menu{position:absolute;top:calc(100% + .375rem);right:0;min-width:18rem;max-height:22rem;overflow-y:auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:.375rem;z-index:20;display:flex;flex-direction:column;gap:.125rem}.palette-header-dropdown-option{display:flex;align-items:center;gap:.625rem;padding:.5rem;border-radius:6px;text-decoration:none;color:var(--text-primary);transition:background .15s ease}.palette-header-dropdown-option:hover{background:var(--input-bg)}.palette-header-dropdown-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:4px;overflow:hidden;background:var(--input-bg)}.palette-header-dropdown-thumbs img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges}.palette-header-dropdown-option-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.palette-header-dropdown-option-title{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-header-dropdown-option-author{font-size:.75rem;color:var(--text-secondary)}.palette-share-btn{width:100%;border-radius:8px!important;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.palette-share-btn:hover{background-color:var(--accent-hover, var(--accent-color));transform:translateY(-2px)}.palette-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:2rem;align-items:start;width:100%}@media(max-width:1024px){.palette-detail-grid{grid-template-columns:1fr}}.palette-detail-main{min-width:0;width:100%}.palette-detail-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:5rem}.palette-detail-comments{grid-column:1 / -1;min-width:0}.palette-detail-gallery-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin-bottom:1.5rem;box-shadow:#00000014 1.95px 1.95px 2.6px;max-width:920px}html.dark .palette-detail-gallery-card{box-shadow:#ffffff1a 1.95px 1.95px 2.6px}.palette-detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0;aspect-ratio:3 / 2;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;width:100%}.palette-detail-gallery-block{position:relative;overflow:hidden;background:var(--input-bg);min-width:0;min-height:0}.palette-detail-gallery-block img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;display:block}.palette-detail-gallery-block-label{position:absolute;inset:auto 0 0;padding:.375rem .5rem;background:linear-gradient(to top,#000000b3,#0000);color:#fff;font-size:.75rem;font-weight:500;opacity:0;transition:opacity .2s ease;pointer-events:none}.palette-detail-gallery-block:hover .palette-detail-gallery-block-label{opacity:1}.palette-detail-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.palette-detail-tab{position:relative;background:transparent;border:none;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.palette-detail-tab:hover{color:var(--text-primary)}.palette-detail-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.palette-detail-description{color:var(--text-primary);line-height:1.7;font-size:1rem;margin:0}.palette-blocks-panel{display:flex;flex-direction:column;gap:1.5rem}.palette-blocks-swatches{display:flex;flex-wrap:wrap;gap:.5rem}.palette-blocks-swatch{width:3rem;height:3rem;border-radius:8px;border:1px solid var(--border-color);background-size:cover;background-position:center;image-rendering:pixelated}.palette-blocks-table-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.palette-blocks-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.875rem}.palette-blocks-table th{padding:.75rem 1rem;background:var(--input-bg);color:var(--text-secondary);font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--border-color)}.palette-blocks-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.palette-blocks-table tr:last-child td{border-bottom:none}.palette-blocks-name-cell{display:flex;align-items:center;gap:.75rem;font-weight:500}.palette-blocks-texture-icon{width:1.75rem;height:1.75rem;border-radius:4px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;border:1px solid var(--border-color)}.palette-blocks-id-cell code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;color:var(--text-secondary);background:var(--input-bg);padding:.125rem .375rem;border-radius:4px;word-break:break-all}.palette-blocks-action-cell{text-align:right;width:3rem}.palette-blocks-copy-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.375rem;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease}.palette-blocks-copy-btn:hover{color:var(--accent-color);border-color:var(--accent-color)}.palette-detail-related{margin-top:3rem}.palette-detail-related-title{font-family:var(--font-heading);font-size:1.375rem;font-weight:600;margin:0 0 1.25rem;color:var(--text-primary)}.palette-detail-skeleton .skeleton-title-lg{height:2.25rem;width:18rem;border-radius:8px;margin-bottom:.75rem}.palette-detail-skeleton .skeleton-line{height:1rem;width:100%;max-width:32rem;border-radius:6px;margin:.5rem 0}.palette-detail-skeleton .skeleton-box{height:10rem;width:100%;border-radius:12px}.palette-bottom-ad-wrapper{display:flex;justify-content:center;width:100%;margin:2rem 0}.palette-bottom-ad-wrapper .display-ad{width:100%;max-width:336px;min-height:250px}.post-header{margin-top:1rem}.post-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.detail-back-button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;font-size:13px;font-weight:500;color:var(--text-secondary);background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;cursor:pointer;transition:all .2s ease}.detail-back-button svg{transition:transform .2s ease}.detail-back-button:hover{color:var(--accent-color);border-color:var(--accent-color);background-color:var(--accent-light, rgba(74, 143, 231, .08))}.detail-back-button:hover svg{transform:translate(-2px)}.post-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.post-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary);text-transform:capitalize}.header-version-selector{position:relative;display:inline-block}.header-version-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:500;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s}.header-version-btn:hover{background-color:var(--input-bg);border-color:var(--accent-color)}.header-version-menu{position:absolute;top:100%;left:0;margin-top:8px;width:280px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:50;overflow:hidden}.header-version-list{max-height:300px;overflow-y:auto}.header-version-item{display:block;padding:12px 16px;border-bottom:1px solid var(--border-color);transition:background-color .2s;text-decoration:none;color:inherit}.header-version-item:last-child{border-bottom:none}.header-version-item:hover{background-color:var(--accent-light)}.header-version-item.current{background-color:#4a8fe71a}.header-version-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.header-version-title{font-weight:500;color:var(--text-primary)}.header-version-item.current .header-version-title{color:var(--accent-color)}.header-version-date{font-size:12px;color:var(--text-secondary)}.post-meta-tags{display:flex;gap:8px;margin-top:8px}.meta-tag{padding:2px 8px;border-radius:4px;background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);font-size:12px}.warning-banner{background-color:var(--warning-light-bg, rgba(245, 158, 11, .1));border:1px solid var(--warning-color);color:var(--warning-color);padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.warning-banner-content{display:flex;align-items:center;gap:8px;font-size:14px}.warning-banner-link{font-size:14px;font-weight:500;text-decoration:underline;color:inherit;cursor:pointer;white-space:nowrap}.warning-banner-link:hover{color:var(--warning-color)}.warning-banner-inline-link{color:inherit;text-decoration:underline;font-weight:600;cursor:pointer}.warning-banner-inline-link:hover{color:var(--warning-color)}.versions-dropdown-container{min-width:200px}.post-header-actions{margin-top:1rem}.post-card.post-card-light{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:visible;transition:all .2s ease;box-shadow:var(--shadow-card-resting)}.explore-mode .post-card.post-card-light{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-card-resting);border-radius:16px}.explore-mode .post-card.post-card-light .post-card-image{border-radius:16px 16px 0 0}.explore-mode .post-card.post-card-light:hover{border-color:var(--accent-color);box-shadow:var(--shadow-card-hover)!important;transform:translateY(-2px);z-index:50}.post-card.post-card-light:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)!important;border-color:var(--accent-color);z-index:50}.post-card-link{text-decoration:none;color:inherit;display:block}.post-card-light .post-card-image{position:relative;width:100%;height:140px;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--bg-secondary);border-radius:8px 8px 0 0;contain:layout style paint}.explore-mode .post-card-light .post-card-image{height:185px}.post-card-large .post-card-image{height:180px}.post-card-light .post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card-light:hover .post-card-image img{transform:scale(1.03)}.post-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);color:var(--text-tertiary);transition:transform .3s ease}.post-card-light:hover .post-card-placeholder{transform:scale(1.03)}.post-card-placeholder svg{opacity:.6}.post-card-price-badge{position:absolute;top:8px;right:8px;background:#000000bf;color:#fff;padding:4px 10px;border-radius:20px;font-size:.6875rem;font-weight:600;backdrop-filter:blur(4px)}.post-card-version-badge{position:absolute;bottom:8px;left:8px;background:#2196f3d9;color:#fff;padding:3px 8px;border-radius:4px;font-size:.625rem;font-weight:600;backdrop-filter:blur(4px)}.explore-mode .post-card-version-badge{display:none}.post-card-category{display:inline-block;font-size:.6875rem;color:var(--accent-color);background:var(--accent-light);padding:2px 8px;border-radius:4px;font-weight:600;margin-bottom:6px}.post-card-light .post-card-content{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}.post-card-title-link{font-family:var(--font-heading);font-size:.9375rem;font-weight:500;margin:0;color:var(--text-primary)!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;text-decoration:none;line-height:1.4}.post-card-light:hover .post-card-title-link{color:var(--accent-color)!important}.post-card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:2px}.post-card-light .post-card-author{font-size:.75rem;color:var(--text-secondary);margin:0;font-weight:400}.post-card-author-name{color:var(--text-primary);font-weight:600;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center;gap:4px}.post-card-author-name:hover{color:var(--accent-color)}.post-card-verified{display:inline-block;flex-shrink:0}.explore-mode .post-card-light .post-card-author{color:var(--text-muted);font-size:.875rem}.explore-mode .post-card-author-name{color:var(--text-primary);font-weight:600}.explore-mode .post-card-author-name:hover{color:var(--accent-color);text-decoration:none}.post-card-tags-wrapper{display:none;position:relative;height:1.75rem;margin-top:.75rem;margin-bottom:.5rem;z-index:5}.explore-mode .post-card-tags-wrapper{display:block}.post-card-tags-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;height:100%;overflow:hidden;background:inherit;position:relative}.post-card-tags-row.static-row{overflow:hidden}.post-card-tags-row.popup-row{display:none}.post-card-tags-wrapper:hover .post-card-tags-row.popup-row{display:flex;position:absolute;top:-7px;left:-7px;min-width:calc(100% + 14px);width:auto;height:auto;padding:6px;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);border-radius:8px;z-index:100;border:1px solid var(--border-color);box-sizing:border-box;margin:0}.post-card-tag-more{background:var(--bg-secondary)!important;border-color:var(--text-tertiary)!important;color:var(--text-secondary)!important;font-weight:600}.static-ellipsis-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--bg-secondary)!important;border-color:var(--text-tertiary)!important;color:var(--text-tertiary)!important;font-weight:600;text-align:center;padding:2px 6px 8px!important;line-height:1!important;height:auto!important}.post-card-tags-wrapper.no-popup:hover .post-card-tags-row{position:static;padding:0;background:inherit;box-shadow:none;border:none}html.dark .post-card-tags-wrapper:hover .post-card-tags-row{background:#1e293bf2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:var(--accent-color);box-shadow:var(--shadow-accent)}html.dark .post-card-tags-wrapper.no-popup:hover .post-card-tags-row{background:inherit;box-shadow:none;border:none}.post-card-tag-pill{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;padding:2px 10px;border-radius:9999px;font-weight:600;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}.post-card-tag-pill:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);z-index:20}.explore-mode .post-card-light .post-card-content{padding:.875rem 1rem 1.125rem}.explore-mode .post-card-title-link{font-size:1.15rem;font-weight:700;color:var(--text-primary)!important;margin-bottom:.25rem;line-height:1.3}.explore-mode .post-card-light:hover .post-card-title-link{color:var(--accent-color)!important}.explore-mode .post-card-light .post-card-author{font-size:.875rem}.post-card-date-badge{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;color:var(--text-muted)}.post-card-date-badge svg{opacity:.8;width:12px;height:12px}.post-card-light .post-card-footer{display:flex;align-items:center;justify-content:flex-start;margin-top:8px;padding-top:0;border-top:none}.explore-mode .post-card-light .post-card-footer{padding-top:.75rem;margin-top:auto;border-top:1px solid var(--border-color)}.post-card-light .post-card-stats{display:flex;align-items:center;gap:12px}.explore-mode .post-card-light .post-card-stats{gap:1.25rem}.post-card-light .stat-item{display:inline-flex;flex-direction:row!important;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.explore-mode .post-card-light .stat-item{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.post-card-light .stat-item svg{color:currentColor;width:16px;height:16px;stroke-width:1.8px}.post-card-animated{animation:fadeInUp .4s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.post-card-animated{animation:none;opacity:1}}@media(max-width:768px){.post-card-light .post-card-image{height:120px}.post-card-light .post-card-content{padding:10px 12px 12px}.post-card-title-link{font-size:.875rem}.post-card-meta-row{flex-direction:column;align-items:flex-start;gap:4px}}html.dark .post-card.post-card-light{background:var(--card-bg);border-color:var(--border-color);box-shadow:var(--shadow-card-resting);transition:all .2s ease}html.dark .explore-mode .post-card.post-card-light{box-shadow:var(--shadow-card-resting)}html.dark .post-card.post-card-light:hover,html.dark .explore-mode .post-card.post-card-light:hover{box-shadow:var(--shadow-card-hover);border-color:var(--accent-color);transform:translateY(-2px)}html.dark .post-card-title-link{color:var(--text-primary)!important}html.dark .post-card-light:hover .post-card-title-link{color:var(--accent-color)!important}html.dark .explore-mode .post-card-title-link{color:var(--text-primary)!important}html.dark .explore-mode .post-card-light:hover .post-card-title-link{color:var(--accent-color)!important}html.dark .post-card-light .post-card-author{color:var(--text-secondary)}html.dark .post-card-author-name{color:var(--text-primary)}html.dark .post-card-author-name:hover{color:var(--accent-color)}html.dark .explore-mode .post-card-light .post-card-author{color:var(--text-secondary)}html.dark .explore-mode .post-card-author-name{color:var(--text-primary)}html.dark .explore-mode .post-card-author-name:hover{color:var(--accent-color)}html.dark .post-card-date-badge{color:var(--text-tertiary)}html.dark .post-card-tag-pill{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);z-index:10}html.dark .explore-mode .post-card-light .post-card-footer{border-top-color:var(--border-color)}html.dark .post-card-light .stat-item{color:var(--text-tertiary)}.post-card-tag-pill.type-pill{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary);font-weight:700;text-transform:uppercase;font-size:.7rem;padding:2px 8px;letter-spacing:.02em}.post-card-tag-pill.category-pill{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary);font-weight:600;font-size:.75rem;padding:2px 10px}#analytics-root{padding:0}.analytics-dashboard{max-width:var(--container-width);margin:0 auto;padding:2rem 1.5rem}.analytics-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.analytics-error{text-align:center;padding:4rem 2rem}.analytics-error h1{margin-bottom:1rem;color:var(--text-secondary)}.stats-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:.75rem;margin-bottom:1.5rem}.analytics-stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;min-width:0;cursor:pointer;user-select:none;position:relative}.analytics-stat-card:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--accent-color);border-radius:3px 3px 0 0;transition:width .2s ease}.analytics-stat-card.active:after{width:60%}.analytics-stat-card.active{border-color:var(--accent-color);box-shadow:#3b82f633 0 2px 8px}.analytics-stat-card:hover{transform:translateY(-2px);box-shadow:#3b82f659 2.5px 2.5px 4px!important;border-color:var(--accent-color)}html.dark .analytics-stat-card{box-shadow:#ffffff1a 1.95px 1.95px 2.6px!important;border-color:var(--border-color)}html.dark .analytics-stat-card.active{border-color:var(--accent-color);box-shadow:#3b82f64d 0 2px 8px!important}html.dark .analytics-stat-card:hover{box-shadow:#3b82f659 2.5px 2.5px 4px!important;border-color:var(--accent-color)}.stat-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0}.stat-icon svg{width:20px;height:20px}.stat-content{display:flex;flex-direction:column;align-items:center;gap:.125rem}.stat-value{font-size:1.25rem;font-weight:700;line-height:1.1;color:var(--accent-color)}.stat-label{color:var(--text-secondary);font-size:.65rem;text-transform:uppercase;letter-spacing:.02em}.stat-value-row{display:flex;align-items:baseline;gap:.375rem}.stat-growth{font-size:.65rem;font-weight:600;padding:.125rem .25rem;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-flex;align-items:center;gap:.125rem}.stat-growth.positive{color:var(--success-color);background:#22c55e26}.stat-growth.negative{color:var(--danger-color);background:#ef444426}.stat-growth.neutral{color:var(--text-muted);background:#9ca3af26}html.dark .stat-growth.positive{background:#22c55e33}html.dark .stat-growth.negative{background:#ef444433}html.dark .stat-growth.neutral{background:#9ca3af33}.analytics-two-column{display:grid;grid-template-columns:1fr 200px;gap:1rem;margin-bottom:1.5rem}.chart-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem}.trend-chart-container h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.chart-empty{display:flex;align-items:center;justify-content:center;height:180px;color:var(--text-secondary);border:1px dashed var(--border-color);border-radius:8px}html.dark .chart-empty{border-color:var(--border-color)}.quick-stats-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem}.quick-stats-title{font-size:.875rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary);text-align:center}.quick-stats-rings{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.circular-stat{display:flex;flex-direction:column;align-items:center;gap:.375rem}.circular-ring-container{position:relative;display:flex;align-items:center;justify-content:center}.circular-ring{transform:rotate(-90deg)}.circular-ring-bg{fill:none;stroke:var(--border-color)}.circular-ring-progress{fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.circular-ring-value{position:absolute;font-size:.9rem;font-weight:700;color:var(--text-primary)}.circular-stat-info{display:flex;flex-direction:column;align-items:center;margin-top:.5rem;gap:.2rem}.circular-stat-label{font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.2}.circular-stat-sublabel{font-size:.7rem;color:var(--text-secondary);text-align:center;line-height:1.2;max-width:100px}.top-posts-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem}.top-posts-section h2{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.top-posts-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.analytics-posts-list{display:flex;flex-direction:column;gap:.5rem}.analytics-post-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--input-bg);border-radius:10px;text-decoration:none;color:inherit;transition:background-color .2s ease,transform .2s ease}.analytics-post-row:hover{background:var(--border-color);transform:translate(4px)}.analytics-post-rank{font-size:1rem;font-weight:700;min-width:32px;text-align:center}.analytics-post-thumb{width:64px;height:44px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--border-color)}.analytics-post-thumb img{width:100%;height:100%;object-fit:cover}.analytics-post-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.analytics-post-details{flex:1;min-width:0}.analytics-post-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-post-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary)}.analytics-post-meta span{display:flex;align-items:center;gap:.25rem}.analytics-post-meta svg{color:var(--accent-color);opacity:.6}.analytics-post-bar-row{display:flex;align-items:center;gap:.5rem;margin:.25rem 0}.analytics-post-bar{flex:1;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.analytics-post-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.analytics-post-bar-value{font-size:.8rem;font-weight:700;color:var(--text-primary);min-width:40px;text-align:right}.stat-card.skeleton{pointer-events:none}.skeleton-box{background:var(--bg-secondary);border-radius:6px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-text{background:var(--bg-secondary);border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(3,1fr)}.analytics-two-column{grid-template-columns:1fr}.quick-stats-panel{order:-1}.quick-stats-rings{flex-direction:row;justify-content:center;gap:2rem}}@media(max-width:600px){.analytics-dashboard{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:.75rem}.stat-value{font-size:1.25rem}.analytics-posts-grid{grid-template-columns:1fr}.quick-stats-rings{flex-wrap:wrap;gap:1.5rem}}@media(max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.revenue-section{margin-bottom:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.revenue-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.revenue-section-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.revenue-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.revenue-card{background:var(--card-bg);border:1px solid var(--border-color);border-top:4px solid var(--accent-color);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.revenue-card-success{border-top-color:var(--success-color)}.revenue-card-warning{border-top-color:var(--warning-color)}.revenue-card-info{border-top-color:var(--info-color)}.revenue-card-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.revenue-card-amount-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.revenue-card-amount{font-family:Inter,sans-serif;font-size:1.75rem;font-weight:600;letter-spacing:-.025em;color:var(--text-primary)}.revenue-card-growth-label{margin-left:.25rem;opacity:.8}.revenue-card-sublabel{font-size:.8125rem;color:var(--text-secondary)}.revenue-card-action{margin-top:.5rem}.claim-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:8px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:not-allowed;opacity:.85}.claim-badge{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:999px;background:rgba(var(--warning-rgb),.15);color:var(--warning-color);text-transform:none;letter-spacing:0}.revenue-chart-wrapper,.revenue-top-posts{margin-top:1.5rem}.revenue-top-posts h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.revenue-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:2.5rem 1.5rem;background:var(--input-bg);border:1px dashed var(--border-color);border-radius:12px}.revenue-empty-icon{color:var(--success-color);display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:rgba(var(--success-rgb),.1)}.revenue-empty-state h3{margin:0;font-size:1.125rem;color:var(--text-primary)}.revenue-empty-state p{margin:0;font-size:.9375rem;color:var(--text-secondary);max-width:52ch}.revenue-loading,.analytics-error-inline{padding:2rem;text-align:center;color:var(--text-secondary)}@media(max-width:768px){.revenue-cards-grid{grid-template-columns:1fr}}