.screen-container{background:var(--color-surface-2);flex:1;justify-content:center;display:flex}.screen{width:100%;max-width:var(--screen-width);background:var(--color-bg);direction:rtl;flex-direction:column;flex:1;min-height:100dvh;display:flex}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Regular-dPS8v79U.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Medium-CNIo45O1.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Bold-BfmghGpj.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Saudi;src:url(/assets/Saudi-Regular-CEy0Erlz.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Saudi;src:url(/assets/Saudi-Bold-aYqBblWX.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--color-background-start:#5d5dd3;--color-background-end:#5d5dd3;--gradient-page:radial-gradient(ellipse 70% 60% at 50% 42%, var(--color-background-start) 0%, var(--color-background-end) 100%);--glow-color:#ffffff38;--glow-size:336px;--glow-top:139px;--glow-blur:50px;--color-surface-card:#e6e7ff;--color-card-edge:#8f91ff;--color-badge-border:#bfbfff;--color-field-label-bg:var(--color-surface-card);--color-primary:#3333bc;--color-primary-shadow:#202073;--color-on-primary:#fff;--color-secondary:#d3d5ff;--color-secondary-text:#242464;--color-secondary-shadow:#6064eb73;--color-outline-bg:#f4f4ff;--color-disabled:#939393;--color-disabled-shadow:#6b6b6b;--color-text-heading:#181853;--color-text-body:#0d0d22;--color-text-muted:#555b93;--color-text-placeholder:#9a9bb8;--color-text-on-background:#fff;--color-text-on-background-soft:#dcdcff;--color-text-credit:#000;--color-border-input:var(--color-primary);--color-divider:#ffffff40;--color-error:#e5232b;--shadow-card-edge:0 3px 0 0 var(--color-card-edge);--shadow-btn-primary:0 4px 0 0 var(--color-primary-shadow);--shadow-btn-primary-pressed:0 2px 0 0 var(--color-primary-shadow);--shadow-btn-secondary:0 4px 10px 0 var(--color-secondary-shadow);--shadow-btn-secondary-pressed:0 2px 6px 0 var(--color-secondary-shadow);--shadow-btn-outline:0 3px 0 0 var(--color-primary);--shadow-btn-disabled:0 4px 0 0 var(--color-disabled-shadow);--color-error-bg-center:#333;--color-error-bg-edge:#151515;--gradient-page-dark:radial-gradient(ellipse 70% 60% at 50% 45%, var(--color-error-bg-center) 0%, var(--color-error-bg-edge) 100%);--color-surface-white:#fff;--color-surface-light:#f4f4f4;--color-warning:#f5a623;--color-text-strong:#000;--shadow-card-accent:0 3px 0 0 var(--color-warning);--shadow-btn-accent:0 3px 0 0 var(--color-warning);--color-teal:#0d4b4b;--shadow-btn-teal:0 4px 0 0 #072e2e;--color-correct-bg:#b7ecd9;--color-correct-text:#1c7a5a;--color-wrong-bg:#f4b8c1;--color-wrong-text:#c23a4e;--color-sheet:#fff6ea;--color-quiz-correct:#0a8449;--color-quiz-wrong:#d32f2f;--color-quiz-disabled:#555;--color-quiz-disabled-text:#9a9a9a;--color-bg:#f7f7f7;--color-surface-2:#efead8;--color-ink:#241f14;--color-cta:#dfac7c;--color-cta-strong:#bf834c;--color-cta-ink:#000;--color-cta-soft:#f0dcc0;--font-body:"IBM Plex Sans Arabic", sans-serif;--font-display:"Saudi", sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--screen-width:393px;--radius-pill:999px}@media (prefers-color-scheme:dark){:root{--color-bg:#161209;--color-surface-2:#2a2216;--color-ink:#f1ecdd;--color-cta:#dfac7c;--color-cta-strong:#bf834c;--color-cta-ink:#000;--color-cta-soft:#4a3a24}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;overscroll-behavior:none;touch-action:pan-x pinch-zoom;background-color:var(--page-bg-color,var(--color-background-end));height:100%;overflow:hidden}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html:before{content:"";z-index:-1;pointer-events:none;background:var(--page-bg,var(--page-bg-color,var(--color-background-end)));height:100lvh;position:fixed;top:0;left:0;right:0}body{overscroll-behavior:none;touch-action:pan-x pinch-zoom;height:100%;color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:0 0;margin:0;line-height:1.55;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex;overflow:hidden}p{margin:0}button{font-family:var(--font-display);transition:transform 90ms,box-shadow 90ms}button:active:not(:disabled){transform:translateY(2px)}@media (prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}}input{font-family:inherit}img{max-width:100%;display:block}.footer-credit{color:var(--color-text-credit);text-align:center;font-size:8.75px}.snowflake-icon{mix-blend-mode:multiply;width:40px;height:40px}.btn{appearance:none;border-radius:var(--radius-pill);width:100%;max-width:278px;height:56px;color:var(--color-cta-ink);font-weight:var(--font-weight-medium);cursor:pointer;font-size:19.7px}.btn-primary{background:var(--color-cta);border:1.17px solid var(--color-cta-strong);box-shadow:0 4.7px 0 0 var(--color-cta-strong)}.btn-primary:active{box-shadow:0 2.7px 0 0 var(--color-cta-strong)}.btn-ghost{background:var(--color-cta-soft);border:1.17px solid var(--color-cta)}.btn:disabled{opacity:.6;cursor:not-allowed}.email-form{flex-direction:column;align-items:stretch;width:100%;display:flex}.email-form .email-field,.email-form .email-form-submit{margin-top:40px}.email-form .email-field{margin-top:clamp(12px,17.5dvh - 86px,40px)}.email-form .email-form-submit{margin-top:clamp(10px,18.75dvh - 95px,40px)}.email-form .email-form-skip{margin-top:clamp(10px,2.5dvh - 4px,14px)}.v2-page{isolation:isolate;text-align:center;background:var(--gradient-page);flex-direction:column;flex:1;align-items:center;display:flex;position:relative;overflow:hidden}.v2-page:before{content:"";z-index:-1;top:var(--glow-top);width:var(--glow-size);height:var(--glow-size);margin-left:calc(var(--glow-size) / -2);background:var(--glow-color);filter:blur(var(--glow-blur));pointer-events:none;border-radius:50%;position:absolute;left:50%}.v2-tuwaiq-logo{width:128px;height:auto}.v2-spacer{flex-grow:1;min-height:24px}.v2-footer-logo{width:172px;height:auto}.v2-credit{color:var(--color-text-on-background);opacity:.85;margin-top:10px}.v2-card{background:var(--color-surface-card);width:100%;box-shadow:var(--shadow-card-edge);border-radius:12px}.v2-card-heading{font-family:var(--font-display);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin:0;font-size:22px}.v2-card-subtitle{color:var(--color-text-muted);margin-top:10px;font-size:10px;line-height:1.5}.v2-btn-primary,.v2-btn-secondary{width:291px;max-width:100%;height:58px;font-size:17px;font-weight:var(--font-weight-bold);border:none;border-radius:12px}.v2-btn-primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-btn-primary)}.v2-btn-primary:active{box-shadow:var(--shadow-btn-primary-pressed)}.v2-btn-secondary{background:var(--color-secondary);color:var(--color-secondary-text);box-shadow:var(--shadow-btn-secondary)}.v2-btn-secondary:active{box-shadow:var(--shadow-btn-secondary-pressed)}.v2-btn-primary.v2-btn-block,.btn.v2-btn-outline{width:100%;max-width:none;height:50px;font-size:15px;font-weight:var(--font-weight-bold);border-radius:12px}.btn.v2-btn-outline{background:var(--color-outline-bg);border:2px solid var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-btn-outline)}.v2-btn-primary.is-invalid:disabled{background:var(--color-disabled);box-shadow:var(--shadow-btn-disabled);opacity:1;cursor:not-allowed}.v2-field{min-height:64px;position:relative}.v2-input{border:1px solid var(--color-border-input);width:100%;height:48px;color:var(--color-text-body);text-align:right;background:0 0;border-radius:12px;padding:0 16px;font-size:15px;display:block}.v2-input::placeholder{color:var(--color-text-placeholder);font-size:12px}.v2-input:focus{border-width:1.5px;outline:none}.v2-label{background:var(--color-field-label-bg);color:var(--color-primary);opacity:0;pointer-events:none;padding:0 4px;font-size:9px;position:absolute;top:-7px;right:16px}.v2-input:focus~.v2-label,.v2-input:not(:placeholder-shown)~.v2-label{opacity:1}.v2-error{color:var(--color-error);text-align:right;margin-top:6px;font-size:9px}.v2-actions{gap:14px;width:100%;max-width:300px;margin-top:20px;display:flex}.v2-actions .v2-action-btn{max-width:none;height:48px;font-size:15px;font-weight:var(--font-weight-bold);border:none;border-radius:10px}.v2-actions .v2-action-home{background:var(--color-teal);color:var(--color-text-on-background);box-shadow:var(--shadow-btn-teal);flex:1}.v2-actions .v2-action-main{flex:1.65}.ask-email-page{padding:calc(clamp(24px, 5.9dvh, 50px) + env(safe-area-inset-top)) 24px calc(20px + env(safe-area-inset-bottom))}.ask-email-page .snowflake-icon{margin-top:clamp(12px,3dvh,26px);margin-bottom:20px}.ask-email-card{max-width:304px;margin:auto;padding:28px 19px 26px}.ask-email-page .v2-spacer{flex-grow:0;min-height:24px}.ask-email-page .snowflake-icon{margin-bottom:clamp(8px,7.5dvh - 34px,20px)}.ask-email-page .v2-tuwaiq-logo{width:clamp(108px,12.5dvh + 38px,128px)}.ask-email-card{padding-top:clamp(16px,7.5dvh - 26px,28px);padding-bottom:clamp(14px,7.5dvh - 28px,26px)}.ask-email-page .v2-spacer{min-height:clamp(8px,10dvh - 48px,24px)}.category-bg{pointer-events:none;opacity:0;contain:layout paint;width:393px;height:852px;margin-left:-196.5px;transition:opacity .35s;position:absolute;top:0;left:50%}.category-bg--active{opacity:1}.category-bg__image{-webkit-user-select:none;user-select:none;position:absolute}.category-bg__tile{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.category-bg__tile--tinted{-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.category-shape{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.category-card{opacity:1;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .25s,transform .25s;display:flex;transform:none}.category-card__frame{aspect-ratio:235/272;width:100%;position:relative}.category-card__img{z-index:1;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:79.1%;height:80.9%;animation:.3s category-img-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes category-img-in{0%{opacity:0}to{opacity:1}}.footer-badge{padding-bottom:calc(2px - var(--squeeze,0) * 2px);flex-direction:column;align-items:center;display:flex}.footer-badge .footer-credit{margin-top:calc(16.6px - var(--squeeze,0) * 8.6px);font-size:9.28px}.screen-shell{background:linear-gradient(180deg, var(--shell-from,var(--color-background-start)) 0%, var(--shell-to,var(--color-background-end)) 46%, var(--shell-to,var(--color-background-end)) 100%);width:100%;color:var(--color-text-on-background);flex-direction:column;flex:1;padding:28px 20px 20px;display:flex;position:relative;overflow:hidden}.category-screen{gap:calc(14px - var(--squeeze,0) * 6px);text-align:center;min-height:100dvh;padding-top:calc(28px - var(--squeeze,0) * 8px + env(safe-area-inset-top));padding-bottom:calc(20px - var(--squeeze,0) * 6px + env(safe-area-inset-bottom))}.category-screen__title{font-family:var(--font-display);font-size:30.5px;line-height:calc(40px - var(--squeeze,0) * 6px);font-weight:var(--font-weight-bold);margin:clamp(8px,46dvh - 322px,70px) 0 0}.category-screen__hint{color:var(--color-text-on-background);flex-direction:column;align-items:center;gap:3.2px;margin-top:clamp(6px,9.93dvh - 69.51px,15.1px);font-size:8.5px;line-height:12px;display:flex}.category-screen__hint-icon{width:22px;height:22px}.category-swipe-area{gap:calc(14px - var(--squeeze,0) * 6px);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;direction:ltr;flex-direction:column;flex:1;margin:0 -20px;display:flex}.category-swipe-area:active{cursor:grabbing}.category-carousel{margin-top:clamp(8px,22.8dvh - 159.6px,34.7px);overflow:hidden}.category-swipe-area img{pointer-events:none;-webkit-user-drag:none}.category-carousel__track{will-change:transform;position:relative}.category-carousel__slide{position:absolute;top:0}.category-screen__info{justify-content:flex-start;align-items:center;gap:calc(9px - var(--squeeze,0) * 3px);direction:rtl;flex-direction:column;flex:1;padding-top:clamp(6px,8.75dvh - 61.25px,13.3px);display:flex}.category-screen__name{font-family:var(--font-display);font-size:31.7px;line-height:calc(36px - var(--squeeze,0) * 4px);font-weight:var(--font-weight-bold);margin:0}.category-screen__desc{max-width:200px;min-height:38px;color:var(--category-description);margin:0;font-size:12.65px;line-height:19px}.category-screen .category-screen__cta{width:292px;height:calc(59px - var(--squeeze,0) * 7px);margin-bottom:calc(24px - var(--squeeze,0) * 12px);background:var(--btn-primary-bg);box-shadow:0 4px 0 0 color-mix(in srgb, var(--btn-primary-bg) 60%, #000);align-self:center;font-size:21.6px}.category-screen>*{z-index:1;position:relative}.category-screen>.category-bg{z-index:0;position:absolute}.completion-page{padding:50px 24px 20px}.completion-card{max-width:300px;margin-top:46px;padding:28px 18px 18px}.completion-description{max-width:230px;margin-left:auto;margin-right:auto;font-size:11px}.completion-card .snowflake-icon{width:30px;height:30px;margin:22px auto 14px}.completion-rows{margin:0;padding:0;list-style:none}.completion-row{border-bottom:1px solid var(--color-secondary);justify-content:space-between;align-items:center;height:38px;display:flex}.completion-row:last-child{border-bottom:none}.completion-row-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-body)}.completion-pill{min-width:50px;height:18px;font-size:8px;font-weight:var(--font-weight-bold);border-radius:9px;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.completion-pill.is-correct{background:var(--color-correct-bg);color:var(--color-correct-text)}.completion-pill.is-wrong{background:var(--color-wrong-bg);color:var(--color-wrong-text)}.completion-slogan{width:83px;height:auto;margin:16px auto 0;display:block}.completion-page{padding-top:clamp(16px,16.11dvh - 77.438px,50px)}.completion-page .v2-tuwaiq-logo{width:clamp(100px,13.27dvh + 23.034px,128px)}.completion-card{margin-top:clamp(14px,15.17dvh - 73.986px,46px);padding-top:clamp(16px,5.69dvh - 17.002px,28px);padding-bottom:clamp(12px,2.84dvh - 4.472px,18px)}.completion-heading{font-size:clamp(22px,1.9dvh + 10.98px,26px)}.completion-card .snowflake-icon{width:clamp(24px,2.84dvh + 7.528px,30px);height:clamp(24px,2.84dvh + 7.528px,30px);margin-top:clamp(8px,6.64dvh - 30.512px,22px);margin-bottom:clamp(6px,3.79dvh - 15.982px,14px)}.completion-row{height:clamp(28px,4.74dvh + .507999px,38px)}.completion-slogan{width:clamp(66px,8.06dvh + 19.252px,83px);margin-top:clamp(6px,4.74dvh - 21.492px,16px)}.completion-page .v2-actions{margin-top:clamp(10px,4.74dvh - 17.492px,20px)}.completion-page .v2-actions .v2-action-btn{height:clamp(42px,2.84dvh + 25.528px,48px)}.completion-page .v2-spacer{min-height:clamp(8px,7.58dvh - 35.964px,24px)}.name-form{flex-direction:column;align-items:stretch;width:100%;display:flex}.name-form .name-field{margin-top:34px}.name-form .name-form-submit{margin-top:46px}.ask-name-page{padding:calc(clamp(28px, 13dvh, 110px) + env(safe-area-inset-top)) 24px calc(20px + env(safe-area-inset-bottom))}.ask-name-page .snowflake-icon{margin-bottom:24px}.ask-name-card{max-width:300px;margin:auto;padding:28px 19px 14px}.ask-name-page .v2-spacer{flex-grow:0;min-height:24px}.ask-name-card{animation:.5s cubic-bezier(.22,.9,.4,1) both name-card-in}@keyframes name-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ask-name-page .snowflake-icon{animation:5s ease-in-out .6s infinite name-snowflake-float}@keyframes name-snowflake-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.ask-name-card,.ask-name-page .snowflake-icon{animation:none}}.error-page{background:var(--gradient-page-dark);padding:50px 24px 20px;position:relative}.error-card{background:var(--color-surface-white);width:calc(100% - 48px);max-width:300px;box-shadow:var(--shadow-card-accent);border-radius:14px;padding:40px 15px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-card-icon{width:30px;height:30px;margin:0 auto}.error-card-title{font-family:var(--font-display);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin:14px 0 0;font-size:26px}.error-card-description{color:var(--color-text-muted);margin-top:12px;font-size:12px;line-height:1.6}.error-card .error-card-button{background:var(--color-surface-light);max-width:none;height:49px;color:var(--color-text-strong);font-size:14px;font-weight:var(--font-weight-bold);box-shadow:var(--shadow-btn-accent);border:none;border-radius:10px;margin-top:28px}.about-page{padding:50px 24px 20px}.about-card{max-width:300px;margin-top:36px;padding:22px 12px 18px}.about-heading{font-family:var(--font-display);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin:0;font-size:20px}.about-text{color:var(--color-text-body);margin-top:10px;font-size:12px;line-height:1.75}.about-page{padding-top:clamp(16px,17.17dvh - 83.586px,50px)}.about-page .v2-tuwaiq-logo{width:clamp(100px,14.14dvh + 17.988px,128px)}.about-card{margin-top:clamp(14px,11.11dvh - 50.438px,36px);padding-top:clamp(14px,4.04dvh - 9.432px,22px);padding-bottom:clamp(12px,3.03dvh - 5.574px,18px)}.about-section+.about-section{margin-top:clamp(10px,6.06dvh - 25.148px,22px)}.about-heading{font-size:clamp(17px,1.52dvh + 8.184px,20px)}.about-text{margin-top:clamp(6px,2.02dvh - 5.716px,10px);line-height:clamp(17.4px,1.82dvh + 6.844px,21px)}.about-page .v2-actions{margin-top:clamp(10px,5.05dvh - 19.29px,20px)}.about-page .v2-actions .v2-action-btn{height:clamp(42px,3.03dvh + 24.426px,48px)}.about-page .v2-spacer{min-height:clamp(8px,8.08dvh - 38.864px,24px)}.saudi-logo{display:block}.saudi-logo>svg{width:100%;height:auto;display:block}.home-page{padding:28px 24px 20px}.home-middle{flex-direction:column;align-items:center;gap:16px;margin-top:56px;display:flex}.home-saudi-picture-logo{width:189px;height:auto}.home-description{max-width:260px;font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text-on-background);line-height:1.6}.home-actions{flex-direction:column;align-items:center;gap:20px;width:100%;margin-top:40px;display:flex}.home-page{padding-top:clamp(16px,7.89dvh - 28.184px,28px)}.home-middle{gap:clamp(8px,5.26dvh - 21.456px,16px);margin-top:clamp(14px,27.63dvh - 140.728px,56px)}.home-saudi-picture-logo{width:clamp(150px,25.66dvh + 6.304px,189px)}.home-snowflake{margin-top:clamp(0px,5.26dvh - 29.456px,8px)}.home-actions{gap:clamp(12px,5.26dvh - 17.456px,20px);margin-top:clamp(14px,17.11dvh - 81.816px,40px)}.home-actions .btn{height:clamp(50px,5.26dvh + 20.544px,58px)}.home-page .v2-spacer{min-height:clamp(8px,10.53dvh - 50.968px,24px)}.modal-overlay{z-index:2;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.modal-card{background:var(--color-surface-card);width:100%;max-width:300px;box-shadow:var(--shadow-card-edge);border-radius:12.05px;outline:none;margin:auto;position:relative}.modal-close{width:40px;height:40px;color:var(--color-text-heading);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:2px;left:7px}.instructions-screen{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.instructions-backdrop{flex-direction:column;flex:1;display:flex}.instructions-backdrop .home-middle,.instructions-backdrop .home-actions{filter:blur(7.8px)}.instructions-backdrop .v2-credit{opacity:1}.instructions-modal{padding:27.4px 15px 20px}.instructions-heading{font-family:var(--font-display);font-weight:var(--font-weight-bold);color:var(--color-text-heading);text-align:center;margin:0;font-size:24px;line-height:30px}.instructions-steps{flex-direction:column;gap:8px;margin:20.6px 0 0;padding:0;list-style:none;display:flex}.instructions-step{background:var(--color-secondary);border-radius:12.05px;align-items:center;gap:12px;height:42px;padding:0 5.5px;display:flex}.instructions-step-text{font-size:11.2px;font-weight:var(--font-weight-medium);color:var(--color-text-body);text-align:right;flex:1}.instructions-step-badge{font-family:var(--font-display);background:var(--color-surface-card);border:1px solid var(--color-badge-border);width:33px;height:33px;color:var(--color-primary);font-weight:var(--font-weight-bold);border-radius:9.25px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.instructions-modal .instructions-cta{border-radius:12px;width:100%;max-width:none;height:47px;margin-top:26px;font-size:17.6px}.loading-page{padding:50px 24px 20px}.loading-middle{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding-top:60px;display:flex}.loading-ring{border:6px solid var(--color-surface-card);border-top-color:var(--color-primary);border-radius:50%;width:56px;height:56px;animation:1s linear infinite loading-spin}.loading-title{font-family:var(--font-display);font-weight:var(--font-weight-bold);color:var(--color-text-on-background);margin-top:34px;font-size:20px}.loading-subtitle{color:var(--color-text-on-background-soft);margin-top:6px;font-size:12px}.loading-divider{align-items:center;gap:12px;width:100%;margin-top:70px;display:flex}.loading-divider-line{background:var(--color-divider);flex:1;height:1px;margin-bottom:60px}.loading-divider-icon{width:25px;height:25px;margin-bottom:60px}.loading-saudi-logo{width:70px;height:auto;margin-bottom:50px}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-ring{animation-duration:3s}}.loading-page{padding-top:clamp(20px,26.09dvh - 126.104px,50px)}.loading-middle{padding-top:clamp(10px,43.48dvh - 233.488px,60px)}.loading-title{margin-top:clamp(16px,15.65dvh - 71.64px,34px)}.loading-divider{margin-top:clamp(26px,38.26dvh - 188.256px,70px)}.loading-divider-line,.loading-divider-icon{margin-bottom:clamp(20px,34.78dvh - 174.768px,60px)}.loading-saudi-logo{margin-bottom:clamp(16px,29.57dvh - 149.592px,50px)}.quiz-screen{--short:clamp(0px, calc(852px - 100dvh), 230px);background:var(--quiz-top);color:var(--color-text-on-background);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.quiz-screen:before{content:"";top:calc(139px - var(--short) * .3);filter:blur(50px);pointer-events:none;background:#ffffff38;border-radius:50%;width:336px;height:336px;margin-left:-168px;position:absolute;left:50%}.quiz-screen:after{content:"";top:calc(296px - var(--short) * .5);background:var(--quiz-base);pointer-events:none;border-radius:50%;width:1264px;height:1262px;margin-left:-632px;position:absolute;left:50%}.quiz-page{z-index:1;padding:calc(55px - var(--short) * .1 + env(safe-area-inset-top)) 48px calc(20px + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;position:relative}.quiz-page[data-blurred]{filter:blur(7.5px)}.quiz-header{justify-content:space-between;align-items:center;height:44px;display:flex}.quiz-icon-action{background:var(--color-quiz-wrong);width:44px;height:44px;color:var(--color-text-on-background);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 3px #0000004d}.quiz-icon-action:disabled .quiz-icon-action__icon{opacity:.55}.quiz-icon-action:disabled{background:var(--color-quiz-disabled);color:var(--color-quiz-disabled-text);cursor:default}.quiz-progress{width:44px;height:44px;position:relative}.quiz-progress svg{width:100%;height:100%;display:block}.quiz-progress__track,.quiz-progress__arc{fill:#0000001f;stroke-width:3px}.quiz-progress__track{stroke:#0000004d}.quiz-progress__arc{fill:none;stroke:var(--quiz-ring);stroke-linecap:round;transition:stroke-dasharray .65s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.quiz-progress__arc{transition:none}}.quiz-progress__text{font-family:var(--font-display);direction:ltr;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.quiz-progress__text b{font-size:17px;font-weight:var(--font-weight-bold)}.quiz-progress__text small{opacity:.85;align-self:flex-end;margin-bottom:15px;font-size:11px}.quiz-photo-frame{margin-top:calc(10px - var(--short) * .03);background:#ffffff1f;border-radius:24px;align-self:center;padding:12px}.quiz-photo{height:calc(208px - var(--short) * .36);aspect-ratio:175/208;object-fit:cover;border-radius:14px;display:block}.quiz-photo--placeholder{background:#ffffff14}.quiz-question{height:28px;margin:calc(20px - var(--short) * .045) 0 0;font-family:var(--font-display);font-size:17px;font-weight:var(--font-weight-bold);text-align:center;position:relative}.quiz-question__text{-webkit-line-clamp:2;line-height:min(26px, calc(27px - var(--short) * .033));-webkit-box-orient:vertical;display:-webkit-box;position:absolute;top:1px;left:0;right:0;overflow:hidden}.quiz-options{gap:calc(12px - var(--short) * .02);margin-top:calc(28px - var(--short) * .06);flex-direction:column;display:flex}.quiz-option{width:100%;height:calc(49px - var(--short) * .035);background:var(--quiz-accent);color:var(--color-text-on-background);box-shadow:0 4px 0 0 color-mix(in srgb, var(--quiz-accent) 55%, #000);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:0 8px;font-size:12.5px;transition:transform 90ms,box-shadow 90ms,background-color .2s;display:flex}.quiz-option:disabled{cursor:default}.quiz-option--correct{background:var(--color-quiz-correct);box-shadow:0 4px 0 0 color-mix(in srgb, var(--color-quiz-correct) 55%, #000)}.quiz-option--wrong{background:var(--color-quiz-wrong);box-shadow:0 4px 0 0 color-mix(in srgb, var(--color-quiz-wrong) 55%, #000)}.quiz-option__letter{color:#000;width:33px;height:33px;font-family:var(--font-display);font-size:15px;font-weight:var(--font-weight-bold);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quiz-option__text{font-family:var(--font-body);font-size:13.8px;font-weight:var(--font-weight-regular);text-align:right;flex:1;line-height:1.4}.quiz-actions{margin-top:calc(43px - var(--short) * .1);gap:10px;display:flex}.quiz-action{height:calc(49px - var(--short) * .035);color:var(--color-text-on-background);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex;box-shadow:0 4px #0000004d}.quiz-action--hint{background:var(--color-quiz-correct);flex:1.7;font-size:18px}.quiz-action--skip{background:var(--color-teal);flex:1}.quiz-action__count{font-family:var(--font-display);direction:ltr;align-items:baseline;line-height:1;display:flex}.quiz-action__count b{font-size:22px;font-weight:var(--font-weight-regular)}.quiz-action__count small{opacity:.8;font-size:11px}.quiz-action .quiz-bulb{filter:brightness(0)invert();width:18px;height:18px}.quiz-action:disabled{background:var(--color-quiz-disabled);color:var(--color-quiz-disabled-text);cursor:default}.quiz-footer{padding-top:calc(27px - var(--short) * .06);margin:auto -24px 0}.quiz-sheet{background:var(--color-sheet);max-width:295px;box-shadow:0 3px 0 0 var(--quiz-accent);text-align:center;padding:58px 16px 19px}.quiz-sheet__title{font-family:var(--font-display);font-size:17px;font-weight:var(--font-weight-bold);color:var(--color-text-heading);justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.quiz-sheet--hint .quiz-sheet__title{font-size:30px}.quiz-bulb{flex-shrink:0}.quiz-action:disabled .quiz-bulb{opacity:.45}.quiz-sheet__body{text-align:center;max-width:204px;min-height:92px;color:var(--color-text-body);margin:14px auto 0;font-size:13.8px;line-height:19px}.quiz-sheet--hint .quiz-sheet__body{min-height:116px}.quiz-sheet__action{background:var(--quiz-accent);width:100%;height:50px;color:var(--color-text-on-background);box-shadow:0 3px 0 0 color-mix(in srgb, var(--quiz-accent) 55%, #000);cursor:pointer;border:none;border-radius:12px;margin-top:12px;font-size:13px}.quiz-sheet--hint .quiz-sheet__action{font-size:18px;line-height:1}.quiz-sheet__action--danger{background:var(--color-quiz-wrong);box-shadow:0 3px 0 0 color-mix(in srgb, var(--color-quiz-wrong) 55%, #000)}@media (prefers-reduced-motion:reduce){.quiz-option{transition:none}}