@font-face{font-family:gochiHand;src:url(/assets/GochiHand-Regular-ClIgmwc4.ttf) format("truetype")}body{margin:0;font-family:gochiHand,cursive}*,button,input,select,textarea{font-family:gochiHand,cursive}.app-container{background:linear-gradient(135deg,#667eea,#764ba2);background-size:400% 400%;font-family:gochiHand;padding:10px;animation:pageTransitionIn .5s ease}@keyframes pageTransitionIn{0%{opacity:0}to{opacity:1}}.app-main{margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;background-color:#fff;background-image:radial-gradient(circle,#d0d0d0 1px,transparent 1px);background-size:20px 20px;border-radius:10px;box-shadow:0 8px 32px #0000001a;padding:10px 0}.gallery{margin-top:20px}.galleryHeader{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:10px}.sortDropdown{padding:4px 8px;font-size:16px;border:1px solid #000000;border-radius:4px;color:#333;cursor:pointer;transition:all .2s ease}.sortDropdown:hover{border-color:#999}.sortDropdown:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.galleryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;overflow-y:auto;padding:20px 0}@media (max-width: 1260px){.galleryGrid{grid-template-columns:repeat(2,1fr);gap:20px;padding:20px 0}}@media (max-width: 840px){.galleryGrid{grid-template-columns:1fr;gap:20px;padding:20px 0}}.loadingPlaceholder{width:200px;height:200px;border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;color:#999;font-size:12px}._container_gtyed_1{text-align:center}._title_gtyed_5{font-size:12px;margin-bottom:4px;color:#666;font-weight:700}._stageWrapper_gtyed_12{border:1px solid #000000;border-radius:4px;overflow:hidden;margin-bottom:8px;background-color:#fff;touch-action:pan-y}._canvasImage_gtyed_22{display:block;user-select:none;-webkit-user-select:none;-webkit-touch-callout:default;pointer-events:auto}@media (max-width: 768px){._stageWrapper_gtyed_12{width:350px;height:350px}}._controls_gtyed_38{display:flex;gap:4px;justify-content:center}._leftButtonGroup_gtyed_44{display:flex;gap:4px;align-items:center}._playButton_gtyed_50{padding:2px 6px;background-color:#4caf50;color:#fff;border:1px solid #45a049;border-radius:3px;cursor:pointer}._playButton_gtyed_50:disabled{cursor:not-allowed;opacity:.6}._stopButton_gtyed_64{padding:2px 6px;background-color:#f44336;color:#fff;border:1px solid #da190b;border-radius:3px;cursor:pointer}._voteSlider_gtyed_73{display:flex;align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:15px;overflow:hidden;position:relative}._voteSliderButton_gtyed_83{padding:3px 8px;background-color:transparent;color:#333;border:none;cursor:pointer;display:flex;align-items:center;gap:2px;transition:all .3s ease;position:relative;z-index:2}._voteSliderButton_gtyed_83:hover:not(:disabled){background-color:#0000000d}._voteSliderButton_gtyed_83:disabled{cursor:not-allowed;opacity:.6}._voteSliderLeft_gtyed_107{border-radius:15px 0 0 15px}._voteSliderRight_gtyed_111{border-radius:0 15px 15px 0}._voteSliderButton_gtyed_83._active_gtyed_115{font-weight:700}._voteSliderButton_gtyed_83._active_gtyed_115._voteSliderLeft_gtyed_107{background-color:#ffe6e6}._voteSliderButton_gtyed_83._active_gtyed_115._voteSliderRight_gtyed_111{background-color:#f4e4d4}._voteSliderCenter_gtyed_127{width:4px;height:20px;position:relative;display:flex;align-items:center;justify-content:center}._voteSliderIndicator_gtyed_136{width:10px;height:100%;border-radius:2px;transition:all .3s ease}._voteSliderIndicator_gtyed_136._indicatorNeutral_gtyed_143{background-color:#ccc}._voteSliderIndicator_gtyed_136._indicatorLeft_gtyed_147{background-color:#ff6b6b;transform:translate(-1px)}._voteSliderIndicator_gtyed_136._indicatorRight_gtyed_152{background-color:#d4a574;transform:translate(1px)}._heart_gtyed_157,._poop_gtyed_162{font-size:12px;line-height:1}._count_gtyed_167{font-size:9px;font-weight:700;color:#666;min-width:12px;text-align:center}._header_hroue_1{display:flex;align-items:center;gap:10px;flex-direction:column;background-color:#fff;background-image:radial-gradient(circle,#d0d0d0 1px,transparent 1px);background-size:20px 20px;border-radius:10px;box-shadow:0 8px 32px #0000001a;margin-bottom:10px}._headerContent_hroue_14{display:flex;align-items:center;flex-direction:column;gap:10px;cursor:pointer}._logo_hroue_22{width:70px;height:70px}._title_hroue_27{font-size:24px;font-weight:700;margin:-20px 0 0}._welcomeContainer_7hqtq_3{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow-x:hidden;transition:opacity .5s ease}._welcomeContainer_7hqtq_3._transitioning_7hqtq_11{opacity:0}._hero_7hqtq_15{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;gap:4rem;position:relative;overflow:hidden}._hero_7hqtq_15:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.3) 0%,transparent 50%);animation:_pulse_7hqtq_1 8s ease-in-out infinite;pointer-events:none}@keyframes _pulse_7hqtq_1{0%,to{opacity:.5}50%{opacity:.8}}._logoContainer_7hqtq_57{flex:1;display:flex;align-items:center;justify-content:center;max-width:600px;position:relative;z-index:1}._animatedLogo_7hqtq_67{width:100%;height:auto;max-width:500px;filter:drop-shadow(0 0 40px rgba(139,92,246,.6))}._logoPath1_7hqtq_74,._logoPath2_7hqtq_75,._logoPath3_7hqtq_76,._logoPath4_7hqtq_77,._logoPath5_7hqtq_78{stroke-dasharray:5000;stroke-dashoffset:5000;fill-opacity:0}._logoPath1_7hqtq_74{animation:_drawPath_7hqtq_1 1.2s ease-in-out forwards,_fillPath_7hqtq_1 .3s ease-in-out 1.2s forwards,_glow_7hqtq_1 2s ease-in-out 6.5s infinite alternate}._logoPath2_7hqtq_75{animation:_drawPath_7hqtq_1 1.2s ease-in-out 1s forwards,_fillPath_7hqtq_1 .3s ease-in-out 2.2s forwards,_glow_7hqtq_1 2s ease-in-out 6.5s infinite alternate;animation-delay:0s,0s,0s}._logoPath3_7hqtq_76{animation:_drawPath_7hqtq_1 1.2s ease-in-out 2s forwards,_fillPath_7hqtq_1 .3s ease-in-out 3.2s forwards,_glow_7hqtq_1 2s ease-in-out 6.5s infinite alternate;animation-delay:0s,0s,0s}._logoPath4_7hqtq_77{animation:_drawPath_7hqtq_1 1.5s ease-in-out 3s forwards,_fillPath_7hqtq_1 .3s ease-in-out 4.5s forwards,_glow_7hqtq_1 2s ease-in-out 6.5s infinite alternate;animation-delay:0s,0s,0s}._logoPath5_7hqtq_78{animation:_drawPath_7hqtq_1 1.2s ease-in-out 4.5s forwards,_fillPath_7hqtq_1 .3s ease-in-out 5.7s forwards,_glow_7hqtq_1 2s ease-in-out 6.5s infinite alternate;animation-delay:0s,0s,0s}@keyframes _drawPath_7hqtq_1{to{stroke-dashoffset:0}}@keyframes _fillPath_7hqtq_1{to{fill-opacity:1}}@keyframes _glow_7hqtq_1{0%{filter:drop-shadow(0 0 5px rgba(139,92,246,.5))}to{filter:drop-shadow(0 0 20px rgba(236,72,153,.8))}}._heroContent_7hqtq_139{flex:1;max-width:600px;text-align:left;position:relative;z-index:1}._appName_7hqtq_147{font-family:gochiHand,cursive;font-size:clamp(4rem,10vw,8rem);margin:0 0 1rem;background:linear-gradient(135deg,#fff,#ffd1dc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:_fadeInUp_7hqtq_1 1s ease-out;line-height:1.1;color:#fff}._tagline_7hqtq_161{font-size:clamp(1.2rem,3vw,2rem);margin:0 0 2.5rem;line-height:1.5;opacity:.95;animation:_fadeInUp_7hqtq_1 1s ease-out .3s both;font-weight:400}._ctaButton_7hqtq_170{font-family:gochiHand,cursive;font-size:1.5rem;padding:1.2rem 3rem;background:#fff;color:#667eea;border:none;border-radius:50px;cursor:pointer;transition:box-shadow .15s ease,background .15s ease;box-shadow:0 10px 30px #0000004d;animation:_fadeInUp_7hqtq_1 1s ease-out .6s both;font-weight:400}._ctaButton_7hqtq_170:hover{box-shadow:0 12px 35px #00000073;background:#f8f8f8}._ctaButton_7hqtq_170:active{box-shadow:0 8px 25px #0000004d;background:#efefef}@keyframes _fadeInUp_7hqtq_1{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}._features_7hqtq_207{padding:6rem 2rem;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}._featureCard_7hqtq_216{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}._featureCard_7hqtq_216:hover{transform:translateY(-10px);background:#ffffff26;box-shadow:0 20px 40px #0000004d}._featureIcon_7hqtq_232{font-size:4rem;margin-bottom:1rem;animation:_bounce_7hqtq_1 2s ease-in-out infinite}._featureCard_7hqtq_216:nth-child(2) ._featureIcon_7hqtq_232{animation-delay:.2s}._featureCard_7hqtq_216:nth-child(3) ._featureIcon_7hqtq_232{animation-delay:.4s}@keyframes _bounce_7hqtq_1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}._featureCard_7hqtq_216 h2{font-size:2rem;margin:1rem 0;font-weight:400}._featureCard_7hqtq_216 p{font-size:1.1rem;line-height:1.6;opacity:.9}._howItWorks_7hqtq_269{padding:6rem 2rem;max-width:1200px;margin:0 auto;text-align:center}._howItWorks_7hqtq_269>h2{font-size:3.5rem;margin-bottom:4rem;font-weight:400}._steps_7hqtq_282{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}._step_7hqtq_282{position:relative}._stepNumber_7hqtq_292{display:inline-block;width:80px;height:80px;line-height:80px;border-radius:50%;background:linear-gradient(135deg,#fff,#ffd1dc);color:#667eea;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;box-shadow:0 10px 30px #0000004d}._step_7hqtq_282 h3{font-size:2rem;margin:1rem 0;font-weight:400}._step_7hqtq_282 p{font-size:1.2rem;opacity:.9;line-height:1.5}._footer_7hqtq_319{padding:3rem 2rem;text-align:center;background:#0003;border-top:1px solid rgba(255,255,255,.1)}._footer_7hqtq_319 p{font-size:1.2rem;margin:0;opacity:.8}@media (max-width: 968px){._hero_7hqtq_15{flex-direction:column;gap:2rem;padding:4rem 1.5rem}._heroContent_7hqtq_139{text-align:center}._logoContainer_7hqtq_57{max-width:400px}._appName_7hqtq_147{font-size:clamp(3rem,12vw,6rem)}._tagline_7hqtq_161{font-size:clamp(1rem,4vw,1.5rem)}._ctaButton_7hqtq_170{font-size:1.3rem;padding:1rem 2.5rem}._features_7hqtq_207{padding:4rem 1.5rem;gap:1.5rem}._howItWorks_7hqtq_269{padding:4rem 1.5rem}._howItWorks_7hqtq_269>h2{font-size:2.5rem}._steps_7hqtq_282{gap:2rem}}@media (max-width: 480px){._features_7hqtq_207,._steps_7hqtq_282{grid-template-columns:1fr}._featureCard_7hqtq_216{padding:2rem}._ctaButton_7hqtq_170{width:100%;max-width:300px}}