.halal-haram-ratio-module__Z8X_7a__hhr-page{--hhr-page-pad-y:clamp(2.5rem, 7vw, 5rem);min-height:calc(100vh - 94px);padding-block:var(--hhr-page-pad-y)}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz{--hhr-page-pad-y:0;background:#1f1f1f;align-items:stretch;max-width:none;min-height:100vh;padding-inline:0;display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-page--loading{min-height:60vh}.halal-haram-ratio-module__Z8X_7a__hhr-shell{background:#f3f0e8;grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch;min-height:100vh;margin:0;display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-quiz__header{background:var(--accent);color:var(--background);position:relative;overflow:hidden}.halal-haram-ratio-module__Z8X_7a__hhr-quiz__header:before,.halal-haram-ratio-module__Z8X_7a__hhr-quiz__header:after{content:"";pointer-events:none;background:#f6f5f014;border-radius:999px;display:none;position:absolute}.halal-haram-ratio-module__Z8X_7a__hhr-quiz__header:before{aspect-ratio:1;width:clamp(9rem,18vw,13rem);top:-4.5rem;right:-2.2rem}.halal-haram-ratio-module__Z8X_7a__hhr-quiz__header:after{aspect-ratio:1;width:clamp(17rem,32vw,25rem);bottom:-8rem;right:-6rem}.halal-haram-ratio-module__Z8X_7a__hhr-question-panel{z-index:1;padding:1.15rem var(--page-pad-x) 1.2rem;gap:.9rem;display:grid;position:relative}.halal-haram-ratio-module__Z8X_7a__hhr-question-panel__topline{gap:var(--space-2);justify-content:space-between;align-items:center;display:flex}.halal-haram-ratio-module__Z8X_7a__hhr-quiz__count{color:#f6f5f0c2}.halal-haram-ratio-module__Z8X_7a__hhr-question-panel .section-kicker{color:#f6f5f0c2}.halal-haram-ratio-module__Z8X_7a__hhr-question-panel__number{margin:0;display:none}.halal-haram-ratio-module__Z8X_7a__hhr-quiz__title{letter-spacing:0;max-width:17ch;color:var(--background);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,5.7vw,1.85rem);font-weight:700;line-height:1.17}.halal-haram-ratio-module__Z8X_7a__hhr-quiz__count{font-size:var(--kicker-size);letter-spacing:.18em;text-transform:uppercase;flex-shrink:0;font-weight:500;line-height:1.2}.halal-haram-ratio-module__Z8X_7a__hhr-progress{display:block}.halal-haram-ratio-module__Z8X_7a__hhr-progress__fill{display:none}.halal-haram-ratio-module__Z8X_7a__hhr-progress__steps{align-items:center;gap:.42rem;display:flex}.halal-haram-ratio-module__Z8X_7a__hhr-progress__step{background:#f6f5f047;border-radius:999px;flex:1 1 0;height:3px;transition:background .18s,box-shadow .18s,opacity .18s}.halal-haram-ratio-module__Z8X_7a__hhr-progress__step--active{background:#f6f5f094;box-shadow:0 0 0 1px #f6f5f029}.halal-haram-ratio-module__Z8X_7a__hhr-progress__step--complete{background:#f6f5f0f0}.halal-haram-ratio-module__Z8X_7a__hhr-question{padding:1rem var(--page-pad-x) 0;align-content:start;display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-answer-grid{grid-template-columns:1fr;gap:.65rem;width:100%;max-width:38rem;margin-inline:auto;display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-answer{width:100%;min-height:4.5rem;color:var(--foreground);text-align:left;background:#ffffff9e;border:1px solid #1111111f;border-radius:6px;grid-template-columns:2.45rem minmax(0,1fr);align-items:stretch;gap:0;padding:0;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden}.halal-haram-ratio-module__Z8X_7a__hhr-answer:hover{background:#ffffffc7;border-color:#1113;transform:translateY(-1px)}.halal-haram-ratio-module__Z8X_7a__hhr-answer:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.halal-haram-ratio-module__Z8X_7a__hhr-answer--selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 .75rem 1.6rem #e106001a;background:#fffffff5;transform:translateY(-1px)}.halal-haram-ratio-module__Z8X_7a__hhr-answer:disabled{cursor:not-allowed}.halal-haram-ratio-module__Z8X_7a__hhr-answer:disabled:not(.halal-haram-ratio-module__Z8X_7a__hhr-answer--selected){opacity:.56;transform:none}.halal-haram-ratio-module__Z8X_7a__hhr-answer__key{color:#1111115c;border-right:1px solid #1111111a;place-items:center;width:100%;min-height:100%;font-size:.75rem;font-weight:500;transition:background .16s,border-color .16s,color .16s;display:inline-grid}.halal-haram-ratio-module__Z8X_7a__hhr-answer--selected .halal-haram-ratio-module__Z8X_7a__hhr-answer__key{border-right-color:var(--accent);background:var(--accent);color:var(--background)}.halal-haram-ratio-module__Z8X_7a__hhr-answer__label{align-self:center;min-width:0;padding:.9rem .95rem;font-size:clamp(.9rem,3.4vw,1rem);line-height:1.36}.halal-haram-ratio-module__Z8X_7a__hhr-actions{min-height:4.6rem;padding:.85rem var(--page-pad-x) 1.25rem max(var(--page-pad-x), 4.75rem);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;display:flex}.halal-haram-ratio-module__Z8X_7a__hhr-actions__left{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.halal-haram-ratio-module__Z8X_7a__hhr-action-button{color:#1111115c;background:#ffffff47;border-color:#1111110f;border-radius:6px;min-width:3.6rem;min-height:2.15rem;padding:.45rem .95rem}.halal-haram-ratio-module__Z8X_7a__hhr-action-button:hover{color:#11111194;background:#ffffff75;border-color:#1111111f}.halal-haram-ratio-module__Z8X_7a__hhr-action-button:disabled,.halal-haram-ratio-module__Z8X_7a__hhr-result-cta:disabled{cursor:not-allowed;opacity:.45;transform:none}.halal-haram-ratio-module__Z8X_7a__hhr-actions__meta,.halal-haram-ratio-module__Z8X_7a__hhr-actions__status,.halal-haram-ratio-module__Z8X_7a__hhr-error{color:var(--foreground-muted);font-size:.875rem;line-height:1.5}.halal-haram-ratio-module__Z8X_7a__hhr-error{color:var(--accent);margin:0}@media (min-width:760px){.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz{place-items:center;padding:clamp(.65rem,1.8vw,1.25rem)}.halal-haram-ratio-module__Z8X_7a__hhr-shell{background:linear-gradient(#f3f0e8, #f3f0e8) padding-box, linear-gradient(to right, var(--accent) 0 44%, #f6f5f038 44%) border-box;border:1px solid #0000;border-radius:16px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(17rem,44%) minmax(0,1fr);width:min(100%,72rem);min-height:min(48rem,100vh - clamp(1.3rem,3.6vw,2.5rem));max-height:calc(100vh - clamp(1.3rem,3.6vw,2.5rem));overflow:hidden;box-shadow:0 1.5rem 4rem #00000047}.halal-haram-ratio-module__Z8X_7a__hhr-quiz__header{min-height:inherit;grid-area:1/1/3}.halal-haram-ratio-module__Z8X_7a__hhr-quiz__header:before,.halal-haram-ratio-module__Z8X_7a__hhr-quiz__header:after{display:block}.halal-haram-ratio-module__Z8X_7a__hhr-question-panel{min-height:inherit;padding:clamp(2.2rem,5vw,3.6rem) clamp(2rem,4vw,3.25rem)}.halal-haram-ratio-module__Z8X_7a__hhr-question-panel__number{letter-spacing:0;color:#f6f5f03d;order:3;align-self:end;margin-top:clamp(1.5rem,6vw,3.2rem);font-size:clamp(4.8rem,9.5vw,8rem);font-weight:700;line-height:.85;display:block}.halal-haram-ratio-module__Z8X_7a__hhr-quiz__title{order:2;align-self:center;max-width:15ch;margin-top:clamp(2rem,5vw,4rem);font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.12}.halal-haram-ratio-module__Z8X_7a__hhr-progress{order:4;margin-top:auto}.halal-haram-ratio-module__Z8X_7a__hhr-progress__steps{gap:.48rem}.halal-haram-ratio-module__Z8X_7a__hhr-progress__step{opacity:.72;flex:none;width:.42rem;height:.42rem}.halal-haram-ratio-module__Z8X_7a__hhr-progress__step--complete,.halal-haram-ratio-module__Z8X_7a__hhr-progress__step--active{opacity:1}.halal-haram-ratio-module__Z8X_7a__hhr-question{padding:clamp(2rem, 5vw, 4.7rem) clamp(2rem, 4vw, 3.25rem) var(--space-3);grid-area:1/2;align-content:center}.halal-haram-ratio-module__Z8X_7a__hhr-answer-grid{gap:.72rem;max-width:34.8rem}.halal-haram-ratio-module__Z8X_7a__hhr-answer{background:#ffffff8a;border-color:#11111114;border-radius:8px;grid-template-columns:3.05rem minmax(0,1fr);min-height:3.75rem}.halal-haram-ratio-module__Z8X_7a__hhr-answer__label{padding:.95rem 1rem;font-size:clamp(.95rem,1.25vw,1.05rem)}.halal-haram-ratio-module__Z8X_7a__hhr-actions{border-top:1px solid #11111114;grid-area:2/2;min-height:4.9rem;margin-inline:clamp(2rem,4vw,3.25rem);padding:.9rem 0 1.45rem}}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz{--hhr-page-pad-y:0;--hhr-route-chrome-offset:60px;min-height:calc(100svh - var(--hhr-route-chrome-offset));background:var(--background);align-items:stretch;max-width:none;padding-inline:0;display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-shell{min-height:calc(100svh - var(--hhr-route-chrome-offset));background:var(--background);overflow:visible}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz.halal-haram-ratio-module__Z8X_7a__hhr-page--loading{padding:var(--page-pad-x);place-items:center}.halal-haram-ratio-module__Z8X_7a__hhr-loading{background:#ffffffb8;border:1px solid #11111114;border-radius:8px;gap:.9rem;width:min(100%,23rem);padding:1.2rem;display:grid;box-shadow:0 1.3rem 3rem #11111114}.halal-haram-ratio-module__Z8X_7a__hhr-loading__kicker{color:#11111180;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700;line-height:1}.halal-haram-ratio-module__Z8X_7a__hhr-loading__title{color:var(--foreground);letter-spacing:0;margin:0;font-size:1.55rem;font-weight:800;line-height:1.05}.halal-haram-ratio-module__Z8X_7a__hhr-loading__bar{background:#1111111a;border-radius:999px;height:3px;overflow:hidden}.halal-haram-ratio-module__Z8X_7a__hhr-loading__fill{border-radius:inherit;background:var(--accent);width:42%;height:100%;animation:.9s ease-in-out infinite alternate halal-haram-ratio-module__Z8X_7a__hhr-loading-bar;display:block}@keyframes halal-haram-ratio-module__Z8X_7a__hhr-loading-bar{0%{transform:translate(-85%)}to{transform:translate(225%)}}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-quiz__header{background:var(--accent);color:var(--background)}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-quiz__header:before,.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-quiz__header:after{content:none}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-question-panel{padding:1rem var(--page-pad-x) 1.1rem;gap:.8rem}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-question-panel__topline{align-items:center}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-quiz__count{letter-spacing:0;color:#f6f5f0d6}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-question-panel .section-kicker{letter-spacing:0;color:#f6f5f0d6}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-quiz__count{font-size:.78rem}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-question-panel__number{display:none}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-quiz__title{font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;letter-spacing:0;max-width:20ch;font-size:1.55rem;font-weight:700;line-height:1.02}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-question{background:var(--background);padding:1rem var(--page-pad-x) 0;align-content:start;display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-question__topline{justify-content:flex-start;align-items:center;margin-bottom:.9rem;display:flex}.halal-haram-ratio-module__Z8X_7a__hhr-question__eyebrow{background:var(--accent-soft);color:#1111118f;letter-spacing:0;text-transform:uppercase;border-radius:999px;align-items:center;min-height:1.9rem;margin:0;padding:.34rem .72rem;font-size:.76rem;font-weight:700;line-height:1;display:inline-flex}.halal-haram-ratio-module__Z8X_7a__hhr-intro__content{gap:1.15rem;width:100%;max-width:39rem;margin-inline:auto;display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-intro__headline{max-width:13ch;color:var(--foreground);letter-spacing:0;margin:0;font-size:clamp(2.25rem,8vw,4.4rem);font-weight:800;line-height:.98}.halal-haram-ratio-module__Z8X_7a__hhr-intro__copy{color:var(--foreground-soft);gap:.85rem;font-size:clamp(.96rem,2.2vw,1.08rem);line-height:1.62;display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-intro__copy p{margin:0}.halal-haram-ratio-module__Z8X_7a__hhr-intro__promises{gap:.65rem;margin-top:.15rem;display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-intro-promise{background:#ffffffb3;border:1px solid #1111111a;border-radius:8px;grid-template-columns:2.05rem minmax(0,1fr);align-items:start;gap:.78rem;min-height:3.7rem;padding:.82rem .95rem;display:grid;box-shadow:0 .55rem 1.35rem #1111110a}.halal-haram-ratio-module__Z8X_7a__hhr-intro-promise__icon{aspect-ratio:1;width:2rem;color:var(--accent);background:#e106000f;border:1px solid #e1060029;border-radius:999px;place-items:center;font-size:.8rem;font-weight:800;line-height:1;display:inline-grid}.halal-haram-ratio-module__Z8X_7a__hhr-intro-promise__title{color:#111111e6;margin:0;font-size:.96rem;font-weight:800;line-height:1.24}.halal-haram-ratio-module__Z8X_7a__hhr-intro-promise__body{color:#1111119e;margin:.16rem 0 0;font-size:.9rem;line-height:1.44}.halal-haram-ratio-module__Z8X_7a__hhr-intro__start{border-color:var(--accent);background:var(--accent);min-height:2.9rem;color:var(--background);white-space:nowrap;border-radius:8px;justify-self:end;font-weight:800}@media (min-width:760px) and (max-height:760px){.halal-haram-ratio-module__Z8X_7a__hhr-intro__content{gap:.75rem}.halal-haram-ratio-module__Z8X_7a__hhr-intro__headline{max-width:14ch;font-size:clamp(2.45rem,4.8vw,3.35rem);line-height:1}.halal-haram-ratio-module__Z8X_7a__hhr-intro__copy{gap:.45rem;font-size:.96rem;line-height:1.45}.halal-haram-ratio-module__Z8X_7a__hhr-intro__promises{gap:.5rem}.halal-haram-ratio-module__Z8X_7a__hhr-intro-promise{min-height:0;padding:.62rem .8rem}.halal-haram-ratio-module__Z8X_7a__hhr-intro-promise__body{font-size:.84rem;line-height:1.35}.halal-haram-ratio-module__Z8X_7a__hhr-intro__start{min-height:2.55rem;padding:.65rem 1rem}}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-answer-grid{gap:.72rem;max-width:39rem}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-answer{background:#ffffffb3;border-color:#1111111a;border-radius:8px;grid-template-columns:2.15rem minmax(0,1fr);align-items:center;gap:.78rem;min-height:4.15rem;padding:.7rem .85rem;box-shadow:0 .55rem 1.35rem #1111110a}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-answer:hover{background:#ffffffeb;border-color:#e106003d;transform:translateY(-1px)}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-answer--selected{background:#fffffff5;border-color:#e1060080;box-shadow:inset 0 0 0 1px #e1060033,0 .8rem 1.8rem #e1060017}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-answer__key{width:2.1rem;min-height:2.1rem;color:var(--accent);background:#e106000f;border:1px solid #e1060029;border-radius:999px;font-weight:700}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-answer--selected .halal-haram-ratio-module__Z8X_7a__hhr-answer__key{background:var(--accent-soft);color:var(--accent);border-color:#e1060052}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-answer__label{align-self:center;padding:0;font-size:.96rem;line-height:1.38}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-actions{background:var(--background);min-height:auto;padding:.9rem var(--page-pad-x) 1.1rem;border-top:1px solid #11111114;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-actions__progress,.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-actions__left{min-width:0}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-action-button{color:#e10600c2;background:#ffffff94;border-color:#e1060024;min-width:4rem;min-height:2.25rem}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-action-button:hover{color:var(--accent);background:#ffffffeb;border-color:#e1060047}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-actions__meta{white-space:nowrap;color:#11111175;justify-self:end;font-size:.82rem}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-actions__status{grid-column:1/-1;justify-self:end;margin:0}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-progress__steps{gap:.36rem}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-progress__step{opacity:1;background:#11111124;height:2px}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-progress__step--active{background:#e106005c;box-shadow:0 0 0 1px #e106001a}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-progress__step--complete{background:var(--accent)}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-error{padding:0 var(--page-pad-x) 1rem;margin:0}@media (min-width:760px){.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz{padding:clamp(1rem, 2vw, 1.4rem) var(--page-pad-x);place-items:start center}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-shell{width:min(100%,72rem);min-height:min(43rem, calc(100svh - var(--hhr-route-chrome-offset) - 2rem));background:var(--background);border:1px solid #11111114;border-radius:8px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(18rem,40%) minmax(0,1fr);max-height:none;overflow:hidden;box-shadow:0 1.3rem 3rem #11111114}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-quiz__header{min-height:inherit;grid-area:1/1/3}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-question-panel{grid-template-rows:auto minmax(0,1fr) auto;min-height:100%;padding:2.2rem 2rem}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-question-panel__topline{order:1}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-question-panel__number{color:#f6f5f057;letter-spacing:0;order:3;align-self:end;margin:0 0 .55rem;font-size:clamp(6.2rem,10vw,8.4rem);font-weight:800;line-height:.8;display:block}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-quiz__title{order:2;align-self:start;max-width:100%;margin-top:clamp(7rem,14vh,9rem);font-size:3.75rem;line-height:1.02}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-question{grid-area:1/2;align-content:center;padding:2.4rem 2.15rem 1.1rem}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-answer-grid{max-width:35rem;margin-inline:auto}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-answer{grid-template-columns:2.2rem minmax(0,1fr);min-height:3.9rem}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-actions{grid-area:2/2;margin-inline:2.15rem;padding:.9rem 0 1.2rem}}@media (min-width:1024px){.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz{--hhr-route-chrome-offset:76px}}@media (min-width:760px) and (min-height:760px){.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz{align-items:center}}@media (max-width:759px){.halal-haram-ratio-module__Z8X_7a__hhr-intro__content{gap:.65rem}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-shell{grid-template-rows:auto minmax(0,1fr) auto}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-actions{grid-template-columns:auto minmax(0,1fr)}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-actions__progress{grid-area:2/1/auto/-1}.halal-haram-ratio-module__Z8X_7a__hhr-page--quiz .halal-haram-ratio-module__Z8X_7a__hhr-actions__meta{white-space:normal;text-align:right}}.halal-haram-ratio-module__Z8X_7a__hhr-page--result-frame{--hhr-page-pad-y:0;max-width:none;min-height:calc(100svh - 76px);padding:clamp(1.4rem, 4vw, 2.5rem) var(--page-pad-x);background:var(--background);color:#111;place-items:center;display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-result-editorial{text-align:center;align-content:center;justify-items:center;width:min(100%,46rem);min-height:min(36rem,100svh - 9rem);display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-result-loading{gap:0}.halal-haram-ratio-module__Z8X_7a__hhr-result-loading__title{color:#111111d1;letter-spacing:0;margin:0;font-size:clamp(1.05rem,2.4vw,1.18rem);font-weight:700;line-height:1.3}.halal-haram-ratio-module__Z8X_7a__hhr-result-loading__spinner{aspect-ratio:1;border:3px solid #e1060029;border-top-color:var(--accent);border-radius:999px;width:clamp(2rem,5vw,2.35rem);margin-top:clamp(2.6rem,8vw,4rem);animation:.86s linear infinite halal-haram-ratio-module__Z8X_7a__hhr-loading-spin}.halal-haram-ratio-module__Z8X_7a__hhr-result-loading__copy{color:#111111d1;width:min(100%,34rem);margin:clamp(2rem,5vw,2.65rem) 0 0;font-size:clamp(.98rem,2vw,1.08rem);font-weight:600;line-height:1.65}.halal-haram-ratio-module__Z8X_7a__hhr-result-loading__progress{grid-template-columns:minmax(0,1fr) 2.2rem;align-items:center;gap:.55rem;width:min(100%,39.5rem);margin-top:clamp(2rem,6vw,3rem);display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-result-loading__progress-track{background:#1111111a;height:2px;overflow:hidden}.halal-haram-ratio-module__Z8X_7a__hhr-result-loading__progress-fill{background:var(--accent);width:0;height:100%;display:block}.halal-haram-ratio-module__Z8X_7a__hhr-result-loading__progress-value{color:#1111115c;text-align:left;font-size:.82rem;line-height:1}@keyframes halal-haram-ratio-module__Z8X_7a__hhr-loading-spin{to{transform:rotate(360deg)}}.halal-haram-ratio-module__Z8X_7a__hhr-result-empty{gap:0}.halal-haram-ratio-module__Z8X_7a__hhr-result-empty__title{color:#111;letter-spacing:0;max-width:13ch;margin:clamp(1.35rem,4vw,2rem) 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,9vw,4.8rem);font-weight:700;line-height:.95}.halal-haram-ratio-module__Z8X_7a__hhr-result-empty__copy{color:#111111b8;width:min(100%,32rem);margin:clamp(1.4rem,4vw,2rem) 0 0;font-size:clamp(.96rem,2vw,1.08rem);line-height:1.65}.halal-haram-ratio-module__Z8X_7a__hhr-result-editorial__kicker{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700;line-height:1.2}.halal-haram-ratio-module__Z8X_7a__hhr-result-ratio{gap:clamp(1rem,2.2vw,1.35rem);width:100%;margin-top:clamp(2rem,7vw,3.5rem);display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-result-ratio__value{color:#111;letter-spacing:0;justify-content:center;align-items:baseline;gap:clamp(.7rem,3vw,1.35rem);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,15vw,8.6rem);font-weight:700;line-height:.92;display:flex}.halal-haram-ratio-module__Z8X_7a__hhr-result-ratio__amount{align-items:flex-start;gap:clamp(.18rem,.8vw,.42rem);line-height:.82;display:inline-flex}.halal-haram-ratio-module__Z8X_7a__hhr-result-ratio__percent{flex:none;margin-top:.08em;font-size:.34em;font-weight:500;line-height:1;display:inline-block}.halal-haram-ratio-module__Z8X_7a__hhr-result-ratio__divider{color:var(--accent);font-weight:400}.halal-haram-ratio-module__Z8X_7a__hhr-result-ratio__haram{color:var(--accent)}.halal-haram-ratio-module__Z8X_7a__hhr-result-ratio__labels{color:#1111119e;letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;width:min(100%,31rem);margin-inline:auto;font-size:.74rem;font-weight:700;line-height:1.2;display:flex}.halal-haram-ratio-module__Z8X_7a__hhr-result-editorial__copy{color:#111111b8;border-top:1px solid #11111124;width:min(100%,34rem);margin:clamp(2rem,6vw,3rem) 0 0;padding-top:clamp(1.4rem,4vw,2rem);font-size:clamp(.96rem,2vw,1.08rem);line-height:1.65}.halal-haram-ratio-module__Z8X_7a__hhr-result-editorial__copy p{margin:0}.halal-haram-ratio-module__Z8X_7a__hhr-result-editorial__copy p+p{margin-top:1rem}.halal-haram-ratio-module__Z8X_7a__hhr-result-editorial__actions{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:clamp(2rem,6vw,3rem);display:flex}.halal-haram-ratio-module__Z8X_7a__hhr-page--result-frame .halal-haram-ratio-module__Z8X_7a__hhr-result-cta{border-radius:8px;min-width:10rem;min-height:2.85rem;padding:.78rem 1.2rem;font-weight:700}.halal-haram-ratio-module__Z8X_7a__hhr-page--result-frame .halal-haram-ratio-module__Z8X_7a__hhr-result-cta.primary-button{border-color:var(--accent);background:var(--accent);color:var(--background)}.halal-haram-ratio-module__Z8X_7a__hhr-page--result-frame .halal-haram-ratio-module__Z8X_7a__hhr-result-cta.secondary-button{color:var(--background);background:#111;border-color:#111}.halal-haram-ratio-module__Z8X_7a__hhr-result-editorial__notice{color:#1111119e;min-height:1.35rem;margin:1rem 0 0;font-size:.86rem;line-height:1.45}@media (max-width:520px){.halal-haram-ratio-module__Z8X_7a__hhr-page--result-frame{align-items:start;min-height:calc(100svh - 60px);padding-top:clamp(2.4rem,9vh,4rem)}.halal-haram-ratio-module__Z8X_7a__hhr-result-editorial{min-height:auto}.halal-haram-ratio-module__Z8X_7a__hhr-result-loading__spinner{margin-top:clamp(2.3rem,8vh,3.4rem)}.halal-haram-ratio-module__Z8X_7a__hhr-result-loading__progress{grid-template-columns:minmax(0,1fr) 2rem;width:min(100%,20rem)}.halal-haram-ratio-module__Z8X_7a__hhr-result-ratio__value{font-size:clamp(3.7rem,15vw,4.7rem)}.halal-haram-ratio-module__Z8X_7a__hhr-result-ratio__labels{width:min(100%,20rem)}.halal-haram-ratio-module__Z8X_7a__hhr-result-editorial__actions,.halal-haram-ratio-module__Z8X_7a__hhr-page--result-frame .halal-haram-ratio-module__Z8X_7a__hhr-result-cta{width:100%}.halal-haram-ratio-module__Z8X_7a__hhr-result-editorial__actions{grid-template-columns:minmax(0,1fr);display:grid}.halal-haram-ratio-module__Z8X_7a__hhr-result-editorial__actions .halal-haram-ratio-module__Z8X_7a__hhr-result-cta{width:100%}}@media (prefers-reduced-motion:reduce){.halal-haram-ratio-module__Z8X_7a__hhr-answer,.halal-haram-ratio-module__Z8X_7a__hhr-answer__key,.halal-haram-ratio-module__Z8X_7a__hhr-progress__step{transition:none}.halal-haram-ratio-module__Z8X_7a__hhr-loading__fill{animation:none;transform:none}.halal-haram-ratio-module__Z8X_7a__hhr-result-loading__spinner{border-right-color:var(--accent);animation:none}}