#root,body,html{-ms-overflow-style:none;height:100%;margin:0;scrollbar-width:none}#root::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.hover-mask-container{cursor:none;height:100%;inset:0;overflow:hidden;position:absolute;touch-action:none;user-select:none;-webkit-user-select:none;width:100%}.hover-mask-canvas{display:block;height:100%;width:100%}.hover-mask-hint{align-items:center;animation:hintPulse 3s ease-in-out infinite;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1e2a73;border:1px solid #ffffff1a;border-radius:50px;bottom:80px;color:#ffffffd9;display:flex;font-size:.75rem;font-weight:600;gap:8px;left:50%;letter-spacing:.04em;opacity:1;padding:8px 18px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .5s ease 1s;z-index:5}.hover-mask-container:hover .hover-mask-hint{opacity:0;transition:opacity .3s ease}@keyframes hintPulse{0%,to{box-shadow:0 4px 20px #0003;transform:translateX(-50%) scale(1)}50%{box-shadow:0 6px 28px #d4798a33;transform:translateX(-50%) scale(1.03)}}@media (max-width:768px){.hover-mask-hint{bottom:70px;font-size:.65rem;padding:6px 14px}}.liquid-ether-container{height:100%;overflow:hidden;position:relative;touch-action:none;width:100%}.painting-showcase{align-items:center;display:flex;justify-content:center;margin-left:calc(-50vw + 50%);overflow:hidden;padding:0;position:relative;width:100vw}.painting-showcase-inner{display:flex;flex-direction:column;gap:20px;padding:20px 0;transform:rotate(-8deg) scale(1.3) translateY(-2%);transform-origin:center center}.showcase-belt{display:flex;gap:20px;width:-webkit-max-content;width:max-content;will-change:transform}.showcase-card{background:#1e1e2a0a;border:1px solid #c79ba726;border-radius:18px;box-shadow:0 8px 32px #00000014;flex-shrink:0;height:280px;overflow:hidden;position:relative;transition:box-shadow .4s ease,border-color .4s ease;width:420px}.showcase-card:hover{border-color:#d4798a66;box-shadow:0 16px 48px #d4798a26}.showcase-card img{display:block;height:100%;object-fit:cover;width:100%}.showcase-card-placeholder{align-items:center;background:linear-gradient(135deg,#d4798a14,#e8c4a014);color:#1e1e2a33;display:flex;font-size:2.5rem;height:100%;justify-content:center;width:100%}.painting-showcase:after,.painting-showcase:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:150px;z-index:3}.painting-showcase:before{background:linear-gradient(90deg,#fdfbf7,#0000);background:linear-gradient(to right,var(--bg-dark,#fdfbf7),#0000);left:0}.painting-showcase:after{background:linear-gradient(270deg,#fdfbf7,#0000);background:linear-gradient(to left,var(--bg-dark,#fdfbf7),#0000);right:0}@media (max-width:768px){.showcase-card{height:190px;width:280px}.painting-showcase-inner{gap:14px;transform:rotate(-8deg) scale(1.35)}}:root{--bg-dark:#fdfbf7;--primary:#d4798a;--secondary:#e8c4a0;--accent:#d4798a;--bg-card:#c79ba726;--glass-border:#c79ba74d;--text-main:#1e1e2a;--text-muted:#1e1e2a99}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;scroll-behavior:smooth}body{background-color:#fdfbf7;background-color:var(--bg-dark);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' opacity='.05' d='M0 0h100v100H0z'/%3E%3C/svg%3E");color:#1e1e2a;color:var(--text-main);overflow-x:hidden;position:relative}.global-spotlight{background:radial-gradient(180px circle at 50% 50%,#d4798a1f,#0000 80%);background:radial-gradient(180px circle at var(--mouse-x,50%) var(--mouse-y,50%),#d4798a1f,#0000 80%);height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1}body:after,body:before{animation:blobFloat 10s infinite alternate;border-radius:50%;content:"";filter:blur(100px);height:600px;opacity:.2;position:fixed;width:600px;z-index:-1}body:before{background:#d4798a;background:var(--primary);left:-100px;top:-100px}body:after{animation-delay:-5s;background:#e8c4a0;background:var(--secondary);bottom:0;right:-100px}.container{position:relative;z-index:2}.hero-fullscreen{height:100vh;margin-left:calc(-50vw + 50%);overflow:hidden;position:relative;width:100vw}.hero-fullscreen,.hero-fullscreen-overlay{align-items:center;display:flex;justify-content:center}.hero-fullscreen-overlay{inset:0;pointer-events:none;position:absolute;z-index:10}.hero-fullscreen-title{color:#1e1e2ad9;font-size:clamp(3rem,8vw,7rem);font-weight:900;letter-spacing:-.04em;line-height:1;mix-blend-mode:multiply;padding:0 20px;text-align:center;text-shadow:0 2px 40px #fdfbf799,0 0 80px #fdfbf766}.hero-scroll-indicator{animation:scrollBounce 2s ease-in-out infinite;bottom:32px;color:#1e1e2a66;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10}@keyframes scrollBounce{0%,to{opacity:.4;transform:translateX(-50%) translateY(0)}50%{opacity:.8;transform:translateX(-50%) translateY(8px)}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}.hero{margin:0 auto;max-width:1000px;padding:120px 20px 80px;position:relative;text-align:center}.hero-pill{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:50px;box-shadow:0 0 20px #667eea1a;color:#d4798a;color:var(--primary);display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;margin-bottom:32px;padding:6px 16px}.sparkle-icon{font-size:1rem}.hero h1{font-size:4.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:24px}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 5s ease infinite;background:linear-gradient(135deg,#d4798a,#e8c4a0 50%,#d4798a);-webkit-background-clip:text;background-size:200% auto}.hero p{color:#1e1e2a99;color:var(--text-muted);font-size:1.3rem;line-height:1.6;margin:0 auto 48px;max-width:600px}.cta-group{display:flex;gap:16px;justify-content:center;margin-bottom:80px}.btn-primary{background:#1e1e2a;border:none;color:#fff}.btn-primary:hover{box-shadow:0 20px 40px -10px #1e1e2a4d;transform:translateY(-2px)}.btn-secondary{border:1px solid #1e1e2a1a;color:var(--text-main)}.btn-secondary:hover{border-color:#1e1e2a33}.hero-visual{margin-bottom:80px;margin-top:-40px;perspective:1000px}.visual-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e2a0d,#1e1e2a03);border:1px solid #1e1e2a1a;border-radius:24px;box-shadow:0 50px 100px -20px #00000026;display:flex;height:400px;justify-content:center;margin:0 auto;max-width:700px;overflow:hidden;position:relative;transform:rotateX(5deg);width:100%}.visual-content{color:#1e1e2a66;text-align:center}.section{margin:0 auto;max-width:1400px;padding:120px 20px}.section-header{margin-bottom:80px;text-align:center}.section-header h2{font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.steps-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;position:relative}.step-card{background:#c79ba726;background:var(--bg-card);border:1px solid #c79ba74d;border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;padding:40px;position:relative;transition:transform .3s ease}.step-card:hover{background:#1e1e2a0d;transform:translateY(-10px)}.step-number{color:rgba(30,30,42,.045);font-size:4rem;font-weight:900;line-height:1;position:absolute;right:20px;top:20px}.step-icon{align-items:center;color:#d4798a;color:var(--primary);display:flex;margin-bottom:24px}.step-icon svg{stroke:#d4798a;stroke:var(--primary)}.bento-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(280px,auto));margin:0 auto;max-width:1200px}.bento-item{background:#c79ba726;background:var(--bg-card);border:1px solid #c79ba74d;border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;padding:40px;position:relative;transition:all .4s ease}.bento-item:hover{border-color:#d4798a4d;box-shadow:0 20px 40px #0000000d}.bento-item.large{background:linear-gradient(135deg,#d4798a1f,#c79ba705);grid-column:span 2}.bento-item.tall{background:linear-gradient(180deg,#e8c4a01a,#c79ba705);grid-row:span 2}.bento-icon{align-items:center;color:#d4798a;color:var(--primary);display:flex;margin-bottom:20px}.bento-icon svg{stroke:#d4798a;stroke:var(--primary)}.bento-item h3{font-size:1.5rem;margin-bottom:12px}.bento-item p{color:#1e1e2a99;color:var(--text-muted);line-height:1.6}.level-cards{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.card{background:#1e1e2a08;border:1px solid #c79ba74d;border:1px solid var(--glass-border);border-radius:24px;cursor:pointer;flex:1 1;max-width:380px;min-width:300px;padding:40px;position:relative;transition:all .4s ease;z-index:2}.card:hover{border-color:#d4798a;border-color:var(--primary);box-shadow:0 30px 60px -10px #d4798a1f;transform:translateY(-12px) scale(1.02)}.card.popular{background:linear-gradient(180deg,#d4798a1a,#c79ba700);border:1px solid #d4798a;border:1px solid var(--primary)}.popular-badge{background:#d4798a;background:var(--primary);border-radius:20px;box-shadow:0 10px 20px #d4798a4d;font-size:.8rem;font-weight:700;left:50%;letter-spacing:.05em;padding:6px 16px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.card-features li{align-items:center;color:#1e1e2a99;color:var(--text-muted);display:flex;gap:10px;margin-bottom:12px}.card-features li:before{color:#d4798a;color:var(--primary);content:"✓";font-weight:700}.cta-banner{background:radial-gradient(circle at center,#fdfbf7 0,#f5f2ea 100%);border:1px solid #c79ba74d;border:1px solid var(--glass-border);border-radius:32px;margin:100px 20px 60px;overflow:hidden;padding:100px 40px;position:relative;text-align:center}.cta-banner:before{background:linear-gradient(90deg,#0000,#1e1e2a33,#0000);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.footer{background:#1e1e2a05;border-top:1px solid #c79ba74d;border-top:1px solid var(--glass-border);padding:80px 40px 40px}.footer-content{display:flex;flex-wrap:wrap;gap:60px;justify-content:space-between;margin:0 auto 60px;max-width:1200px}@media (max-width:1024px){.hero h1{font-size:3.5rem}.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero-visual{display:none}.bento-grid{display:flex}.bento-grid,.level-cards{flex-direction:column}.card{max-width:none;width:100%}.footer-content{flex-direction:column;gap:40px}}.create-container{background:#fdfbf7;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' opacity='.05' d='M0 0h100v100H0z'/%3E%3C/svg%3E");color:#1e1e2a;min-height:100vh;overflow-x:hidden;padding-top:100px;position:relative}.create-spotlight{background:radial-gradient(180px circle at 50% 50%,#d4798a1f,#0000 80%);background:radial-gradient(180px circle at var(--mouse-x,50%) var(--mouse-y,50%),#d4798a1f,#0000 80%);height:100%;left:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.create-bg-glow,.create-spotlight{pointer-events:none;position:fixed}.create-bg-glow{animation:blobFloat 10s infinite alternate;border-radius:50%;filter:blur(100px);height:600px;opacity:.2;width:600px;z-index:0}.create-bg-glow-1{background:#d4798a;left:-100px;top:-100px}.create-bg-glow-2{animation-delay:-5s;background:#e8c4a0;bottom:0;right:-100px}@keyframes blobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(50px,50px) scale(1.1)}}.create-nav{align-items:center;display:flex;justify-content:space-between;padding:20px 40px;position:relative;z-index:10}.create-nav-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e1e2a 30%,#d4798a);background:linear-gradient(135deg,var(--text-main,#1e1e2a) 30%,#d4798a 100%);-webkit-background-clip:text;cursor:pointer;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.create-nav-back{background:#1e1e2a0f;border:1px solid #1e1e2a1a;border-radius:12px;color:#1e1e2ab3;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .3s ease}.create-nav-back:hover{background:#1e1e2a1f;color:#1e1e2a}.create-content{margin:0 auto;max-width:800px;padding:20px 24px 80px;position:relative;z-index:5}.create-header{margin-bottom:60px;text-align:center}.create-header h1{font-size:3rem;font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.create-gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 5s ease infinite;background:linear-gradient(135deg,#d4798a,#e8c4a0 50%,#d4798a);-webkit-background-clip:text;background-size:200% auto}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.create-header p{color:#1e1e2a80;font-size:1.1rem}.create-section{margin-bottom:56px}.create-section-title{align-items:center;display:flex;font-size:1.3rem;font-weight:700;gap:14px;margin-bottom:24px}.create-section-number{background:linear-gradient(135deg,#d4798a,#e8c4a0);border-radius:20px;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.05em;padding:4px 10px}.create-dropzone{background:#1e1e2a05;border:2px dashed #1e1e2a1f;border-radius:20px;cursor:pointer;overflow:hidden;padding:60px 20px;position:relative;text-align:center;transition:all .3s ease}.create-dropzone:hover{background:#d4798a0a;border-color:#d4798a66}.create-dropzone.dragging{background:#d4798a14;border-color:#d4798a;transform:scale(1.01)}.create-dropzone.has-image{border-color:#d4798a4d;border-style:solid;padding:0}.create-dropzone-content{align-items:center;display:flex;flex-direction:column;gap:8px}.create-dropzone-icon{filter:grayscale(.3);font-size:3rem;margin-bottom:8px}.create-dropzone-text{color:#1e1e2acc;font-size:1.1rem;font-weight:600}.create-dropzone-sub{color:#1e1e2a66;font-size:.9rem}.create-dropzone-formats{background:#1e1e2a0d;border-radius:20px;color:#1e1e2a80;font-size:.75rem;margin-top:12px;padding:4px 14px}.create-preview-wrap{position:relative;width:100%}.create-preview-img{border-radius:18px;display:block;max-height:400px;object-fit:contain;width:100%}.create-preview-overlay{align-items:center;background:#fdfbf7b3;border-radius:18px;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.create-preview-wrap:hover .create-preview-overlay{opacity:1}.create-preview-overlay span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d4798a26;border:1px solid #d4798a4d;border-radius:12px;color:#1e1e2a;font-weight:600;padding:10px 24px}.create-difficulty-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.create-difficulty-card{background:#1e1e2a08;border:1px solid #1e1e2a14;border-radius:20px;cursor:pointer;padding:28px 20px;position:relative;text-align:center;transition:all .35s ease}.create-difficulty-card:hover{background:#1e1e2a0f;border-color:#1e1e2a26;transform:translateY(-4px)}.create-difficulty-card.active{background:#d4798a1f;border-color:#d4798a;box-shadow:0 0 30px #d4798a1a}.create-recommended-badge{background:linear-gradient(135deg,#d4798a,#e8c4a0);border-radius:20px;font-size:.7rem;font-weight:700;left:50%;letter-spacing:.06em;padding:4px 14px;position:absolute;text-transform:uppercase;top:-10px;transform:translateX(-50%);white-space:nowrap}.create-difficulty-icon{font-size:2rem;margin-bottom:12px}.create-difficulty-card h3{font-size:1.2rem;font-weight:700;margin-bottom:8px}.create-difficulty-desc{color:#1e1e2a73;font-size:.85rem;line-height:1.5;margin-bottom:12px}.create-difficulty-detail{color:#d4798a;font-size:.75rem;font-weight:600}.create-slider-wrap{background:#1e1e2a08;border:1px solid #1e1e2a14;border-radius:20px;padding:36px 32px 20px;text-align:center}.create-slider-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4798a,#e8c4a0);-webkit-background-clip:text;font-size:3rem;font-weight:800;margin-bottom:20px}.create-slider{-webkit-appearance:none;appearance:none;background:#1e1e2a1a;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.create-slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#d4798a,#e8c4a0);border-radius:50%;box-shadow:0 0 12px #d4798a66;cursor:pointer;height:24px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:24px}.create-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.create-slider::-moz-range-thumb{background:linear-gradient(135deg,#d4798a,#e8c4a0);border:none;border-radius:50%;box-shadow:0 0 12px #d4798a66;cursor:pointer;height:24px;width:24px}.create-slider-labels{color:#1e1e2a66;display:flex;font-size:.75rem;justify-content:space-between;margin-top:12px}.create-generate-btn{align-items:center;background:linear-gradient(135deg,#d4798a,#e8c4a0);border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:1.15rem;font-weight:700;gap:12px;justify-content:center;margin-top:20px;overflow:hidden;padding:20px 36px;position:relative;transition:all .35s ease;width:100%}.create-generate-btn:before{background:linear-gradient(135deg,#0000,#ffffff1a,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.create-generate-btn:hover:before{transform:translateX(100%)}.create-generate-btn:hover{box-shadow:0 20px 50px #d4798a4d;transform:translateY(-3px)}.create-generate-btn.disabled{box-shadow:none;cursor:not-allowed;opacity:.35;transform:none}.create-generate-btn.disabled:before{display:none}.create-generate-icon{font-size:1.3rem}.create-generate-arrow{font-size:1.3rem;transition:transform .3s ease}.create-generate-btn:hover .create-generate-arrow{transform:translateX(4px)}.create-processing-overlay{align-items:center;animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fdfbf7d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-processing-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2a0a;border:1px solid #1e1e2a14;border-radius:28px;max-width:420px;padding:48px 40px;text-align:center}.create-processing-spinner{height:100px;margin:0 auto 28px;position:relative;width:100px}.create-spinner-ring{animation:spin 1s linear infinite;border:3px solid #1e1e2a14;border-radius:50%;border-top-color:#d4798a;inset:0;position:absolute}@keyframes spin{to{transform:rotate(1turn)}}.create-spinner-percent{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#d4798a,#e8c4a0);-webkit-background-clip:text;display:flex;font-size:1.3rem;font-weight:800;inset:0;justify-content:center;position:absolute}.create-processing-modal h2{font-size:1.4rem;font-weight:700;margin-bottom:8px}.create-processing-stage{color:#1e1e2a99;font-size:.95rem;margin-bottom:24px}.create-progress-bar{background:#1e1e2a14;border-radius:3px;height:6px;margin-bottom:24px;overflow:hidden;width:100%}.create-progress-fill{background:linear-gradient(90deg,#d4798a,#e8c4a0);border-radius:3px;height:100%;transition:width .4s ease}.create-processing-tip{color:#1e1e2a66;font-size:.8rem;line-height:1.5}@media (max-width:768px){.create-header h1{font-size:2rem}.create-difficulty-grid{grid-template-columns:1fr}.create-nav{padding:16px 20px}.create-content{padding:16px 16px 60px}}.btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;outline:none;padding:16px 36px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2a0d;border:1px solid #1e1e2a1a!important;color:#1e1e2a}.btn-secondary:hover{background:#1e1e2a1a;border-color:#1e1e2a33!important}.results-container{background:#fdfbf7;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' opacity='.05' d='M0 0h100v100H0z'/%3E%3C/svg%3E");color:#1e1e2a;min-height:100vh;overflow-x:hidden;padding-top:100px;position:relative}.results-bg-glow{animation:resultsBlobFloat 10s infinite alternate;border-radius:50%;filter:blur(100px);height:600px;opacity:.2;pointer-events:none;position:fixed;width:600px;z-index:0}.results-bg-glow-1{background:#d4798a;right:-100px;top:-100px}.results-bg-glow-2{animation-delay:-5s;background:#e8c4a0;bottom:0;left:-100px}@keyframes resultsBlobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(50px,50px) scale(1.1)}}.results-nav{align-items:center;display:flex;justify-content:space-between;padding:20px 40px;position:relative;z-index:10}.results-nav-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e1e2a 30%,#d4798a);-webkit-background-clip:text;cursor:pointer;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.results-nav-back{background:#1e1e2a0f;border:1px solid #1e1e2a1a;border-radius:12px;color:#1e1e2ab3;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .3s ease}.results-nav-back:hover{background:#1e1e2a1f;color:#1e1e2a}.results-content{margin:0 auto;max-width:900px;padding:20px 24px 80px;position:relative;z-index:5}.results-header{margin-bottom:40px;text-align:center}.results-header h1{font-size:2.6rem;font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.results-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4798a,#e8c4a0 50%,#d4798a);-webkit-background-clip:text}.results-header p{color:#1e1e2a80;font-size:1.1rem}.results-stats{background:#1e1e2a08;border:1px solid #1e1e2a0f;border-radius:16px;gap:32px;justify-content:center;margin-bottom:40px;padding:20px 32px}.results-stat,.results-stats{align-items:center;display:flex}.results-stat{flex-direction:column;gap:4px}.results-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4798a,#e8c4a0);-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.results-stat-label{color:#1e1e2a66;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.results-stat-divider{background:#1e1e2a14;height:40px;width:1px}.results-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.results-tab{align-items:center;background:#1e1e2a08;border:1px solid #1e1e2a14;border-radius:12px;color:#1e1e2a99;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.results-tab:hover{background:#1e1e2a0f;color:#1e1e2a}.results-tab.active{background:#d4798a1f;border-color:#d4798a;color:#1e1e2a}.results-tab-icon{font-size:1rem}.results-display{background:#1e1e2a05;border:1px solid #1e1e2a0f;border-radius:20px;margin-bottom:32px;overflow:hidden;padding:16px}.results-main-image{border-radius:12px;display:block;margin:0 auto;max-height:600px;object-fit:contain;width:100%}.results-palette-section{margin-bottom:32px}.results-palette-title{color:#1e1e2ab3;font-size:1rem;font-weight:700;margin-bottom:16px}.results-swatches{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.results-swatch{align-items:center;display:flex;flex-direction:column;gap:6px}.results-swatch-color{align-items:center;border:2px solid #1e1e2a1a;border-radius:12px;cursor:default;display:flex;height:48px;justify-content:center;transition:transform .3s ease;width:48px}.results-swatch-color:hover{transform:scale(1.15)}.results-swatch-num{font-size:.85rem;font-weight:800;text-shadow:0 1px 3px #00000080}.results-swatch-hex{color:#1e1e2a59;font-family:monospace;font-size:.65rem}.results-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:32px}.results-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:8px;padding:14px 28px;transition:all .3s ease}.results-btn-primary{background:linear-gradient(135deg,#d4798a,#e8c4a0);color:#fff}.results-btn-primary:hover{box-shadow:0 14px 40px #d4798a4d;transform:translateY(-2px)}.results-btn-secondary{background:#1e1e2a0f;border:1px solid #1e1e2a1a!important;color:#1e1e2a}.results-btn-secondary:hover{background:#1e1e2a1f}.results-btn-outline{background:#0000;border:1px solid #d4798a66!important;color:#d4798a}.results-btn-outline:hover{background:#d4798a1a;border-color:#d4798a!important;color:#1e1e2a}.results-footer-cta{padding-top:16px;text-align:center}.results-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:80vh;text-align:center}.results-empty-icon{font-size:4rem;margin-bottom:8px}.results-empty h2{font-size:1.8rem;font-weight:700}.results-empty p{color:#1e1e2a80;margin-bottom:20px}@media (max-width:768px){.results-header h1{font-size:1.8rem}.results-stats{gap:16px;padding:16px}.results-stat-value{font-size:1.3rem}.results-tabs{gap:6px}.results-tab{font-size:.8rem;padding:8px 14px}.results-actions{flex-direction:column}.results-btn{justify-content:center;width:100%}.results-nav{padding:16px 20px}}.auth-page{align-items:center;background-color:#fdfbf7;background-color:var(--bg-dark,#fdfbf7);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.auth-page:after,.auth-page:before{animation:authBlobFloat 12s ease-in-out infinite alternate;border-radius:50%;content:"";filter:blur(120px);opacity:.25;position:absolute;z-index:0}.auth-page:before{background:#d4798a;height:500px;right:-100px;top:-150px;width:500px}.auth-page:after{animation-delay:-6s;background:#e8c4a0;bottom:-100px;height:400px;left:-100px;width:400px}@keyframes authBlobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,30px) scale(1.08)}}.auth-back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2a0a;border:1px solid #1e1e2a14;border-radius:50px;color:#1e1e2a;color:var(--text-main,#1e1e2a);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;left:32px;padding:10px 20px;position:absolute;text-decoration:none;top:32px;transition:all .3s ease;z-index:10}.auth-back-btn:hover{background:#1e1e2a14;transform:translateX(-2px)}.auth-back-btn svg{transition:transform .3s ease}.auth-back-btn:hover svg{transform:translateX(-3px)}.auth-card{animation:authCardIn .6s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#fdfbf7b3;border:1px solid #c79ba740;border-radius:28px;box-shadow:0 24px 80px -12px #00000014,inset 0 0 0 1px #ffffff80;margin-top:60px;max-width:460px;opacity:0;padding:48px 40px;position:relative;transform:translateY(20px);width:100%;z-index:1}@keyframes authCardIn{to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:36px;text-align:center}.auth-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e1e2a 30%,#d4798a);-webkit-background-clip:text;display:inline-block;font-size:1.3rem;font-weight:800;letter-spacing:-.03em;margin-bottom:20px}.auth-header h1{color:#1e1e2a;color:var(--text-main,#1e1e2a);font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.auth-header p{color:#1e1e2a99;color:var(--text-muted,#1e1e2a99);font-size:.95rem;line-height:1.5}.auth-google-btn{align-items:center;background:#fff;border:1px solid #1e1e2a1f;border-radius:14px;color:#1e1e2a;color:var(--text-main,#1e1e2a);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:24px;padding:14px 24px;transition:all .3s ease;width:100%}.auth-google-btn:hover:not(:disabled){background:#f8f8f8;border-color:#1e1e2a33;box-shadow:0 4px 16px #0000000f;transform:translateY(-1px)}.auth-google-btn:active:not(:disabled){transform:translateY(0)}.auth-google-btn:disabled{cursor:not-allowed;opacity:.6}.auth-google-btn svg{flex-shrink:0}.auth-divider{align-items:center;color:#1e1e2a66;color:var(--text-muted,#1e1e2a66);display:flex;font-size:.8rem;font-weight:500;gap:16px;letter-spacing:.08em;margin-bottom:24px;text-transform:uppercase}.auth-divider:after,.auth-divider:before{background:linear-gradient(90deg,#0000,#1e1e2a1f,#0000);content:"";flex:1 1;height:1px}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-input-group{position:relative}.auth-input-group label{color:#1e1e2a;color:var(--text-main,#1e1e2a);display:block;font-size:.85rem;font-weight:600;letter-spacing:.01em;margin-bottom:6px}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-wrapper input{background:#1e1e2a08;border:1.5px solid #1e1e2a1a;border-radius:12px;color:#1e1e2a;color:var(--text-main,#1e1e2a);font-family:inherit;font-size:.95rem;outline:none;padding:14px 44px 14px 16px;transition:all .3s ease;width:100%}.auth-input-wrapper input::placeholder{color:#1e1e2a4d}.auth-input-wrapper input:focus{background:#d4798a08;border-color:#d4798a;box-shadow:0 0 0 4px #d4798a14}.auth-input-wrapper input.input-error{background:#ef444408;border-color:#ef4444}.auth-input-wrapper input.input-error:focus{box-shadow:0 0 0 4px #ef444414}.auth-password-toggle{align-items:center;background:none;border:none;color:#1e1e2a59;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.auth-password-toggle:hover{color:#1e1e2a99}.password-strength{margin-top:8px}.strength-bar-track{background:#1e1e2a0f;border-radius:4px;height:4px;overflow:hidden;width:100%}.strength-bar-fill{border-radius:4px;height:100%;transition:width .4s ease,background-color .4s ease}.strength-label{color:#1e1e2a80;color:var(--text-muted,#1e1e2a80);display:flex;font-size:.75rem;justify-content:space-between;margin-top:6px}.strength-checks{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px}.strength-check{align-items:center;color:#1e1e2a66;display:flex;font-size:.72rem;gap:4px;transition:color .3s ease}.strength-check.passed{color:#22c55e}.strength-check-icon{font-size:.65rem}.auth-forgot-link{margin-top:-8px;text-align:right}.auth-forgot-link button{background:none;border:none;color:#d4798a;cursor:pointer;font-size:.85rem;font-weight:500;padding:0;transition:color .2s ease}.auth-forgot-link button:hover{color:#c06577;text-decoration:underline}.auth-submit-btn{align-items:center;background:#1e1e2a;border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:4px;overflow:hidden;padding:15px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 12px 32px -8px #1e1e2a59;transform:translateY(-2px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-spinner{animation:authSpin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes authSpin{to{transform:rotate(1turn)}}.auth-toggle{color:#1e1e2a99;color:var(--text-muted,#1e1e2a99);font-size:.9rem;margin-top:24px;text-align:center}.auth-toggle button{background:none;border:none;color:#d4798a;cursor:pointer;font-weight:600;margin-left:4px;padding:0;transition:color .2s ease}.auth-toggle button:hover{color:#c06577;text-decoration:underline}.auth-message{animation:authMsgIn .3s ease;border-radius:12px;font-size:.85rem;font-weight:500;line-height:1.5;padding:12px 16px}@keyframes authMsgIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-message.error{background:#ef444414;border:1px solid #ef444426;color:#dc2626}.auth-message.success{background:#22c55e14;border:1px solid #22c55e26;color:#16a34a}.auth-message.info{background:#d4798a14;border:1px solid #d4798a26;color:#b55a6a}.auth-message.warning,.rate-limit-warning{background:#eab30814;border:1px solid #eab30826;color:#a16207}.rate-limit-warning{align-items:center;animation:authMsgIn .3s ease;border-radius:12px;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:12px 16px}.auth-verify-banner{align-items:flex-start;background:#d4798a0f;border:1px solid #d4798a26;border-radius:12px;color:#b55a6a;display:flex;font-size:.85rem;gap:10px;line-height:1.5;padding:14px 16px}.auth-verify-banner svg{flex-shrink:0;margin-top:2px}@media (max-width:520px){.auth-card{border-radius:20px;padding:36px 24px}.auth-header h1{font-size:1.5rem}.auth-back-btn{font-size:.85rem;left:16px;padding:8px 14px;top:20px}.strength-checks{flex-direction:column;gap:2px}}.paint-container{background-color:#0b0b13;background-color:var(--bg-dark,#0b0b13);color:#fff;color:var(--text-main,#fff);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.paint-bg-glow{border-radius:50%;filter:blur(120px);pointer-events:none;position:fixed;z-index:0}.paint-bg-glow-1{background:radial-gradient(circle,#a78bfa26 0,#0000 70%);height:600px;left:-200px;top:-100px;width:600px}.paint-bg-glow-2{background:radial-gradient(circle,#67e8f91a 0,#0000 70%);bottom:-100px;height:500px;right:-100px;width:500px}.paint-nav{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0b1399;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:1rem 2rem;position:relative;z-index:10}.paint-nav-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#67e8f9);-webkit-background-clip:text;cursor:pointer;font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.paint-nav-actions{display:flex;gap:12px}.paint-btn{border:none;border-radius:50px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.paint-btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.paint-btn-secondary:hover{background:#ffffff1a}.paint-btn-primary{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.paint-btn-primary:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.paint-workspace{display:flex;flex:1 1;overflow:hidden;position:relative;z-index:1}.paint-toolbar{background:#151520;border-right:1px solid #ffffff0d;color:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:1.5rem;width:320px}.paint-toolbar h3{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0}.paint-tool-section{margin-bottom:2rem}.paint-tool-section label{color:#fff9;display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.paint-tool-buttons{display:flex;gap:10px;margin-bottom:1rem}.paint-tool-btn{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:all .2s ease}.paint-tool-btn.active{background:#a78bfa33;border-color:#a78bfa;color:#a78bfa}.paint-slider-wrap{align-items:center;display:flex;gap:12px}.paint-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;flex:1 1;height:6px;outline:none}.paint-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#a78bfa;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:transform .1s;transition:transform .1s;width:16px}.paint-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.paint-slider-value{color:#fffc;font-size:.9rem;text-align:right;width:30px}.paint-zoom-controls{align-items:center;display:flex;gap:10px}.paint-zoom-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s;width:36px}.paint-zoom-btn:hover{background:#ffffff1a}.paint-zoom-value{flex:1 1;font-size:.9rem;font-weight:500;text-align:center}.paint-palette-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.paint-palette-swatch{align-items:center;aspect-ratio:1;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:center;position:relative;transition:transform .2s,box-shadow .2s}.paint-palette-swatch:hover{transform:scale(1.05)}.paint-palette-swatch.active{border-color:#fff;box-shadow:0 0 10px #ffffff4d;transform:scale(1.1)}.paint-swatch-num{background:#0009;border-radius:4px;color:#fff;font-size:.75rem;font-weight:700;padding:2px 6px}.paint-canvas-area{align-items:center;background:#151520;background-image:linear-gradient(45deg,#1a1a24 25%,#0000 0),linear-gradient(-45deg,#1a1a24 25%,#0000 0),linear-gradient(45deg,#0000 75%,#1a1a24 0),linear-gradient(-45deg,#0000 75%,#1a1a24 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;display:flex;flex:1 1;justify-content:center;overflow:auto;position:relative}.paint-canvas-container{background:#fff;box-shadow:0 10px 40px #00000080;cursor:none;position:relative;transform-origin:center center;transition:transform .1s ease-out}.paint-cursor{background-color:initial;border:1px solid #000;border-radius:50%;box-shadow:0 0 0 1px #fff;pointer-events:none;position:fixed;transform:translate(-50%,-50%);z-index:9999}.paint-canvas-container.is-panning{cursor:grab}.paint-canvas-container.is-panning:active{cursor:grabbing}.paint-canvas-layer{left:0;pointer-events:none;position:absolute;top:0}.paint-draw-canvas{left:0;position:absolute;top:0;z-index:1}.paint-template-img{left:0;mix-blend-mode:multiply;opacity:.8;pointer-events:none;position:absolute;top:0;z-index:2}@media (max-width:768px){.paint-workspace{flex-direction:column-reverse}.paint-toolbar{border-right:none;border-top:1px solid #ffffff0d;height:250px;width:100%}.paint-palette-grid{grid-template-columns:repeat(8,1fr)}}.profile-page{background:#fdfbf7;color:#1e1e2a;font-family:Inter,sans-serif;min-height:100vh;padding-bottom:50px;padding-top:120px}.profile-container{margin:0 auto;max-width:1000px;padding:0 20px}.profile-header{margin-bottom:40px}.profile-header h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:10px}.profile-header p{color:#1e1e2a99;font-size:1.1rem}.profile-tabs{border-bottom:1px solid #1e1e2a1a;display:flex;gap:20px;margin-bottom:30px;padding-bottom:10px}.profile-tab{background:none;border:none;color:#1e1e2a66;cursor:pointer;font-size:1.1rem;font-weight:600;padding:10px 0;position:relative}.profile-tab.active{color:#1e1e2a}.profile-tab.active:after{background:#d4798a;border-radius:3px 3px 0 0;bottom:-11px;content:"";height:3px;left:0;position:absolute;width:100%}.gallery-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gallery-card{backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);background:#c79ba726;border:1px solid #fff9;border-radius:32px;box-shadow:0 10px 40px #0000000d;display:flex;flex-direction:column;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.gallery-card:hover{box-shadow:0 15px 50px #0000001a;transform:translateY(-5px)}.gallery-card-img{background:#f0f0f0;height:200px;object-fit:cover;width:100%}.gallery-card-content{display:flex;flex:1 1;flex-direction:column;padding-top:20px}.gallery-card-title{font-size:1.25rem;font-weight:700;margin-bottom:4px}.gallery-card-date{color:#1e1e2a80;font-size:.9rem;margin-bottom:20px}.gallery-card-actions{display:flex;gap:12px;margin-top:auto}.gallery-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:700;padding:12px 0;transition:all .2s ease}.gallery-btn-primary{background:#1e1e2ae6;color:#fff}.gallery-btn-primary:hover{background:#000;transform:translateY(-2px)}.gallery-btn-secondary{background:#1e1e2a14;color:#1e1e2a}.gallery-btn-secondary:hover{background:#1e1e2a1f;transform:translateY(-2px)}.security-section{background:#fff;border:1px solid #1e1e2a0d;border-radius:16px;max-width:600px;padding:30px}.security-section h2{font-size:1.5rem;margin-bottom:10px}.security-section p{color:#1e1e2a99;line-height:1.5;margin-bottom:20px}.mfa-qr-container{align-items:center;background:#f9f9f9;border-radius:12px;display:flex;flex-direction:column;margin-bottom:20px;padding:20px}.mfa-qr-container img{border-radius:8px;height:200px;margin-bottom:15px;width:200px}.mfa-input-group{display:flex;gap:10px}.mfa-input-group input{border:1px solid #1e1e2a1a;border-radius:8px;flex:1 1;font-size:1rem;padding:10px 15px}.mfa-btn{background:#d4798a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.mfa-btn:hover{background:#c36275}.mfa-status{align-items:center;border-radius:50px;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.mfa-status.enabled{background:#10b9811a;color:#10b981}.mfa-status.disabled{background:#ef44441a;color:#ef4444}.community-page{background:#fdfbf7;color:#1e1e2a;font-family:Inter,sans-serif;min-height:100vh;padding-bottom:0;padding-top:0}.community-container{display:flex;flex-direction:column;gap:50px;margin:0 auto;max-width:1200px;padding:0 20px}.hero-inspiration-card{background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:20px;padding:0}.hero-img-container{background:#eaeaea;border-radius:0;height:85vh;overflow:hidden;position:relative;width:100%}.hero-main-img{height:100%;object-fit:cover;transition:opacity .4s ease;width:100%}.hero-overlay-actions{display:flex;gap:12px;position:absolute;z-index:10}.hero-overlay-actions.bottom-left{bottom:20px;left:20px}.hero-overlay-actions.bottom-right{align-items:flex-end;bottom:20px;display:flex;flex-direction:column;gap:15px;right:20px}.hero-bottom-bar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px 40px}.hero-bottom-actions{align-items:center;display:flex;gap:20px;margin-top:10px}.get-inspired-text{color:#1e1e2a;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1}.hero-create-btn{background:#1e1e2a;border:none;border-radius:50px;box-shadow:0 8px 24px #0000004d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 32px;transition:all .2s ease}.hero-create-btn:hover{background:#333342;transform:scale(1.05)}.hero-overlay-actions.bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.hero-action-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#333;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.hero-action-btn:hover{background:#fff;transform:scale(1.05)}.hero-action-btn.primary{background:#1e1e2a;color:#fff}.hero-action-btn.primary:hover{background:#333342}.hero-pagination{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:20px;display:flex;gap:8px;padding:8px 12px}.pagination-dot{background:#ffffff80;border:none;border-radius:4px;cursor:pointer;height:8px;padding:0;transition:all .3s ease;width:8px}.pagination-dot.active{background:#fff;width:20px}.hero-thumbnails-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.hero-thumbnails-row::-webkit-scrollbar{display:none}.hero-thumbnail{border:2px solid #0000;border-radius:12px;cursor:pointer;flex-shrink:0;height:70px;overflow:hidden;position:relative;transition:all .2s ease;width:100px}.hero-thumbnail img{height:100%;object-fit:cover;opacity:.7;width:100%}.hero-thumbnail:hover img{opacity:1}.hero-thumbnail.active{border-color:#1e1e2a}.hero-thumbnail.active img{opacity:1}.hero-thumbnail.add-new{align-items:center;background:#f4f4f4;border:2px dashed #ccc;color:#666;display:flex;justify-content:center}.hero-thumbnail.add-new:hover{background:#eaeaea;border-color:#aaa;color:#333}.community-posts-section{background:#f4f1eb;border-top:1px solid #1e1e2a0d;margin-top:20px;padding:100px 0 60px}.community-posts-section h2{color:#1e1e2a;font-size:2.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:10px;padding-left:10px}.coverflow-carousel-container{flex-direction:column;padding:0 0 40px}.coverflow-carousel,.coverflow-carousel-container{align-items:center;display:flex;position:relative;width:100%}.coverflow-carousel{height:450px;justify-content:center;overflow:hidden;perspective:1200px}.coverflow-item{background:#fff;border-radius:20px;box-shadow:none;display:flex;flex-direction:column;height:420px;overflow:hidden;position:absolute;transition:all .5s cubic-bezier(.25,1,.5,1);width:320px}.coverflow-img-wrapper{background:#f0f0f0;height:320px;width:100%}.coverflow-img{height:100%;object-fit:cover;width:100%}.coverflow-content{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:space-between;padding:15px 20px;transition:opacity .3s ease}.coverflow-info h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}.coverflow-info p{color:#1e1e2a99;font-size:.9rem;font-weight:500}.carousel-nav-buttons{display:flex;gap:20px;margin-top:30px}.carousel-nav-btn{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:50%;box-shadow:0 4px 10px #0000000d;color:#1e1e2a;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .2s ease;width:50px}.carousel-nav-btn:hover:not(:disabled){background:#1e1e2a;color:#fff;transform:scale(1.05)}.carousel-nav-btn:disabled{cursor:not-allowed;opacity:.5}.scroll-vote-btn{align-items:center;background:#d4798a1a;border:none;border-radius:50px;color:#d4798a;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:6px;padding:8px 14px;transition:all .2s ease}.scroll-vote-btn:hover{background:#d4798a;color:#fff;transform:scale(1.05)}.scroll-vote-btn:active{transform:scale(.95)}.create-new-card{align-items:center;background:#0000;border:2px dashed #1e1e2a33;box-shadow:none;cursor:pointer;display:flex;justify-content:center}.create-new-card:hover{background:#ffffff80;border-color:#1e1e2a80;transform:translateY(-5px)}.create-new-content{color:#1e1e2a;opacity:.7;text-align:center;transition:opacity .2s ease}.create-new-card:hover .create-new-content{opacity:1}.create-new-content h3{font-size:1.3rem;font-weight:700;margin:15px 0 5px}.create-new-content p{font-size:1rem}.empty-state,.loading-state{color:#666;padding:60px 20px;text-align:center}.primary-btn{background:#1e1e2a;border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:10px 24px;transition:opacity .2s}.primary-btn:hover{opacity:.9}.navbar{align-items:flex-start;background:#0000;display:flex;justify-content:space-between;left:40px;padding:0;pointer-events:none;position:fixed;right:40px;top:30px;z-index:1000}.navbar-circle-logo{align-items:center;background:#1e1e2a;border-radius:50%;box-shadow:0 4px 15px #00000026;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;width:44px}.navbar-circle-logo:hover{box-shadow:0 8px 25px #0003;transform:scale(1.05)}.navbar-center,.navbar-left,.navbar-right{align-items:center;display:flex;gap:15px;pointer-events:auto}.navbar-center{align-items:center;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.navbar-center-capsule{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#1e1e2a0a;border:1px solid #1e1e2a0d;border-radius:50px;box-shadow:inset 0 2px 10px #00000008;display:flex;min-width:240px;padding:4px;position:relative}.capsule-slider{backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);background:#ffffff73;border:1px solid #ffffffe6;border-radius:50px;bottom:4px;box-shadow:0 4px 15px #00000014,inset 0 2px 6px #fffc;position:absolute;top:4px;transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .3s ease,left .4s cubic-bezier(.25,1,.5,1);width:calc(50% - 4px);z-index:0}.capsule-btn{align-items:center;background:#0000;border:none;border-radius:50px;color:#1e1e2a80;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;justify-content:center;padding:10px 16px;text-decoration:none;transition:color .3s ease;white-space:nowrap;width:50%;z-index:1}.capsule-btn.active{color:#1e1e2a}.capsule-btn:hover:not(.active){color:#1e1e2acc}.navbar-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;padding:10px 24px;text-decoration:none;transition:all .3s ease}.navbar-btn-primary{background:#1e1e2a;box-shadow:0 10px 30px -10px #0003;color:#fff}.navbar-btn-primary:hover{box-shadow:0 15px 35px -10px #0000004d;transform:translateY(-2px)}.navbar-btn-secondary{backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);background:#fdfbf766;border:1px solid #fff9;box-shadow:0 4px 30px #0000000d;color:#1e1e2a}.navbar-btn-secondary:hover{background:#fdfbf799;box-shadow:0 8px 32px #00000014;transform:translateY(-2px)}@media (max-width:768px){.navbar{flex-wrap:wrap;gap:15px;left:20px;right:20px;top:20px}.navbar-center{justify-content:center;order:3;position:static;transform:none;width:100%}}
/*# sourceMappingURL=main.09adacb4.css.map*/