.app{width:100vw;height:100dvh;max-height:100dvh;background-color:var(--color-background);display:flex;justify-content:center;align-items:center;padding:0;overflow:hidden;position:relative;touch-action:none;margin:0;box-sizing:border-box}.app>*{width:100%;height:100%;max-width:100%}.app>.result-screen{max-width:none!important;width:100vw!important}@media (max-width: 1024px){.app{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}.app>*{width:100vw!important;max-width:100vw!important}.app>.result-screen{max-width:none!important;width:100vw!important}}@media (min-width: 1025px){.app{background:#1a1a1a}.app>*{max-width:430px;box-shadow:0 0 50px #00000080}.app>.result-screen{max-width:none!important;width:100vw!important}}@media (max-height: 800px){.app{padding:0}}@media (max-height: 700px){.app{padding:0;align-items:center}}.fade-enter{opacity:0;transform:translateY(20px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.preloader{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#f6e6d9,#f0d2c7);position:fixed;top:0;left:0;z-index:9999}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px}.preloader-logo{width:120px;height:auto;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.preloader-progress{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:300px}.preloader-bar{width:100%;height:8px;background-color:#ffffff4d;border-radius:10px;overflow:hidden}.preloader-fill{height:100%;background:linear-gradient(90deg,#b24d2c,#c29f68);border-radius:10px;transition:width .3s ease}.preloader-text{font-size:18px;font-weight:600;color:var(--color-primary)}.preloader-button{padding:16px 48px;background:linear-gradient(135deg,#b24d2c,#953618);color:#fff;border:none;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #b24d2c4d;animation:fadeInUp .5s ease}.preloader-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b24d2c66}.preloader-button:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{width:100%;max-width:min(350px,90vw);height:58px;background:var(--color-background);border:none;border-radius:20px;font-family:Wix Madefor Display,sans-serif;font-size:clamp(18px,5vw,25px);font-weight:500;color:var(--color-primary);cursor:pointer;transition:background .18s ease,transform .15s ease,box-shadow .18s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #b24d2c26;-webkit-tap-highlight-color:transparent}.btn:hover{background:#f0d2c7f2;transform:scale(1.02);box-shadow:0 6px 20px #b24d2c40}.btn:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 6px #b24d2c33;background:#f0d2c7e6}.btn:not(:active){transition:background .18s ease,transform .2s ease,box-shadow .18s ease}.btn-full{width:100%;max-width:350px}.btn-small{font-size:14px;font-weight:700;height:58px;width:auto;padding:0 20px;flex:1}.btn-white{background:#fff;color:#140907;font-family:Forum,serif;font-size:clamp(1.25rem,4vw,2rem);font-weight:400;line-height:115%;border-radius:clamp(1.25rem,3vw,2.5rem);height:clamp(3.5rem,8vh,4rem);width:100%;max-width:min(90%,21.875rem);padding:0 clamp(1.5rem,4vw,2.5rem);box-shadow:0 .25rem 1.25rem #0000001a;transition:all .2s ease}.btn-white:hover{background:#f5f5f5;box-shadow:0 .375rem 1.5rem #00000026;transform:translateY(-.125rem)}.btn-white:active{background:#eee;transform:translateY(.0625rem) scale(.98);box-shadow:0 .125rem .5rem #0000001f}.btn-dark{background:#725142;color:#f6e6d9;font-family:Forum,serif;font-size:16px;font-weight:400;line-height:115%;border-radius:20px;height:59px;box-shadow:0 2px 8px #00000026}.btn-dark:hover{background:#825f50;box-shadow:0 4px 12px #00000040}.btn-dark:active,.btn-dark.pressed{background:#5a3c32!important;transform:translateY(1px) scale(.99)}.btn-secondary{background:var(--color-primary);color:#fff;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.btn-secondary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn-secondary:active{background:var(--color-primary-dark);transform:translateY(1px) scale(.98)}.onboarding-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;min-height:100dvh;height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow:hidden;padding:0;margin:0;background:#221201}.onboarding-background{position:fixed;top:0;left:0;width:100vw;height:100vh;min-height:100dvh;object-fit:cover;object-position:top center;z-index:0;opacity:0;transition:opacity .5s ease-in-out}.onboarding-background.loading{opacity:0}.onboarding-background.loaded{opacity:1}@media (max-width: 1024px){.onboarding-background{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;min-height:100dvh!important;max-width:100vw!important;object-fit:cover;object-position:top center;margin:0!important;padding:0!important}.onboarding-screen{overflow-x:hidden!important;width:100vw!important;max-width:100vw!important}}@media (min-width: 1025px){.onboarding-background{object-fit:cover}}.onboarding-button{position:relative;z-index:10;width:100%;max-width:1390px;padding:0 16px;margin-bottom:80px;display:flex;justify-content:center}@media (max-width: 768px){.onboarding-button{max-width:90%;margin-bottom:max(40px,env(safe-area-inset-bottom,20px))}}@media (min-width: 769px) and (max-width: 1024px){.onboarding-button{max-width:600px;margin-bottom:80px}}@media (min-width: 1025px){.onboarding-button{margin-bottom:80px}}.answer-card{width:100%;max-width:319px;min-height:59px;background:#725142;border-radius:20px;padding:5px 16px;gap:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 2px 8px #00000026;-webkit-tap-highlight-color:transparent;flex:none}.answer-card:hover{background:#825f50;transform:scale(1.02);box-shadow:0 4px 12px #00000040}.answer-card:active,.answer-card.pressed{background:#5a3c32;transform:scale(.98);box-shadow:0 1px 4px #0003}.answer-text{width:100%;max-width:287px;font-family:Wix Madefor Display,sans-serif;font-size:13px;font-weight:500;line-height:110%;color:#f6e6d9;text-align:center;display:flex;align-items:center;justify-content:center;margin:0;flex:none;order:0}@media (max-width: 768px){.answer-card{max-width:100%}.answer-text{font-size:13px}}@media (min-width: 769px){.answer-card{max-width:319px}}.question-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;min-height:100dvh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:0;padding-bottom:10vh;margin:0}.question-background{position:fixed;top:0;left:0;width:100vw;height:100vh;min-height:100dvh;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;opacity:0;transition:opacity .5s ease-in-out}.question-background.loaded{opacity:1}@media (max-width: 1024px){.question-background{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;min-height:100dvh!important;max-width:100vw!important;background-size:cover;background-position:center;background-repeat:no-repeat;margin:0!important;padding:0!important}.question-screen{overflow-x:hidden!important;width:100vw!important;max-width:100vw!important}}@media (min-width: 1025px){.question-background{background-size:cover}}.question-badge{position:relative;z-index:10;width:168px;height:46px;background:#725142;border-radius:20px 20px 0 0;display:flex;align-items:center;justify-content:center;margin:0;font-family:Forum,serif;font-size:25px;font-weight:400;line-height:115%;color:#f6e6d9;text-align:center}.question-frame{position:relative;z-index:10;width:100%;max-width:350px;min-height:371px;background:#fff;border-radius:20px;padding:10px;gap:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;box-shadow:0 4px 20px #0000001a}.question-text{width:100%;max-width:330px;min-height:111px;font-family:Wix Madefor Display,sans-serif;font-size:20px;font-weight:500;line-height:100%;color:#b24d2c;text-align:center;display:flex;align-items:center;justify-content:center;flex:none;order:0}.answers-list{width:100%;display:flex;flex-direction:column;gap:20px;align-items:center;flex:none}@media (max-width: 768px){.question-frame{max-width:90%;margin:0;padding:15px}.question-text{font-size:18px;padding:10px}.question-badge{font-size:20px;width:140px;height:40px}}@media (min-width: 769px) and (max-width: 1024px){.question-frame{max-width:450px;margin:0}.question-text{font-size:22px}}@media (min-width: 1025px){.question-frame{max-width:350px;margin:0}.question-text{font-size:20px}}.result-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;margin:0;padding:0}.result-background{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;min-height:100dvh;background-size:cover;background-position:top center;background-repeat:no-repeat;background-color:#21100c;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s ease-in-out}.result-background.loaded{opacity:1}.result-content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:16px;width:85%;max-width:380px;margin:0 auto;box-sizing:border-box;max-width:min(380px,calc(100vw - 32px))}.result-image-container{margin-bottom:12px;width:100%;display:flex;align-items:center;justify-content:center}.result-frame-image{display:block;max-width:100%;height:auto;width:100%;object-fit:contain;object-position:center}.result-frame{background:#fff;border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;box-shadow:0 4px 20px #0000001a;margin-top:30px}.result-title{font-family:Forum,serif;font-size:22px;font-weight:400;line-height:115%;color:#140907;text-align:center;margin:0 0 8px;width:100%}.result-description{font-family:Wix Madefor Display,sans-serif;font-size:13.5px;font-weight:400;line-height:140%;color:#953618;text-align:center;width:100%;display:flex;flex-direction:column;gap:10px}.result-first-line{font-weight:700;margin:0 0 8px}.result-main-text{font-weight:400;margin:0 0 8px}.result-motto-text{font-weight:700;margin:10px 0 0}.result-motto-quote{font-weight:700;font-style:italic;color:#953618}.result-buttons{display:flex;gap:10px;width:100%;margin-top:16px;justify-content:center;align-items:center;flex-shrink:0}@media (max-width: 400px),(max-height: 700px){.result-content-wrapper{width:90%;max-width:calc(100vw - 32px);padding:15px}.result-frame{padding:15px;gap:10px;margin-top:20px}.result-title{font-size:20px}.result-description{font-size:12px;gap:8px}.result-buttons{gap:8px;flex-wrap:wrap;margin-top:10px}.result-buttons button{font-size:14px;height:50px;min-width:140px}}@media (min-width: 769px) and (max-width: 1024px){.result-content-wrapper{max-width:420px}.result-title{font-size:26px}.result-description{font-size:14px}}@media (min-width: 1025px){.result-content-wrapper{width:400px;max-width:400px}.result-title{font-size:24px}.result-description{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;overflow:hidden;margin:0;padding:0}body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;box-sizing:border-box}:root{--color-primary: #B24D2C;--color-primary-dark: #953618;--color-secondary: #C29F68;--color-background: #F6E6D9;--color-background-alt: #F0D2C7;--color-text-primary: #000000;--color-text-secondary: #575757;--badge-height: 46px;--frame-top: 93px;--gap-badge-image: 10px;--frame-height-image: 240px;--gap-image-content: 15px;--frame-height-content-min: 280px;--frame-bottom: 50px;--frame-width: min(350px, 92vw);--badge-width: 168px;--font-size-question: 18px;--font-size-badge: 23px;--gap-answers: 15px;font-family:Wix Madefor Display,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 500px) and (max-height: 700px){:root{--frame-top: clamp(50px, 9vh, 80px);--frame-bottom: clamp(35px, 6vh, 55px);--frame-height-image: clamp(160px, 26vh, 220px);--font-size-question: clamp(14px, 3.3vw, 17px);--font-size-badge: clamp(17px, 4.3vw, 21px);--gap-answers: clamp(8px, 2vh, 13px)}}@media (max-width: 400px){:root{--frame-width: min(330px, 88vw);--frame-height-image: clamp(150px, 24vh, 200px);--frame-top: clamp(45px, 8vh, 70px);--frame-bottom: clamp(30px, 5vh, 50px);--badge-width: min(140px, 42vw);--badge-height: clamp(34px, 5vh, 40px);--font-size-question: clamp(13px, 3vw, 16px);--font-size-badge: clamp(16px, 4vw, 19px);--gap-answers: clamp(7px, 1.8vh, 11px)}}#root{width:100%;height:100%;overflow:hidden;margin:0;padding:0;box-sizing:border-box}body{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}p,span,h1,h2,h3{-webkit-user-select:text;-moz-user-select:text;user-select:text}