html,body{min-height:100%;scrollbar-gutter:stable}body::-webkit-scrollbar{width:0;height:0}*,*:before,*:after{box-sizing:border-box}body{margin:0;display:flex;justify-content:center;background:url(/cute-coquette-aesthetic-pattern-seamless-red-cherries-with-pink-ribbon-bow-isolated-on-white-background-vector.jpg);background-size:cover;background-position:center;background-attachment:fixed;-webkit-user-select:none;user-select:none}#root{width:100%;max-width:1440px;min-height:100vh;display:flex;flex-direction:column}header{flex-shrink:0;width:100%;height:clamp(64px,8vh,80px);display:flex;align-items:center;justify-content:center;position:relative;top:14px;left:0;right:0;z-index:1000}.app-main{flex:1;width:100%;padding-top:6px;overflow-y:auto;overflow-x:hidden;display:block}.nav{position:relative;width:clamp(260px,28vw,330px);height:clamp(44px,5vw,55px);display:flex;justify-content:center;align-items:center;gap:clamp(8px,1.5vw,12px);background:#0000000d;border-radius:999px}.nav button{width:clamp(80px,9vw,102px);height:100%;flex:1;background:transparent;border:none;border-radius:999px;font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:clamp(14px,1.2vw,16px);letter-spacing:-.005em;cursor:pointer;position:relative;z-index:1}.nav-indicator{position:absolute;top:0;left:0;width:calc(100%/3);height:100%;background:#d9d9d9;border-radius:999px;box-shadow:var(--shadow-x, 0px) 0 4px #00000040;z-index:0;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .2s ease}@media(max-width:640px){.nav{width:92%;max-width:320px;height:44px}.nav button{font-size:14px}.nav-indicator{height:100%}}.nav button:active{transform:scale(.96)}.home{flex:1;width:100%;min-height:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.home-holder{width:100%;max-width:1440px;padding:clamp(24px,4vw,72px) 24px;display:flex;justify-content:center}.home-texts{max-width:960px;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vw,24px);text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home-eyebrow,.home-headline,.home-subtext{opacity:0;animation:fadeUp .6s ease-out forwards}.home-eyebrow{font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:clamp(16px,1.8vw,22px);line-height:140%;letter-spacing:-.005em;color:#0000008c}.home-headline{font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:clamp(32px,5.5vw,56px);line-height:1.1;letter-spacing:-.02em;margin:0;color:#000;animation-delay:.12s}.home-subtext{font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:clamp(16px,2.2vw,22px);line-height:145%;letter-spacing:-.005em;color:#0000008c;max-width:960px;animation-delay:.24s}.answer-button-wrapper{opacity:0;animation:fadeUp .6s ease-out forwards;animation-delay:.35s}.answer-buttons{display:flex;gap:16px;margin-top:24px}.answer{padding:12px 22px;border-radius:999px;border:none;cursor:pointer;font-size:16px;font-weight:500;transition:transform .12s ease,box-shadow .12s ease}.answer:active{transform:scale(.94)}.answer.yes{background:#ff4d6d;color:#fff}.answer.no{background:#eee;color:#333}.yes-cat,.no-cat{width:clamp(160px,30vw,260px);margin-top:24px;border-radius:16px;opacity:0;animation:fadeUp .6s ease-out forwards;animation-delay:.15s}.gallery{flex:1;width:100%;display:flex;justify-content:center;align-items:flex-start;padding:clamp(24px,4vw,48px)}.gallery-grid{width:100%;max-width:1320px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(16px,3vw,36px)}.gallery-item{position:relative;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background:#fff;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.gallery-item.visible{opacity:1;transform:translateY(0)}.gallery-image,.gallery-video{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease}.gallery-overlay span{font-family:Itim,cursive;font-size:24px;color:#fff;transform:translateY(6px);transition:transform .3s ease}.gallery-item:hover .gallery-image,.gallery-item:hover .gallery-video{transform:scale(1.05)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-item:hover .gallery-overlay span{transform:translateY(0)}.about{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:flex-start;padding:34px}.about-content{display:flex;align-items:center;gap:64px;max-width:1416px;width:100%;flex-wrap:wrap}.about-texts{display:flex;flex-direction:column;gap:48px;flex:1 1 320px;max-width:612px}.about-text{display:flex;flex-direction:column;gap:24px}.about-text h1{font-family:Inter,sans-serif;font-weight:700;font-size:36px;line-height:120%;letter-spacing:-.02em;margin:0}.about-text p{font-family:Inter,sans-serif;font-weight:500;font-size:18px;line-height:145%;letter-spacing:-.005em;color:#0000008c;margin:0}.about-button{display:flex;justify-content:center;align-items:center;padding:12px 16px;width:96px;height:50px;background:#000;color:#fff;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:18px;cursor:pointer}.about-image{flex:1 1 320px;width:100%;min-width:280px;aspect-ratio:612 / 432;background-image:url(/hehe.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:16px}.chocolate{position:fixed;top:-40px;width:24px;height:24px;background-image:url(/chocolate.png);background-size:contain;background-repeat:no-repeat;animation:fall linear forwards;pointer-events:none;z-index:9999}@keyframes fall{to{transform:translateY(110vh) rotate(360deg);opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-text{opacity:0;animation:fadeUp .8s ease-out forwards;animation-delay:.2s}.fade-in-image{opacity:0;animation:fadeUp .8s ease-out forwards;animation-delay:.9s}@media(max-width:900px){.about{padding:48px 24px}.about-content{flex-direction:column;align-items:center;gap:48px}.about-texts,.about-image{max-width:100%}.about-text{text-align:center}.about-button{align-self:center}}.lightbox-backdrop{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000}.lightbox-content{max-width:min(70vw,900px);max-height:min(60vh,600px);display:flex;align-items:center;justify-content:center}.lightbox-content img,.lightbox-content video{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:16px}