.om-stage{height:100dvh;display:flex;align-items:center;justify-content:center}.om-phone{width:100%;height:100%;background:var(--app-bg);display:flex;flex-direction:column;overflow:hidden;position:relative;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media(min-width:480px){.om-phone{width:390px;height:min(844px,calc(100dvh - 24px));border:10px solid #ffffff;border-radius:var(--frame-radius);box-shadow:var(--frame-shadow);padding-top:0;padding-bottom:0}}.om-handle{width:44px;height:5px;border-radius:3px;background:var(--handle);margin:10px auto 0;flex:none}.om-navbar{display:flex;background:var(--bar-bg);border-radius:var(--navbar-radius);padding:6px 4px 10px;flex:none}.om-navbtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0;background:none;border:none;cursor:pointer;font-family:Nunito,sans-serif;font-size:12px;font-weight:800;color:#fff;opacity:.75;border-radius:var(--navbtn-radius);transition:transform .15s ease,opacity .15s ease,background .15s ease}.om-navbtn--active{opacity:1;background:var(--navbtn-active-bg)}.om-navbtn:active{transform:scale(.92)}.om-navbtn__icon{font-size:22px}.om-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--topbar-padding);background:var(--bar-bg);border-radius:var(--topbar-radius);flex:none}.om-topbar__title{font-family:"Baloo 2",sans-serif;font-size:19px;font-weight:800;color:#fff;display:flex;align-items:center;gap:6px}.om-topbar__close{background:none;border:none;padding:0 2px;cursor:pointer;color:#fff;font-size:18px;opacity:.85;font-family:inherit}.om-btn{border:none;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:700;border-radius:var(--btn-radius);transition:transform .12s ease}.om-btn:active{transform:scale(.95) translateY(2px)}.om-btn--block{width:100%}.om-btn--stacked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.om-btn__icon{font-size:22px}.om-btn--circle{width:60px;height:60px;border-radius:50%;font-size:22px}.om-btn--green{background:#63d99a;color:#1f4a38;box-shadow:0 6px #3fae74}.om-btn--alt{background:var(--btn-alt-bg);color:var(--btn-alt-text);box-shadow:var(--btn-alt-shadow)}.om-btn--yellow{background:#ffd84d;color:#5a4600;box-shadow:0 6px #e0b824}.om-btn--purple{background:#9b87f5;color:#fff;box-shadow:0 6px #7a63e0}.om-btn--ghost{background:none;box-shadow:none;color:var(--text);font-size:15px;padding:6px 8px}.om-logo{display:block;object-fit:contain;max-width:100%;max-height:100%}.om-badge{display:flex;align-items:center;justify-content:center;flex:none}.om-badge--quiz{background:var(--badge-bg);border:5px dashed #ffffff;border-radius:var(--badge-radius);box-shadow:var(--badge-shadow)}.om-badge--learn{background:var(--learn-circle-bg);border-radius:var(--learn-circle-radius);box-shadow:var(--learn-circle-shadow);margin:18px 0;max-width:46dvh;max-height:46dvh}.om-chip{display:inline-flex;align-items:center;gap:6px;font-weight:700}.om-chip--score{background:#ffd84d;color:#5a4600;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:16px;padding:8px 16px;border-radius:var(--chip-score-radius)}.om-chip--new{background:var(--chip-new-bg);color:var(--chip-new-text);font-size:12px;padding:6px 12px;border-radius:var(--chip-new-radius)}.om-chip--locked{background:var(--chip-locked-bg);color:var(--chip-locked-text);font-size:12px;padding:6px 12px;border-radius:var(--chip-locked-radius)}.om-chip--learn{background:var(--chip-learn-bg);color:var(--chip-learn-text);font-size:11px;padding:4px 10px;border-radius:var(--chip-learn-radius)}.om-chip--hint{background:#9b87f5;color:#fff;font-size:15px;padding:8px 16px;border-radius:var(--chip-new-radius)}.om-screen{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;position:relative}.om-screen--center{align-items:center;justify-content:center;justify-content:safe center;text-align:center}.om-screen--center>*{flex:none}.om-learn__name{font-family:"Baloo 2",sans-serif;font-size:38px;margin:0 0 14px;color:var(--text)}.om-learn__note{color:var(--text);font-size:16px;margin:0 0 20px;max-width:270px;opacity:.8}.om-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:var(--bar-bg)}.om-loading__car{font-size:80px;margin-bottom:24px;animation-duration:1.2s}.om-loading__title{font-family:"Baloo 2",sans-serif;font-size:26px;margin:0 0 20px;color:#fff}.om-loading__track{width:220px;height:14px;border-radius:10px;background:#ffffff4d;overflow:hidden}.om-loading__bar{width:100%;height:100%;border-radius:10px;background:#ffd84d;animation:om-load 1.8s ease-in-out infinite}.om-card{background:#fff;box-shadow:var(--card-shadow);padding:14px}.om-card--blob{border-radius:var(--card-radius)}.om-card--simple{border-radius:var(--card-simple-radius)}.om-tile{padding:12px 8px}.om-tile__button{background:none;border:none;padding:0;width:100%;cursor:pointer;font:inherit;color:inherit}.om-tile__wrap{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.om-tile__name{text-align:center;font-weight:800;font-family:"Baloo 2",sans-serif;font-size:14px;color:var(--text)}.om-tile__footer{text-align:center;margin-top:8px}.om-locked{background:var(--locked-tile-bg);border-radius:var(--card-simple-radius);text-align:center;font-size:28px;padding:14px 0;opacity:.5}.om-progress__caption{display:flex;justify-content:space-between;font-size:13px;color:var(--text);margin-bottom:6px;font-weight:800}.om-progress__track{display:flex;gap:5px}.om-progress__track i{flex:1;height:10px;border-radius:6px;background:var(--progress-track);overflow:hidden}.om-progress__track b{display:block;height:100%;border-radius:6px;background:var(--progress-fill);transition:width .3s ease}.om-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px}.om-heading__icon{font-size:22px}.om-heading__text{font-family:"Baloo 2",sans-serif;font-size:25px;margin:0;color:var(--text)}.om-grid{display:grid;gap:12px}.om-grid--3{grid-template-columns:repeat(3,1fr)}.om-grid--4{grid-template-columns:repeat(4,1fr);gap:10px}.om-empty{color:var(--text);opacity:.7;font-size:15px;font-weight:700;margin:4px 0 20px}.om-gender{width:100%;text-align:left}.om-gender__label{font-weight:800;font-family:"Baloo 2",sans-serif;font-size:14px;color:var(--text);display:block;margin-bottom:8px}.om-gender__row{display:flex;gap:12px}.om-gender__btn{flex:1;height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:15px;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:700;border-radius:20px;transition:transform .12s ease;background:#fff;color:#29435c;box-shadow:0 6px #e8f6fd;border:2px solid #e8f6fd}.om-gender__btn:active{transform:scale(.95) translateY(2px)}.om-gender__btn--active{background:#5bc5f2;color:#fff;box-shadow:0 6px #2fa4d8;border:2px solid #5bc5f2}.om-gender__emoji{font-size:34px}.om-field{width:100%;text-align:left;display:block}.om-field__label{font-weight:800;font-family:"Baloo 2",sans-serif;font-size:14px;color:var(--text);display:block;margin-bottom:6px}.om-field__input{width:100%;height:52px;border-radius:16px;border:2px solid #e8f6fd;background:#fff;padding:0 16px;font-size:18px;font-family:Nunito,sans-serif;color:var(--text)}.om-field__input:focus{outline:none;border-color:#5bc5f2}.om-onboarding__emoji{font-size:64px;margin:8px 0 4px}.om-onboarding__title{font-family:"Baloo 2",sans-serif;font-size:26px;margin:0 0 20px;color:var(--text)}.om-onboarding__row{width:100%;margin-bottom:16px}.om-onboarding__row--last{margin-bottom:24px}.om-star{position:absolute;font-size:16px;opacity:.5;animation:om-spin 6s linear infinite;pointer-events:none}@media(prefers-reduced-motion:reduce){.om-star{animation:none}}.om-quiz__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;min-height:34px}.om-quiz__card{flex:1;min-height:280px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:var(--quiz-card-bg);border-radius:var(--quiz-card-radius)}.om-quiz__question{font-family:"Baloo 2",sans-serif;text-align:center;font-size:30px;margin:0 0 16px;color:var(--text)}.om-quiz__buttons{display:flex;gap:12px}.om-quiz__buttons>.om-btn{min-width:0}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--page-bg);font-family:Nunito,sans-serif;color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#root{height:100%}@keyframes om-bounce{0%{transform:scale(.85) rotate(var(--bounce-from));opacity:0}60%{transform:scale(1.1) rotate(var(--bounce-to));opacity:1}to{transform:scale(1) rotate(0)}}@keyframes om-wiggle{0%,to{transform:rotate(var(--wiggle-from))}50%{transform:rotate(var(--wiggle-to))}}@keyframes om-pop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes om-float{0%,to{transform:translateY(0)}50%{transform:translateY(var(--float-shift))}}@keyframes om-load{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes om-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.om-bounce{animation:om-bounce .45s cubic-bezier(.34,1.56,.64,1)}.om-pop{animation:om-pop .4s cubic-bezier(.34,1.56,.64,1)}.om-float{animation:om-float 2.4s ease-in-out infinite}.om-wiggle{animation:om-wiggle 3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.om-bounce,.om-pop,.om-float,.om-wiggle{animation:none}}h1{font-family:"Baloo 2",sans-serif;font-weight:800}