*{box-sizing:border-box}*,:before,:after{font-feature-settings:"lnum"!important}html,body,#root{width:100%;min-height:100%;margin:0}html{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;scroll-padding-top:24px;scroll-padding-bottom:calc(var(--bottom-nav,0px) + 16px)}body{overscroll-behavior-y:none;margin:0;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}button,a,summary,input,select{min-height:44px}button{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:44px;transition:background .18s var(--ease),border-color .18s var(--ease);padding:10px 16px;line-height:1.35}button:disabled{cursor:default;opacity:.55}@media (hover:hover){button:not(:disabled):hover{border-color:var(--gold-ink);background:var(--wash)}}button:not(:disabled):active{transform:translateY(1px)}a{color:var(--lapis);text-underline-offset:4px}a:not(.setting){align-items:center;display:inline-flex}:focus-visible{outline:3px solid var(--lapis);outline-offset:4px}[tabindex="-1"]:focus{outline:none}button,select,input,textarea{max-width:100%}input,select,textarea{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius);width:100%;min-width:0;padding:12px}textarea{resize:vertical;min-height:200px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:12px;font-weight:600}summary{cursor:pointer;padding:10px 0;font-weight:600}summary small{color:var(--muted);font-weight:400;display:block}img,svg{max-width:100%}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.025em;font-weight:600;line-height:1.1}h1,h2,h3,.unlock-title,.over-title,.journey-next-card b{text-wrap:balance}p,li,small,.answer-option>b{text-wrap:pretty}h1{font-size:var(--title-lg)}h2{font-size:var(--title-md)}h3{font-size:var(--title-sm)}p{margin-bottom:16px}b,strong{font-weight:600}small{font-size:var(--text-sm)}[hidden]{display:none!important}.sky{isolation:isolate;min-height:100dvh;position:relative;overflow-x:clip}.sky:before{content:"";opacity:var(--sky-opacity);z-index:-1;pointer-events:none;background:url(/ornament/zellige.svg);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 640px);mask-image:linear-gradient(#000,#0000 640px)}.screen{max-width:var(--reading);min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 24px max(48px,env(safe-area-inset-bottom));margin:0 auto;position:relative}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.page-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 28px;padding-bottom:20px;display:flex}.page-head h1{flex-basis:100%;order:3;margin:8px 0 0;font-size:clamp(2rem,5vw,2.875rem)}.page-intro,.body-copy{color:var(--muted);line-height:1.7}.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);margin-bottom:20px;padding:24px}.panel-title,.home-eyebrow,.journey-kicker,.unlock-badge,.lesson-eyebrow,.note-eyebrow{font:600 .6875rem/1.5 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:12px;display:block}.panel-note,.lesson-footnote,.quiz-coach,.version,.note-storage-hint{font-size:var(--text-sm);color:var(--muted);line-height:1.6}.panel-note:last-child,.body-copy:last-child{margin-bottom:0}.version{text-align:center;letter-spacing:.12em;margin:32px 0;font-size:.6875rem}.danger{color:var(--bad)}@media (width<=380px){.screen{padding-inline:16px}.panel{padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html[data-calm=true] *,html[data-calm=true] :before,html[data-calm=true] :after{transition:none!important;animation:none!important}:is(.home-hero,.over-hero,.app-page>.page-head,.boot-splash,.welcome) :focus-visible{outline-color:var(--gold-light)}.home-hero .arch-content :focus-visible{outline-color:var(--lapis)}.sheet,.reaction,.atlas-filters{scroll-padding:12px}.screen{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}@media (width<=380px){.screen{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}body:before{content:"";height:env(safe-area-inset-top);background:var(--strip);z-index:30000;pointer-events:none;position:fixed;top:0;left:0;right:0}input:not([type=range]),textarea{font-family:var(--field)}.field-with-hint{display:block;position:relative}.field-hint{color:var(--muted);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;line-height:2;position:absolute;top:50%;left:13px;right:13px;overflow:hidden;transform:translateY(-50%)}.field-hint .arabic{font-size:1.25em;line-height:1.9}.medallion{flex-shrink:0;display:block;overflow:visible}.medallion .petal{transition:fill .3s var(--ease)}.level-badge{flex-shrink:0;display:inline-flex;position:relative}.level-badge-number{border:1px solid var(--line-strong);background:var(--surface);min-width:max(23px,1.6em);height:max(23px,1.6em);color:var(--ink);font:600 min(.75rem,16px) var(--body);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-4px}@keyframes construct{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes lay-tile{0%{opacity:0}to{opacity:1}}@keyframes jewel{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.medallion-draw [pathLength]{stroke-dasharray:100;animation:construct 1.1s var(--ease) backwards}.medallion-draw .rim{animation-duration:.8s}.medallion-draw .star-line{animation-duration:1.4s;animation-delay:.35s}.medallion-draw .medallion-star~[pathLength],.medallion-draw .medallion-star~* [pathLength]{animation-delay:.9s}.medallion-draw .petal.on{animation:.35s ease-out backwards lay-tile;animation-delay:calc(1.5s + var(--i) * 70ms)}.medallion-draw .heart{transform-origin:60px 60px;animation:.5s cubic-bezier(.3,1.6,.5,1) 2.4s backwards jewel}.reward-rosette{place-items:center;display:grid;position:relative}.reward-rosette .medallion{filter:drop-shadow(0 10px 22px var(--shade-a40));position:relative}.reward-rosette.complete .petal{fill:var(--gold);fill-opacity:1}.reward-rays{fill:none;width:100%;height:100%;stroke:var(--gold);stroke-width:.45px;opacity:.7;position:absolute;inset:0}.reward-rays polygon{stroke-dasharray:100;animation:construct 2.2s var(--ease) .2s backwards}.reward-rays polygon:last-child{opacity:.55;animation-delay:.6s}.ornament-divider{color:var(--gold);justify-content:center;align-items:center;gap:10px;margin:20px 0;display:flex}.ornament-divider span{border-block:1px solid var(--gold);opacity:.75;width:72px;height:5px}.ornament-divider svg{flex-shrink:0}.frieze{display:block}.laceria{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.laceria-band{fill:var(--laceria-band,var(--gold))}.merlon-edge{fill:var(--navy);display:block}.merlon-edge.hang{transform:scaleY(-1)}.arch-window{isolation:isolate;--arch-fill:var(--surface);position:relative}.arch-shape{z-index:-1;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.arch-shape svg{width:100%;height:auto;display:block;overflow:visible}.arch-shape i{margin:-1px var(--jamb) 0;background:var(--arch-fill);border-inline:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);flex:1}.arch-opening{fill:var(--arch-fill);stroke:var(--gold);stroke-width:1.5px}.arch-extrados{fill:none;stroke:var(--gold);stroke-width:1.2px}.voussoir{fill:var(--voussoir,var(--voussoir-red));stroke:var(--gold);stroke-width:.5px}.voussoir.alt{fill:var(--voussoir-alt,var(--voussoir-cream))}.arch-content{padding:0 calc(var(--jamb) + 20px) 28px;position:relative}.picture-frame{aspect-ratio:1;background:var(--mat);--frame-star:var(--gold);--frame-line:var(--gold-deep);--frame-heart:var(--mat);width:100%;padding:7%;display:block;position:relative}.picture-frame>img,.picture-frame>.word-text-card{aspect-ratio:1;object-fit:contain;width:100%;height:100%;display:block}.picture-frame-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.frame-outer{fill:none;stroke:var(--gold);stroke-width:.9px;vector-effect:non-scaling-stroke}.frame-inner{fill:none;stroke:var(--gold-deep);stroke-width:.6px;opacity:.6;vector-effect:non-scaling-stroke}.frame-loz{fill:var(--gold)}.tile-band{width:100%;height:auto;display:block}.tile .tile-star{fill:none;stroke:var(--line-strong);stroke-width:.9px}.tile .tile-heart{fill:var(--line)}.tile.begun .tile-star{fill:var(--gold-light);stroke:var(--gold-ink);fill-opacity:.35}.tile.begun .tile-heart{fill:var(--gold)}.tile.done .tile-star{fill:var(--gold);stroke:var(--gold-ink)}.tile.done .tile-heart{fill:var(--surface)}.stepped-edge{width:100%;height:20px;color:var(--gold);margin:12px auto 20px;display:block}.brand-mark .petal{fill:var(--gold);fill-opacity:1}.emblem{fill:none;stroke:var(--gold);stroke-width:1.1px;stroke-linejoin:round;display:block}.emblem .ground{fill:var(--navy);stroke:var(--gold);stroke-width:.8px}.emblem .fill{fill:var(--gold);stroke:none}.reward-rosette .medallion{width:74%;height:74%}.moment-crest .reward-rosette{width:min(150px,24vh)!important;height:min(150px,24vh)!important}@media (prefers-reduced-motion:reduce){.medallion-draw *,.reward-rays polygon{animation:none!important}}.level-portal{aspect-ratio:240/236;width:min(100%,260px,40vh);margin:0 auto;position:relative}.portal-art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.portal-wall{fill:var(--navy)}.portal-sebka{fill:none;stroke:var(--gold);stroke-width:.7px;opacity:.55}.portal-alfiz{fill:none;stroke:var(--gold);stroke-width:1.2px}.portal-archivolt{fill:none;stroke:var(--gold);stroke-width:1px}.portal-opening{fill:var(--paper)}.portal-intrados{fill:none;stroke:var(--gold);stroke-width:1.6px;stroke-linejoin:round}.portal-jewels{--frame-star:var(--gold);--frame-line:var(--gold-ink);--frame-heart:var(--navy)}.portal-medallion{filter:drop-shadow(0 8px 16px var(--shade-a25));position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:50%!important;height:auto!important}.portal-draw :is(.portal-alfiz,.portal-archivolt,.portal-intrados){stroke-dasharray:100;animation:construct 1.2s var(--ease) backwards}.portal-draw .portal-archivolt{animation-delay:.15s}.portal-draw .portal-intrados{animation-delay:.3s}.portal-draw .portal-net{animation:.9s ease-out .5s backwards lay-tile}.portal-draw .portal-jewels{animation:.5s ease-out 1s backwards lay-tile}.lobed-arch{fill:none;stroke:var(--gold);stroke-linejoin:round;display:block;overflow:visible}.lobed-outer{stroke-width:.8px;opacity:.55}.lobed-inner{stroke-width:1.4px}.arch-draw path{stroke-dasharray:100;animation:construct 1.6s var(--ease) backwards}.arch-draw .lobed-inner{animation-delay:.25s}@media (prefers-reduced-motion:reduce){.portal-draw *,.portal-draw,.arch-draw path{animation:none!important}}:root[data-theme=night] .picture-frame{filter:brightness(.93);box-shadow:0 0 0 1px var(--gold-a40),0 14px 34px var(--shade-a40)}:root[data-theme=night] .drawing-surface{filter:brightness(.95)}@font-face{font-family:Amiri Quran;font-style:normal;font-weight:400;font-display:swap;ascent-override:140%;descent-override:60%;line-gap-override:0%;src:url(/assets/amiri-quran-arabic-400-normal-wRcqfVJx.woff2)format("woff2"),url(/assets/amiri-quran-arabic-400-normal-CZ144KtP.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}.arabic{font-family:var(--arabic);letter-spacing:0;direction:rtl;unicode-bidi:isolate;font-weight:400;line-height:2}.word-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kind-tag,.quran-tag{font:500 .75rem/1.6 var(--body);letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:2px 9px;display:inline-flex}.kind-tag{background:var(--wash);color:var(--ink)}.kind-tag b{font-weight:700}.kind-tag.kind-fil{background:var(--wash);color:var(--ink)}.kind-tag.kind-harf{background:var(--wash);color:var(--gold-ink)}.kind-tag.kind-pattern{background:var(--wash);color:var(--ink)}.quran-tag{background:var(--fill);color:var(--on-fill)}.lesson-heading .kind-tag{margin-top:6px}.word-cards{gap:14px;margin:18px 0 6px;display:grid}.word-card{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.word-card-body{flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.word-card-main{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:10px;display:flex}.word-ar{color:var(--ink);font-size:2.75rem;line-height:1.9}.word-tr{font:italic 500 .9375rem/1.4 var(--body);color:var(--muted);margin:0}.word-en{font:600 1.125rem/1.4 var(--body);color:var(--ink);margin:0}.word-present{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px;margin:4px 0 0;font-size:.875rem;display:flex}.word-present>span{letter-spacing:.03em;text-transform:uppercase;font-size:.75rem;font-weight:600}.word-present .arabic{color:var(--ink);font-size:1.75rem}.word-note{background:var(--wash);color:var(--gold-ink);border-radius:12px;margin:4px 0 0;padding:9px 11px;font-size:.875rem;line-height:1.55}.word-example{background:var(--wash);border-radius:12px;flex-direction:column;gap:2px;margin-top:6px;padding:10px 12px;display:flex}.word-example .arabic{color:var(--ink);text-align:right;font-size:1.5rem}.word-example small,.solution-steps .step-example small{color:var(--muted);font-size:.8125rem;font-style:italic}.solution-steps .step-example>*{display:block}.solution-steps .step-example .arabic{text-align:right;line-height:1.9}.solution-steps .step-example small{margin-bottom:2px;line-height:1.5}.word-example p{color:var(--ink);margin:0;font-size:.875rem}.pattern-box{background:var(--wash);border:1px solid var(--line);text-align:left;border-radius:14px;flex-direction:column;gap:2px;margin-top:6px;padding:11px 13px;display:flex}.pattern-box small{letter-spacing:.1em;color:var(--muted);font-size:.6875rem;font-weight:700}.pattern-box .pattern-ar{color:var(--ink);font-size:1.875rem}.pattern-box b{color:var(--ink);font-size:.9375rem}.pattern-box p{color:var(--muted);margin:2px 0 0;font-size:.875rem;line-height:1.55}.pattern-box .pattern-root .arabic{margin-left:4px;font-size:1.375rem}.pattern-option{flex-direction:column;align-items:flex-start;gap:0;display:flex}.pattern-option .arabic{font-size:1.75rem;line-height:1.9}.pattern-option small{font:500 .75rem/1.4 var(--body);opacity:.85}.pattern-option small .arabic{font-size:1.35em;line-height:1.85}.root-family{color:var(--muted);text-align:left;flex-direction:column;gap:2px;margin:2px 0 0;font-size:.875rem;line-height:1.55;display:flex}.root-family p{margin:0}.root-letters{align-items:baseline;gap:8px;display:flex}.root-letters>span{letter-spacing:.03em;text-transform:uppercase;font-size:.75rem;font-weight:600}.root-family .arabic{color:var(--ink);font-size:1.375rem}.root-kin ul{margin:0;padding:0;list-style:none}.root-kin li{color:var(--ink)}.root-kin li small{color:var(--muted);white-space:nowrap;font-size:.8125rem}.root-kin li small:before{content:"· "}.question-tools .arabic-speak{margin:0 auto 10px}.question-visual{flex-direction:column;align-items:center;margin:4px 0 18px;display:flex}.arabic-visual{background:var(--wash);border-radius:18px;padding:10px 12px}.arabic-display{color:var(--ink);text-align:center;overflow-wrap:anywhere;font-size:2.75rem;line-height:1.9}.arabic-tr{font:italic 500 .875rem/1.4 var(--body);color:var(--muted)}.word-text-card{aspect-ratio:4/3;background:var(--mat);border:1px solid var(--line);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;max-width:320px;padding:16px;display:flex}.word-text-card small{letter-spacing:.12em;color:var(--mat-muted);font-size:.6875rem;font-weight:700}.word-text-card b{font:1.875rem/1.2 var(--display);color:var(--mat-ink);text-align:center}.answer-option .arabic{font-size:1.75rem;line-height:1.9}.arabic-options .answer-option{justify-content:space-between}.arabic-options .answer-option b{text-align:right;flex:1}.claim-box .arabic{font-size:1.875rem}.correct-answer .arabic,.correct-answer.arabic-answer{font-family:var(--arabic);font-size:2.25rem}.your-answer .arabic{font-size:1.25rem}.feedback-word{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:16px;flex-direction:column;gap:6px;margin:14px 0 4px;padding:12px 14px;display:flex}@media (width<=380px){.word-ar,.arabic-display{font-size:2.375rem}:is(.answer-grid.arabic-options,.answer-grid.pattern-options){grid-template-columns:minmax(0,1fr)}}.correct-answer .pattern-option,.your-answer .pattern-option{align-items:center}.correct-answer .pattern-option small{font-size:.8125rem}.level-grid .kind-tag b{font-size:.75rem}.answer-option .arabic{overflow-wrap:normal;word-break:normal}.answer-option b{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 5 4;min-width:0}.world-info>.atlas-words{line-height:2}.word-photo{aspect-ratio:1;object-fit:contain;background:0 0;width:100%;display:block}.word-visual .picture-frame{width:min(100%,244px);margin:0 auto}.word-card-photo{width:min(100% - 40px,280px);margin:24px auto 4px}.word-picture{flex-direction:column;align-items:center;gap:4px;width:min(100%,300px);margin:20px auto 4px;display:flex}.word-picture figcaption{flex-direction:column;align-items:center;gap:0;display:flex}.word-picture-ar{color:var(--ink);font-size:2.75rem;line-height:2}.word-picture-tr{color:var(--muted);font-size:.875rem;font-style:italic}.react-card:has(>.feedback-word) .word-picture figcaption{display:none}.word-card{background:var(--surface);border-radius:12px}.word-card-body{gap:8px;padding:20px}.word-card .word-ar{font-size:3rem}.arabic-visual{background:0 0;padding:12px 0 20px}.arabic-display{overflow-wrap:normal;font-size:3.25rem}.feedback-word{background:var(--paper);border-radius:8px;padding:16px}.feedback-word:has(>.answer-thumb){grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 14px;display:grid}.feedback-word>.answer-thumb{grid-row:1/span 4;width:84px}.feedback-word:has(>.answer-thumb)>:not(.answer-thumb){grid-column:2}.feedback-word:has(>.answer-thumb)>:is(.word-present,.pattern-box,.root-family,.word-note){grid-column:1/-1}.meaning-kin .root-kin+.root-kin{margin-top:2px}@media (width<=380px){.feedback-word>.answer-thumb{width:72px}}@media (width>=760px){.feedback-word>.answer-thumb{width:96px}}.word-example,.word-note,.pattern-box{border-radius:6px}.word-text-card{border:0;border-radius:0;max-width:none}@media (width>=700px){.word-card:has(>.word-card-photo){grid-template-columns:200px 1fr;align-items:start;display:grid}.word-card-photo{width:auto;margin:20px 0 20px 20px}.word-card .word-card-body{min-width:0}}@media (width<=380px){.word-card .word-ar,.arabic-display{font-size:2.625rem}}@media (width>=700px){.word-visual .picture-frame{width:min(100%,280px)}}.app-icon{border-radius:24%;display:block}.brand-logo{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:600;line-height:.95}.brand-logo span,.brand-logo b{display:block}.brand-logo b{font-family:var(--body);text-transform:uppercase;letter-spacing:.14em;margin-top:6px;font-size:.6875rem}.boot-splash{z-index:100;background:var(--navy);color:var(--cream);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.boot-splash .brand-logo{font-size:2.625rem}.brand-tagline{color:var(--navy-muted);font-size:1rem}.big-btn,.claim-btn,.notebook-primary,.feedback-next,.journey-primary{background:var(--fill);border:1px solid var(--fill);border-radius:var(--radius);width:100%;min-height:54px;color:var(--on-fill);font:600 1rem/1.4 var(--body);justify-content:center;align-items:center;gap:12px;padding:14px 20px;text-decoration:none;display:flex}:is(.big-btn,.claim-btn,.notebook-primary,.feedback-next,.journey-primary):not(:disabled):hover{background:var(--fill-hover);border-color:var(--fill-hover)}.big-btn.danger{background:var(--bad);border-color:var(--bad);color:var(--surface)}.text-btn{color:var(--ink);background:0 0;border:0;padding:12px;font-weight:600}.text-btn.danger{color:var(--bad)}.navigation-back,.navigation-home,.navigation-menu{border-color:var(--line);background:0 0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 12px;font-size:.875rem;font-weight:600;display:inline-flex}.navigation-back>span:first-child,.navigation-home>span:first-child{font-size:1.5rem;line-height:1}.navigation-actions,.title-tools,.sheet-navigation{align-items:center;gap:8px;display:flex}.sheet-navigation{justify-content:space-between;margin-bottom:24px}.scrim{z-index:1000;background:var(--scrim);overscroll-behavior:contain;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sheet{--sheet-pad:28px;overscroll-behavior:contain;background:var(--paper);border:1px solid var(--gold);width:min(100%,660px);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-sheet);text-align:left;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;border-radius:24px;padding:28px;position:relative;overflow:auto}.unlock-title{margin:12px 0 16px;font-size:2.375rem}.unlock-body{color:var(--muted);margin-bottom:24px;line-height:1.7}.sheet>.text-btn{margin:8px auto 0;display:block}.game-menu-title{margin-bottom:24px}.game-menu-links{gap:8px;display:grid}.game-menu-link{text-align:left;align-items:center;gap:16px;padding:14px 16px;display:flex}.game-menu-link[aria-current=page]{background:var(--fill);color:var(--on-fill)}.game-menu-symbol{width:28px;font-size:1.5rem}.game-menu-arrow{margin-left:auto}.path-fieldset{margin:24px 0}.board-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.board-options button{text-align:left;flex-direction:column;gap:6px;padding:14px;font-size:1rem;display:flex}.board-options small{color:var(--muted);font-size:.8125rem;line-height:1.45}.board-options .selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--wash)}@media (width<=23em){.board-options{grid-template-columns:minmax(0,1fr)}}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.level-grid button{text-align:left;border-color:var(--line);align-items:center;gap:14px;min-height:100px;padding:14px;display:flex}.level-grid .selected{background:var(--wash);border-color:var(--gold-ink);box-shadow:inset 0 0 0 1px var(--gold-ink)}.level-grid .medallion,.level-badge-pending{width:50px;height:50px}.level-badge-pending{flex-shrink:0}.level-text{flex-direction:column;gap:6px;min-width:0;display:flex}.level-text>b{font-size:1rem;line-height:1.2}.level-text small{color:var(--muted);font-size:.75rem}.level-text .kind-tag{white-space:normal;background:0 0;padding:0}.level-text .kind-tag b{font-size:.75rem}.start-sheet-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.start-sheet-footer{margin-top:24px}.start-sheet-footer .panel-note{text-align:center;margin:12px 0 0}.start-options{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0;padding:6px 0}.start-options summary span{color:var(--muted);font-weight:400;display:block}.topic-start-options{gap:8px;display:grid}.topic-start-options button{text-align:left;align-items:center;gap:12px;display:flex}.topic-start-options .topic-start-name{flex:1;gap:2px;display:grid}.topic-start-options .selected{border-color:var(--gold-ink);background:var(--wash)}.setting{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;text-decoration:none;display:flex}.setting small{text-align:right;color:var(--muted)}.setting.danger{color:var(--bad)}.toggle{background:var(--line-strong);border-radius:20px;flex-shrink:0;width:46px;height:26px;display:block;position:relative}.toggle i{background:var(--knob);border-radius:50%;width:20px;height:20px;display:block;position:absolute;top:3px;left:3px}.toggle.on{background:var(--teal)}.toggle.on i{left:23px}.progress-storage-notice,.notebook-error{background:var(--rose-wash);border:1px solid var(--terracotta);border-radius:var(--radius);color:var(--bad);margin-bottom:20px;padding:16px}.progress-storage-notice p{margin:6px 0 12px}@media (width<=600px){.scrim{align-items:flex-end;padding:12px 0 0}.sheet{--sheet-pad:20px;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));padding:24px 20px max(24px,env(safe-area-inset-bottom));border-bottom:0;border-radius:24px 24px 0 0}.level-grid{grid-template-columns:1fr}.level-grid button{min-height:84px}.unlock-title{font-size:2.125rem}}.sheet-frieze{margin:calc(-1 * var(--sheet-pad)) calc(-1 * var(--sheet-pad)) 22px;width:calc(100% + 2 * var(--sheet-pad));border-bottom:1.5px solid var(--gold);max-width:none}.sheet:has(>.sheet-frieze){padding-top:var(--sheet-pad)}.app-page{padding-top:0}.app-page>.page-head{isolation:isolate;padding:max(14px,env(safe-area-inset-top)) calc(50vw - 50%) 26px;background:radial-gradient(110% 120% at 50% 0%,var(--navy-soft),var(--navy) 70%);color:var(--cream);border:0;margin:0 calc(50% - 50vw) 40px;position:relative}.app-page>.page-head:before{content:"";z-index:-1;opacity:.28;pointer-events:none;background:url(/ornament/zellige.svg) top/72px;position:absolute;inset:0}.app-page>.page-head:after{content:"";background:var(--navy);height:12px;position:absolute;bottom:-11px;left:0;right:0;transform:scaleY(-1);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12'%3E%3Cpath d='M0 12H3V8H6V4H9V0H15V4H18V8H21V12H24Z'/%3E%3C/svg%3E") 0 0/24px 12px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12'%3E%3Cpath d='M0 12H3V8H6V4H9V0H15V4H18V8H21V12H24Z'/%3E%3C/svg%3E") 0 0/24px 12px repeat-x}.app-page>.page-head h1{color:var(--cream);margin-top:18px}.app-page>.page-head :is(.navigation-back,.navigation-home){color:var(--cream);border-color:var(--gold-a50);background:var(--navy-a60)}.app-page>.page-head :is(.navigation-back,.navigation-home):not(:disabled):hover{background:var(--navy-soft)}:is(.note-tabs [aria-selected=true],.drawing-tool[aria-pressed=true],.atlas-filters .active,.game-menu-link[aria-current=page]):not(:disabled):hover{background:var(--fill-press);border-color:var(--fill-press);color:var(--on-fill)}.over-hero .navigation-menu:not(:disabled):hover{background:var(--navy-soft)}.big-btn.danger:not(:disabled):hover{background:var(--terracotta-deep);border-color:var(--terracotta-deep)}.icon{vertical-align:-.22em;max-width:none;width:var(--icon,auto);height:var(--icon,auto);flex-shrink:0;display:inline-block}.navigation-home .icon{margin-block:-2px}.game-menu-symbol{color:var(--gold-ink);place-items:center;display:grid}.choice-mark{border:1.5px solid var(--line-strong);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:inline-grid}:is(.selected,[aria-pressed=true])>.choice-mark{background:var(--gold-ink);border-color:var(--gold-ink);color:var(--surface)}.khatam{vertical-align:-.15em;fill:none;max-width:none;stroke:var(--line-strong);flex-shrink:0;display:inline-block}.khatam.on{fill:var(--gold);stroke:var(--gold-ink)}.khatam-heart{fill:var(--surface)}:is(.big-btn,.claim-btn,.feedback-next) .icon-arrow,.game-menu-link[aria-current=page] .game-menu-symbol{color:var(--fill-accent)}:is(.mastery-row,.review-topic,.topic-start-options,.lesson-detail-host) .lesson-detail{color:var(--gold-ink);font-size:.75rem;font-weight:600;display:block}.select-field{flex-direction:column;gap:8px;display:flex}.select-label{font-weight:600}.select-box{position:relative}.select-control{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;min-height:48px;padding:4px 12px 4px 14px;display:flex}.select-control>.icon{color:var(--gold-ink);transition:transform .2s var(--ease)}.select-box.open .select-control{border-color:var(--gold-ink)}.select-box.open .select-control>.icon{transform:rotate(180deg)}.select-value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;line-height:2;overflow:hidden}.select-field .arabic{font-size:1.3em;line-height:1.9}.select-list{z-index:20;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);max-height:min(360px,56dvh);box-shadow:var(--shadow-lift);padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.select-list.up{top:auto;bottom:calc(100% + 6px)}.select-list[hidden]{display:none}.select-group{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);padding:14px 10px 4px;font-size:.6875rem;font-weight:600}.select-option{cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:4px 10px;display:flex}.select-option.active{background:var(--wash);box-shadow:inset 3px 0 0 var(--gold)}.select-option[aria-selected=true]{font-weight:600}.select-check{width:16px;color:var(--gold-ink);flex-shrink:0;display:grid}.select-option-text{min-width:0;line-height:1.5;display:grid}.select-option-text small{color:var(--muted);font-size:.75rem;font-weight:400}@media (prefers-reduced-motion:reduce){.select-control>.icon{transition:none}}.appearance-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.appearance-options+.panel-note{margin-top:12px}.appearance-option{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;display:flex}.appearance-option b{font-size:.9375rem}.appearance-option small{color:var(--muted);font-size:.75rem;line-height:1.35}.appearance-option.selected{border-color:var(--gold-ink);box-shadow:inset 0 0 0 1px var(--gold-ink);background:var(--wash)}.appearance-swatch{border:1px solid var(--gold);border-radius:50%;place-items:center;width:40px;height:40px;margin-bottom:2px;display:grid}.swatch-day{background:var(--cream)}.swatch-night{background:var(--navy-deep)}.swatch-system{background:linear-gradient(135deg,var(--cream) 50%,var(--navy-deep) 50%)}.appearance-swatch .khatam{stroke:var(--gold-deep)}@media (width<=380px){.appearance-option small{display:none}}:root[data-theme=night] :is(.big-btn,.claim-btn,.notebook-primary,.feedback-next,.journey-primary):disabled{opacity:1;background:var(--wash);border-color:var(--line-strong);color:var(--muted)}:root[data-theme=night] :is(.big-btn,.claim-btn,.notebook-primary,.feedback-next):disabled .icon-arrow{color:var(--muted)}.up-next-line{color:var(--muted);align-items:center;gap:12px;margin:18px 0 0;font-size:.875rem;display:flex}.up-next-line p{flex:1;margin:0}.up-next-line button{font-size:.8125rem}.practice-shelf{margin-top:40px}.home-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.home-section-heading h3{margin:0;font-size:1.875rem}.home-section-heading .home-eyebrow{margin-bottom:6px}.home-section-heading>button{padding:10px 12px;font-size:.75rem}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode-tile{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr auto;gap:10px;min-height:164px;padding:20px;display:grid;position:relative}.mode-tile>b{font:600 1.4375rem/1.1 var(--display);grid-column:1/-1}.mode-tile>small{color:var(--muted);grid-column:1/-1;font-size:.875rem;line-height:1.5}.mode-symbol{color:var(--gold-ink);font-size:1.375rem;line-height:1.1}.mode-arrow{color:var(--muted);font-size:1.125rem;position:absolute;top:18px;right:18px}.mode-tile:last-child{grid-column:1/-1;min-height:120px}.home-notebook{text-align:left;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;border-radius:0;align-items:center;gap:16px;width:100%;margin-top:24px;padding:22px 0;display:flex}.home-notebook>span:nth-child(2){flex:1}.home-notebook b{font-size:1rem;display:block}.home-notebook small{color:var(--muted);margin-top:5px;font-size:.8125rem;display:block}.notebook-home-icon{color:var(--gold-ink)}.bottom-nav{width:min(100%,var(--content));padding:10px 12px max(10px,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);z-index:20;justify-content:space-around;gap:4px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{letter-spacing:.02em;min-width:44px;color:var(--muted);background:0 0;border:0;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 4px;font-size:.6875rem;display:flex}.bottom-nav .active{color:var(--ink);background:var(--wash)}.atlas-home{max-width:var(--content);padding-top:0;padding-bottom:110px}.home-hero{isolation:isolate;padding:max(16px,env(safe-area-inset-top)) calc(50vw - 50%) 0;background:radial-gradient(120% 70% at 50% 0%,var(--navy-soft),var(--navy) 70%);color:var(--cream);margin-inline:calc(50% - 50vw);position:relative}.hero-laceria{opacity:.2;z-index:-1;-webkit-mask-image:linear-gradient(#000,#0008 60%,#000);mask-image:linear-gradient(#000,#0008 60%,#000)}.home-top{border-bottom:1px solid var(--gold-a25);justify-content:space-between;align-items:center;gap:12px;padding:4px 0 16px;display:flex}.home-brand{align-items:center;gap:12px;display:flex}.home-hero .brand-logo{color:var(--cream)}.home-hero .brand-logo b{color:var(--gold-light)}.home-hero .app-icon{box-shadow:0 0 0 1px var(--gold-a50)}.learner-chip{background:0 0;border:0;padding:0}.level-orb{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:38px;height:38px;font-size:.875rem;font-weight:600;display:grid}.home-hero .level-orb{border-color:var(--gold);color:var(--cream)}.home-hero .learner-chip:not(:disabled):hover,.home-hero .navigation-menu:not(:disabled):hover{background:var(--navy-soft)}.home-hero .navigation-menu{color:var(--cream);border-color:var(--gold-a50);background:var(--navy-a60)}.day-streak{color:var(--terracotta);align-items:center;gap:4px;font-size:.875rem;display:flex}.home-hero .day-streak{color:var(--gold-light)}.home-hero .progress-storage-notice{margin-top:16px}.home-welcome{max-width:640px;margin:24px 0 20px;position:relative}.home-welcome h2{color:var(--cream);margin-bottom:16px;font-size:clamp(2.375rem,7vw,4.25rem);font-weight:500;line-height:1}.home-welcome h2 span{color:var(--gold-light)}.home-welcome>p:last-child{color:var(--navy-muted);max-width:360px;margin:0;font-size:clamp(.9375rem,2vw,1.0625rem);line-height:1.55}.home-welcome .home-eyebrow{color:var(--gold-light);margin-bottom:14px}.journey-card{--arch-fill:var(--paper);margin-inline:-8px;position:relative}.journey-card .arch-window{border:1px solid var(--gold-a60);background:var(--navy-glass);box-shadow:0 30px 60px var(--shade-a25);padding:0 0 10px}.journey-card .arch-window:before{content:"";border:1px solid var(--gold-a33);pointer-events:none;z-index:-2;position:absolute;inset:5px}.journey-card .arch-content{text-align:center;padding:calc(37% - 50px) calc(var(--jamb) + 16px) 24px;color:var(--ink);flex-direction:column;align-items:center;display:flex}.journey-crown{filter:drop-shadow(0 6px 14px var(--navy-a20));margin-bottom:22px}.journey-kicker{color:var(--gold-ink);margin:0 0 6px;font-size:.6563rem}.journey-card h3{margin:0 0 10px;font-size:2.125rem;font-weight:600;line-height:1.1}.journey-card-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin-bottom:6px;display:flex}.journey-world{color:var(--muted);font-size:.8438rem}.journey-card-top button{border-color:var(--line-strong);white-space:nowrap;background:0 0;border-radius:999px;padding:6px 12px;font-size:.8125rem;font-weight:600}.journey-card .quran-tag{margin:4px 0}.journey-description{max-width:420px;color:var(--muted);margin:6px 0 18px;font-size:.9375rem;line-height:1.55}.journey-primary{min-height:56px;box-shadow:0 8px 20px var(--navy-a18);justify-content:space-between}.journey-cta-arrow{color:var(--fill-accent);font-size:1.25rem}.journey-progress-track{width:100%;max-width:340px;margin:22px auto 4px}.journey-card-footer{width:100%;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:.7813rem;display:flex}.journey-card-footer button{color:var(--ink);background:0 0;border:0;padding:8px 0 8px 8px;font-size:.8125rem;font-weight:600}.journey-card-footer button:not(:disabled):hover{color:var(--lapis);background:0 0}.hero-dado{border-top:2px solid var(--gold);width:100vw;max-width:none;margin:32px calc(50% - 50vw) 0}.hero-edge{width:100vw;max-width:none;margin-inline:calc(50% - 50vw)}@media (width>=850px),(orientation:landscape) and (width>=640px){.home-hero{grid-template-columns:1fr minmax(0,470px);align-items:center;column-gap:56px;display:grid}.home-top,.home-hero .progress-storage-notice,.hero-dado{grid-column:1/-1}.home-welcome{align-self:center;margin:0}.home-welcome h2{font-size:4.25rem}.journey-card{justify-self:end;width:100%;max-width:430px;margin:28px 0 0}.home-scroll-content>.up-next-line{margin-top:28px}.mode-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mode-tile,.mode-tile:last-child{grid-column:auto;min-height:182px;padding:20px 16px}.mode-tile>b{font-size:1.4375rem}.bottom-nav{border-inline:1px solid var(--line);border-radius:16px 16px 0 0}}@media (width<=380px){.brand-logo{font-size:1.375rem}.brand-logo b{font-size:.5625rem}.home-brand{gap:8px}.title-tools{gap:4px}.title-tools .navigation-menu{min-width:44px;padding:8px}.title-tools .navigation-menu span{display:none}.journey-card{margin-inline:-12px}.journey-card .arch-content{padding-inline:calc(var(--jamb) + 10px)}.journey-card h3{font-size:1.875rem}.mode-tile{padding:16px}}.home-top{flex-wrap:wrap;row-gap:10px}.home-top>.title-tools{margin-left:auto}@media (width<=23.75em){.brand-logo{font-size:1.375rem}.brand-logo b{font-size:.5625rem}.home-brand{gap:8px}.title-tools{gap:4px}.title-tools .navigation-menu{min-width:44px;padding:8px}.title-tools .navigation-menu span{display:none}}@media (width<=26em){.home-top .day-streak small{display:none}}.mode-symbol{line-height:0}.mode-tile:before{content:"";border-top:2px solid var(--gold);width:40px;position:absolute;top:-1px;left:20px}.mode-tile:not(:disabled):hover{border-color:var(--gold);box-shadow:var(--shadow-lift)}.bottom-nav{box-shadow:0 -1px 0 var(--line),0 -4px 0 -2px var(--gold-a33)}.bottom-nav .active{color:var(--ink);background:var(--wash);box-shadow:inset 0 2px 0 var(--gold)}@media (orientation:landscape) and (height<=500px){.home-welcome{align-self:start;margin-top:28px}.home-welcome h2{font-size:2.75rem}.journey-card{margin-top:16px}.bottom-nav{padding-block:4px max(4px,env(safe-area-inset-bottom))}.bottom-nav button{flex-direction:row;gap:8px;min-height:44px;padding:4px}}@media (width>=560px) and (width<=849px) and (orientation:portrait){.journey-card{width:100%;max-width:500px;margin-inline:auto}.home-welcome{text-align:center;margin-inline:auto}.home-welcome>p:last-child{max-width:none;margin-inline:auto}}.bottom-nav{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.bottom-nav button span{overflow-wrap:anywhere;text-align:center;font-size:min(1em,3.2vw)}@media (orientation:landscape) and (height<=500px) and (width>=640px){.home-hero{grid-template-columns:1fr minmax(0,340px);column-gap:32px}.journey-card{max-width:340px}.journey-crown{margin-bottom:12px}.journey-crown .medallion{width:72px;height:72px}.journey-card h3{font-size:1.75rem}.home-welcome h2{font-size:clamp(2.25rem,6vw,2.75rem)}}.page-path{justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:24px;display:flex}.journey-atlas-intro{margin-bottom:24px}.atlas-summary{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:16px 0;font-size:.875rem;display:flex}.atlas-summary b{color:var(--ink);font-size:1.375rem}.ladder-bar{background:var(--line);height:4px;overflow:hidden}.ladder-bar i{background:var(--gold);height:100%;display:block}.atlas-next{text-align:left;border-color:var(--gold-ink);background:var(--surface);align-items:center;gap:16px;width:100%;margin-top:24px;padding:18px;display:flex}.atlas-next>span{flex:1}.atlas-next small,.atlas-next b{display:block}.atlas-next small{letter-spacing:.12em;color:var(--gold-ink);margin-bottom:4px;font-size:.625rem}.atlas-next b{font-size:1.125rem}.topic-notes-link{border:0;border-block:1px solid var(--line);text-align:left;background:0 0;border-radius:0;flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;margin:24px 0;padding:16px 0;display:flex}.topic-notes-link span{color:var(--muted);align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.topic-notes-link>span:first-child{color:var(--ink);font-size:.9375rem;font-weight:600}.topic-notes-link>span:first-child .icon{color:var(--gold-ink)}.atlas-filters{scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:8px;margin:12px -8px 28px;padding:8px 8px 12px;display:flex;overflow-x:auto}.atlas-filters button{white-space:nowrap;border-radius:999px;flex-shrink:0;font-size:.8125rem}.atlas-filters .active{background:var(--fill);color:var(--on-fill);border-color:var(--fill)}.atlas-level{margin:32px 0}.atlas-level-head{border-bottom:1px solid var(--line);align-items:center;gap:16px;margin-bottom:18px;padding-bottom:16px;display:flex}.atlas-level-head>span:last-child{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.atlas-level-head>span>b{font:600 1.75rem/1.15 var(--display)}.world-path{gap:12px;display:grid}.world-node{text-align:left;background:var(--surface);border-radius:var(--radius);align-items:center;gap:16px;width:100%;padding:20px;display:flex}.world-node.current{border-color:var(--gold-ink);border-left:3px solid var(--gold-ink)}.world-node>.medallion{width:44px;height:44px}.world-number{color:var(--gold-ink);align-self:flex-start;margin-top:6px;font-size:.8125rem}.world-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.world-info>b{font:600 1.5rem/1.2 var(--display)}.world-info>small,.world-status{color:var(--muted);font-size:.75rem}.world-arrow{color:var(--gold-ink);font-size:1.5rem}.mastery-stars{color:var(--gold-ink);align-items:center;gap:3px;font-size:.875rem;display:inline-flex}.atlas-words{font-family:var(--arabic);color:var(--ink);text-align:right;direction:rtl;font-size:1.375rem;line-height:2}.atlas-word-list{gap:8px;margin:24px 0;padding:0;list-style:none;display:grid}.atlas-word-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 0;display:flex}.atlas-word-list .arabic{min-width:84px;font-size:1.875rem}.atlas-word-list span:not(.arabic):not(.quran-tag){flex:1}.formula-note{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:20px}.formula-note small{color:var(--gold-ink);letter-spacing:.12em;margin-bottom:8px;font-size:.6875rem;display:block}.formula-note b{line-height:1.7}.lesson-heading{align-items:center;gap:18px;margin:24px 0;display:flex}.lesson-heading h2{margin:8px 0;font-size:2.25rem}.lesson-position{color:var(--muted);font-size:.75rem;line-height:1.6}.lesson-why{font-size:1rem;line-height:1.8}.lesson-idea{border-left:2px solid var(--gold);background:var(--surface);margin:24px 0;padding:12px 20px}.lesson-idea small{color:var(--gold-ink);letter-spacing:.12em;font-size:.6875rem}.lesson-idea p{margin:6px 0;line-height:1.8}.lesson-actions{margin:28px 0 14px}.lesson-leave{width:100%}.lesson-footnote{text-align:center}.play{max-width:760px}.hud{justify-content:space-between;align-items:center;gap:12px;padding:0 0 20px;display:flex}.hearts,.hud-right{align-items:center;gap:6px;display:flex}.heart-slot{position:relative}.mode-hud{letter-spacing:.12em;color:var(--gold-ink);font-size:.6875rem;font-weight:600}.score-wrap{align-items:baseline;gap:5px;display:flex;position:relative}.score{font:600 1.875rem/1 var(--display)}.score-unit{color:var(--muted);letter-spacing:.08em;font-size:.625rem}.streak{align-items:center;gap:4px;font-size:.8125rem;display:flex}.ladder{align-items:center;gap:16px;margin:0 0 24px;display:flex}.ladder>span{letter-spacing:.08em;color:var(--muted);white-space:nowrap;font-size:.625rem}.ladder-bar{flex:1}.deck{margin-top:24px}.slot{position:relative}.quiz-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:0;padding:24px;position:relative}.quiz-card:before{content:"";border-top:2px solid var(--gold);width:64px;position:absolute;top:-1px;left:calc(50% - 32px)}.question-top{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:20px;display:flex}.question-top>div{flex:1;min-width:0}.question-top small{color:var(--muted);font-size:.6875rem;display:block}.question-top b{font-size:.875rem;display:block}.question-top>.medallion{width:36px;height:36px}.difficulty{white-space:nowrap;gap:4px;display:inline-flex}.difficulty i{border:1.2px solid var(--gold-ink);border-radius:50%;width:7px;height:7px}.difficulty i.on{background:var(--gold-ink)}.question-prompt{font:600 1.5625rem/1.35 var(--display);letter-spacing:-.015em;text-align:center;overflow-wrap:break-word;margin:24px 0}.question-prompt .arabic{font-size:1.875rem}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.answer-option{text-align:left;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;align-items:center;gap:12px;min-height:64px;padding:12px 14px;display:flex}.answer-option>span{border:1px solid var(--line);width:24px;height:24px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:.6875rem;font-weight:400;display:grid}.answer-option>b{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 5 4;flex:1;min-width:0;font-size:1rem;font-weight:400}@media (hover:hover) and (pointer:fine){.answer-option:hover{background:var(--wash)}}.arabic-options .answer-option>b{text-align:right}.question-tools{flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0;display:flex}.hint-btn{color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:.8125rem;display:inline-flex}.hint-btn svg{width:1rem;height:1rem}.quiz-coach{text-align:center;margin:20px 0 0;font-size:.75rem}.question-hint{background:var(--wash);border-radius:var(--radius);align-items:center;gap:10px;margin-top:18px;padding:16px;font-size:.9375rem;display:flex}.question-hint .arabic{font-size:1.625rem}.claim-box{background:var(--wash);text-align:center;border-radius:var(--radius);padding:20px}.claim-box small{letter-spacing:.1em;color:var(--gold-ink);margin-bottom:10px;font-size:.6875rem;display:block}.claim-box b{font-size:1.125rem;font-weight:400;display:block}.choices{justify-content:center;gap:16px;margin:20px 0;display:flex}.round-btn{justify-content:center;align-items:center;gap:16px;min-width:120px;min-height:60px;display:flex}.round-btn span{letter-spacing:.1em;font-size:.8125rem}.pass{color:var(--bad);border-color:var(--bad);background:var(--rose-wash)}.publish{color:var(--good);border-color:var(--good);background:var(--teal-wash)}.stamp{z-index:3;background:var(--surface);border:2px solid;padding:12px;font-weight:600;position:absolute;top:80px;left:20px}.stamp.yes{color:var(--teal)}.stamp.no{color:var(--bad)}.drag-glow{pointer-events:none;z-index:-1;position:fixed;inset:0}.drag-glow.yes{background:var(--teal-wash)}.drag-glow.no{background:var(--rose-wash)}.golden-ribbon{text-align:center;letter-spacing:.15em;color:var(--gold-ink);border-bottom:1px solid var(--line);margin-bottom:16px;padding:8px;font-size:.625rem}.reaction{z-index:30;overscroll-behavior:contain;background:var(--paper);padding:24px 24px max(32px,env(safe-area-inset-bottom));position:fixed;inset:0;overflow:auto}.feedback-navigation{text-align:right;max-width:620px;margin:0 auto 16px}.feedback-content{text-align:center;max-width:540px;margin:auto}.react-word{font:600 min(2rem,10.5vw)/1.15 var(--display);color:var(--teal);overflow-wrap:anywhere;margin:20px 0;transform:none!important}.lose .react-word{color:var(--terracotta)}.react-card{border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:var(--radius-lg);background:var(--surface);padding:24px}.lose .react-card{border-top-color:var(--terracotta)}.feedback-topic .medallion{margin:0 auto 16px}.feedback-label{color:var(--muted);letter-spacing:.08em;font-size:.75rem}.correct-answer{font:600 1.75rem/1.4 var(--display);overflow-wrap:break-word;margin:8px 0}.your-answer{color:var(--muted);font-size:.875rem}.earned-xp{color:var(--teal);margin:12px 0;font-size:.875rem}.lose .earned-xp{color:var(--terracotta)}.practice-pill{color:var(--muted);font-size:.75rem}.details-toggle,.study-note-btn{color:var(--gold-ink);background:0 0;border:0;margin:12px 0;font-size:.875rem;font-weight:600}.solution-steps{text-align:left;margin:16px 0;padding-left:24px;font-size:.9375rem;line-height:1.8}.solution-steps li{border-bottom:1px solid var(--line);padding:8px 0}.solution-steps .arabic{font-size:1.5rem}.notebook-note{color:var(--muted);margin:16px 0 0;font-size:.875rem}.feedback-next{margin-top:8px}@media (height>=560px){.feedback-next{z-index:1;box-shadow:0 0 0 12px var(--paper),0 36px 0 12px var(--paper),0 8px 24px var(--shade-a25);position:sticky;bottom:0}.reaction{scroll-padding-bottom:calc(max(54px,1.4rem + 30px) + 24px)}}.feedback-milestones{padding:0;list-style:none}.feedback-milestones li{background:var(--teal-wash);color:var(--teal);border-radius:var(--radius);align-items:center;gap:10px;padding:12px;font-size:.875rem;display:flex}.feedback-milestones .khatam.on{fill:var(--teal);stroke:var(--teal)}.over{justify-content:flex-start;gap:16px;max-width:600px;padding-top:24px}.over>.ornament-divider{margin:0}.over .final{margin:8px 0}.over .over-sub{font-size:.9375rem}.results-navigation{text-align:right;width:100%}.journey-finish-pill{letter-spacing:.16em;color:var(--gold-ink);font-size:.6875rem}.over-title{margin:0;font-size:2.75rem}.over-sub{color:var(--muted);max-width:420px;margin:0;font-size:1rem}.final{font:500 4rem/1 var(--display);color:var(--gold-ink);margin:16px 0}.final small{font:600 .625rem/1.5 var(--body);letter-spacing:.12em;color:var(--muted);margin-top:12px;display:block}.results-stats,.stats-grid{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;padding:20px 0;display:grid}.results-stats span{color:var(--muted);font-size:.75rem}.results-stats b{font:600 1.75rem var(--display);color:var(--ink);margin-bottom:4px;display:block}.results-stats:has(>span:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.lesson-grownup-guide{text-align:left;color:var(--muted);width:100%;font-size:.875rem}.journey-next-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:20px}.journey-next-card small{color:var(--gold-ink);letter-spacing:.1em;font-size:.625rem}.journey-next-card b{font:600 1.625rem var(--display);margin:8px 0;display:block}.journey-next-card p{color:var(--muted);margin:0;font-size:.875rem}.daily-btn{flex-direction:column;gap:6px;width:100%;padding:18px;display:flex}.daily-btn b{font-size:.8125rem}.daily-btn span{color:var(--muted);font-size:.8125rem}.journey-result-links{flex-direction:column;align-items:center;display:flex}.pause-menu-actions{gap:12px;display:grid}.profile-panel,.review-hero{text-align:center}.profile-panel>.medallion,.profile-panel>.app-icon,.review-hero>.medallion{margin:0 auto 20px}.profile-panel h2{margin-bottom:12px}.profile-panel>p{color:var(--muted)}.stats-grid b{font:600 2rem var(--display);display:block}.stats-grid small{color:var(--muted);font-size:.75rem;display:block}.mastery-row,.record-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 0;display:flex}.mastery-row>span{flex:1}.mastery-row>.mastery-stars{font-variant-numeric:tabular-nums;gap:5px;line-height:1}.mastery-row b{font-size:.9375rem}.mastery-row small{color:var(--muted);font-size:.75rem;display:block}.record-row{justify-content:space-between;font-size:.875rem}.record-row+.claim-btn{margin-top:20px}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.discovery-badge{text-align:center;border:1px solid var(--line);border-radius:var(--radius);--medallion-paper:var(--wash);--medallion-line:var(--muted);padding:20px 8px}.discovery-badge.earned{--medallion-paper:var(--navy);--medallion-line:var(--gold)}.discovery-badge .medallion{margin:0 auto 16px}.discovery-badge b,.discovery-badge small{display:block}.discovery-badge b{font:600 1.375rem var(--display)}.discovery-badge small{color:var(--muted);margin-top:8px;font-size:.75rem;line-height:1.5}.review-hero h2{font-size:2.25rem}.review-hero p{color:var(--muted)}.review-topic{text-align:left;align-items:center;gap:16px;width:100%;display:flex}.review-topic>span{flex:1}.review-topic b{font-size:1.0625rem}.review-topic small{color:var(--muted);font-size:.8125rem;display:block}@media (width>=700px){.play{padding-top:32px}.quiz-card{padding:32px}.question-prompt{font-size:1.875rem}.question-tools{margin-top:24px}}@media (width<=430px){.world-node{gap:10px;padding:16px 12px}.world-node>.medallion{display:none}.question-top{gap:8px}.quiz-card{padding:18px}.question-prompt{font-size:1.5rem}.answer-option{gap:8px;padding:10px}.question-tools{gap:0}.hint-btn{padding:10px;font-size:.75rem}.reaction{padding:20px 16px}.react-card{padding:20px}.lesson-heading{gap:12px}.lesson-heading h2{font-size:1.875rem}.atlas-words{font-size:1.25rem}}@media (width<=380px){.arabic-options,.pattern-options{grid-template-columns:1fr}.hud{gap:8px}.mode-hud{font-size:.625rem}.hud .navigation-menu span{display:none}.lesson-heading>.medallion{width:48px;height:48px}.level-text>b{font-size:.9375rem}.over-title{font-size:2.375rem}}.over{padding-top:0}.over-hero{isolation:isolate;padding:max(16px,env(safe-area-inset-top)) calc(50vw - 50%) 36px;background:radial-gradient(90% 70% at 50% 45%,var(--navy-soft),var(--navy) 75%);color:var(--cream);flex-direction:column;align-self:stretch;align-items:center;gap:14px;margin-inline:calc(50% - 50vw);display:flex;position:relative}.over-hero .hero-laceria{opacity:.16;-webkit-mask-image:radial-gradient(closest-side,#0000 40%,#000);mask-image:radial-gradient(closest-side,#0000 40%,#000)}.over-hero .results-navigation{margin-bottom:-8px}.over-hero .navigation-menu{color:var(--cream);border-color:var(--gold-a50);background:var(--navy-a60)}.over-hero .over-title{color:var(--cream);margin-top:6px}.over-hero .journey-finish-pill{color:var(--gold-light)}.over>.hero-edge{align-self:stretch;margin:-16px calc(50% - 50vw) 0}.moment-crest{background:radial-gradient(closest-side,var(--navy-soft),var(--navy));width:max-content;box-shadow:0 0 0 1px var(--gold),0 0 0 6px var(--paper),0 0 0 7px var(--gold-a40);border-radius:50%;place-items:center;margin:4px auto 0;padding:18px;display:grid}.atlas-tiles{margin:4px 0 8px}.atlas-filters button:focus-visible{outline-offset:-6px}.atlas-filters .active:focus-visible{outline-color:var(--fill-accent)}.reaction{padding-top:max(24px,env(safe-area-inset-top));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(32px,calc(env(safe-area-inset-bottom) + 12px))}@media (width<=430px){.reaction{padding-top:max(20px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(32px,calc(env(safe-area-inset-bottom) + 12px))}}@media (width>=380.02px) and (width<=430px){.reaction{padding-inline:max(24px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-right))}}.level-crown{aspect-ratio:200/220;place-items:center;width:min(250px,64vw);margin-top:4px;display:grid;position:relative}.level-crown .lobed-arch{width:100%;height:100%;position:absolute;inset:0}.level-crown .reward-rosette{margin-top:18%;width:min(196px,50vw)!important;height:min(196px,50vw)!important}.level-crown-note{color:var(--navy-muted);margin:-4px 0 0;font-size:.875rem}.level-crown-note .arabic{color:var(--cream);font-size:1.3em}.level-threshold{text-align:center;border-bottom:1px solid var(--line);margin-bottom:22px;padding:4px 0 26px}.level-threshold .level-portal{margin-bottom:22px}.level-threshold-title{margin:0 0 8px;font-size:2.5rem}.level-threshold-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;font-size:.875rem;display:flex}.level-crown .lobed-arch{-webkit-mask-image:linear-gradient(#000 62%,#0000 96%);mask-image:linear-gradient(#000 62%,#0000 96%)}.question-prompt .prompt-quote{display:block}.notebook-toolbar,.notebook-card-actions,.notebook-backup-actions,.note-save-row,.note-reader-actions,.note-recovery-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.notebook-toolbar{justify-content:space-between;margin:24px 0 12px}.notebook-summary{color:var(--muted);margin:0;font-size:.875rem}.notebook-new-button{width:auto;font-size:.8125rem}.notebook-local-note{margin-bottom:24px}.notebook-backup>summary{font-size:1.125rem}.notebook-backup>summary small{font-size:.8125rem}.notebook-backup p{color:var(--muted);font-size:.875rem;line-height:1.7}.notebook-backup-actions>*{flex:1;min-width:150px}.notebook-secondary{background:var(--paper);font-size:.875rem;font-weight:600}.notebook-primary{width:auto;font-size:.875rem}.notebook-backup-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);margin-top:20px;padding:20px}.notebook-backup-preview h3{font-size:1.625rem}.notebook-backup-filename{overflow-wrap:anywhere}.notebook-backup-status,.note-saved,.note-draft-status{color:var(--teal);margin:16px 0;font-size:.875rem}.notebook-filter-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.notebook-field,.note-field{flex-direction:column;gap:8px;margin:0 0 16px;font-size:.875rem;display:flex}.notebook-field:last-child{margin-bottom:0}.notebook-field>span,.note-label{font-weight:600}.note-label em{color:var(--muted);font-style:normal;font-weight:400}.notebook-empty{text-align:center;padding:36px 24px}.notebook-empty p{color:var(--muted)}.notebook-empty h2{font-size:2.125rem}.notebook-empty .claim-btn{margin-top:24px}.notebook-topic-heading{align-items:center;gap:16px;margin:28px 0 20px;display:flex}.notebook-topic-heading>div{flex:1}.notebook-topic-heading h2{margin:4px 0;font-size:1.75rem}.notebook-topic-heading small{color:var(--muted);font-size:.75rem}.notebook-group-count{color:var(--gold-ink);font-size:.875rem}.notebook-list{gap:16px;display:grid}.notebook-card{margin:0;padding:20px}.notebook-card-open{text-align:left;background:0 0;border:0;border-radius:0;width:100%;padding:0;display:block}.notebook-card-top{font:600 1.625rem var(--display);justify-content:space-between;gap:16px;display:flex}.notebook-note-text{-webkit-line-clamp:3;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:14px 0;font-size:.9375rem;display:-webkit-box;overflow:hidden}.notebook-date{color:var(--muted);margin:14px 0;font-size:.75rem;display:block}.notebook-card-actions{border-top:1px solid var(--line);padding-top:10px}.notebook-confirm-delete,.note-close-confirm,.note-recovery,.note-copy-save{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--wash);margin:16px 0;padding:20px}.notebook-confirm-delete p{font-size:.875rem}.notebook-drafts h2{font-size:1.875rem}.notebook-draft-row{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px;padding:20px 0;display:flex}.notebook-draft-row>div{flex:1;min-width:160px}.notebook-draft-row small{color:var(--muted);font-size:.75rem;display:block}.note-editor{width:min(100%,780px)}.note-editor-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:20px;display:flex}.note-editor-head>div:first-child{flex:1;min-width:220px}.note-editor-head h2{margin:0;font-size:2.125rem}.note-editor-head .navigation-actions{flex-wrap:wrap}.note-topic{flex-wrap:wrap;align-items:center;gap:10px;font-size:.875rem;display:flex}.note-topic small{color:var(--muted)}.note-topic .medallion{width:36px;height:36px}.note-tabs{border:1px solid var(--line);border-radius:var(--radius);margin:20px 0;display:flex;overflow:hidden}.note-tabs button{background:var(--surface);border:0;border-radius:0;flex:1;padding:14px 8px;font-size:.875rem}.note-tabs [aria-selected=true]{background:var(--fill);color:var(--on-fill)}.note-tabs span{font-size:.75rem}.note-editor-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.note-save-row{justify-content:space-between}.note-save-row>.notebook-primary{flex:1}.note-storage-hint{margin-top:16px;margin-bottom:0;font-size:.75rem}.note-close-confirm>div{flex-wrap:wrap;gap:10px;display:flex}.note-close-confirm p{color:var(--muted);font-size:.875rem}.note-text-count{text-align:right;color:var(--muted);font-size:.75rem;display:block}.note-question{border:1px solid var(--line);border-radius:var(--radius);margin:16px 0;padding:16px;font-size:.9375rem}.note-question .word-visual{max-width:260px;margin:auto}.note-reader-meta{color:var(--muted);font-size:.75rem}.note-recall{border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius);background:var(--surface);margin:20px 0;padding:20px}.note-recall p{color:var(--muted);margin:8px 0 16px;font-size:.875rem}.note-reader-hidden{text-align:center;color:var(--muted);padding:32px 16px}.note-reader-writing h3,.note-reader-sketch h3{margin:24px 0 16px;font-size:1.625rem}.note-reader-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.note-reader-actions{gap:8px}.note-reader-actions>*{flex:1}.note-reader-title{overflow-wrap:anywhere}.drawing-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.drawing-tools,.drawing-colors,.drawing-actions{align-items:center;gap:6px;display:flex}.drawing-toolbar button{padding:10px 12px;font-size:.8125rem}.drawing-tool[aria-pressed=true]{background:var(--fill);color:var(--on-fill)}.drawing-color{border:5px solid var(--paper);width:44px;min-width:44px;height:44px;box-shadow:0 0 0 1px var(--line)}.drawing-color[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.drawing-width{align-items:center;gap:8px;font-size:.75rem;display:flex}.drawing-width select{width:auto;padding:8px}.drawing-surface{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--mat);cursor:crosshair;width:100%;display:block}.drawing-surface-eraser{cursor:cell}.drawing-message{color:var(--muted);margin:10px 0;font-size:.75rem}.drawing-help{color:var(--muted);font-size:.8125rem}.drawing-help p{line-height:1.7}.drawing-confirm{background:var(--wash);border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:16px;font-size:.875rem;display:flex}@media (width<=430px){.notebook-filter-row{grid-template-columns:1fr}.note-editor-head{gap:16px}.note-editor-head h2{font-size:1.875rem}.note-editor-head .navigation-actions{justify-content:space-between;width:100%}.note-reader-actions{flex-direction:column;align-items:stretch}.drawing-toolbar{gap:10px}.drawing-actions{width:100%}.drawing-actions button{flex:1}}.empty-arch{width:84px;height:92px;color:var(--gold-ink);margin:0 auto 18px;display:block;position:relative}.empty-arch .lobed-arch{width:100%;height:100%;stroke:var(--gold-ink);position:absolute;inset:0}.empty-arch .lobed-outer{opacity:.45}.empty-arch .icon{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.empty-arch .lobed-arch path{vector-effect:non-scaling-stroke}.empty-arch .lobed-inner{stroke-width:1.5px}.empty-arch .lobed-outer{stroke-width:1px}.notebook-filter-row{margin-bottom:16px}.words-to-remember h2{margin:0 0 4px;font-size:1.75rem}.words-to-remember>p{color:var(--muted);margin:0 0 14px;font-size:.875rem;line-height:1.6}.remember-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.remember-word{background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:6px 10px 10px;display:flex}.remember-word .remember-ar{color:var(--ink);font-size:1.75rem;line-height:1.9}.remember-word b{font-size:.9375rem;font-weight:600;line-height:1.3;display:block}.remember-word small{color:var(--muted);font-size:.8125rem;font-style:italic;display:block}.remember-more{margin-top:10px}.remember-sheet .word-card{margin-top:8px}.remember-lesson{color:var(--muted);text-align:center;margin:16px 0 8px;font-size:.875rem}.note-field textarea,.notebook-note-text{line-height:1.9}.notebook-note-text,.note-reader-text{font-family:var(--field)}.over-body,.over-summary,.over-next{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.over .ornament-divider{margin:0}@media (width>=760px){.reaction .feedback-content{max-width:880px}.reaction .feedback-navigation{width:100%;max-width:880px}.react-card:has(>.feedback-word){text-align:center;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:0 32px;display:grid}.react-card:has(>.feedback-word)>*{grid-column:1}.react-card:has(>.feedback-word)>.feedback-word{grid-area:1/2/span 4;margin:0}.react-card:has(>.word-details>.word-picture)>.feedback-word{grid-row:1/span 2}.react-card:has(>.feedback-word)>.feedback-summary{padding-top:12px}.react-card:has(>.feedback-word)>.word-details .solution-steps{font-size:.875rem}.react-card:has(>.feedback-word)>.word-details:has(>.word-picture){text-align:left;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:0 32px;display:grid}.word-details>.word-picture{grid-area:1/2}.word-details:has(>.word-picture)>.solution-steps{grid-area:1/1}.word-picture{width:min(100%,320px)}.feedback-milestones,.study-note-btn,.feedback-next{max-width:540px;margin-inline:auto}.feedback-next{display:flex}}@media (width>=900px){.over{max-width:960px}.over-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0 48px;margin-top:8px;display:grid}.over-summary{position:sticky;top:24px}.over-next{padding-top:8px}.over .over-sub{max-width:none}.sheet.lesson-sheet{width:min(100%,960px)}.lesson-sheet .word-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.lesson-sheet .word-card:has(>.word-card-photo){display:flex}.lesson-sheet .word-card-photo{width:min(100% - 48px,260px);margin:24px auto 0}.lesson-sheet :is(.lesson-heading,.lesson-why,.lesson-idea,.lesson-actions,.lesson-footnote,.level-threshold){max-width:720px;margin-inline:auto}.lesson-sheet .lesson-actions{max-width:480px}.app-page:is(.atlas-page,.progress-page,.settings-page){max-width:var(--content)}.atlas-page .world-path{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-page .world-node{align-items:flex-start;height:100%}.atlas-page .journey-atlas-intro{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:end;gap:0 40px;display:grid}.atlas-page .journey-atlas-intro>.page-intro{grid-column:1/-1}.atlas-page .atlas-summary{grid-area:2/1;margin-bottom:4px}.atlas-page .atlas-tiles{grid-area:3/1}.atlas-page .atlas-next{grid-area:2/2/4;align-self:center;margin-top:0}.progress-page{grid-template-rows:auto auto auto auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:0 24px;display:grid}.progress-page>.page-head{grid-area:1/1/auto/-1}.progress-page>.progress-storage-notice{grid-area:2/1/auto/-1}.progress-page>.panel:first-of-type{grid-area:3/1}.progress-page>.panel:nth-of-type(2){grid-area:3/2/7}.progress-page>.panel:nth-of-type(3){grid-area:4/1}.progress-page>.panel:nth-of-type(4){grid-area:5/1}.progress-page .badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-page .page-columns{column-count:2;column-gap:24px}.settings-page .page-columns>*{break-inside:avoid}}@media (width>=900px) and (orientation:landscape){.play{max-width:960px}.quiz-card:has(.word-visual){grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:0 36px;display:grid}.quiz-card:has(.word-visual)>:is(.golden-ribbon,.question-top,.question-prompt,.question-hint,.claim-box){grid-column:1/-1}.quiz-card:has(.word-visual)>.word-visual{grid-column:1;margin:0}.quiz-card:has(.word-visual)>.word-visual .picture-frame{width:100%}.quiz-card:has(.word-visual)>.answer-grid{grid-column:2}.quiz-card:has(.word-visual)>.answer-grid .answer-option{min-height:84px}.quiz-card:has(.word-visual)>.claim-box{grid-area:3/2}}@media (width>=700px) and (height>=980px) and (orientation:portrait){.app-play .play-surface{flex-direction:column;min-height:calc(100dvh - 80px);display:flex}.app-play .deck{margin-top:auto}.app-play .quiz-coach{margin-bottom:auto;padding-bottom:40px}.quiz-card{padding:40px}.question-prompt{margin:32px 0;font-size:2.125rem}.arabic-visual .arabic-display{font-size:4.25rem}.word-visual .picture-frame{width:min(100%,340px)}.answer-option{min-height:80px;padding:14px 18px}.answer-option>b{font-size:1.125rem}.answer-option .arabic{font-size:2.125rem}.reaction{flex-direction:column;display:flex}.reaction .feedback-content{width:100%;margin-block:min(8vh,80px) auto}}.welcome{z-index:90;isolation:isolate;background:radial-gradient(120% 80% at 50% 0%,var(--navy-soft),var(--navy) 65%,var(--navy-deep));color:var(--cream);position:fixed;inset:0}.welcome-laceria{opacity:.14;z-index:-1;-webkit-mask-image:radial-gradient(120% 90% at 50% 30%,#0000 30%,#000 80%);mask-image:radial-gradient(120% 90% at 50% 30%,#0000 30%,#000 80%)}.welcome-scroll{overscroll-behavior:contain;padding:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));scroll-padding:16px 16px calc(var(--welcome-foot,120px) + 12px);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0 0 22px;overflow:auto}.welcome-top,.welcome-step{width:100%;max-width:560px}.welcome-foot{--column:560px;width:calc(100% + 2 * max(20px,env(safe-area-inset-left)));margin-inline:calc(-1 * max(20px,env(safe-area-inset-left)));padding-inline:max(20px,calc((100% - var(--column)) / 2))}.welcome-top{justify-content:space-between;align-items:center;gap:12px;padding:4px 0 8px;display:flex}.welcome-steps{gap:8px;display:inline-flex}.welcome-steps .khatam{stroke:var(--gold-a60)}.welcome-steps .khatam.on{fill:var(--gold);stroke:var(--gold)}.welcome-steps .khatam-heart{fill:var(--navy)}.welcome button{color:var(--cream)}.welcome-skip{background:var(--navy-a60);border-color:var(--gold-a50);padding:9px 18px;font-size:.875rem;font-weight:600}.welcome-step{flex-direction:column;flex:1;justify-content:center;padding:12px 4px 20px;display:flex}.welcome-step-0{text-align:center;align-items:center}.welcome-crown{aspect-ratio:200/220;place-items:center;width:min(210px,30vh);margin:0 auto 18px;display:grid;position:relative}.welcome-crown .lobed-arch{width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 62%,#0000 96%);mask-image:linear-gradient(#000 62%,#0000 96%)}.welcome-crown .medallion{filter:drop-shadow(0 10px 22px var(--shade-a40));margin-top:20%;width:64%!important;height:auto!important}.welcome-eyebrow{font:600 .6875rem/1.5 var(--body);letter-spacing:.18em;color:var(--gold-light);margin:0 0 12px}.welcome h1{text-wrap:balance;color:var(--cream);margin:0 0 16px;font-size:clamp(2.125rem,8.5vw,3.25rem);font-weight:500;line-height:1.05}.welcome h1:focus{outline:none}.welcome-lead{color:var(--navy-muted);max-width:460px;margin:0 auto 20px;font-size:1.0313rem;line-height:1.6}.welcome-points{text-align:left;max-width:420px;margin:0 auto;padding:0;list-style:none}.welcome-points li{border-top:1px solid var(--gold-a25);align-items:center;gap:14px;padding:11px 0;font-size:.9375rem;line-height:1.45;display:flex}.welcome-points li:last-child{border-bottom:1px solid var(--gold-a25)}.welcome-points .khatam{fill:var(--gold);stroke:var(--gold)}.welcome-points .khatam-heart{fill:var(--navy)}.welcome-choices{gap:12px;margin-top:8px;display:grid}.welcome-choice{text-align:left;background:var(--navy-a60);border:1px solid var(--gold-a50);border-radius:var(--radius);align-items:flex-start;gap:14px;padding:18px;display:flex}.welcome-choice b{font-size:1.125rem;line-height:1.3;display:block}.welcome-choice small{color:var(--navy-muted);margin-top:4px;font-size:.875rem;line-height:1.5;display:block}.welcome-choice .choice-mark{border-color:var(--navy-muted);margin-top:2px}.welcome-choice.selected{border-color:var(--gold-light);box-shadow:inset 0 0 0 1px var(--gold-light);background:var(--navy-soft)}.welcome-choice.selected .choice-mark{background:var(--gold-light);border-color:var(--gold-light);color:var(--navy)}.welcome-note{color:var(--navy-muted);margin:16px 0 0;font-size:.875rem}.welcome-levels{margin-top:20px}.welcome-levels .path-fieldset{margin:0}.welcome-levels legend{color:var(--cream)}.welcome .level-grid button{background:var(--navy-a60);border-color:var(--gold-a33);min-height:84px}.welcome .level-grid .selected{background:var(--navy-soft);border-color:var(--gold-light);box-shadow:inset 0 0 0 1px var(--gold-light)}.welcome .level-text small,.welcome .level-text .kind-tag{color:var(--navy-muted)}.welcome .level-badge-number{background:var(--navy-deep);border-color:var(--gold-a60);color:var(--cream)}.welcome-foot{padding-top:24px;padding-bottom:max(20px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--navy-deep) 28px);flex-direction:column;gap:6px;display:flex;position:sticky;bottom:0}.welcome-primary{background:var(--cream);border:1px solid var(--cream);border-radius:var(--radius);width:100%;min-height:56px;font:600 1rem/1.4 var(--body);box-shadow:0 10px 30px var(--shade-a40);justify-content:center;align-items:center;gap:12px;padding:14px 20px;display:flex;color:var(--navy)!important}.welcome-primary .icon{color:var(--gold-deep)}.welcome-secondary{justify-content:space-between;gap:12px;display:flex}.welcome-text{background:0 0;border:0;padding:10px 4px;font-size:.9375rem;font-weight:600}.welcome-dado{border-top:2px solid var(--gold);width:100%;max-width:none;position:absolute;bottom:0;left:0;right:0}@media (hover:hover){.welcome :is(.welcome-skip,.welcome-choice,.level-grid button,.welcome-text):not(:disabled):hover{background:var(--navy-soft);border-color:var(--gold-light)}.welcome-text:not(:disabled):hover{color:var(--gold-light)}.welcome-primary:not(:disabled):hover{background:var(--gold-light);border-color:var(--gold-light)}}@media (orientation:landscape) and (width>=640px){.welcome-top{max-width:880px}.welcome-foot{--column:880px}.welcome-step-0{text-align:left;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-content:center;align-items:center;column-gap:56px;max-width:880px;display:grid}.welcome-step-0 .welcome-crown{grid-row:1/span 4;width:min(280px,52vh);margin:0}.welcome-step-0 .welcome-lead,.welcome-step-0 .welcome-points{margin-inline:0}.welcome-foot{flex-direction:row-reverse;justify-content:space-between;align-items:center}.welcome-primary{width:auto;min-width:300px}.welcome-secondary{flex:1;justify-content:flex-start;gap:24px}}@media (orientation:landscape) and (height<=500px){.welcome h1{text-wrap:balance;font-size:2.25rem}.welcome-points li{padding:7px 0}.welcome-step{padding-block:4px 8px}.welcome-foot{padding-top:12px}.welcome-step-1,.welcome-step-2{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-content:center;column-gap:40px;max-width:880px;display:grid}.welcome-step-1>:is(.welcome-eyebrow,h1),.welcome-step-2>:is(.welcome-eyebrow,h1){grid-column:1}.welcome-step-1>.welcome-eyebrow,.welcome-step-2>.welcome-eyebrow{align-self:end}.welcome-step-1>h1,.welcome-step-2>h1{align-self:start}.welcome-step-1>:not(.welcome-eyebrow,h1),.welcome-step-2>:not(.welcome-eyebrow,h1){grid-column:2}.welcome-step-1>.welcome-choices,.welcome-step-2>.welcome-choices{grid-row:1/span 2;margin-top:0}.welcome-choice{padding:12px 16px}.welcome-choice b{font-size:1rem}.welcome-note{margin-top:10px;font-size:.8125rem}}:root{--fx-star:polygon(50.0% 0.0%,58.0% 30.6%,85.4% 14.6%,69.4% 42.0%,100.0% 50.0%,69.4% 58.0%,85.4% 85.4%,58.0% 69.4%,50.0% 100.0%,42.0% 69.4%,14.6% 85.4%,30.6% 58.0%,0.0% 50.0%,30.6% 42.0%,14.6% 14.6%,42.0% 30.6%)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@keyframes fx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fx-sheen{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(220%)skew(-18deg)}}html[data-hidden=true] :is(.fx-twinkles i,.fx-lantern,.fx-streak *,.fx-girih),html[data-hidden=true] .journey-crown:before,html[data-hidden=true] .journey-primary:after{animation-play-state:paused!important}html:not([data-fx=off]) .answer-option{isolation:isolate;position:relative}.answer-option.fx-chosen-right{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-a60),0 0 24px var(--gold-a40)}.answer-option.fx-chosen-right:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 140% at 50% 50%,var(--gold-a40),transparent 70%);opacity:0;animation:.6s ease-out fx-option-glow;position:absolute;inset:0}@keyframes fx-option-glow{30%{opacity:1}}.answer-option.fx-chosen-wrong{border-color:var(--terracotta);background:var(--rose-wash)}.answer-option.fx-chosen-wrong:before{content:"";z-index:-1;border-radius:inherit;background:var(--terracotta);opacity:.4;pointer-events:none;animation:.3s ease-out 80ms backwards fx-fade-in;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M38 0 44 11 39 18 47 27 43 40M44 11 56 14 63 9M47 27 58 30' fill='none' stroke='%23000' stroke-width='1.1'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M38 0 44 11 39 18 47 27 43 40M44 11 56 14 63 9M47 27 58 30' fill='none' stroke='%23000' stroke-width='1.1'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.answer-option.fx-right-glow{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal),0 0 22px var(--teal-wash)}.fx-xp-chip{font-variant-numeric:tabular-nums lining-nums;display:inline-block;position:relative}html[data-fx=full] .answer-reaction.win .react-word{background:linear-gradient(100deg,currentColor 44%,var(--gold-light) 50%,currentColor 56%) 100% 0/300% 100% no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:1.1s ease-out .25s backwards fx-word-light}@keyframes fx-word-light{0%{background-position:100% 0}to{background-position:0 0}}html[data-fx=full] .answer-reaction.win .earned-xp{border-radius:999px;padding:2px 10px;display:inline-block;position:relative;overflow:hidden}html[data-fx=full] .answer-reaction.win .earned-xp:after{content:"";background:linear-gradient(90deg,transparent,var(--gold-a50),transparent);width:40%;animation:.8s ease-out .7s backwards fx-sheen;position:absolute;inset:0 auto 0 0;transform:translate(220%)}html:not([data-fx=off]) .answer-reaction.lose .correct-answer{border-radius:12px;animation:2.2s ease-out .3s backwards fx-answer-glow}@keyframes fx-answer-glow{0%{box-shadow:0 0 #0000}35%{box-shadow:0 0 0 2px color-mix(in srgb,var(--teal) 55%,transparent),0 0 28px color-mix(in srgb,var(--teal) 35%,transparent)}to{box-shadow:0 0 0 1px color-mix(in srgb,var(--teal) 30%,transparent)}}html[data-fx=reduced] .answer-reaction.lose .correct-answer{animation-name:fx-fade-in;animation-duration:.4s}:root{--fx-token-ink:var(--gold-ink)}:root[data-theme=night]{--fx-token-ink:var(--gold-light)}.fx-odometer{display:inline-flex}.fx-odometer-digits{height:1em;line-height:1;display:inline-flex;overflow:hidden}.fx-digit{height:1em;display:block;overflow:hidden}.fx-digit>span{transition:transform .7s cubic-bezier(.2,.9,.25,1.05) var(--roll-delay,0s);flex-direction:column;display:flex}.fx-digit i{text-align:center;height:1em;font-style:normal;display:block}.fx-digit{transition:opacity .3s var(--roll-delay,0s)}.fx-digit.lead{opacity:0}.fx-xp-chip .fx-odometer-digits{height:1.15em;line-height:1.15}.fx-xp-chip :is(.fx-digit,.fx-digit i){height:1.15em}.score.fx-score-land{animation:.5s cubic-bezier(.3,1.6,.5,1) fx-score-land}@keyframes fx-score-land{40%{text-shadow:0 0 14px var(--gold-a60);transform:scale(1.18)}}html[data-fx=off] .fx-digit>span{transition:none}.fx-streak{font:600 .9375rem/1 var(--body);color:var(--ink);align-items:center;gap:3px;display:inline-flex}.fx-streak-mark{width:30px;height:30px;display:block;position:relative}.fx-streak-mark svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fx-streak-glow{background:radial-gradient(closest-side,var(--gold-a60),var(--gold-a25) 55%,transparent);opacity:0;border-radius:50%;transition:opacity .4s;position:absolute;inset:-7px}.fx-petal{fill:var(--line);stroke:var(--gold-a40);stroke-width:.5px;transform-origin:16px 16px;transition:fill .35s,transform .45s cubic-bezier(.3,1.6,.5,1)}.fx-petal.on{fill:var(--gold);stroke:var(--gold-ink)}html[data-fx=full] .fx-petal:not(.on){transform:scale(.82)}.fx-streak-heart{fill:var(--terracotta)}.fx-streak.tier-1 .fx-streak-heart,.fx-streak.tier-2 .fx-streak-heart{fill:var(--gold-light)}.fx-streak.tier-3 .fx-streak-heart{fill:var(--cream)}.fx-streak-halo{fill:none;stroke:none}.fx-streak-rays{stroke:var(--gold);stroke-width:1.2px;stroke-linecap:round;opacity:0}.fx-streak.tier-1 .fx-streak-glow{opacity:.45}.fx-streak.tier-2 .fx-streak-glow{opacity:.75}.fx-streak.tier-3 .fx-streak-glow{opacity:1}.fx-streak.tier-2 .fx-streak-halo,.fx-streak.tier-3 .fx-streak-halo{stroke:var(--gold-a60);stroke-width:.8px;stroke-dasharray:2 2.7}.fx-streak.tier-3 .fx-streak-rays{opacity:1}html[data-fx=full] .fx-streak:is(.tier-2,.tier-3) .fx-streak-ring{animation:16s linear infinite fx-turn}html[data-fx=full] .fx-streak:is(.tier-1,.tier-2,.tier-3) .fx-streak-glow{animation:3.2s ease-in-out infinite fx-breathe}@keyframes fx-turn{to{transform:rotate(360deg)}}@keyframes fx-breathe{50%{opacity:.35}}.hud .fx-streak{border-radius:999px;padding:2px 8px 2px 2px}.hud .fx-streak.tier-3{background:var(--gold-a25)}html[data-fx=full] .golden-ribbon{position:relative;overflow:hidden}html[data-fx=full] .golden-ribbon:after{content:"";background:linear-gradient(90deg,transparent,var(--gold-a40),transparent);width:30%;animation:1.6s ease-in-out .3s 2 backwards fx-sheen;position:absolute;inset:0 auto 0 0;transform:translate(220%)}html[data-fx=full] .quiz-card.golden{position:relative}html[data-fx=full] .quiz-card.golden:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px var(--gold-a60),0 0 30px var(--gold-a33);opacity:0;animation:2.4s ease-in-out .2s 2 fx-golden;position:absolute;inset:0}@keyframes fx-golden{50%{opacity:1}}.fx-girih{pointer-events:none;fill:none;width:170%;height:170%;stroke:var(--gold);z-index:-1;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(closest-side,#000 55%,#0000);mask-image:radial-gradient(closest-side,#000 55%,#0000)}.fx-girih-rays line{stroke-width:.35px;opacity:.55;stroke-dasharray:100}.fx-girih-star{stroke-width:.3px;opacity:.4;stroke-dasharray:100}html:not([data-fx=off]) .fx-girih{animation:.8s ease-out .2s backwards fx-fade-in}html[data-fx=off] .fx-girih{display:none}html[data-fx=full] .fx-girih-rays line{animation:1.4s cubic-bezier(.2,.7,.2,1) .6s backwards fx-ray}html[data-fx=full] .fx-girih-rays line:nth-child(2n){animation-delay:.75s}html[data-fx=full] .fx-girih-star{animation:construct 2.4s var(--ease) 1.1s backwards}html[data-fx=full] .fx-girih{animation:.8s ease-out .2s backwards fx-fade-in,120s linear 2s infinite fx-girih-turn}@keyframes fx-girih-turn{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes fx-ray{0%{stroke-dashoffset:100px;opacity:0}to{stroke-dashoffset:0}}.fx-girih-level .fx-girih-rays line{stroke-width:.5px;opacity:.75}.fx-rosette-wrap,.level-crown{isolation:isolate;place-items:center;display:grid;position:relative}html[data-fx=full] .reward-rosette.complete:after{content:"";pointer-events:none;background:linear-gradient(115deg,transparent 35%,var(--gold-a50) 47%,var(--cream) 50%,var(--gold-a50) 53%,transparent 65%) -150% 0/300% 100% no-repeat;mix-blend-mode:soft-light;background-position:150% 0;border-radius:50%;animation:1.3s ease-in-out 2.9s backwards fx-glint;position:absolute;inset:13%}@keyframes fx-glint{0%{background-position:-150% 0}to{background-position:150% 0}}html[data-fx=full] .moment-crest .reward-rosette.complete:after{animation-delay:2.6s}html[data-fx=full] .level-portal:after{content:"";aspect-ratio:1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,var(--gold-a50) 47%,var(--cream) 50%,var(--gold-a50) 53%,transparent 65%) -150% 0/300% 100% no-repeat;mix-blend-mode:soft-light;background-position:150% 0;border-radius:50%;width:50%;animation:1.3s ease-in-out 2.6s backwards fx-glint;position:absolute;top:35%;left:25%}html[data-fx=full] .home-hero :is(.hero-laceria,.fx-twinkles){will-change:transform;transform:scale(1.04)}.fx-twinkles{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000,#0008 60%,#000);mask-image:linear-gradient(#000,#0008 60%,#000)}.fx-twinkles i{width:22px;height:22px;clip-path:var(--fx-star);background:radial-gradient(closest-side,var(--cream),var(--gold-light) 35%,transparent);opacity:0;margin:-11px 0 0 -11px;position:absolute}html:not([data-fx=full]) .fx-twinkles{display:none}html[data-fx=full] .fx-twinkles i{animation:6s ease-in-out infinite fx-twinkle}@keyframes fx-twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:.85;transform:scale(1)rotate(22.5deg)}}.fx-lantern{aspect-ratio:1;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,var(--gold-a50),var(--gold-a25) 40%,transparent 72%);opacity:.55;border-radius:50%;width:130%;position:absolute;top:-4%;left:50%;transform:translate(-50%)}html[data-fx=off] .fx-lantern{display:none}html[data-fx=full] .fx-lantern{will-change:opacity;animation:6.5s ease-in-out infinite fx-lantern}.journey-crown{isolation:isolate;position:relative}.journey-crown:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,var(--gold-a40),var(--gold-a25) 45%,transparent);opacity:.7;border-radius:50%;width:170px;height:170px;margin:-85px 0 0 -85px;position:absolute;top:50%;left:50%}html[data-fx=off] .journey-crown:before{display:none}html[data-fx=full] .journey-crown:before{animation:6.5s ease-in-out infinite fx-lantern}@keyframes fx-lantern{0%,to{opacity:.5}50%{opacity:1}}html[data-fx=full] .journey-primary{isolation:isolate;position:relative;overflow:hidden}html[data-fx=full] .journey-primary:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,var(--gold-a40),transparent);width:35%;animation:7s ease-in-out 1.5s infinite fx-sheen-idle;position:absolute;inset:0 auto 0 0;transform:translate(-120%)skew(-18deg)}@keyframes fx-sheen-idle{0%{transform:translate(-120%)skew(-18deg)}18%,to{transform:translate(320%)skew(-18deg)}}html[data-fx=full] .screen{animation:.42s cubic-bezier(.2,.7,.2,1) fx-arch-open}@keyframes fx-arch-open{0%{clip-path:inset(16vh 24% 0 round 50vw 50vw 0 0);opacity:.35}60%{opacity:1}to{clip-path:inset(0)}}html[data-fx=reduced] .screen{animation:.25s ease-out fx-fade-in}@keyframes fx-rise{0%{opacity:0;transform:translateY(14px)}}html[data-fx=full] :is(.mode-grid>*,.page-columns>*,.badge-grid>*,.stats-grid>*,.world-path>*,.results-stats>*,.over-next>*,.home-notebook,.up-next-line){animation:.5s cubic-bezier(.2,.7,.2,1) backwards fx-rise}html[data-fx=reduced] :is(.mode-grid>*,.page-columns>*,.badge-grid>*,.stats-grid>*,.world-path>*,.results-stats>*,.over-next>*){animation:.3s ease-out backwards fx-fade-in}:is(.mode-grid,.page-columns,.badge-grid,.stats-grid,.world-path,.results-stats,.over-next)>:nth-child(2){animation-delay:50ms}:is(.mode-grid,.page-columns,.badge-grid,.stats-grid,.world-path,.results-stats,.over-next)>:nth-child(3){animation-delay:.1s}:is(.mode-grid,.page-columns,.badge-grid,.stats-grid,.world-path,.results-stats,.over-next)>:nth-child(4){animation-delay:.15s}:is(.mode-grid,.page-columns,.badge-grid,.stats-grid,.world-path,.results-stats,.over-next)>:nth-child(5){animation-delay:.2s}:is(.mode-grid,.page-columns,.badge-grid,.stats-grid,.world-path,.results-stats,.over-next)>:nth-child(6){animation-delay:.25s}:is(.mode-grid,.page-columns,.badge-grid,.stats-grid,.world-path,.results-stats,.over-next)>:nth-child(n+7),html[data-fx=full] :is(.home-notebook,.up-next-line){animation-delay:.3s}.bottom-nav button{position:relative}.bottom-nav button svg{transition:transform .25s cubic-bezier(.3,1.6,.5,1)}html:not([data-fx=off]) .bottom-nav button:active svg{transform:scale(.86)rotate(-8deg)}html:not([data-fx=off]) .bottom-nav .active:before{content:"";background:var(--gold);width:12px;height:12px;clip-path:var(--fx-star);margin-left:-6px;position:absolute;top:-6px;left:50%}html[data-fx=full] .bottom-nav .active:before{animation:.5s cubic-bezier(.3,1.6,.5,1) .2s backwards fx-tab-star}html[data-fx=full] .bottom-nav .active svg{animation:.45s cubic-bezier(.3,1.6,.5,1) .15s fx-tab-hop}@keyframes fx-tab-star{0%{transform:scale(0)rotate(-90deg)}}@keyframes fx-tab-hop{40%{transform:translateY(-3px)scale(1.08)}}:is(.level-grid button,.topic-start-options button,.world-node,.atlas-tiles button) .medallion{transition:transform .35s cubic-bezier(.3,1.4,.5,1),filter .35s}@media (hover:hover){html[data-fx=full] :is(.level-grid button,.topic-start-options button,.world-node,.atlas-tiles button):hover .medallion{filter:drop-shadow(0 0 6px var(--gold-a50));transform:rotate(11.25deg)scale(1.06)}}html[data-fx=full] :is(.level-grid button,.topic-start-options button,.world-node,.atlas-tiles button):active .medallion{transform:rotate(-8deg)scale(.95)}html[data-fx=full] .journey-crown .medallion{transition:transform .6s cubic-bezier(.3,1.4,.5,1)}@media (hover:hover){html[data-fx=full] .journey-crown:hover .medallion{transform:rotate(22.5deg)}}.effects-swatch{background:var(--navy);border:1px solid var(--gold-a50);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.effects-swatch i{width:18px;height:18px;clip-path:var(--fx-star);background:var(--gold)}.fx-swatch-full i{background:radial-gradient(closest-side,var(--cream),var(--gold-light) 40%,var(--gold));box-shadow:0 0 8px var(--gold)}.fx-swatch-reduced i{opacity:.6}.fx-swatch-off i{border:1px solid var(--gold-a50);clip-path:none;background:0 0;border-radius:50%;width:12px;height:12px}.warmup-bar{border-left:2px solid var(--gold);background:var(--wash);border-radius:0 var(--radius) var(--radius) 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin:-8px 0 0;padding:10px 4px 10px 14px;display:flex}.warmup-bar p{color:var(--muted);flex:220px;margin:0;font-size:.875rem;line-height:1.45}.warmup-bar b{color:var(--ink);font-weight:600}.warmup-bar .text-btn{min-height:44px;color:var(--lapis);align-items:center;gap:6px;padding:8px 10px;font-size:.875rem;display:inline-flex}.haraka-diff{color:inherit;background:var(--wash);box-shadow:inset 0 -2px 0 var(--gold);border-radius:3px}.correct-answer .haraka-diff{color:var(--teal)}.your-answer .haraka-diff{color:var(--terracotta)}.your-answer:has(.haraka-diff) .arabic{font-size:1.75rem}.near-miss-note{max-width:420px;color:var(--ink);background:var(--wash);border-radius:var(--radius);margin:10px auto 0;padding:10px 14px;font-size:.875rem;line-height:1.55}.near-miss-note .arabic{font-size:1.125rem}.weak-lesson-card{border-left:3px solid var(--gold)}.weak-onward b{text-transform:none;letter-spacing:.04em}@media (width<=559px) and (orientation:portrait){.journey-started .home-welcome{display:none}.journey-started .journey-card{margin-top:20px}}@media (width<=559px) and (orientation:portrait) and (height<=740px){.journey-started .journey-crown{margin-bottom:12px}.journey-started .journey-crown .medallion{width:76px;height:76px}.journey-started .journey-card h3{font-size:1.875rem}}@media (width<=559px) and (orientation:portrait) and (height<=600px){.journey-started .journey-description{display:none}.journey-started .journey-crown .medallion{width:64px;height:64px}.journey-started .journey-card h3{margin-bottom:14px}}@media (orientation:landscape) and (height<=500px) and (width>=640px){.home-hero{grid-template-rows:auto auto 1fr auto;align-items:start}.home-top{grid-area:1/1}.home-hero .progress-storage-notice{grid-area:2/1}.home-welcome{grid-area:3/1;margin-top:20px}.journey-card{grid-area:1/2/4;margin-top:4px}.hero-dado{grid-row:4}.journey-started .journey-description,.journey-started .journey-card-top{display:none}.journey-started .journey-card .arch-content{padding-top:calc(37% - 62px)}.journey-started .journey-crown{margin-bottom:8px}.journey-started .journey-crown .medallion{width:56px;height:56px}.journey-started .journey-card h3{margin-bottom:14px;font-size:1.625rem}.journey-started .journey-primary{padding-inline:18px}.journey-started .journey-primary>span:first-child{white-space:nowrap}}@media (orientation:landscape) and (height<=370px) and (width>=640px){.journey-started .journey-kicker{display:none}}.day-streak small{letter-spacing:.03em;margin-left:2px;font-size:.6875rem}.level-orb{border-radius:999px;justify-content:center;align-items:center;gap:5px;width:auto;min-width:38px;padding:0 11px;display:inline-flex}.level-orb small{letter-spacing:.14em;color:var(--gold-ink);font-size:.5938rem;font-weight:600}.home-hero .level-orb small{color:var(--gold-light)}.streak-restart{color:var(--navy-muted);align-items:flex-start;gap:8px;margin:16px 0 0;font-size:.875rem;line-height:1.5;display:flex}.streak-restart svg{opacity:.6;filter:grayscale();flex:none;margin-top:2px}.streak-restart b{color:var(--gold-light);font-weight:600}@media (width>=850px),(orientation:landscape) and (width>=640px){.streak-restart{grid-column:1/-1}}@media (orientation:landscape) and (height<=500px) and (width>=640px){.home-hero{grid-template-rows:auto auto auto 1fr auto}.streak-restart{grid-area:3/1}.home-welcome{grid-row:4}.journey-card{grid-row:1/5}.hero-dado{grid-row:5}}.lesson-words-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:28px 0 12px;display:flex}.lesson-words-bar .lesson-eyebrow{margin:0}.lesson-view-switch{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:3px;display:inline-flex}.lesson-view-switch button{color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:600;display:inline-flex}.lesson-view-switch button[aria-pressed=true]{background:var(--fill);color:var(--on-fill)}.lesson-view-switch button[aria-pressed=true] .icon{color:var(--fill-accent)}@media (hover:hover){.lesson-view-switch button[aria-pressed=false]:hover{background:var(--wash);color:var(--ink)}}.lesson-words-hint{font-size:var(--text-sm);color:var(--muted);margin:0 0 10px;line-height:1.5}.compact-words{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.compact-word+.compact-word{border-top:1px solid var(--line)}.compact-word-row{text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px 12px 8px 16px;display:flex}.compact-word-row:focus-visible{outline-offset:-4px}@media (hover:hover){.compact-word-row:hover{background:var(--wash)}}.compact-word-text{flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0;display:flex}.compact-word-text>b{font-size:1rem;font-weight:600;line-height:1.35}.compact-word-text>i{color:var(--muted);font-size:.875rem;line-height:1.4}.compact-word-text .word-tags{margin-top:4px}.compact-word-ar{text-align:right;flex-shrink:1;min-width:0;max-width:58%;font-size:2rem;line-height:1.9}.compact-word-chevron{color:var(--gold-ink);transition:transform .2s var(--ease);flex-shrink:0}.compact-word.open{background:var(--wash)}.compact-word.open .compact-word-chevron{transform:rotate(180deg)}.compact-word.open .compact-word-row{min-height:48px}.compact-word.open .compact-word-row :is(i,.word-tags,.compact-word-ar){display:none}.compact-word-card{padding:0 10px 10px}@media (width<=380px){.compact-word-ar{font-size:1.75rem}.compact-word-row{gap:8px;padding-left:12px}}.lesson-sheet{--go-bar:96px;scroll-padding-bottom:calc(var(--go-bar) + env(safe-area-inset-bottom))}.lesson-sheet .lesson-actions{bottom:calc(-1 * var(--sheet-pad-end,28px));z-index:2;margin:20px calc(-1 * var(--sheet-pad)) 6px;padding:12px var(--sheet-pad) max(14px,calc(env(safe-area-inset-bottom) + 8px));background:var(--paper);position:sticky}.lesson-sheet .lesson-actions:before{content:"";background:linear-gradient(to bottom,transparent,var(--paper));pointer-events:none;height:16px;position:absolute;bottom:100%;left:0;right:0}.lesson-sheet .lesson-leave{margin-top:0}@media (width<=600px){.lesson-sheet{--sheet-pad-end:max(24px,env(safe-area-inset-bottom))}}@media (width<=699px),(height<=700px){.opens-level .level-threshold{text-align:left;align-items:center;gap:16px;margin-bottom:18px;padding:0 0 18px;display:flex}.opens-level .level-threshold .level-portal{flex:none;width:min(30vw,124px);margin:0}.opens-level .level-threshold-text{flex:1;min-width:0}.opens-level .level-threshold-title{margin:0 0 6px;font-size:1.875rem;line-height:1.15}.opens-level .level-threshold-meta{justify-content:flex-start;font-size:.8125rem}.opens-level .lesson-heading{margin:16px 0}}@media (width>=900px){.lesson-sheet :is(.lesson-words-bar,.lesson-words-hint,.compact-words){max-width:720px;margin-inline:auto}.sheet.lesson-sheet .lesson-actions{max-width:none;margin-inline:calc(-1 * var(--sheet-pad))}.sheet.lesson-sheet .lesson-actions .big-btn{max-width:480px;margin-inline:auto}}@media (height<=500px){.lesson-sheet{--go-bar:68px}.lesson-sheet .lesson-actions{padding-top:10px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.lesson-sheet .lesson-actions .big-btn{min-height:46px;padding:8px 18px}.opens-level .level-threshold .level-portal{width:84px}.opens-level .level-threshold-title{font-size:1.625rem}}.level-threshold-quran{color:var(--muted);margin:8px 0 0;font-size:.875rem;line-height:1.45}@media (width<=699px),(height<=700px){.opens-level .level-threshold-quran{margin-top:6px;font-size:.8125rem}}.opens-level :is(.compact-words,.word-cards)+.lesson-why{margin-top:24px}.rush-strip{border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:var(--radius);background:var(--surface);align-items:center;gap:10px;min-height:80px;margin:-8px 0 0;padding:8px 8px 8px 14px;display:flex;position:relative}.rush-strip+.deck{margin-top:14px}.rush-strip.lose{border-left-color:var(--terracotta)}.rush-strip.waiting{border-left-color:var(--gold);background:0 0;border-style:dashed solid}.rush-strip.waiting p{font-size:var(--text-sm);color:var(--muted);line-height:1.5}.rush-strip-body{flex:1;min-width:0}.rush-strip p{margin:0}.rush-strip-verdict{letter-spacing:.12em;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:.75rem;line-height:1.4;display:flex}.rush-strip-verdict b{font-weight:600}.rush-strip.win .rush-strip-verdict{color:var(--teal)}.rush-strip.lose .rush-strip-verdict{color:var(--terracotta)}.rush-strip-xp,.rush-strip-milestone{letter-spacing:.04em;color:var(--gold-ink);font-weight:600}.rush-strip-milestone{align-items:center;gap:4px;display:inline-flex}.rush-strip-answer{flex-wrap:wrap;align-items:baseline;gap:0 10px;min-width:0;line-height:1.35;display:flex}.rush-strip-right{color:var(--ink);overflow-wrap:anywhere;font-size:1rem;font-weight:600}.rush-strip-right.is-arabic .arabic,.rush-strip-right .pattern-option .arabic{font-size:1.5rem;line-height:1.85}.rush-strip-right .pattern-option{align-items:baseline;gap:8px;display:inline-flex}.rush-strip-right .pattern-option small{color:var(--muted);font-size:.8125rem;font-weight:400}.rush-strip-answer i{color:var(--muted);font-size:.8125rem}.rush-strip-meaning{color:var(--muted);overflow-wrap:anywhere;font-size:.875rem}.rush-strip-meaning .arabic{color:var(--ink);font-size:1.25rem;line-height:1.85}.rush-strip-more{color:var(--lapis);border-color:var(--line-strong);background:0 0;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;font-weight:600;display:inline-flex}@media (hover:hover){.rush-strip-more:hover{background:var(--wash)}}.rush-more-note{text-align:center;font-size:var(--text-sm);color:var(--muted);margin:0 0 8px}@media (height<=500px){.rush-strip{min-height:58px;padding-block:4px}.rush-strip-body{flex-wrap:wrap;align-items:baseline;gap:0 12px;display:flex}}@media (width>=43.75em) and (height>=56.25em){.rush-strip{left:0;right:0;bottom:max(16px,calc(env(safe-area-inset-bottom) + 8px));z-index:25;width:min(100% - 48px,600px);box-shadow:0 6px 22px var(--shade-a25);margin:0 auto;position:fixed}.rush-strip.waiting{background:var(--paper);box-shadow:none}.rush-strip+.deck{margin-top:24px}.app-play.rush-play{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}@media (width>=43.75em) and (height>=61.25em) and (orientation:portrait){.app-play.rush-play .play-surface{min-height:calc(100dvh - 190px)}}.atlas-level{content-visibility:auto;contain-intrinsic-size:auto 900px;margin-inline:-8px;margin-bottom:24px;padding:0 8px 8px}.review-page .review-topic{content-visibility:auto;contain-intrinsic-size:auto 96px}.word-mark{flex-shrink:0;display:block;overflow:visible}.word-mark-star{fill:none;stroke:var(--gold-ink);stroke-width:1.5px;stroke-linejoin:round}.word-mark-heart{fill:var(--gold-ink)}.word-mark.mark-strong .word-mark-star{fill:var(--gold);fill-opacity:.35}.word-mark.mark-kept .word-mark-star{fill:var(--gold);stroke:var(--gold-ink)}.word-mark.mark-kept .word-mark-heart{fill:var(--surface)}.words-summary .words-count{color:var(--muted);margin:0 0 8px;font-size:.9375rem}.words-summary .words-count b{font:600 2.5rem/1 var(--display);color:var(--ink);margin-right:4px}.mark-legend{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:16px 0 4px;padding:0;font-size:.8125rem;list-style:none;display:flex}.mark-legend li{align-items:center;gap:6px;display:inline-flex}.words-filters{margin-bottom:12px}.words-filters .filter-count{font-variant-numeric:tabular-nums;opacity:.75;margin-left:2px}.words-level{margin:24px 0 32px}.my-words-block{content-visibility:auto;contain-intrinsic-block-size:auto 1024px}.my-words-block>div{margin:0;padding:0}.words-level-head{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:10px;padding-bottom:12px;display:flex}.words-level-head>span{flex-direction:column;gap:2px;min-width:0;display:flex}.words-level-head b{font:600 1.375rem/1.2 var(--display)}.words-level-head small{color:var(--muted);font-size:.8125rem}.my-words{margin:0;padding:0;list-style:none}.my-word{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;min-height:64px;color:var(--ink);background:0 0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 8px;display:grid}@media (hover:hover){.my-word:hover{background:var(--wash)}}.my-word-text{flex-direction:column;gap:2px;min-width:0;display:flex}.my-word-text b{overflow-wrap:break-word;font-size:.9375rem;font-weight:600}.my-word-text small{color:var(--muted);overflow-wrap:break-word;font-size:.8125rem}.my-word-missed{color:var(--terracotta)}.my-word.missed .my-word-mark{position:relative}.my-word.missed .my-word-mark:after{content:"";background:var(--terracotta);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-3px}.my-word-ar{text-align:right;max-width:46vw;font-size:1.625rem;line-height:1.9}.words-empty{text-align:center;color:var(--muted)}.words-empty .claim-btn{margin-top:16px}.my-word-sheet-mark{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:0 0 12px;font-size:.875rem;display:flex}.my-word-sheet-mark span{color:var(--terracotta)}.words-entry{text-align:left;align-items:center;gap:16px;width:100%;padding:20px;display:flex}.words-entry>span:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.words-entry b{font:600 1.5rem/1.2 var(--display)}.words-entry small:not(.panel-title){color:var(--muted);font-size:.8125rem}.words-entry .panel-title{margin-bottom:0}.words-entry .icon-arrow{color:var(--gold-ink)}.word-milestones{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:0 0 20px;padding:0;font-size:.875rem;list-style:none;display:flex}.word-milestones li{align-items:center;gap:6px;display:inline-flex}.word-milestones li.reached{color:var(--ink);font-weight:600}.week-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 16px;display:grid}.week-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:16px}.week-tile small{color:var(--muted);font-size:.75rem;display:block}.week-tile b{font:600 2.25rem/1.1 var(--display);font-variant-numeric:tabular-nums;margin:4px 0 6px;display:block}.week-days{margin:0 0 4px;font-size:.875rem}.week-days+p{color:var(--muted);margin:0;font-size:.875rem}.week-step{border-left:2px solid var(--gold);background:var(--paper);margin-top:18px;padding:16px 18px}.week-step small{letter-spacing:.12em;color:var(--gold-ink);margin-bottom:6px;font-size:.6875rem;display:block}.week-step b{margin-bottom:4px;font-size:1rem;display:block}.week-step p{color:var(--muted);margin:0 0 10px;font-size:.875rem}.week-step .arabic{font-size:1.5rem;line-height:1.9}.week-step-words{flex-wrap:wrap;gap:4px 14px;margin-bottom:12px;display:flex}@media (width<=360px){.week-tiles{grid-template-columns:1fr}}.milestone-moment{text-align:left;border:1px solid var(--gold-a60);border-radius:var(--radius-lg);background:var(--surface);width:100%;box-shadow:0 0 0 4px var(--gold-a25);align-items:center;gap:16px;margin:8px 0 4px;padding:16px 18px;display:flex}.milestone-moment .medallion{width:64px;height:64px}.milestone-crest{flex:none}.milestone-text{flex:1;min-width:0}.milestone-moment .unlock-badge{margin-bottom:4px}.milestone-moment h2{font:600 1.5rem/1.2 var(--display);margin:0 0 4px}.milestone-moment p{color:var(--muted);margin:0;font-size:.875rem}.milestone-moment .text-btn{min-height:44px;margin-top:4px;padding-inline:0}html[data-fx=reduced] .milestone-moment{animation:.4s ease-out backwards fx-fade-in}html[data-fx=full] .milestone-moment{animation:.6s cubic-bezier(.2,.7,.2,1) .3s backwards fx-rise}.share-preview{aspect-ratio:1080/1350;border-radius:var(--radius);width:min(100%,320px);height:auto;box-shadow:var(--shadow-lift);background:var(--navy);margin:8px auto 16px;display:block}.share-sheet .setting{margin-bottom:12px}.share-actions{gap:10px;display:grid}