#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%}.html-circular-gallery-container{-ms-overflow-style:none;cursor:grab;height:400px;margin:40px 0;mask-image:linear-gradient(90deg,#0000,#000 15%,#000 85%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 15%,#000 85%,#0000);overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%}.html-circular-gallery-container::-webkit-scrollbar{display:none}.html-circular-gallery-container:active{cursor:grabbing}.html-circular-gallery-track{align-items:center;display:inline-flex;gap:60px;height:100%;padding:40px calc(50vw - 180px);position:relative}.html-circular-gallery-item{flex-shrink:0;height:-webkit-max-content;height:max-content;transform-origin:center bottom;transition:transform .05s linear;width:340px;will-change:transform}.html-circular-gallery-item .bento-item{display:flex;flex-direction:column;height:280px;justify-content:flex-start;transition:border-color .3s ease}.html-circular-gallery-item:hover .bento-item{border-color:var(--primary)}.gallery-nav-button{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 4px 12px #0003;color:var(--text-primary);cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:48px;z-index:10}.gallery-nav-button:hover{background:var(--primary);border-color:var(--primary);color:#fff}.gallery-nav-button.left{left:20px}.gallery-nav-button.right{right:20px}: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)}.navbar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fdfbf7bf;border:1px solid #c79ba74d;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 10px 30px -10px #0000001a;display:flex;justify-content:space-between;margin:0 20px;padding:20px 40px;position:-webkit-sticky;position:sticky;top:20px;z-index:100}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e1e2a 30%,#d4798a);background:linear-gradient(135deg,var(--text-main) 30%,var(--primary) 100%);-webkit-background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.nav-links{background:#1e1e2a08;border:1px solid #1e1e2a0d;border-radius:50px;display:flex;gap:40px;padding:8px 24px}.nav-links a{color:#1e1e2a99;color:var(--text-muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#d4798a;color:var(--primary)}.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;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){.navbar{border-radius:0;border-top:none;margin:0;padding:16px;top:0}.nav-links{display:none}.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;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;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;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}}
/*# sourceMappingURL=main.d14aacbd.css.map*/