*{margin:0;padding:0;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}html,body{touch-action:pan-x pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;overscroll-behavior:none;overscroll-behavior-y:none}:root{--safe-area-inset-top: var(--tg-viewport-safe-area-inset-top, 0px);--safe-area-inset-bottom: var(--tg-viewport-safe-area-inset-bottom, 0px)}@supports (padding: var(--tg-viewport-safe-area-inset-top)){:root{--safe-area-inset-top: var(--tg-viewport-safe-area-inset-top, 0px);--safe-area-inset-bottom: var(--tg-viewport-safe-area-inset-bottom, 0px)}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;min-height:100vh;min-height:-webkit-fill-available;touch-action:manipulation}svg.rays{position:fixed;width:285vw;right:-386px;top:-50px;animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{height:100vh;height:calc(100vh - var(--safe-area-inset-top));height:-webkit-fill-available;position:relative}.safe-area-top{padding-top:calc(var(--safe-area-inset-top))}@media screen and (orientation: landscape) and (max-width: 1024px){.app-content{display:none!important}.landscape-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#111;color:#fff;z-index:100000;padding:24px;text-align:center}.landscape-message{font-size:18px;line-height:1.4;opacity:.9}}@media screen and (orientation: portrait),screen and (min-width: 1025px){.landscape-overlay{display:none!important}}@media screen and (min-width: 471px){.app-content{display:none!important}.width-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#111;color:#fff;z-index:100001;padding:24px;text-align:center}.width-message{font-size:18px;line-height:1.4;opacity:.9;max-width:520px}}@media screen and (max-width: 470px){.width-overlay{display:none!important}}@media screen and (max-height: 600px){.shop-modal{height:85vh!important;max-height:85vh!important}}.dela-gothic-one-regular{font-family:Dela Gothic One,sans-serif;font-weight:400;font-style:normal}.inter-regular{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}@media (max-width: 768px){.fruit-counter,.shop-modal,.cardModalOverlay,.waterCardModal,.glassButton,.category-btn.active,.shop-item-card{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);will-change:transform}@supports (-webkit-backdrop-filter: blur(1px)){@media (-webkit-min-device-pixel-ratio: 2){.fruit-counter{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.shop-modal{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important}.cardModalOverlay{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}.waterCardModal{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}}}}.primary-button{width:100%;background:#fff;color:#333;border:none;padding-left:16px;padding-right:16px;height:58px;border-radius:16px;font-size:18px;font-family:Inter,sans-serif;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.primary-button:active{transform:translateY(0);background:#f2f2f2}.primary-button.with-margin{margin-bottom:12px}.spinner-button{background:#ffffff1a!important;cursor:not-allowed}.button-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:button-spin 1s linear infinite}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-section{flex-shrink:0;text-align:center;padding:calc(28px + var(--tg-viewport-safe-area-inset-top, 0px)) 20px 12px 20px}.brand-logo{height:32px;margin-bottom:30px;display:block;margin-left:auto;margin-right:auto}.main-title{font-size:clamp(22px,4.8vw,32px);font-weight:700;color:#134816;margin-bottom:20px;line-height:1.2}.description{font-size:clamp(14px,3.5vw,16px);color:#4a4a4a;line-height:1.4;max-width:320px;margin:0 auto}.name-subtitle{font-size:14px;color:#888;text-align:center;margin-top:8px}.onboarding-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#e5e5c5;display:flex;flex-direction:column;z-index:1000;box-sizing:border-box;overflow-x:hidden;--safe-top: var(--tg-viewport-safe-area-inset-top, 0px);--safe-bottom: var(--tg-viewport-safe-area-inset-bottom, 0px);--header-space: calc(clamp(104px, 22vh, 180px) + var(--safe-top));--footer-space: calc(clamp(92px, 18vh, 140px) + var(--safe-bottom))}.onboarding-header{position:fixed;top:0;left:0;right:0;z-index:1001;padding:calc(12px + var(--tg-viewport-safe-area-inset-top)) 20px 16px 20px;background:inherit;min-height:var(--header-space)}.onboarding-footer{position:fixed;bottom:0;left:0;right:0;z-index:1003;padding:16px 20px calc(12px + var(--tg-viewport-safe-area-inset-bottom, 0px)) 20px;background:inherit;pointer-events:auto;min-height:var(--footer-space)}.onboarding-content{flex:1;padding-top:var(--header-space);padding-bottom:var(--footer-space);overflow-y:auto;display:flex;flex-direction:column}.image-section{position:fixed;top:var(--header-space);bottom:var(--footer-space);left:0;right:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;z-index:10020;pointer-events:none}.characters-image{display:block;height:auto;object-fit:contain;max-height:100%;pointer-events:none}.onboarding-image--stage1{width:100vw}@media (max-width: 420px){.onboarding-image--stage1{width:86vw}}.onboarding-image--stage2{width:92vw;max-height:calc(100% - 10vh);transform:translateY(-2%)}@media (max-width: 420px){.onboarding-image--stage2{width:84vw;max-height:calc(100% - 12vh);transform:translateY(-3%)}}.onboarding-image--stage3{width:200vw;transform:translateY(-4%)}@media (max-height: 750px){.onboarding-image--stage3{width:170vw;transform:translateY(-5%)}}@media (max-height: 630px){.onboarding-image--stage3{width:155vw;transform:translateY(-6%)}}.step-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0 20px;text-align:center}.onboarding-container.step-4 .onboarding-header{background:#31a836}.onboarding-container.step-4 .onboarding-footer{background:linear-gradient(180deg,#31a83600,#31a836 70%)}.onboarding-footer .with-margin{margin-bottom:12px}.onboarding-footer .with-margin:last-of-type{margin-bottom:16px}.avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.avatar-silhouette{width:200px;height:250px;background:#fffc;border-radius:50%/60% 60% 40% 40%;position:relative;box-shadow:0 4px 20px #0000001a}.avatar-silhouette:before{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:80px;height:80px;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 10px #0000001a}.photo-disclaimer{font-size:14px;color:#888;text-align:center;margin-top:16px;line-height:1.4;max-width:280px;margin-left:auto;margin-right:auto}.form-section{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 20px;gap:20px}.name-input{width:100%;padding:16px 20px;border:none;border-radius:25px;background:#ffffffe6;font-size:16px;text-align:left;box-shadow:0 2px 10px #0000001a;outline:none;transition:all .2s ease}.name-input:focus{background:#fff;box-shadow:0 4px 15px #00000026}.gender-selection{display:flex;gap:12px}.gender-button{flex:1;padding:16px;border:none;border-radius:25px;background:#fff9;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:60px}.gender-button.active{background:#fff;box-shadow:0 4px 15px #00000026}.gender-button:hover{background:#fffc}.gender-icon{font-size:24px;font-weight:700}.gender-icon.female{color:#e91e63}.gender-icon.male{color:#2196f3}.loading-stage{background:#000!important;color:#fff}.loading-stage .onboarding-header{background:#000;color:#fff}.loading-stage .onboarding-footer{background:#000}.loading-content{display:flex;flex-direction:column;height:100%;text-align:center;position:relative;z-index:2;padding:20px 0}.loading-title{font-size:clamp(22px,4.2vw,36px);font-weight:700;color:#fff;margin-bottom:12px;font-family:Dela Gothic One,cursive}.loading-subtitle{font-size:clamp(14px,2.6vw,18px);color:#fffc;margin-bottom:40px;font-family:Inter,sans-serif}.avatar-creation{flex:1;display:flex;align-items:center;justify-content:center;position:relative}@media (max-height: 667px){.onboarding-container{--header-space: calc(clamp(88px, 19vh, 136px) + var(--safe-top));--footer-space: calc(clamp(96px, 18vh, 132px) + var(--safe-bottom))}.onboarding-image--stage1{width:86vw}.onboarding-image--stage2{width:76vw;max-height:calc(100% - 12vh);transform:translateY(-4%)}}@media (max-height: 568px){.onboarding-container{--header-space: calc(clamp(84px, 19vh, 128px) + var(--safe-top));--footer-space: calc(clamp(96px, 19vh, 128px) + var(--safe-bottom))}.photo-disclaimer{font-size:12px;line-height:1.3;margin-top:8px}.onboarding-image--stage1{width:84vw}.onboarding-image--stage2{width:72vw;max-height:calc(100% - 14vh);transform:translateY(-5%)}}@media (max-height: 749px){.step-content center{transform:scale(.7) translateY(60px)!important}}.home-container{display:flex;flex-direction:column;align-items:center;padding:0;height:100%;background-color:#f5f5f5;position:relative}.room-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(to bottom,#dfb87a,#dfb87a 50%,#f5c88b 50%,#f5c88b);z-index:1;display:flex;align-items:center;justify-content:center}.room-background{display:block;width:100vw;height:auto;object-fit:contain;max-height:100vh}.tab-bar{position:fixed;bottom:20px;left:12px;right:12px;display:flex;gap:8px;padding:8px;z-index:2000;width:calc(100% - 24px)}.tab-bar.onboarding-visible{z-index:100002}.tab-bar.onboarding-visible .tab-item{pointer-events:none;opacity:.8}.tab-bar.onboarding-visible .tab-icon-container:active{transform:none}.fruit-counter{position:fixed;top:calc(60px + var(--safe-area-inset-top));left:20px;display:flex;flex-direction:column;align-items:center;z-index:2000}html.tg-desktop .fruit-counter{top:calc(20px + var(--safe-area-inset-top))}.fruit-counter.highlighted{z-index:100002}.fruit-icon-container{background-color:#ffffff59;border:1px solid rgba(255,255,255,.32);border-radius:44px;width:54px;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.fruit-icon{font-size:32px;line-height:1}.fruit-count{font-size:18px;font-weight:600;color:#fff;text-align:center;font-family:Inter,sans-serif}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;background-color:transparent;border:none;cursor:pointer;transition:all .15s ease;flex:1;position:relative}.tab-icon-container{background-color:#ffffff59;border-radius:18px;padding:16px;margin-bottom:8px;border:1px solid rgba(255,255,255,.32);transition:all .15s ease;position:relative;overflow:visible;width:100%;height:60px;display:flex;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-items:center;justify-content:center}.tab-icon{font-size:24px;line-height:1;position:relative;top:-4px}.tab-item.active .tab-icon-container{background-color:#ffffffb3}.tab-icon img{width:100%;pointer-events:none;height:100%;padding-bottom:12px;object-fit:contain}.tab-icon-container:active{transform:translateY(2px)}.tab-name{font-size:12px;font-weight:600;color:#fff;text-align:center;line-height:1.2;font-family:Inter,sans-serif;white-space:nowrap;background-color:transparent}.tip-container{position:fixed;z-index:3000;display:flex;gap:0px;flex-flow:column;align-items:center;justify-content:center}html.tg-desktop .avatar-root{transform:scale(.92);transform-origin:center top}html.tg-desktop .share-button{top:calc(20px + var(--safe-area-inset-top))}.tg-desktop .step-1 .image-section{transform:translateY(30px)}.tg-desktop .image-section{z-index:100000}.tg-desktop .onboarding-footer{z-index:1000000}html.tg-desktop .decor-item{transform:scale(.9) translateY(30px)}.tip-info{font-size:14px;font-weight:400;font-family:Inter,sans-serif;color:#fff;text-align:center;line-height:1.2;border-radius:342px;border:1px solid rgba(255,255,255,.32);background:#ffffff59;display:flex;padding:9px 16px 8px;flex-direction:column;align-items:center;gap:7px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tip-container.daily-tip{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.tip-container.daily-tip:active{transform:scale(.98)}.chance-notify{position:fixed;bottom:140px;left:16px;width:calc(100% - 32px);z-index:2000;background-color:#fff;padding:12px;border-radius:4px;font-size:16px;font-family:Inter,sans-serif;font-weight:400;color:#000;line-height:1.2;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.chance-notify.show{opacity:1;transform:translateY(0)}.chance-notify.hide{opacity:0;transform:translateY(-20px)}.share-button{position:fixed;top:calc(60px + var(--safe-area-inset-top));right:20px;z-index:2000;cursor:pointer;transition:all .2s ease}.share-icon-container{background-color:#ffffff59;border:1px solid rgba(255,255,255,.32);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:all .2s ease}.shop-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000;z-index:9998}.shop-modal{position:fixed;bottom:0;left:0;right:0;height:calc(90vh - var(--safe-area-inset-top));max-height:calc(90vh - var(--safe-area-inset-top));border-radius:32px 32px 0 0;background:#ffffff70;box-shadow:0 -20px 25px #00000005;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;flex-direction:column;overflow:hidden}.shop-drag-area{position:relative;height:80px;padding:16px;flex-shrink:0;cursor:grab;border-bottom:1px solid rgba(255,255,255,.1);touch-action:none;padding-top:calc(16px + var(--safe-area-inset-top) / 4)}.shop-drag-area:active{cursor:grabbing}.shop-content{position:relative;padding:0 16px 16px}.modal-indicator{position:absolute;top:12px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#fff9;border-radius:2px}.shop-strawberry-counter{position:absolute;top:20px;border:1px solid rgba(255,255,255,.52);left:20px;background:#fff6;border-radius:20px;padding:4px 12px 4px 4px;justify-content:center;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);font-weight:500;font-size:16px;z-index:10}.strawberry-icon{font-size:16px;padding-left:4px}.shop-close{position:absolute;top:20px;right:20px;width:46px;height:46px;border-radius:50%;background:#fff6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.52);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;font-family:Inter,sans-serif;font-weight:400;color:#666;z-index:10;line-height:1}.shop-close:active{transform:scale(.95);background:#fff9}.shop-categories{margin-top:10px;margin-bottom:20px;border-radius:18px;border:1px solid rgba(255,255,255,.25);background:#ffffff6e;display:flex;align-items:center;gap:0;padding:0;width:100%;max-width:none}.category-btn{display:flex;height:40px;padding:8px 20px;justify-content:center;align-items:center;gap:2px;flex:1 0 0;border-radius:18px;border:none;cursor:pointer;white-space:nowrap;background:transparent;color:#2c2c2c80;font-family:Inter,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:-.06px;text-align:center;font-feature-settings:"liga" off,"clig" off}.category-btn.active{background:radial-gradient(67.5% 67.5% at 50% 100%,#fff,#fff0),#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 20px;overflow-y:auto;overflow-x:hidden;height:55vh;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;-webkit-transform:translateZ(0);transform:translateZ(0);position:relative}.shop-grid::-webkit-scrollbar{display:none}.shop-item{border-radius:20px;border:1px solid rgba(255,255,255,.25);background:#ffffff38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;padding:4px;display:flex;flex-flow:column;align-items:center;justify-content:center;width:calc(50vw - 22px);touch-action:manipulation}.item-image{width:100%;height:145px;display:flex;overflow:hidden;align-items:center;justify-content:center;background:#ffffff2e;border:1px solid rgba(255,255,255,.52);border-radius:17px;margin-bottom:12px}.item-image img{height:145px;width:auto;max-width:100%}.item-price{display:flex;align-items:center;border-radius:18px;border:1px solid rgba(255,255,255,.52);background:#ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Inter;padding:8px 12px;gap:4px;font-size:16px;margin-bottom:12px;color:#333}.price-icon{font-size:14px}.price-value{font-size:16px}.buy-button{width:100%;padding:10px;background:#ffffffa8;border:1px solid rgba(255,255,255,.52);border-radius:18px;font-size:16px;font-weight:500;font-family:Inter,sans-serif;color:#000;cursor:pointer;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.embla{overflow:hidden;margin:0;background:transparent}.embla__container{display:flex;flex-direction:column;height:auto;touch-action:pan-y;scroll-snap-type:y mandatory}.embla__slide{flex:0 0 auto;min-height:200px;width:100%;scroll-snap-align:start;display:flex;align-items:flex-start;justify-content:center}.shop-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;width:100%}.embla__slide .shop-item{border-radius:20px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.52);padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:manipulation}@media (max-width: 768px){.shop-row{gap:12px;padding:12px}}@media (max-height: 600px){.shop-row{gap:10px;padding:8px}.embla__slide .shop-item{padding:8px 6px 6px}}.wardrobe-avatar-block{display:flex;justify-content:center;align-items:center;padding:20px;margin:0 16px;border-radius:20px;border:1px solid rgba(255,255,255,.25);background:#ffffff2e;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);height:294px;overflow:hidden;width:calc(100% - 32px)}.embla__slide--avatar{display:flex;align-items:center;justify-content:center;padding:16px 0}.cardModalShare{border-radius:24px;border:1px solid rgba(255,255,255,.66);background:#ffffff52;display:inline-flex;padding:16px 12px 12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;z-index:100003;width:300px;margin-top:120px;position:fixed;right:24px;opacity:0;transform:translateY(20px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.cardModalShare.visible{opacity:1;transform:translateY(0)}.cardModalShare>.header-section{padding:0}.cardModalShare .main-title{margin-bottom:12px}.transparent{background:#ffffffa8;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.52);-webkit-backdrop-filter:blur(10px)}.transparentSecondary{background:#0000001f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.66)}.transparentSecondary:active{background:#0003!important}.cardModalOverlay{z-index:10003;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease-in-out}.cardModalOverlay.visible{opacity:1}.waterCardModal{position:fixed;z-index:1000001;bottom:20px;padding-top:150px;border-radius:24px;border:1px solid rgba(255,255,255,.66);background:#ffffff52;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:calc(100vw - 16px);margin-right:8px;margin-left:8px;opacity:0;transform:translateY(100%);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.waterCardModal.visible{opacity:1;transform:translateY(0)}.glassButton{border:1px solid rgba(255,255,255,.52);background:#ffffffa8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glassButton.disabled{background:#ffffff4d;border:1px solid rgba(255,255,255,.2);opacity:.6;cursor:not-allowed}.glassButton:disabled{background:#ffffff4d!important;border:1px solid rgba(255,255,255,.2)!important;opacity:.6!important;cursor:not-allowed!important;transform:none!important}.vitaminCardModal{position:fixed;z-index:100001;bottom:20px;padding:32px 0 20px;border-radius:24px;border:1px solid rgba(255,255,255,.66);background:#ffffff52;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:calc(100vw - 16px);margin-right:8px;margin-left:8px;opacity:0;transform:translateY(100%);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.vitaminCardModal.visible{opacity:1;transform:translateY(0)}.vitaminsOnboardingText{position:fixed;z-index:100001;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:calc(100% - 48px);align-items:center;opacity:0;transition:opacity .3s ease-in-out}.vitaminsOnboardingText.visible{opacity:1}.avatarOnboardingContainer{position:fixed;z-index:100001;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:calc(100% - 48px);opacity:0;transition:opacity .3s ease-in-out}.avatarOnboardingContainer.visible{opacity:1}.avatarOnboardingAvatar{margin-bottom:15px;flex-shrink:0}.avatarOnboardingContent{display:flex;flex-direction:column;align-items:center;flex-shrink:1;min-height:0}.avatarOnboardingContent h1{font-size:24px;margin-bottom:12px}.avatarOnboardingContent div{font-size:16px;line-height:1.5}@media (max-height: 700px){.avatarOnboardingContainer{top:40%}.avatarOnboardingAvatar{margin-bottom:8px}.avatarOnboardingContent h1{font-size:20px!important;margin-bottom:6px!important}.avatarOnboardingContent div{font-size:14px!important;line-height:1.3!important;margin-bottom:8px!important}.avatarOnboardingContent button{margin-top:10px!important;padding:10px 16px!important}}@media (max-height: 620px){.avatarOnboardingContainer{top:35%}.avatarOnboardingAvatar{margin-bottom:5px}.avatarOnboardingContent h1{font-size:18px!important;margin-bottom:4px!important}.avatarOnboardingContent div{font-size:13px!important;line-height:1.2!important;margin-bottom:6px!important}.avatarOnboardingContent button{margin-top:8px!important;padding:8px 14px!important;font-size:14px!important}}@media (max-height: 550px){.avatarOnboardingContainer{top:30%}.avatarOnboardingAvatar{margin-bottom:3px}.avatarOnboardingContent h1{font-size:16px!important;margin-bottom:2px!important}.avatarOnboardingContent div{font-size:12px!important;line-height:1.1!important;margin-bottom:4px!important}.avatarOnboardingContent button{margin-top:6px!important;padding:6px 12px!important;font-size:13px!important}}@media (max-height: 480px){.avatarOnboardingContainer{top:25%}.avatarOnboardingAvatar{margin-bottom:2px}.avatarOnboardingContent h1{font-size:14px!important;margin-bottom:1px!important}.avatarOnboardingContent div{font-size:11px!important;line-height:1!important;margin-bottom:3px!important}.avatarOnboardingContent button{margin-top:4px!important;padding:5px 10px!important;font-size:12px!important}}.controlsOnboardingContainer{position:fixed;z-index:100001;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:300px;opacity:0;transition:opacity .3s ease-in-out}.controlsOnboardingContainer.visible{opacity:1}.cardModalTip{position:fixed;bottom:24px;background:#fff;width:calc(100vw - 32px);z-index:100004;border-radius:28px;overflow:hidden;padding:16px;opacity:0;transform:translateY(100%);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.cardModalTip.visible{opacity:1;transform:translateY(0)}button.green{background:#31a836;color:#fff}.cardModalTip img{width:100%;border-radius:16px}.cardModalTip .header-section{padding:0;margin-top:12px;margin-bottom:24px}.cardModalTip .description{margin:0}.cardModalTip .main-title{margin-bottom:4px}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#31a836;color:#fff;z-index:9999}.loading-content{width:min(520px,86vw);max-width:92vw;text-align:center;padding:0 12px;position:static;transform:none;margin:0 auto;height:fit-content}.loading-content.minimal{width:min(420px,86vw)}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:loading-rotate 1s linear infinite;margin:0 auto}@keyframes loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.safe-area-container{padding-top:var(--tg-viewport-safe-area-inset-top, 0px);padding-bottom:var(--tg-viewport-safe-area-inset-bottom, 0px);padding-left:var(--tg-viewport-safe-area-inset-left, 0px);padding-right:var(--tg-viewport-safe-area-inset-right, 0px);background-color:#00ff001a}.full-viewport-height{height:var(--tg-viewport-height, 100vh);background-color:#0000ff1a}.stable-viewport-height{height:var(--tg-viewport-stable-height, 100vh);background-color:#ffff001a}.app-header{position:fixed;top:0;left:0;right:0;height:calc(60px + var(--tg-viewport-safe-area-inset-top, 0px));padding-top:var(--tg-viewport-safe-area-inset-top, 0px);background-color:#fff;z-index:100;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.main-content{margin-top:calc(60px + var(--tg-viewport-safe-area-inset-top, 0px));margin-bottom:var(--tg-viewport-safe-area-inset-bottom, 0px);padding-left:var(--tg-viewport-safe-area-inset-left, 0px);padding-right:var(--tg-viewport-safe-area-inset-right, 0px);min-height:calc(var(--tg-viewport-height, 100vh) - 60px - var(--tg-viewport-safe-area-inset-top, 0px) - var(--tg-viewport-safe-area-inset-bottom, 0px))}.app-footer{position:fixed;bottom:0;left:0;right:0;height:calc(50px + var(--tg-viewport-safe-area-inset-bottom, 0px));padding-bottom:var(--tg-viewport-safe-area-inset-bottom, 0px);background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;box-shadow:0 -2px 4px #0000001a}.viewport-debug-panel{position:fixed;top:var(--tg-viewport-safe-area-inset-top, 0px);left:var(--tg-viewport-safe-area-inset-left, 0px);right:var(--tg-viewport-safe-area-inset-right, 0px);background-color:#f003;color:#fff;font-size:10px;padding:4px;text-align:center;z-index:9999;pointer-events:none;font-family:monospace}