@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Bricolage+Grotesque:wght@400;600;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--glaze:#edf2f3;--paper:#fff;--ink:#12323a;--teal:#0e5363;--teal-deep:#0a3843;--saffron:#e8a33d;--silver:#c9d5d8;--muted:#52707a;--line:#dbe5e7;--sans:"Bricolage Grotesque", system-ui, sans-serif;--arabic:"Amiri", "Traditional Arabic", serif;--chunk-neutral:var(--ink);--chunk-blue:#2563eb;--chunk-green:#15803d;--chunk-hundreds:#db2777;--chunk-thousands:#b91c1c;--card-back-bg:var(--teal);--card-back-fg:var(--paper);--card-back-shadow:var(--teal-deep);--coin-fg:#12323a;--error-fg:#b91c1c;--error-bg:#b91c1c1a;--success-fg:#15803d;--success-bg:#15803d1a;--counter-bg:#fff9;--bg:var(--glaze);--surface-2:#f4f8f8;--border-strong:#c4d4d7;--on-primary:#fff;--primary-soft:#e0eef0;--nav-fg:#33525a;--accent-soft:#e8a33d29;--shadow-sm:0 1px 2px #102a310f, 0 1px 3px #102a310d;--shadow-md:0 4px 16px #102a311a;--shadow-card:0 1px 2px #102a310d, 0 10px 28px #102a3114;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--tap:44px;--sidebar-w:252px;--bottom-nav-h:64px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glaze:#0d171a;--paper:#142227;--ink:#e2ecee;--teal:#4fd1c5;--teal-deep:#7ee0d6;--saffron:#f0b44c;--silver:#b8c7cb;--muted:#8ca5ac;--line:#22363c;--chunk-neutral:var(--ink);--chunk-blue:#60a5fa;--chunk-green:#4ade80;--chunk-hundreds:#f472b6;--chunk-thousands:#f87171;--card-back-bg:#0f2e36;--card-back-fg:#f0f7f8;--card-back-shadow:#07191e;--coin-fg:#12323a;--error-fg:#f87171;--error-bg:#f8717124;--success-fg:#4ade80;--success-bg:#4ade8024;--counter-bg:#ffffff0a;--surface-2:#1a2b31;--border-strong:#2f474e;--on-primary:#062a2e;--primary-soft:#17393d;--nav-fg:#c3d3d7;--accent-soft:#f0b44c29;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 6px 20px #0006;--shadow-card:0 1px 2px #0000004d, 0 12px 32px #00000059}:root[data-theme=levantine]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--glaze:#f3ebdd;--paper:#fffaf1;--ink:#2b2118;--teal:#a8482a;--teal-deep:#7a3219;--saffron:#c98a2b;--silver:#d8cdb9;--muted:#6f5c49;--line:#eadfcc;--chunk-neutral:var(--ink);--chunk-blue:#2f5d9e;--chunk-green:#55682f;--chunk-hundreds:#b0306a;--chunk-thousands:#a12a1f;--card-back-bg:#8f3b22;--card-back-fg:#fffaf1;--card-back-shadow:#5e2513;--coin-fg:#2b2118;--error-fg:#a12a1f;--error-bg:#a12a1f1a;--success-fg:#4d6129;--success-bg:#55682f24;--counter-bg:#fffaf1b3;--surface-2:#f8f1e5;--border-strong:#dccbb0;--on-primary:#fffaf1;--primary-soft:#f5e1d3;--nav-fg:#4a3b2e;--accent-soft:#c98a2b29;--shadow-sm:0 1px 2px #4a301812, 0 1px 3px #4a30180f;--shadow-md:0 4px 16px #4a30181f;--shadow-card:0 1px 2px #4a30180f, 0 10px 28px #4a30181a}*{box-sizing:border-box}body{background:var(--glaze);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button,input,select{color:inherit}button{touch-action:manipulation}.app{min-height:100dvh;font-family:var(--sans);color:var(--ink)}.app>main{flex-direction:column;gap:16px;width:100%;min-width:0;margin:0 auto;display:flex}.app>main>[role=tabpanel],.app-brand{min-width:0}h1{letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:800;line-height:1.2}.tagline{color:var(--muted);margin:2px 0 0;font-size:.75rem}.mode-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.mode-tab{font:inherit;white-space:nowrap;color:var(--nav-fg);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font-weight:600;transition:background .12s,color .12s;display:flex;position:relative}.mode-tab:hover{background:var(--surface-2);color:var(--ink)}.mode-tab[aria-selected=true]{background:var(--primary-soft);color:var(--teal-deep)}.mode-tab:focus-visible,.mobile-scenes-trigger:focus-visible{outline:3px solid var(--saffron);outline-offset:-3px}.nav-icon{flex:none}.mobile-scenes-trigger{font:inherit;color:var(--nav-fg);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;font-weight:600;display:none}.spelling-switches{display:flex}.spelling-panel{flex-direction:column;gap:8px;display:flex}.spelling-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.7rem;font-weight:800}.spelling-groups{flex-wrap:wrap;gap:8px;display:flex}.spelling-group{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.spelling-ar{font-family:var(--arabic);color:var(--muted);padding:0 8px 0 6px;font-size:1.1rem}.spelling-group button{font:inherit;min-width:2.25rem;height:2rem;color:var(--nav-fg);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-weight:700}.spelling-group button.on{background:var(--paper);color:var(--teal-deep);box-shadow:var(--shadow-sm)}.header-actions{align-items:center;gap:8px;display:flex}.theme-picker{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-toggle,.theme-levantine-btn{height:2rem;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}.theme-toggle[data-active=true],.theme-levantine-btn[data-active=true]{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm)}.theme-levantine-swatch{background:linear-gradient(135deg,#b4532a 0 50%,#6b7a3a 50% 100%);border-radius:50%;width:.9rem;height:.9rem;box-shadow:inset 0 0 0 1px #0000001f}.icon-btn,.dev-toggle-btn{width:2.5rem;height:2.5rem;font:inherit;border:1px solid var(--line);background:var(--paper);color:var(--nav-fg);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;font-size:1rem;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.icon-btn:hover,.dev-toggle-btn:hover{border-color:var(--border-strong);color:var(--ink)}.spelling-popover-trigger{font-family:var(--arabic);font-size:1.2rem}.spelling-popover-trigger[aria-pressed=true]{background:var(--primary-soft);color:var(--teal-deep)}.theme-toggle:focus-visible,.theme-levantine-btn:focus-visible,.icon-btn:focus-visible,.dev-toggle-btn:focus-visible,.spelling-group button:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}@media (width<=899.98px){.app{padding-bottom:calc(var(--bottom-nav-h) + 12px + env(safe-area-inset-bottom))}.app[data-scenes-open=true]{padding-bottom:calc(var(--bottom-nav-h) + 58px + env(safe-area-inset-bottom))}.app>header{z-index:30;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;background:var(--glaze);border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex;position:sticky;top:0}.app-brand{flex:1}h1{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.tagline{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app>main{max-width:720px;padding:14px 14px 8px}.app[data-scene=true]>main{max-width:none;padding:8px}.mode-tabs{z-index:40;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));column-gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #102a3114}.mode-tab{flex-direction:column;justify-content:center;gap:3px;min-width:0;height:52px;padding:0 2px;font-size:.7rem}.mode-tab[data-group=study]{grid-row:2}.mode-tab[data-group=scenes]{background:var(--surface-2);flex-direction:row;grid-row:1;gap:5px;height:42px;margin-bottom:6px;font-size:.74rem;display:none}.mode-tab[data-group=scenes][aria-selected=true]{background:var(--primary-soft)}.app[data-scenes-open=true] .mode-tab[data-group=scenes]{display:flex}.mode-tab-label{text-overflow:ellipsis;max-width:100%;overflow:hidden}.mobile-scenes-trigger{z-index:41;right:6px;bottom:calc(6px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:3px;width:calc(25% - 6px);height:52px;font-size:.7rem;display:flex;position:fixed}.mobile-scenes-trigger[data-active=true],.mobile-scenes-trigger[aria-pressed=true]{background:var(--primary-soft);color:var(--teal-deep)}.spelling-switches{align-items:center;position:relative}.spelling-panel{z-index:50;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:240px;box-shadow:var(--shadow-md);padding:14px;display:none;position:absolute;top:calc(100% + 10px);right:0}.spelling-switches[data-mobile-open=true] .spelling-panel{display:flex}.header-actions{gap:6px}.theme-toggle,.theme-levantine-btn{padding:0 10px}}@media (width<=479.98px){.tagline,.theme-toggle-text,.brand-tail,.mode-tab[data-group=scenes] .nav-icon{display:none}.icon-btn,.dev-toggle-btn{width:2.25rem;height:2.25rem}}@media (width>=900px){.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);align-items:start;display:grid}.app>header{background:var(--paper);border-right:1px solid var(--line);flex-direction:column;gap:20px;height:100dvh;padding:22px 14px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.app-brand{padding:0 10px}.app>main{max-width:960px;padding:32px 36px 56px}.app[data-scene=true]>main{max-width:1240px;padding:16px 20px 24px}.mode-tabs{flex-direction:column;gap:2px;display:flex}.mode-tab{height:var(--tap);padding:0 12px;font-size:.92rem}.mode-tab[data-group-start]{margin-top:30px}.mode-tab[data-group-start]:before{content:attr(data-group-start);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);pointer-events:none;font-size:.68rem;font-weight:800;position:absolute;top:-22px;left:12px}.mode-tab:first-child{margin-top:22px}.spelling-switches{border-top:1px solid var(--line);flex-direction:column;gap:14px;margin-top:auto;padding:16px 6px 0}.spelling-popover-trigger{display:none}.header-actions{justify-content:space-between}.theme-picker{flex:1}.theme-toggle,.theme-levantine-btn{flex:1;justify-content:center;padding:0 8px}}.phonetic-key{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:14px 18px}.phonetic-key h2{margin:0 0 8px;font-size:.9rem}.phonetic-key-details{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:14px 18px}.phonetic-key-details>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem;font-weight:800;list-style:none;display:flex}.phonetic-key-details>summary::-webkit-details-marker{display:none}.phonetic-key-details>summary:after{content:"▾";color:var(--muted);transition:transform .15s}.phonetic-key-details:not([open])>summary:after{transform:rotate(-90deg)}.phonetic-key-details[open]>summary{margin-bottom:10px}.phonetic-key-details .phonetic-key h2{display:none}.phonetic-key-details .phonetic-key{box-shadow:none;background:0 0;border:0;padding:0}.phonetic-key dl{flex-wrap:wrap;gap:8px 16px;margin:0;display:flex}.phonetic-key dt{font-weight:700;display:inline}.phonetic-key dd{margin:0;font-size:.9rem;display:inline}.phonetic-key-ex{color:var(--muted)}.phonetic-key-note{color:var(--muted);margin:10px 0 0;font-size:.75rem;line-height:1.45}.bill{border:2px solid var(--teal);background:var(--paper);width:9rem;height:7rem;color:var(--teal);border-radius:8px;place-items:center;display:inline-grid}.bill-1{color:#0d2818;background:#40916c;border-color:#2d6a4f}.bill-5{color:#fff8f0;background:#c1121f;border-color:#9d0208}.bill-10{color:#f1faee;background:#1d3557;border-color:#14213d}.bill-20{color:#023047;background:#48cae4;border-color:#0096c7}.bill-50{color:#f8f0ff;background:#7b2cbf;border-color:#5a189a}.bill.small{width:6.5rem;height:5rem}.bill-inner{flex-direction:column;align-items:center;gap:4px;display:flex}.bill-mark{font-family:var(--arabic);font-size:2rem;font-weight:700;line-height:1}.bill.small .bill-mark{font-size:1.5rem}.bill-unit{font-family:var(--arabic);font-size:.9rem}.phrase-en,.en{color:var(--muted);margin:4px 0 0;font-size:.9rem}.phrase-note,.phrase-note-inline{color:var(--muted);border-left:2px solid var(--saffron);margin-top:6px;padding-left:8px;font-size:.8rem}.phrase-row .phrase-en,.phrase-row .phrase-note-inline{grid-column:2}.ref-page{flex-direction:column;gap:16px;width:100%;display:flex}.ref-toolbar{flex-direction:column;gap:14px;display:flex}.ref-body{grid-template-columns:11rem 1fr;align-items:start;gap:28px;display:grid}.ref-index{flex-direction:column;gap:2px;display:flex;position:sticky;top:16px}.ref-index-link{font:inherit;color:var(--nav-fg);text-align:left;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:9px 12px;font-size:.9rem;font-weight:600}.ref-index-link:hover{background:var(--surface-2);color:var(--ink)}.ref-index-link.active{background:var(--primary-soft);color:var(--teal-deep)}.ref-index-link.dim{opacity:.35;pointer-events:none}.ref-index-link:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}.ref-main{flex-direction:column;gap:24px;min-width:0;display:flex}@media (width<=720px){.ref-body{grid-template-columns:1fr;gap:12px}.ref-index{background:var(--glaze);z-index:5;scrollbar-width:none;flex-flow:row;gap:6px;margin:0 -14px;padding:8px 14px;position:sticky;top:57px;overflow-x:auto}.ref-index::-webkit-scrollbar{display:none}.ref-index-link{border:1px solid var(--line);background:var(--paper);border-radius:999px;flex:none;padding:7px 14px}.ref-index-link.active{border-color:#0000}.ref-index-link.dim{display:none}}.practice-range-select{font:inherit;height:var(--tap);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23889' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;appearance:none;color:var(--ink);cursor:pointer;max-width:100%;padding:0 36px 0 14px;font-size:.92rem;font-weight:600}.practice-range-select:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}.ref-empty{color:var(--muted);margin:0;font-size:.95rem}.ref-search-wrap{width:100%;max-width:420px}.ref-search{width:100%;height:var(--tap);font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23889' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M12.5 12.5L17 17'/%3E%3C/svg%3E") no-repeat 13px center;box-shadow:var(--shadow-sm);padding:0 14px 0 40px;font-size:1rem}.ref-search:focus-visible{outline:3px solid var(--saffron);outline-offset:1px}.ref-search-hit{border-radius:var(--radius-md);border:1px solid var(--saffron);background:var(--accent-soft);margin-bottom:16px;padding:12px 14px}.ref-search-hit .ref-sub{margin-top:0}.analog-clock.labeled{touch-action:none;width:100%;max-width:28rem}.clock-half.past{fill:#e8a33d40}.clock-half.to{fill:#0e4f5c1f}.clock-midline{stroke:var(--ink);stroke-width:1.5px}.clock-label-text,.clock-marker-text{fill:var(--ink);font-size:11px;font-weight:700}.clock-num-label{fill:var(--teal);font-size:11px;font-family:var(--arabic)}.controls{flex-wrap:wrap;gap:10px;display:flex}.seg{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);scrollbar-width:none;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{font:inherit;min-height:36px;color:var(--nav-fg);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:none;padding:0 14px;font-size:.875rem;font-weight:600;transition:background .12s,color .12s}.seg button:hover:not(:disabled):not(.on){color:var(--ink);background:color-mix(in srgb, var(--paper) 60%, transparent)}.seg button.on{background:var(--paper);color:var(--teal-deep);box-shadow:var(--shadow-sm)}.seg button:disabled{opacity:.4;cursor:default}.seg button:focus-visible,.card:focus-visible,.answer-row button:focus-visible,.reset:focus-visible,.btn-primary:focus-visible,.btn-ghost:focus-visible,.link-btn:focus-visible,.learn-step-btn:focus-visible,.learn-section-toggle:focus-visible,.devtools-course-group-toggle:focus-visible,.practice-chip:focus-visible,.practice-filter-summary:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}.card{cursor:pointer;perspective:1400px;width:100%;height:clamp(280px,46dvh,400px);font:inherit;color:inherit;background:0 0;border:0;padding:0;position:relative}.face{backface-visibility:hidden;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;transition:transform .45s cubic-bezier(.3,.7,.2,1);display:flex;position:absolute;inset:0}.front{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-card)}.card:not(.produce-prompt):not(.lesson-card-static):hover .front{border-color:var(--border-strong)}.back{background:var(--card-back-bg);color:var(--card-back-fg);box-shadow:var(--shadow-card);--chunk-neutral:var(--card-back-fg);--chunk-blue:#93c5fd;--chunk-green:#4ade80;border:1px solid #0000;transform:rotateY(180deg)}.card.flipped .front{transform:rotateY(-180deg)}.card.flipped .back{transform:rotateY(0)}.big-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(3.5rem,16vw,6.5rem);font-weight:800;line-height:1}.big-num.clock{letter-spacing:.02em;font-size:clamp(2rem,10vw,3.5rem)}.cur{letter-spacing:0;margin-left:.4em;font-size:.28em;font-weight:600}.ar-num{font-family:var(--arabic);color:var(--saffron);margin:0;font-size:clamp(3.5rem,15vw,5.5rem);line-height:1.1}.ar-num.clock{font-size:clamp(2rem,10vw,3rem)}.front .ar-num{color:var(--teal)}.back .ar-num{color:var(--saffron)}.unit{margin-left:.4em;font-size:.35em}.ar-words{font-family:var(--arabic);text-align:center;margin:0;font-size:clamp(1.6rem,6vw,2.25rem);line-height:1.4}.ar-words.big{font-size:clamp(2.4rem,10vw,3.75rem)}.ph{text-align:center;margin:0;font-size:clamp(1.25rem,4.5vw,1.6rem);font-weight:600}.sub{text-align:center;opacity:.75;margin:0;font-size:.95rem}.hint{color:var(--muted);font-size:.8rem;position:absolute;bottom:16px}.back .hint{color:#ffffffa6}.time-card-face{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.time-card-clock{flex-shrink:0}.shop-prompt,.word-face{text-align:center;max-width:18rem;margin:0;font-size:clamp(1.15rem,4vw,1.5rem);font-weight:700;line-height:1.35}.sentence-prompt{max-width:22rem;font-size:clamp(1.5rem,5.5vw,2.05rem);font-weight:700;line-height:1.25}.sentence-spec{color:var(--muted);text-align:center;max-width:22rem;margin:0;font-size:clamp(.95rem,3vw,1.1rem);font-weight:400;line-height:1.4}.back .sentence-spec{color:#ffffffb8}.word-face{text-transform:capitalize}.word-face.small{font-size:1rem}.time-card-back{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.time-card-text{text-align:center}.time-on-back{margin-top:4px}.color-swatch-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.color-swatch{border:1.5px solid var(--ink);border-radius:12px;flex:none;width:5.5rem;height:5.5rem;display:block}.color-swatch-caption{text-transform:capitalize;margin:0;font-size:1.15rem;font-weight:600}.media-phrase-row{align-items:center;gap:14px;display:flex}.media-phrase-row>.phrase-row{flex:1;min-width:0}.media-phrase-media{flex:none;display:flex}.media-phrase-media .color-swatch,.word-picture{border:1.5px solid var(--ink);border-radius:10px;width:3.5rem;height:3.5rem}.word-picture{object-fit:cover;background:var(--paper);display:block}.coin{aspect-ratio:1;width:12.5em;color:var(--coin-fg);box-shadow:0 0 0 2px var(--ink);border-radius:50%;flex:none;place-items:center;font-size:1rem;display:grid;position:relative}.coin.small{box-shadow:0 0 0 2px var(--ink);font-size:.55rem}.coin.silver{background:var(--silver)}.coin.gold{background:var(--saffron)}.coin:before{content:"";border:.15em dotted #12323a99;border-radius:50%;position:absolute;inset:.6em}.coin-inner{flex-direction:column;align-items:center;gap:.15em;line-height:1;display:flex}.coin-num{font-family:var(--arabic);font-size:4.4em;font-weight:700}.coin-unit{font-family:var(--arabic);font-size:1.5em}.frac{font-family:var(--arabic);flex-direction:column;align-items:center;font-size:2.7em;font-weight:700;line-height:1.05;display:inline-flex}.frac span:first-child{border-bottom:.08em solid var(--coin-fg);padding:0 .4em}.analog-clock{-webkit-user-select:none;user-select:none;display:block}.analog-clock.interactive{cursor:pointer}.ref-section:has(.time-ref){-webkit-user-select:none;user-select:none}.analog-clock.interactive:focus-visible{outline:3px solid var(--saffron);outline-offset:4px;border-radius:50%}.clock-face{fill:var(--paper);stroke:var(--ink);stroke-width:2px}.back .clock-face{fill:var(--card-back-shadow);stroke:var(--card-back-fg)}.clock-tick{stroke:var(--ink);stroke-width:2px}.back .clock-tick{stroke:var(--card-back-fg);opacity:.7}.clock-hand{stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.clock-hand.hot{stroke:var(--saffron);stroke-width:4px}.clock-hand.minute{stroke-width:2px}.clock-hand.minute.hot{stroke-width:3px}.back .clock-hand{stroke:var(--saffron)}.clock-hub{fill:var(--ink)}.back .clock-hub{fill:var(--saffron)}.answer-row{opacity:.45;gap:12px;transition:opacity .2s;display:flex}.answer-row.show{opacity:1}.answer-row button{font:inherit;border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;flex:1;min-height:52px;padding:12px;font-size:1rem;font-weight:700;transition:transform 80ms,filter .12s}.answer-row button:not(:disabled):active{transform:scale(.98)}.answer-row button:disabled{cursor:default}.miss{background:var(--paper);color:var(--error-fg);border-color:var(--border-strong)!important}.miss:not(:disabled):hover{background:var(--error-bg)}.hit{background:var(--teal);color:var(--on-primary);box-shadow:var(--shadow-sm)}.hit:not(:disabled):hover{filter:brightness(1.08)}.answer-row-key{opacity:.6;margin-left:6px;font-size:.72rem;font-weight:600}.practice-footer{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:.85rem;display:flex}.reset{font:inherit;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:6px 0;font-size:.85rem;font-weight:600;text-decoration:underline}.reset:hover{color:var(--ink)}.learn-wrap{flex-direction:column;gap:16px;width:100%;display:flex}.learn-categories{width:fit-content}.learn-layout{grid-template-columns:minmax(200px,260px) 1fr;align-items:start;gap:24px;display:grid}.learn-steps ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.learn-step-btn{text-align:left;width:100%;min-height:52px;font:inherit;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--paper);cursor:pointer;color:var(--ink);align-items:center;gap:12px;padding:10px 14px;font-size:.92rem;font-weight:600;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.learn-step-btn:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.learn-step-btn:active{transform:scale(.99)}.learn-step-btn.active{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.step-num{font-variant-numeric:tabular-nums;width:1.9rem;height:1.9rem;color:var(--teal-deep);background:var(--primary-soft);border-radius:999px;flex:none;place-items:center;font-size:.78rem;font-weight:800;display:inline-grid}.learn-step-btn.is-done .step-num{color:var(--on-primary);background:var(--teal)}.step-title{flex:1;line-height:1.25}.step-prereq{color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600}.step-check{color:var(--success-fg);background:var(--success-bg);border-radius:999px;flex:none;padding:2px 8px;font-size:.75rem;font-weight:800}.learn-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:clamp(18px,4vw,28px)}.learn-panel h2{letter-spacing:-.01em;margin:0 0 12px;font-size:1.4rem}.learn-blurb{color:var(--muted);margin:0 0 20px;line-height:1.55}.learn-examples{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.phrase-row{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:3rem 1fr;gap:2px 12px;padding:12px 14px;display:grid}.phrase-label{font-variant-numeric:tabular-nums;grid-row:1/3;align-self:center;font-weight:600}.phrase-ar{font-family:var(--arabic);text-align:right;font-size:1.25rem}.phrase-ph{color:var(--muted);font-size:.9rem;font-weight:600}.phrase-chunks .phrase-chunk{margin-inline:.2em}.phrase-chunks .phrase-chunk:first-child{margin-inline-start:0}.phrase-chunks .phrase-chunk:last-child{margin-inline-end:0}.phrase-chunk-linker{color:var(--saffron);font-weight:700}.phrase-chunk.chunk-content-0{color:var(--teal);font-weight:700}.phrase-chunk.chunk-content-1{color:var(--teal-deep);font-weight:700}.phrase-chunk.chunk-content-2{color:var(--chunk-neutral);font-weight:700}.phrase-row--gloss{grid-template-columns:minmax(9rem,12rem) 1fr;align-items:center}.phrase-row--gloss .phrase-label{overflow-wrap:anywhere;font-weight:700}.phrase-row--gloss .phrase-label:first-letter{text-transform:uppercase}.phrase-row--gloss .phrase-ar{text-align:right}.phrase-row--gloss .phrase-ph{text-align:center}@media (width<=480px){.phrase-row--gloss{grid-template-columns:1fr}.phrase-row--gloss .phrase-label{grid-row:auto}.phrase-row--gloss .phrase-ar,.phrase-row--gloss .phrase-ph{text-align:start}}.learn-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.btn-primary{font:inherit;border-radius:var(--radius-md);background:var(--teal);min-height:48px;color:var(--on-primary);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:1rem;font-weight:700;transition:filter .12s,transform 80ms;display:inline-flex}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.45;cursor:default;box-shadow:none}.btn-ghost{font:inherit;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--paper);min-height:40px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-ghost:disabled{opacity:.4;cursor:default}.btn-back{color:var(--nav-fg);padding-left:10px}.btn-back:before{content:"";border-bottom:2px solid;border-left:2px solid;width:7px;height:7px;margin:0 3px 0 4px;transform:rotate(45deg)}.practiced-note{color:var(--teal);font-size:.85rem}.learn-nav-row{gap:10px;display:flex}.learn-course .learn-steps ol{gap:18px}.learn-section-group{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.learn-section-group ul{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:0;padding:4px 14px 16px;list-style:none;display:grid}.learn-random-row{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin-bottom:4px;display:flex}.learn-random-row .learn-step-btn{background:var(--surface-2);width:auto;min-height:36px;color:var(--nav-fg);border-radius:999px;flex:none;padding:0 14px;font-size:.82rem}.learn-random-row .learn-step-btn:before{content:"⤨";font-size:.95rem}.learn-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font-size:.7rem;font-weight:800}.learn-section-toggle{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:14px 16px;font-family:inherit;font-size:.82rem;transition:background .12s,color .12s;display:flex}.learn-section-toggle:hover{background:var(--surface-2)}.learn-section-toggle.collapsed{color:var(--nav-fg)}.learn-section-title{color:var(--ink)}.learn-section-progress{background:var(--line);border-radius:999px;width:64px;height:6px;display:inline-block;overflow:hidden}.learn-section-progress>span{background:var(--teal);border-radius:inherit;height:100%;display:block}.learn-section-meta{letter-spacing:.02em;text-transform:none;color:var(--muted);align-items:center;gap:8px;font-size:.72rem;font-weight:700;display:inline-flex}.learn-section-count{font-variant-numeric:tabular-nums}.learn-section-action{color:var(--muted);font-size:.9rem;font-weight:800;transition:transform .15s;display:inline-block}.learn-section-toggle.collapsed .learn-section-action{transform:rotate(-90deg)}.learn-panel-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.learn-panel-head h2{margin:0}.lesson-prereq-pill{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.lesson-complete-pill{background:var(--success-bg);color:var(--success-fg);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.lesson-drill{flex-direction:column;gap:12px;display:flex}.lesson-progress{color:var(--teal);margin:0;font-size:.85rem;font-weight:700}.lesson-drill-reminder{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.card.lesson-card{height:300px}.card.lesson-card-static{cursor:default;pointer-events:none;height:auto;min-height:120px}.what-time-prompt{gap:4px;padding-bottom:12px}.what-time-prompt .ar-words{font-size:clamp(1.35rem,5vw,1.75rem);line-height:1.25}.what-time-prompt .ph{font-size:clamp(1rem,3.8vw,1.2rem)}.lesson-produce-stack{flex-direction:column;gap:16px;display:flex}.lesson-digit-round{flex-direction:column;gap:12px;display:flex}.digit-phrase-ar{font-family:var(--arabic);text-align:right;margin:0;font-size:1.35rem}.digit-phrase-ph{color:var(--muted);margin:0;font-weight:600}.digit-pick .digit-choice-btn{font-size:1.5rem}.build-amount-prompt{text-align:center;padding:20px}.build-amount-prompt .ar-words{font-family:var(--arabic);margin:0 0 8px;font-size:1.5rem}.build-amount-prompt .ph{margin:0;font-weight:600}.build-amount-jod{color:var(--teal);margin:0 0 8px;font-weight:700}.amount-tray-wrap{flex-direction:column;gap:16px;display:flex}.amount-zone-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:.8rem;font-weight:700}.amount-counter{border:2px dashed var(--line);background:var(--counter-bg);border-radius:12px;min-height:7rem;padding:12px}.amount-counter-pieces,.amount-tray-faces{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.amount-placeholder{color:var(--muted);font-size:.9rem}.amount-piece-btn{cursor:grab;touch-action:none;background:0 0;border:none;padding:0}.amount-piece-btn:disabled{cursor:default;opacity:.55}.amount-piece-hidden{visibility:hidden}.amount-clear{align-self:flex-start;margin-top:10px}.amount-tray{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);padding:12px}.amount-drag-ghost{z-index:50;pointer-events:none;background:var(--ink);color:var(--paper);border-radius:8px;padding:6px 10px;font-size:.85rem;font-weight:600;position:fixed}.lesson-prompt-digits{flex-direction:column;align-items:center;gap:8px;display:flex}.lesson-eastern{margin:0;font-size:1.75rem}.lesson-produce .pick-grid{flex-direction:column;gap:8px;display:flex}.lesson-produce .pick-choice{font-family:var(--arabic);border-radius:var(--radius-md);border:1px solid var(--border-strong);min-height:56px;box-shadow:var(--shadow-sm);background:var(--paper);color:var(--ink);cursor:pointer;text-align:right;padding:12px 16px;font-size:1.25rem}.lesson-produce .pick-choice:disabled{cursor:default}.lesson-produce .produce-label{margin:0;font-size:.9rem;font-weight:600}.lesson-produce .feedback.ok{color:var(--teal);font-weight:700}.lesson-produce .feedback.bad{color:var(--error-fg);font-weight:700}.lesson-done-banner{color:var(--teal);margin:0;font-weight:700}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.practice-range-label{align-items:center;display:flex}.reference{flex-direction:column;gap:32px;display:flex}.ref-section{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:clamp(16px,4vw,26px);scroll-margin-top:16px}@media (width<=899.98px){.ref-section{scroll-margin-top:120px}}.ref-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ref-section h2{margin:0;font-size:1.25rem}.ref-sub{margin:20px 0 10px;font-size:1rem}.ref-rule{color:var(--muted);margin:0 0 12px;font-size:.95rem;line-height:1.5}.link-btn{font:inherit;color:var(--teal);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.9rem;font-weight:700;text-decoration:underline}.link-btn:hover{color:var(--teal-deep)}.table-scroll{margin-bottom:8px;overflow-x:auto}.ref-table{border-collapse:collapse;width:100%;min-width:280px;font-size:.9rem}.ref-table th,.ref-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px 12px}.ref-table th{font-weight:600}.ref-num-table .ref-table-ar{font-family:var(--arabic);text-align:right;font-size:1.15rem}.ref-num-table .ref-table-ph{font-weight:600}.ref-num-table .ref-table-note{color:var(--muted);border-left:2px solid var(--saffron);margin-top:4px;padding-left:8px;font-size:.8rem;font-weight:400;display:block}.ref-num-table-west,.ref-num-table-east{font-variant-numeric:tabular-nums;text-align:center;font-weight:600}.ref-num-table-east{font-family:var(--arabic)}.ref-num-table-ar-digits{text-align:center;font-family:var(--arabic);font-weight:600}.ref-num-pattern-note{border-radius:var(--radius-md);background:var(--surface-2);color:var(--muted);margin:16px 0;padding:12px 14px;font-size:.9rem;line-height:1.55}.ref-examples{flex-direction:column;gap:8px;display:flex}.ref-word-group+.ref-word-group{margin-top:22px}.ref-word-group-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;margin-bottom:10px;display:flex}.ref-word-group-head h3{margin:0;font-size:1.05rem}.ref-numbers-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;font-size:.85rem;display:flex}.ref-numbers-legend-sep{color:var(--line)}.ref-num-list{flex-direction:column;gap:6px;display:flex}.ref-num-row{border-radius:var(--radius-md);background:var(--surface-2);grid-template-columns:2.5rem 1fr 2.5rem;align-items:start;gap:8px 12px;padding:10px 12px;display:grid}.ref-num-west,.ref-num-east{font-variant-numeric:tabular-nums;text-align:center;align-self:center;font-weight:600}.ref-num-east{font-family:var(--arabic);font-size:1.1rem}.ref-num-words{grid-template-columns:1fr;gap:2px;min-width:0;display:grid}.ref-num-ar{font-family:var(--arabic);text-align:right;font-size:1.25rem}.ref-num-ph{color:var(--muted);font-size:.9rem;font-weight:600}.ref-num-en{color:var(--muted);font-size:.85rem}.ref-num-note{color:var(--muted);border-left:2px solid var(--saffron);margin-top:4px;padding-left:8px;font-size:.8rem}.ref-num-bold{font-weight:700}.ref-num-chunk.ref-num-ones{color:var(--chunk-neutral)}.ref-num-chunk.ref-num-tens{color:var(--chunk-blue)}.ref-num-chunk.ref-num-hundreds{color:var(--chunk-hundreds)}.ref-num-chunk.ref-num-thousands{color:var(--chunk-thousands)}.ref-num-chunk.ref-num-linker{color:var(--saffron)}.ref-num-words .phrase-chunks .ref-num-chunk{margin-inline:.2em}.ref-num-words .phrase-chunks .ref-num-chunk:first-child{margin-inline-start:0}.ref-num-words .phrase-chunks .ref-num-chunk:last-child{margin-inline-end:0}.ref-num-suffix-ul{text-underline-offset:3px;text-decoration:underline}.ref-amounts-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;font-size:.85rem;display:flex}.ref-amt-forms-note{color:var(--muted);margin:0 0 14px;font-size:.85rem;line-height:1.5}.ref-amt-forms-intro{margin:0 0 10px}.ref-amt-forms-list{gap:6px;max-width:22rem;margin:0;display:grid}.ref-amt-forms-row{grid-template-columns:6.5rem 1fr;align-items:baseline;gap:8px 12px;display:grid}.ref-amt-forms-row dt{margin:0;font-weight:700}.ref-amt-forms-row dd{margin:0}.ref-amt-list{gap:6px}.ref-amt-row.phrase-row{grid-template-columns:3.5rem 1fr}.ref-amt-label{font-variant-numeric:tabular-nums}.ref-amt-words{flex-direction:column;gap:2px;min-width:0;display:flex}.ref-amt-ar{font-family:var(--arabic);text-align:right;font-size:1.25rem}.ref-amt-ph{color:var(--muted);font-size:.9rem;font-weight:600}.ref-amt-chunk.ref-amt-number{color:var(--chunk-blue);font-weight:700}.ref-amt-chunk.ref-amt-money{color:var(--chunk-green);font-weight:700}.ref-amt-chunk.ref-amt-linker{color:var(--saffron);font-weight:700}.ref-amt-words .phrase-chunks .ref-amt-part{margin-inline:.2em}.coin-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-bottom:16px;display:grid}.coin-card{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.coin-name{font-family:var(--arabic);margin:0;font-size:1.1rem}.coin-ph{margin:0;font-size:.85rem;font-weight:600}.coin-alt,.coin-val{color:var(--muted);margin:0;font-size:.8rem}.time-ref{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.ref-time-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0 0 14px;font-size:.85rem;display:flex}.ref-time-chunk.ref-time-unit{color:var(--chunk-neutral);font-weight:700}.ref-time-chunk.ref-time-number{color:var(--chunk-blue);font-weight:700}.ref-time-chunk.ref-time-link{color:var(--saffron);font-weight:700}.ref-time-chunk.ref-time-approx{color:var(--chunk-green);font-weight:700}.number-phrase-colored{flex-direction:column;gap:2px;min-width:0;display:flex}.number-phrase-colored .ref-num-ar{font-family:var(--arabic);text-align:right;font-size:clamp(1.6rem,6vw,2.25rem);line-height:1.4}.number-phrase-colored .ref-num-ph{text-align:center;font-size:clamp(1.25rem,4.5vw,1.6rem);font-weight:600}.number-phrase-colored .phrase-chunks .ref-num-chunk{margin-inline:.2em}.number-phrase-colored .phrase-chunks .ref-num-chunk:first-child{margin-inline-start:0}.number-phrase-colored .phrase-chunks .ref-num-chunk:last-child{margin-inline-end:0}.face .number-phrase-colored{align-items:center;width:100%;min-width:0}.face .number-phrase-colored .ref-num-ar{text-align:center}.number-phrase-colored--no-ph .ref-num-ph,.amount-phrase-colored--no-ph .ref-amt-ph{display:none}.learn-colored-phrase{flex-direction:column;gap:2px;min-width:0;display:flex}.learn-time-example{grid-template-columns:3rem 1fr}.learn-colored-phrase .ref-time-approx,.learn-colored-phrase .ref-time-number,.learn-colored-phrase .ref-time-link,.learn-colored-phrase .ref-time-unit{margin-inline:.15em}.time-ref-words{text-align:center;min-width:200px}.time-ref-words .ar-words{font-family:var(--arabic);font-size:1.25rem}.time-ref-words .ph{font-size:.9rem;font-weight:600}.time-ref-words .ref-time-chunk{margin-inline:.15em}.time-ref-words .ref-time-chunk:first-child{margin-inline-start:0}.time-ref-words .ref-time-chunk:last-child{margin-inline-end:0}.produce-stack{flex-direction:column;gap:16px;width:100%;max-width:560px;margin:0 auto;display:flex}.card.produce-prompt{cursor:default;pointer-events:none;height:auto;min-height:180px}.card.produce-prompt .face{position:relative;inset:auto;transform:none}.produce-panel{flex-direction:column;gap:12px;display:flex}.produce-task-label{color:var(--muted);margin:0;font-size:.9rem}.pick-arabic{flex-direction:column;gap:10px;display:flex}.pick-arabic-btn{font:inherit;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--paper);min-height:56px;box-shadow:var(--shadow-sm);cursor:pointer;text-align:right;flex-direction:column;align-items:flex-end;gap:2px;padding:12px 16px;transition:border-color .12s,background .12s,transform 80ms;display:flex}.pick-arabic-btn:hover:not(:disabled){border-color:var(--teal);background:var(--surface-2)}.pick-arabic-btn:active:not(:disabled){transform:scale(.99)}.pick-arabic-btn:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}.pick-arabic-btn.digit-choice-btn{font-family:var(--arabic);text-align:center;align-items:center}.pick-arabic-ar{font-family:var(--arabic);text-align:right;width:100%;font-size:1.25rem;line-height:1.3}.pick-arabic-ph{color:var(--muted);text-align:right;width:100%;font-size:.9rem;font-weight:600}.pick-arabic-btn:disabled{opacity:.6;cursor:default}.type-phonetic{flex-wrap:wrap;gap:10px;display:flex}.type-phonetic-input{min-width:12rem;font:inherit;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--paper);min-height:48px;color:var(--ink);flex:1;padding:0 14px;font-size:1rem}.type-phonetic-input:focus-visible{outline:3px solid var(--saffron);outline-offset:1px;border-color:var(--teal)}.produce-check{font:inherit;border-radius:var(--radius-md);background:var(--teal);min-height:48px;color:var(--on-primary);box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid #0000;padding:0 22px;font-weight:700}.produce-check:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}.produce-check:disabled{opacity:.45;cursor:default}.produce-result{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:8px;display:flex}.produce-correct{color:var(--success-fg);margin:0;font-weight:700}.produce-wrong{color:var(--error-fg);margin:0;font-weight:700}.produce-continue{align-self:flex-start}.drill-footer{flex-direction:column;gap:10px;width:100%;display:flex}.drill-footer-btn{align-self:stretch;width:100%;max-width:520px}.drill-action-slot{flex-direction:column;gap:10px;width:100%;max-width:520px;display:flex}.drill-action-slot--short{min-height:5.5rem}.drill-action-slot--phrase{min-height:11rem}.drill-action-slot--buildSuccess{min-height:9.5rem}.drill-action-slot--pending{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.drill-action-slot--pending .produce-check,.drill-action-slot--pending .produce-continue{visibility:hidden}.learn-screen-course{width:100%}.learn-course-outline .step-title{display:inline}.learn-lesson-top,.learn-drill-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.learn-done-actions{flex-direction:column;align-items:stretch}.learn-done-actions .btn-primary,.learn-done-actions .btn-ghost{width:100%}.order-parts-task{flex-direction:column;gap:10px;display:flex}.order-zone{border:2px dashed var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-height:3rem;padding:10px;display:flex}.order-answer{border-style:solid;border-color:var(--border-strong);background:var(--surface-2)}.order-placeholder{color:var(--muted);font-size:.85rem}.order-tile{font:inherit;border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);background:var(--paper);cursor:grab;touch-action:none;border-radius:10px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.order-tile:disabled{cursor:default}.order-tile-dragging{opacity:.35}.order-tile-ghost{z-index:50;pointer-events:none;cursor:grabbing;position:fixed;box-shadow:0 4px 12px #00000026}.order-tile-ph{color:var(--muted);font-size:.75rem;font-weight:600}.produce-step-progress{color:var(--muted);margin:0;font-size:.8rem}.clock-stack{max-width:360px}.clock-panel{flex-direction:column;align-items:center;gap:12px;display:flex}.clock-phrase-prompt{text-align:center}.clock-match-prompt{margin:0}.practice-clock{margin:0 auto}.practice-filter-details{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);width:100%;padding:10px 14px}.practice-filter-summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:600}.practice-filter-body{border-top:1px solid var(--line);flex-direction:column;gap:12px;margin-top:10px;padding-top:10px;display:flex}.practice-filter-section{flex-direction:column;gap:6px;display:flex}.practice-filter-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.practice-filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem;font-weight:800}.practice-filter-batch{font-size:.8rem}.practice-chip-row{flex-wrap:wrap;gap:6px;display:flex}.practice-chip{font:inherit;border:1px solid var(--border-strong);background:var(--paper);min-height:34px;color:var(--nav-fg);cursor:pointer;border-radius:999px;padding:0 12px;font-size:.82rem;font-weight:600}.practice-chip.on{background:var(--primary-soft);border-color:var(--teal);color:var(--teal-deep)}.practice-chip.on:before{content:"✓ ";font-weight:800}.practice-empty-state{text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.practice-empty-title{margin:0;font-size:1.25rem;font-weight:800}.practice-empty-body{max-width:28rem;color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.practice-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.practice-set-bar{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.practice-set-meta{color:var(--muted);align-items:center;gap:10px;font-size:.82rem;display:flex}.practice-set-count strong{color:var(--ink);font-weight:800}.practice-set-repeat{background:var(--error-bg);color:var(--error-fg);border-radius:999px;align-items:center;padding:2px 8px;font-size:.8rem;font-weight:700;display:inline-flex}.practice-set-track{background:var(--line);border-radius:999px;width:100%;height:6px;overflow:hidden}.practice-set-fill{background:var(--teal);border-radius:999px;height:100%;transition:width .18s}.devtools-backdrop{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.devtools-modal{background:var(--paper);width:100%;max-width:720px;max-height:88dvh;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.devtools-head{border-bottom:1.5px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.devtools-title-row{align-items:center;gap:10px;display:flex}.devtools-title-row h2{margin:0;font-size:1.15rem;font-weight:800}.devtools-badge{letter-spacing:.08em;background:var(--saffron);color:#14213d;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:800}.devtools-close{padding:4px 10px;font-size:1rem;line-height:1}.devtools-body{flex-direction:column;gap:20px;padding:18px 20px;display:flex;overflow-y:auto}.devtools-status{border-radius:10px;margin:0;padding:10px 14px;font-size:.88rem;font-weight:600}.devtools-status.ok{background:var(--success-bg);color:var(--success-fg)}.devtools-status.err{background:var(--error-bg);color:var(--error-fg)}.devtools-section{border:1.5px solid var(--line);background:var(--bg);border-radius:14px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.devtools-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.devtools-section-head h3{margin:0;font-size:.98rem;font-weight:800}.devtools-summary{color:var(--muted);font-size:.82rem;font-weight:600}.devtools-actions-row{flex-wrap:wrap;gap:8px;display:flex}.devtools-file-input{display:none}.devtools-json-editor{flex-direction:column;gap:8px;display:flex}.devtools-json-textarea{border:1px solid var(--border-strong);background:var(--paper);width:100%;color:var(--ink);resize:vertical;border-radius:10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;line-height:1.4}.devtools-json-editor-actions{flex-wrap:wrap;gap:8px;display:flex}.devtools-bulk-btns{flex-wrap:wrap;gap:6px;display:flex}.devtools-mini-btn{padding:4px 10px;font-size:.78rem}.devtools-sections-list{flex-direction:column;gap:14px;display:flex}.devtools-course-group{border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow:hidden}.devtools-course-group-head{border-bottom:1px solid var(--line);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.devtools-course-group.collapsed .devtools-course-group-head{border-bottom:0}.devtools-course-group-title{font-size:.88rem;font-weight:800}.devtools-course-group-toggle{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin:-4px -6px;padding:4px 6px;font-family:inherit;display:inline-flex}.devtools-course-group-toggle:hover{background:var(--glaze)}.devtools-course-group-chevron{color:var(--muted);font-size:.8rem}.devtools-course-group-count{color:var(--muted);font-weight:600}.devtools-lesson-list{margin:0;padding:0;list-style:none}.devtools-lesson-row{border-bottom:1px solid var(--line);grid-template-columns:2rem 1fr auto;align-items:center;gap:8px;padding:6px 12px;font-size:.88rem;display:grid}.devtools-lesson-row:last-child{border-bottom:0}.devtools-lesson-num{color:var(--muted);font-size:.8rem;font-weight:700}.devtools-lesson-title{font-weight:600}.devtools-level-pills{border:1px solid var(--border-strong);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.devtools-level-pills button{font:inherit;min-width:2rem;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:700}.devtools-level-pills button.on{background:var(--teal);color:var(--on-primary)}.question-flags-bar{justify-content:flex-end;align-items:center;gap:6px;width:100%;margin:0 0 8px;display:flex}.practice-stage-head .question-flags-bar{flex:none;width:auto;margin:0}.question-flag-btn{font:inherit;border:1px solid var(--line);background:var(--paper);min-height:32px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:.78rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.question-flag-btn:hover{border-color:var(--border-strong);color:var(--ink)}.question-flag-btn--star.active{background:var(--accent-soft);border-color:var(--saffron);color:var(--ink)}.question-flag-btn--star.active .question-flag-icon{color:var(--saffron)}.question-flag-btn--hide.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.hidden-questions-drawer{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);overflow:hidden}.hidden-questions-summary{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:9px 14px;font-size:.85rem;font-weight:700}.hidden-questions-summary:hover{color:var(--ink)}.hidden-questions-body{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:10px 14px;display:flex}.hidden-questions-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.hidden-questions-hint{color:var(--muted);font-size:.78rem}.hidden-questions-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hidden-question-item{border:1px solid var(--line);background:var(--paper);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;display:flex}.hidden-question-text{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.hidden-question-ar{font-family:var(--arabic);color:var(--ink);font-size:1.15rem;font-weight:700}.hidden-question-en{color:var(--muted);font-size:.82rem}.hidden-question-unhide-btn{min-height:32px;padding:0 12px;font-size:.78rem}@media (width<=720px){.learn-layout{grid-template-columns:1fr}.learn-steps ol{flex-flow:wrap}.learn-course-outline ol{flex-flow:column}.learn-step-btn{width:auto;max-width:100%}.learn-course-outline .learn-step-btn{width:100%}.learn-course-outline .learn-random-row .learn-step-btn{width:auto}.step-title{display:none}.learn-step-btn.active .step-title{display:inline}}@media (prefers-reduced-motion:reduce){.face{transition:none}}.practice-view{flex-direction:column;gap:14px;width:100%;max-width:680px;margin-inline:auto;display:flex}.practice-view>.produce-stack{max-width:none}.practice-session-bar{align-items:stretch;gap:8px;display:flex}.practice-summary-btn{min-width:0;min-height:52px;font:inherit;text-align:left;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;transition:border-color .12s;display:flex}.practice-summary-btn:hover{border-color:var(--border-strong)}.practice-summary-text{flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;font-size:.9rem;display:flex}.practice-summary-mode{font-weight:800}.practice-summary-target{color:var(--nav-fg);font-weight:600}.practice-summary-target:before,.practice-summary-style:before{content:"·";color:var(--muted);margin-right:6px}.practice-summary-style{color:var(--teal-deep);font-weight:700}.practice-summary-cta{min-height:36px;color:var(--teal-deep);background:var(--primary-soft);border-radius:9px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:.85rem;font-weight:700;display:inline-flex}.practice-direction-quick{font:inherit;color:var(--nav-fg);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;white-space:nowrap;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:.85rem;font-weight:700;display:inline-flex}.practice-direction-quick:hover{border-color:var(--border-strong);color:var(--ink)}.practice-direction-icon{color:var(--teal);font-size:1.05rem}.practice-summary-btn:focus-visible,.practice-direction-quick:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}.practice-stage-head{align-items:center;gap:12px;width:100%;display:flex}.practice-stage-head>.question-flags-bar:only-child{margin-left:auto}.practice-drawer-backdrop{z-index:60;opacity:0;pointer-events:none;background:#0a141873;transition:opacity .2s;position:fixed;inset:0}.practice-drawer-backdrop[data-open=true]{opacity:1;pointer-events:auto}.practice-controls-drawer{z-index:61;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-md);visibility:hidden;flex-direction:column;transition:transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s linear .24s;display:flex;position:fixed}.practice-controls-drawer[data-open=true]{visibility:visible;transition:transform .24s cubic-bezier(.2,.8,.2,1),visibility;transform:none}.practice-drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.practice-drawer-head h2{margin:0;font-size:1.05rem;font-weight:800}.practice-drawer-done{min-height:40px;padding:0 18px;font-size:.92rem}.practice-controls-drawer .practice-controls{overscroll-behavior:contain;flex-flow:column;flex:1;gap:0;padding:4px 18px 24px;overflow-y:auto}.practice-controls-drawer .hidden-questions-drawer{margin:0 18px 18px}.practice-drawer-section{border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:10px;padding:16px 0;display:flex}.practice-drawer-section:last-child{border-bottom:0}.practice-drawer-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0;font-size:.7rem;font-weight:800}.practice-drawer-section .seg{flex-wrap:wrap;max-width:100%;overflow:visible}.practice-drawer-section .practice-range-label,.practice-drawer-section .practice-range-select{width:100%}.practice-drawer-section .practice-filter-body{border:0;gap:16px;width:100%;margin:0;padding:0}.seg.seg-wrap{flex-wrap:wrap;overflow:visible}@media (width<=899.98px){.practice-controls-drawer{max-height:88dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0;bottom:0;left:0;right:0;transform:translateY(105%)}.practice-drawer-head:before{content:"";background:var(--border-strong);border-radius:999px;width:40px;height:4px;margin-left:-20px;position:absolute;top:6px;left:50%}.practice-drawer-head{padding-top:20px;position:relative}.practice-view>.answer-row{bottom:calc(var(--bottom-nav-h) + 10px + env(safe-area-inset-bottom));z-index:5;background:color-mix(in srgb, var(--glaze) 85%, transparent);-webkit-backdrop-filter:blur(8px);border-radius:16px;width:calc(100% + 16px);margin-inline:-8px;padding:8px;position:sticky}}@media (width<=479.98px){.practice-summary-cta-label{display:none}.practice-summary-cta{padding:0 10px}.practice-direction-quick{padding:0 12px}.practice-direction-text{display:none}}@media (width>=900px){.practice-controls-drawer{border-left:1px solid var(--line);width:min(420px,92vw);top:0;bottom:0;right:0;transform:translate(105%)}}@media (prefers-reduced-motion:reduce){.practice-controls-drawer,.practice-drawer-backdrop{transition:none}}.learn-page-head{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.learn-page-head h2{letter-spacing:-.01em;margin:0;font-size:1.5rem}.learn-page-head p{color:var(--muted);margin:0;font-size:.92rem}.learn-section-head-main{align-items:center;gap:12px;min-width:0;display:inline-flex}.learn-section-title{text-transform:none;letter-spacing:0;font-size:.95rem;font-weight:800}.learn-section-group.collapsed{box-shadow:none}.learn-screen-lesson,.learn-screen-drill,.learn-screen-done{width:100%;max-width:720px;margin-inline:auto}.learn-screen-lesson .learn-actions{margin:4px 0 0}.learn-drill-stage{color:var(--muted);font-size:.82rem;font-weight:700}@media (width<=899.98px){.learn-screen-lesson .learn-actions{bottom:calc(var(--bottom-nav-h) + 10px + env(safe-area-inset-bottom));z-index:5;position:sticky}.learn-screen-lesson .learn-actions .btn-primary{width:100%;box-shadow:var(--shadow-md)}}.learn-screen-done .learn-panel{text-align:center;padding:36px 24px}.learn-screen-done .learn-panel h2:before{content:"✓";width:56px;height:56px;color:var(--success-fg);background:var(--success-bg);border-radius:50%;place-items:center;margin:0 auto 14px;font-size:1.6rem;display:grid}.learn-done-actions{max-width:320px;margin:0 auto}.lesson-drill .answer-row{width:100%}@media (width<=899.98px){.lesson-drill .answer-row{bottom:calc(var(--bottom-nav-h) + 10px + env(safe-area-inset-bottom));z-index:5;background:color-mix(in srgb, var(--glaze) 85%, transparent);-webkit-backdrop-filter:blur(8px);border-radius:16px;width:calc(100% + 16px);margin-inline:-8px;padding:8px;position:sticky}}.kitchen-view{flex-direction:column;gap:.4rem;width:100%;max-width:1180px;margin:0 auto;padding:0;display:flex}.kitchen-view-header{background:var(--paper);border:1px solid var(--line);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:.3rem .75rem;padding:.4rem .75rem;display:grid}.kitchen-title-area{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.kitchen-view-title{color:var(--ink);font-size:1.05rem;font-weight:700;font-family:var(--sans);margin:0}.kitchen-title-sub{color:var(--muted);font-size:.88rem;font-weight:400}.kitchen-stats-badge{background:var(--glaze);color:var(--ink);border:1px solid var(--line);border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.kitchen-stats-icon{color:var(--teal);font-weight:800}.kitchen-submode-tabs{justify-content:flex-end;gap:4px;display:flex;overflow-x:auto}.kitchen-submode-tab{font-size:.78rem;font-family:var(--sans);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;transition:all .15s;display:inline-flex}.kitchen-submode-tab:hover{background:var(--glaze);color:var(--ink)}.kitchen-submode-tab--active{background:var(--glaze);border-color:var(--teal);color:var(--ink);font-weight:700}.kitchen-submode-tab-count{background:var(--paper);border:1px solid var(--line);border-radius:9999px;padding:0 5px;font-size:.7rem;font-weight:600}.kitchen-task-selector-bar{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;display:flex}.kitchen-task-select{min-width:180px;font-size:.84rem;font-family:var(--sans);border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:6px;flex:1;padding:4px 8px}.kitchen-nav-btn{background:var(--glaze);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:700;transition:background .15s}.kitchen-nav-btn:hover{background:var(--line)}.kitchen-reset-task-btn,.kitchen-reset-all-btn{border:1px solid var(--line);background:var(--glaze);color:var(--ink);cursor:pointer;font-size:.76rem;font-family:var(--sans);border-radius:6px;padding:4px 8px;transition:background .15s}.kitchen-reset-task-btn:hover,.kitchen-reset-all-btn:hover{background:var(--line)}.kitchen-reset-all-btn{color:var(--muted)}.kitchen-prompt-card{background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:.45rem .85rem;transition:border-color .2s;box-shadow:0 2px 6px #00000008}.kitchen-prompt-card--completed{border-color:var(--teal);background:linear-gradient(to bottom, var(--paper), var(--glaze))}.kitchen-prompt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.25rem;display:flex}.kitchen-prompt-meta{align-items:center;gap:8px;display:flex}.kitchen-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:5px;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-block}.kitchen-badge--category{background:var(--saffron);color:#12323a}.kitchen-step-counter{color:var(--muted);font-size:.78rem;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kitchen-step-dots{align-items:center;gap:6px;display:flex}.kitchen-step-dot{border:1.5px solid var(--line);background:0 0;border-radius:50%;flex-shrink:0;width:9px;height:9px;transition:all .2s;display:inline-block;position:relative}.kitchen-step-dot--completed{background:var(--teal);border-color:var(--teal)}.kitchen-step-dot--current{background:var(--saffron);border-color:var(--ink);transform:scale(1.2)}.kitchen-step-dot--upcoming{border-color:var(--line);background:0 0}.kitchen-prompt-body{flex-wrap:wrap;align-items:baseline;gap:.25rem .85rem;display:flex}.kitchen-prompt-body--celebration{text-align:center;justify-content:center;padding:.25rem 0}.kitchen-celebration-badge{color:var(--teal);font-size:1.4rem;font-weight:800}.kitchen-prompt-ar{font-family:var(--arabic);color:var(--ink);margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.kitchen-prompt-ph{color:var(--teal);margin:0;font-size:.96rem;font-weight:600}.kitchen-prompt-en{color:var(--muted);margin:0;font-size:.86rem}.kitchen-prompt-full-en{color:var(--ink);background:var(--glaze);border-left:3px solid var(--teal);border-radius:5px;margin:.2rem 0 0;padding:4px 8px;font-size:.82rem;font-style:italic}.kitchen-prompt-hint-toggle{margin-left:auto}.kitchen-hint-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:1px 0;font-size:.75rem;text-decoration:underline}.kitchen-hint-btn:hover{color:var(--ink)}.kitchen-prompt-gloss{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:.25rem;padding-top:.3rem;display:flex}.kitchen-gloss-tokens{flex-wrap:wrap;gap:5px;display:flex}.kitchen-gloss-token-wrapper{display:inline-block}.kitchen-gloss-chip{background:var(--glaze);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:6px;align-items:baseline;gap:4px;padding:2px 7px;transition:all .15s;display:inline-flex}.kitchen-gloss-chip:hover{border-color:var(--teal);background:var(--paper)}.kitchen-gloss-chip--revealed{border-color:var(--saffron);background:var(--paper)}.kitchen-gloss-ar{font-family:var(--arabic);font-size:.95rem;font-weight:700;line-height:1.1}.kitchen-gloss-ph{color:var(--muted);font-size:.72rem;font-weight:600}.kitchen-gloss-en{color:var(--ink);border-left:1px solid var(--line);padding-left:4px;font-size:.72rem;font-weight:700}.kitchen-gloss-toggle-all-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;padding:2px 6px;font-size:.7rem}.kitchen-gloss-toggle-all-btn:hover{color:var(--ink);border-color:var(--muted)}.kitchen-status-bar{flex-direction:column;gap:.3rem;display:flex}.kitchen-holding-indicator{background:var(--paper);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:4px 10px;font-size:.8rem;display:flex}.kitchen-holding-indicator--active{border-color:var(--saffron);background:linear-gradient(to right, var(--paper), var(--glaze))}.kitchen-holding-label{color:var(--muted);font-weight:700}.kitchen-holding-item{align-items:center;gap:6px;display:flex}.kitchen-holding-name-en{color:var(--ink);font-weight:700}.kitchen-holding-name-ar{font-family:var(--arabic);color:var(--teal);font-size:.95rem;font-weight:700}.kitchen-holding-drop-btn{background:var(--glaze);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:5px;padding:1px 6px;font-size:.72rem}.kitchen-holding-drop-btn:hover{background:var(--line)}.kitchen-holding-empty{color:var(--muted);font-style:italic}.kitchen-feedback-banner{border:1px solid;border-radius:8px;align-items:center;gap:10px;padding:5px 12px;animation:.2s ease-out kitchen-slide-in;display:flex}@keyframes kitchen-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.kitchen-feedback-banner--error{background:var(--error-bg);border-color:var(--error-fg);color:var(--error-fg)}.kitchen-feedback-banner--success{color:#15803d;background:#15803d1f;border-color:#15803d}:root[data-theme=dark] .kitchen-feedback-banner--success{color:#4ade80;background:#4ade8029;border-color:#4ade80}.kitchen-feedback-icon{font-size:1.05rem;font-weight:800}.kitchen-feedback-messages{flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 10px;display:flex}.kitchen-feedback-ar{font-family:var(--arabic);font-size:.98rem;font-weight:700}.kitchen-feedback-en{font-size:.8rem;font-weight:500}.kitchen-feedback-dismiss-btn{color:inherit;cursor:pointer;background:0 0;border:none;padding:2px;font-size:.9rem}.kitchen-scene{background:linear-gradient(180deg, var(--paper) 0%, var(--glaze) 76%, #a0734124 100%);border:2px solid var(--line);border-radius:14px;padding:.45rem .65rem;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #0000000a}.kitchen-room-wall,.kitchen-room-floor{display:none}.kitchen-room-stage{grid-template-columns:185px 1fr 112px;align-items:stretch;gap:8px;display:grid}.kitchen-station-card{cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:10px;outline:none;flex-direction:column;gap:3px;padding:3px 5px;transition:all .15s;display:flex;position:relative}.kitchen-station-card:hover,.kitchen-station-card:focus-visible{border-color:var(--teal)}.kitchen-station-card--drag-hover{border-color:var(--saffron)!important;box-shadow:0 0 0 3px var(--saffron)!important}.kitchen-zone-fridge,.kitchen-fixture-fridge{background:linear-gradient(145deg, var(--paper) 0%, var(--glaze) 100%);border:2px solid var(--silver);border-radius:12px 12px 6px 6px;justify-content:space-between;padding:6px;box-shadow:3px 4px 10px #00000012}.kitchen-zone-fridge--open,.kitchen-fixture-fridge--open{border-color:var(--teal)}.kitchen-fridge-body{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.kitchen-station-graphic svg{width:auto;max-height:44px}.kitchen-fridge-svg-wrap svg,.kitchen-fridge-graphic svg{width:auto;max-height:64px}.kitchen-fridge-shelves-stack,.kitchen-fridge-shelves{border-top:1.5px solid var(--line);border-bottom:1.5px solid var(--line);background:#ffffff59;border-radius:6px;grid-template-columns:repeat(2,1fr);align-content:start;gap:3px;width:100%;padding:4px;display:grid}:root[data-theme=dark] .kitchen-fridge-shelves-stack,:root[data-theme=dark] .kitchen-fridge-shelves{background:#00000038}.kitchen-main-bay,.kitchen-room-main-area{flex-direction:column;justify-content:space-between;gap:6px;min-width:0;display:flex}.kitchen-upper-wall-row,.kitchen-upper-wall-zone{grid-template-columns:105px 1fr 1.35fr;align-items:start;gap:8px;display:grid}.kitchen-range-hood{flex-direction:column;align-items:center;display:flex}.kitchen-range-hood svg{width:auto;max-height:42px}.kitchen-zone-dish-cupboard,.kitchen-fixture-dish-cupboard{background:linear-gradient(180deg, var(--paper), var(--glaze));border:1.5px solid #a0693273;border-bottom:4px solid #8c5826a6;border-radius:8px;padding:4px 6px;box-shadow:0 3px 8px #0000000d}.kitchen-cupboard-top-bar,.kitchen-cupboard-header-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.kitchen-drawer-toggle-pill,.kitchen-cupboard-door-btn{background:var(--glaze);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:5px;padding:1px 6px;font-size:.65rem;font-weight:700}.kitchen-cupboard-shelf-body,.kitchen-cupboard-interior{justify-content:space-around;align-items:center;gap:4px;display:flex}.kitchen-dishrack-bg svg,.kitchen-dish-rack-graphic svg{width:auto;max-height:42px}.kitchen-right-wall-shelves{flex-direction:column;gap:4px;display:flex}.kitchen-wall-shelf{flex-direction:column;gap:1px;padding:1px 4px 0;display:flex}.kitchen-shelf-label-tag,.kitchen-wall-shelf-header{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:.66rem;font-weight:700;display:flex}.kitchen-shelf-objects,.kitchen-wall-shelf-items{justify-content:space-around;align-items:flex-end;gap:4px;min-height:42px;padding:1px 2px 0;display:flex}.kitchen-wooden-plank,.kitchen-wall-shelf-plank{background:#9b622ca6;border-top:1.5px solid #d296558c;border-bottom:2px solid #693e16bf;border-radius:3px;height:6px;box-shadow:0 2px 5px #00000024}.kitchen-countertop-assembly,.kitchen-continuous-countertop{background:linear-gradient(180deg, var(--paper) 0%, var(--glaze) 100%);border-top:6px solid #9b6630a6;border-left:1.5px solid var(--line);border-right:1.5px solid var(--line);border-bottom:3px solid var(--muted);border-radius:6px 6px 8px 8px;grid-template-columns:1.05fr 1.35fr 1.15fr;gap:6px;padding:4px 6px;display:grid;box-shadow:0 4px 10px #0000000f}.kitchen-counter-section--stove,.kitchen-counter-section-stove{border-right:1px solid var(--line);flex-direction:column;gap:3px;padding-right:5px;display:flex}.kitchen-zone-pan,.kitchen-fixture-pan{background:#00000005;border-radius:7px;padding:2px 4px}.kitchen-pan-surface,.kitchen-stove-surface{justify-content:center;align-items:center;gap:4px;display:flex}.kitchen-pan-svg-wrap svg,.kitchen-stove-svg-wrap svg,.kitchen-pan-graphic svg,.kitchen-stove-graphic svg{width:auto;max-height:38px}.kitchen-counter-section--prep,.kitchen-counter-section-prep{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:3px;padding-right:5px;display:flex}.kitchen-zone-board,.kitchen-fixture-cutting-board{background:#b9824424;border:1.5px solid #a0693073;border-radius:7px;padding:2px 5px}.kitchen-board-surface{justify-content:center;align-items:center;gap:4px;display:flex}.kitchen-board-svg-wrap svg,.kitchen-board-graphic svg{width:auto;max-height:36px}.kitchen-counter-surface-items{justify-content:center;min-height:28px}.kitchen-silverware-drawer{background:#a06c3624;border:1.5px solid #96602a73;border-radius:6px;flex-direction:column;gap:3px;padding:3px 5px;display:flex}.kitchen-drawer-handle-btn{background:var(--paper);border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:2px 6px;font-size:.66rem;font-weight:700;display:flex}.kitchen-drawer-handle-btn:hover{border-color:var(--teal)}.kitchen-drawer-handle-grip,.kitchen-drawer-handle-bar{background:var(--silver);border:1px solid var(--muted);border-radius:999px;width:18px;height:3px}.kitchen-drawer-tray{background:var(--paper);border:1px inset var(--line);border-radius:4px;justify-content:space-around;align-items:center;gap:4px;padding:2px 4px;display:flex}.kitchen-container-collapsed,.kitchen-drawer-tray--collapsed{opacity:0;border:none;max-height:0;padding:0;overflow:hidden}.kitchen-counter-section--sink,.kitchen-counter-section-sink{flex-direction:column;justify-content:space-between;gap:3px;display:flex}.kitchen-sink-rim-caddy{justify-content:center;align-items:center;gap:4px;display:flex}.kitchen-sink-basin-area{justify-content:space-between;align-items:center;gap:4px;display:flex}.kitchen-sink-svg-wrap svg,.kitchen-sink-graphic svg{width:auto;max-height:42px}.kitchen-under-sink-cupboard{border:1px solid var(--line);background:#00000008;border-radius:5px;padding:2px 4px}.kitchen-cupboard-doors-btn{background:var(--paper);border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:2px 5px;font-size:.64rem;font-weight:600;display:flex}.kitchen-under-sink-interior{text-align:center;padding-top:2px}.kitchen-zone-trash,.kitchen-fixture-trash{background:linear-gradient(180deg, var(--paper), var(--glaze));border:1.5px solid var(--line);border-radius:10px;align-self:end;align-items:center;padding:5px}.kitchen-trash-svg-wrap svg,.kitchen-trash-graphic svg{width:auto;max-height:46px}.kitchen-station-header{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.kitchen-station-title-en{color:var(--ink);font-size:.72rem;font-weight:700}.kitchen-station-title-ar{font-family:var(--arabic);color:var(--muted);font-size:.84rem;font-weight:700}.kitchen-station-graphic,.kitchen-station-controls{justify-content:center;align-items:center;display:flex}.kitchen-control-btn{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700;transition:all .15s}.kitchen-control-btn:hover{background:var(--line)}.kitchen-control-btn--active{background:var(--teal);color:var(--paper);border-color:var(--teal-deep)}.kitchen-station-subtext{color:var(--muted);font-size:.66rem}.kitchen-station-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:36px;display:flex}.kitchen-station-items--hidden-door{background:#0000000a;border-radius:6px;justify-content:center;align-items:center;padding:8px 4px}.kitchen-fridge-closed-msg{color:var(--muted);text-align:center;font-size:.72rem;font-style:italic}.kitchen-item-btn{cursor:grab;min-width:40px;color:var(--ink);background:0 0;border:1.5px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:2px 4px;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-flex}.kitchen-item-btn:hover,.kitchen-item-btn:focus-visible{border-color:var(--teal);background:#ffffff8c;transform:translateY(-2px)scale(1.04)}:root[data-theme=dark] .kitchen-item-btn:hover,:root[data-theme=dark] .kitchen-item-btn:focus-visible{background:#ffffff14}.kitchen-item-btn--held{box-shadow:0 0 0 2px var(--saffron);transform:translateY(-3px)scale(1.07);border-color:var(--saffron)!important;background:var(--paper)!important}.kitchen-item-icon{filter:drop-shadow(0 2px 3px #0000002e);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kitchen-item-icon svg{width:30px;height:30px}.kitchen-item-name-en{background:#ffffffb8;border-radius:3px;margin-top:1px;padding:0 3px;font-size:.62rem;font-weight:700;line-height:1.05}:root[data-theme=dark] .kitchen-item-name-en{background:#00000073}.kitchen-item-name-ar{font-family:var(--arabic);color:var(--muted);font-size:.68rem;line-height:1}@media (width<=900px){.kitchen-room-stage,.kitchen-upper-wall-zone,.kitchen-lower-counter-zone,.kitchen-continuous-countertop{grid-template-columns:1fr}}@media (width<=768px){.mode-tabs{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.mode-tabs [role=tab]{white-space:nowrap;padding:8px 12px;font-size:.82rem}}.bathroom-view{flex-direction:column;gap:.4rem;width:100%;max-width:1180px;margin:0 auto;padding:0;display:flex}.bathroom-view-header{background:var(--paper);border:1px solid var(--line);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:.3rem .75rem;padding:.4rem .75rem;display:grid}.bathroom-title-area{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.bathroom-view-title{color:var(--ink);font-size:1.05rem;font-weight:700;font-family:var(--sans);margin:0}.bathroom-title-sub{color:var(--muted);font-size:.88rem;font-weight:400}.bathroom-stats-badge{background:var(--glaze);color:var(--ink);border:1px solid var(--line);border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.bathroom-stats-icon{color:var(--teal);font-weight:800}.bathroom-submode-tabs{justify-content:flex-end;gap:4px;display:flex;overflow-x:auto}.bathroom-submode-tab{font-size:.78rem;font-family:var(--sans);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;transition:all .15s;display:inline-flex}.bathroom-submode-tab:hover{background:var(--glaze);color:var(--ink)}.bathroom-submode-tab--active{background:var(--glaze);border-color:var(--teal);color:var(--ink);font-weight:700}.bathroom-submode-tab-en{font-weight:600}.bathroom-submode-tab-ar{font-family:var(--arabic);font-size:.85rem}.bathroom-submode-tab-count{background:var(--paper);border:1px solid var(--line);border-radius:9999px;padding:0 5px;font-size:.7rem;font-weight:600}.bathroom-task-selector-bar{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;display:flex}.bathroom-task-select{min-width:180px;font-size:.84rem;font-family:var(--sans);border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:6px;flex:1;padding:4px 8px}.bathroom-nav-btn{background:var(--glaze);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:700;transition:background .15s}.bathroom-nav-btn:hover{background:var(--line)}.bathroom-reset-task-btn,.bathroom-reset-all-btn{border:1px solid var(--line);background:var(--glaze);color:var(--ink);cursor:pointer;font-size:.76rem;font-family:var(--sans);border-radius:6px;padding:4px 8px;transition:background .15s}.bathroom-reset-task-btn:hover,.bathroom-reset-all-btn:hover{background:var(--line)}.bathroom-reset-all-btn{color:var(--muted)}.bathroom-prompt-card{background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:.45rem .85rem;transition:border-color .2s;box-shadow:0 2px 6px #00000008}.bathroom-prompt-card--completed{border-color:var(--teal);background:linear-gradient(to bottom, var(--paper), var(--glaze))}.bathroom-prompt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.25rem;display:flex}.bathroom-prompt-meta{align-items:center;gap:8px;display:flex}.bathroom-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:5px;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-block}.bathroom-badge--category{background:var(--saffron);color:#12323a}.bathroom-step-counter{color:var(--muted);font-size:.78rem;font-weight:600}.bathroom-step-dots{align-items:center;gap:6px;display:flex}.bathroom-step-dot{border:1.5px solid var(--line);background:0 0;border-radius:50%;flex-shrink:0;width:9px;height:9px;transition:all .2s;display:inline-block;position:relative}.bathroom-step-dot--completed{background:var(--teal);border-color:var(--teal)}.bathroom-step-dot--current{background:var(--saffron);border-color:var(--ink);transform:scale(1.2)}.bathroom-step-dot--upcoming{border-color:var(--line);background:0 0}.bathroom-prompt-body{flex-wrap:wrap;align-items:baseline;gap:.25rem .85rem;display:flex}.bathroom-prompt-body--celebration{text-align:center;justify-content:center;padding:.25rem 0}.bathroom-celebration-badge{color:var(--teal);font-size:1.4rem;font-weight:800}.bathroom-prompt-ar{font-family:var(--arabic);color:var(--ink);margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.bathroom-prompt-ph{color:var(--teal);margin:0;font-size:.96rem;font-weight:600}.bathroom-prompt-en{color:var(--muted);margin:0;font-size:.86rem}.bathroom-prompt-full-en{color:var(--ink);background:var(--glaze);border-left:3px solid var(--teal);border-radius:5px;margin:.2rem 0 0;padding:4px 8px;font-size:.82rem;font-style:italic}.bathroom-prompt-hint-toggle{margin-left:auto}.bathroom-hint-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:1px 0;font-size:.75rem;text-decoration:underline}.bathroom-hint-btn:hover{color:var(--ink)}.bathroom-prompt-gloss{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:.25rem;padding-top:.3rem;display:flex}.bathroom-gloss-tokens{flex-wrap:wrap;gap:5px;display:flex}.bathroom-gloss-token-wrapper{display:inline-block}.bathroom-gloss-chip{background:var(--glaze);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:6px;align-items:baseline;gap:4px;padding:2px 7px;font-family:inherit;transition:all .15s;display:inline-flex}.bathroom-gloss-chip:hover{border-color:var(--teal);background:var(--paper)}.bathroom-gloss-chip--revealed{border-color:var(--saffron);background:var(--paper)}.bathroom-gloss-ar{font-family:var(--arabic);font-size:.95rem;font-weight:700;line-height:1.1}.bathroom-gloss-ph{color:var(--muted);font-size:.72rem;font-weight:600}.bathroom-gloss-en{color:var(--ink);border-left:1px solid var(--line);padding-left:4px;font-size:.72rem;font-weight:700}.bathroom-gloss-toggle-all-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;padding:2px 6px;font-size:.7rem}.bathroom-gloss-toggle-all-btn:hover{color:var(--ink);border-color:var(--muted)}.bathroom-status-bar{flex-direction:column;gap:.3rem;display:flex}.bathroom-holding-indicator{background:var(--paper);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:4px 10px;font-size:.8rem;display:flex}.bathroom-holding-indicator--active{border-color:var(--saffron);background:linear-gradient(to right, var(--paper), var(--glaze))}.bathroom-holding-label{color:var(--muted);font-weight:700}.bathroom-holding-item{align-items:center;gap:6px;display:flex}.bathroom-holding-name-en{color:var(--ink);font-weight:700}.bathroom-holding-name-ar{font-family:var(--arabic);color:var(--teal);font-size:.95rem;font-weight:700}.bathroom-holding-drop-btn{background:var(--glaze);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:5px;padding:1px 6px;font-size:.72rem}.bathroom-holding-drop-btn:hover{background:var(--line)}.bathroom-holding-empty{color:var(--muted);font-style:italic}.bathroom-feedback-banner{border:1px solid;border-radius:8px;align-items:center;gap:10px;padding:5px 12px;animation:.2s ease-out bathroom-slide-in;display:flex}@keyframes bathroom-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bathroom-feedback-banner--error{background:var(--error-bg);border-color:var(--error-fg);color:var(--error-fg)}.bathroom-feedback-banner--success{color:#15803d;background:#15803d1f;border-color:#15803d}:root[data-theme=dark] .bathroom-feedback-banner--success{color:#4ade80;background:#4ade8029;border-color:#4ade80}.bathroom-feedback-icon{font-size:1.05rem;font-weight:800}.bathroom-feedback-messages{flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 10px;display:flex}.bathroom-feedback-ar{font-family:var(--arabic);font-size:.98rem;font-weight:700}.bathroom-feedback-en{font-size:.8rem;font-weight:500}.bathroom-feedback-dismiss-btn{color:inherit;cursor:pointer;background:0 0;border:none;padding:2px;font-size:.9rem}.bathroom-scene{background:linear-gradient(180deg, var(--paper) 0%, var(--glaze) 80%, #0e4f5c1f 100%);border:2px solid var(--line);border-radius:14px;padding:.45rem .65rem;position:relative;overflow:hidden}.bathroom-room-stage{grid-template-columns:185px 1fr 195px;align-items:stretch;gap:8px;display:grid}.bathroom-station-card{cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:10px;outline:none;flex-direction:column;gap:3px;padding:3px 5px;transition:all .15s;display:flex}.bathroom-station-graphic svg{width:auto;max-height:44px}.bathroom-station-card:hover,.bathroom-station-card:focus-visible{border-color:var(--teal)}.bathroom-station-card--drag-hover{border-color:var(--saffron)!important;box-shadow:0 0 0 3px var(--saffron)!important}.bathroom-room-left-shower{flex-direction:column;display:flex}.bathroom-fixture-shower{border-right:3px solid var(--silver);border-left:1.5px solid var(--line);border-top:1.5px solid var(--line);border-bottom:4px solid var(--silver);background:linear-gradient(#ffffff8c,#0e4f5c14);border-radius:10px;flex:1;justify-content:space-between;padding:8px}:root[data-theme=dark] .bathroom-fixture-shower{background:linear-gradient(#ffffff0a,#4fd1c514)}.bathroom-shower-graphic svg{width:auto;max-height:110px}.bathroom-shower-niche{background:var(--paper);border-bottom:4px solid var(--silver);text-align:center;border-radius:6px;padding:4px}.bathroom-niche-label,.bathroom-zone-sublabel{color:var(--muted);margin-bottom:2px;font-size:.64rem;font-weight:700;display:block}.bathroom-room-center-vanity{flex-direction:column;justify-content:space-between;gap:8px;min-width:0;display:flex}.bathroom-upper-wall-row{grid-template-columns:.85fr 1.15fr 1.15fr;align-items:start;gap:8px;display:grid}.bathroom-fixture-towel-rack{align-items:center}.bathroom-fixture-mirror{background:radial-gradient(circle, var(--paper) 55%, var(--glaze) 100%);border:3px solid var(--silver);border-radius:14px;padding:6px;box-shadow:0 3px 10px #0000000f}.bathroom-mirror-graphic svg{width:auto;max-height:68px}.bathroom-fixture-cabinet{background:linear-gradient(180deg, var(--paper), var(--glaze));border:2px solid var(--silver);border-radius:10px;padding:6px;box-shadow:0 4px 10px #00000012}.bathroom-cabinet-body{align-items:center;gap:6px;display:flex}.bathroom-cabinet-graphic svg{width:auto;max-height:62px}.bathroom-cabinet-shelves{flex:1;min-height:48px}.bathroom-vanity-counter-unit{background:linear-gradient(180deg, var(--paper) 0%, var(--glaze) 100%);border-top:7px solid var(--silver);border-left:2px solid var(--line);border-right:2px solid var(--line);border-bottom:4px solid var(--muted);border-radius:8px;grid-template-columns:.9fr 1.4fr;gap:8px;padding:6px 8px;display:grid;box-shadow:0 6px 14px #0000000f}.bathroom-fixture-sink{border-right:1px solid var(--line);padding-right:6px}.bathroom-sink-deck-row{justify-content:space-around;align-items:center;gap:4px;display:flex}.bathroom-sink-graphic svg{width:auto;max-height:62px}.bathroom-counter-graphic-hidden{display:none}.bathroom-vanity-zones{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.bathroom-vanity-tumbler-zone,.bathroom-vanity-surface-zone{border-bottom:2px solid var(--line);text-align:center;background:#ffffff59;border-radius:6px;padding:3px 5px}:root[data-theme=dark] .bathroom-vanity-tumbler-zone,:root[data-theme=dark] .bathroom-vanity-surface-zone{background:#0003}.bathroom-zone-items-row{flex-wrap:wrap;justify-content:center;gap:4px;min-height:36px;display:flex}.bathroom-vanity-drawer{border:1.5px solid var(--line);background:#a06c361f;border-radius:7px;grid-column:1/-1;padding:4px 6px}.bathroom-drawer-handle-btn{background:var(--paper);border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:2px 8px;font-size:.7rem;font-weight:700;display:flex}.bathroom-vanity-drawer-tray{justify-content:space-around;align-items:center;gap:6px;padding-top:3px;display:flex}.bathroom-vanity-drawer-tray--collapsed{opacity:0;max-height:0;padding:0;overflow:hidden}.bathroom-room-right-appliances{flex-direction:column;justify-content:space-between;gap:8px;display:flex}.bathroom-fixture-washer{background:linear-gradient(180deg, var(--paper), var(--glaze));border:2px solid var(--silver);border-radius:10px;flex:1;padding:6px}.bathroom-washer-graphic svg{width:auto;max-height:70px}.bathroom-fixture-trash{background:linear-gradient(180deg, var(--paper), var(--glaze));border:1.5px solid var(--line);border-radius:10px;padding:5px}.bathroom-trash-graphic svg{width:auto;max-height:48px}.bathroom-station-header{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.bathroom-station-title-en{color:var(--ink);font-size:.72rem;font-weight:700}.bathroom-station-title-ar{font-family:var(--arabic);color:var(--muted);font-size:.84rem;font-weight:700}.bathroom-station-graphic,.bathroom-station-controls{justify-content:center;align-items:center;display:flex}.bathroom-control-btn{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700;transition:all .15s}.bathroom-control-btn:hover{background:var(--line)}.bathroom-control-btn--active{background:var(--teal);color:var(--paper);border-color:var(--teal)}.bathroom-station-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:34px;display:flex}.bathroom-station-items--hidden-door{background:#0000000d;border-radius:6px;justify-content:center;align-items:center;padding:6px 4px}:root[data-theme=dark] .bathroom-station-items--hidden-door{background:#ffffff0d}.bathroom-station-closed-msg,.bathroom-cabinet-closed-msg{color:var(--muted);text-align:center;font-size:.7rem;font-style:italic}.bathroom-item-btn{cursor:grab;min-width:40px;color:var(--ink);background:0 0;border:1.5px solid #0000;border-radius:8px;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:2px 4px;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-flex}.bathroom-item-btn:hover,.bathroom-item-btn:focus-visible{border-color:var(--teal);background:#ffffff8c;transform:translateY(-2px)scale(1.04)}:root[data-theme=dark] .bathroom-item-btn:hover,:root[data-theme=dark] .bathroom-item-btn:focus-visible{background:#ffffff14}.bathroom-item-btn--held{box-shadow:0 0 0 2px var(--saffron);transform:translateY(-3px)scale(1.07);border-color:var(--saffron)!important;background:var(--paper)!important}.bathroom-item-icon{filter:drop-shadow(0 2px 3px #0000002e);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bathroom-item-icon svg{width:30px;height:30px}.bathroom-item-name-en{background:#ffffffb8;border-radius:3px;margin-top:1px;padding:0 3px;font-size:.62rem;font-weight:700;line-height:1.05}:root[data-theme=dark] .bathroom-item-name-en{background:#00000073}.bathroom-item-name-ar{font-family:var(--arabic);color:var(--muted);font-size:.68rem;line-height:1}@media (width<=900px){.bathroom-room-stage,.bathroom-upper-wall-row,.bathroom-vanity-counter-unit{grid-template-columns:1fr}}.bedroom-view{flex-direction:column;gap:.4rem;width:100%;max-width:1180px;margin:0 auto;padding:0;display:flex}.bedroom-view-header{background:var(--paper);border:1px solid var(--line);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:.3rem .75rem;padding:.4rem .75rem;display:grid}.bedroom-title-area{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.bedroom-view-title{color:var(--ink);font-size:1.05rem;font-weight:700;font-family:var(--sans);margin:0}.bedroom-title-sub{color:var(--muted);font-size:.88rem;font-weight:400}.bedroom-stats-badge{background:var(--glaze);color:var(--ink);border:1px solid var(--line);border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.bedroom-stats-icon{color:var(--teal);font-weight:800}.bedroom-submode-tabs{justify-content:flex-end;gap:4px;display:flex;overflow-x:auto}.bedroom-submode-tab{font-size:.78rem;font-family:var(--sans);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;transition:all .15s;display:inline-flex}.bedroom-submode-tab:hover{background:var(--glaze);color:var(--ink)}.bedroom-submode-tab--active{background:var(--glaze);border-color:var(--teal);color:var(--ink);font-weight:700}.bedroom-submode-tab-en{font-weight:600}.bedroom-submode-tab-ar{font-family:var(--arabic);font-size:.85rem}.bedroom-submode-tab-count{background:var(--paper);border:1px solid var(--line);border-radius:9999px;padding:0 5px;font-size:.7rem;font-weight:600}.bedroom-task-selector-bar{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;display:flex}.bedroom-task-select{min-width:180px;font-size:.84rem;font-family:var(--sans);border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:6px;flex:1;padding:4px 8px}.bedroom-nav-btn{background:var(--glaze);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:700;transition:background .15s}.bedroom-nav-btn:hover{background:var(--line)}.bedroom-reset-task-btn,.bedroom-reset-all-btn{border:1px solid var(--line);background:var(--glaze);color:var(--ink);cursor:pointer;font-size:.76rem;font-family:var(--sans);border-radius:6px;padding:4px 8px;transition:background .15s}.bedroom-reset-task-btn:hover,.bedroom-reset-all-btn:hover{background:var(--line)}.bedroom-reset-all-btn{color:var(--muted)}.bedroom-prompt-card{background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:.45rem .85rem;transition:border-color .2s;box-shadow:0 2px 6px #00000008}.bedroom-prompt-card--completed{border-color:var(--teal);background:linear-gradient(to bottom, var(--paper), var(--glaze))}.bedroom-prompt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.25rem;display:flex}.bedroom-prompt-meta{align-items:center;gap:8px;display:flex}.bedroom-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:5px;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-block}.bedroom-badge--category{background:var(--saffron);color:#12323a}.bedroom-step-counter{color:var(--muted);font-size:.78rem;font-weight:600}.bedroom-step-dots{align-items:center;gap:6px;display:flex}.bedroom-step-dot{border:1.5px solid var(--line);background:0 0;border-radius:50%;flex-shrink:0;width:9px;height:9px;transition:all .2s;display:inline-block;position:relative}.bedroom-step-dot--completed{background:var(--teal);border-color:var(--teal)}.bedroom-step-dot--current{background:var(--saffron);border-color:var(--ink);transform:scale(1.2)}.bedroom-step-dot--upcoming{border-color:var(--line);background:0 0}.bedroom-prompt-body{flex-wrap:wrap;align-items:baseline;gap:.25rem .85rem;display:flex}.bedroom-prompt-body--celebration{text-align:center;justify-content:center;padding:.25rem 0}.bedroom-celebration-badge{color:var(--teal);font-size:1.4rem;font-weight:800}.bedroom-prompt-ar{font-family:var(--arabic);color:var(--ink);margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.bedroom-prompt-ph{color:var(--teal);margin:0;font-size:.96rem;font-weight:600}.bedroom-prompt-en{color:var(--muted);margin:0;font-size:.86rem}.bedroom-prompt-full-en{color:var(--ink);background:var(--glaze);border-left:3px solid var(--teal);border-radius:5px;margin:.2rem 0 0;padding:4px 8px;font-size:.82rem;font-style:italic}.bedroom-prompt-hint-toggle{margin-left:auto}.bedroom-hint-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:1px 0;font-size:.75rem;text-decoration:underline}.bedroom-hint-btn:hover{color:var(--ink)}.bedroom-prompt-gloss{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:.25rem;padding-top:.3rem;display:flex}.bedroom-gloss-tokens{flex-wrap:wrap;gap:5px;display:flex}.bedroom-gloss-token-wrapper{display:inline-block}.bedroom-gloss-chip{background:var(--glaze);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:6px;align-items:baseline;gap:4px;padding:2px 7px;font-family:inherit;transition:all .15s;display:inline-flex}.bedroom-gloss-chip:hover{border-color:var(--teal);background:var(--paper)}.bedroom-gloss-chip--revealed{border-color:var(--saffron);background:var(--paper)}.bedroom-gloss-ar{font-family:var(--arabic);font-size:.95rem;font-weight:700;line-height:1.1}.bedroom-gloss-ph{color:var(--muted);font-size:.72rem;font-weight:600}.bedroom-gloss-en{color:var(--ink);border-left:1px solid var(--line);padding-left:4px;font-size:.72rem;font-weight:700}.bedroom-gloss-toggle-all-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;padding:2px 6px;font-size:.7rem}.bedroom-gloss-toggle-all-btn:hover{color:var(--ink);border-color:var(--muted)}.bedroom-status-bar{flex-direction:column;gap:.3rem;display:flex}.bedroom-holding-indicator{background:var(--paper);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:4px 10px;font-size:.8rem;display:flex}.bedroom-holding-indicator--active{border-color:var(--saffron);background:linear-gradient(to right, var(--paper), var(--glaze))}.bedroom-holding-label{color:var(--muted);font-weight:700}.bedroom-holding-item{align-items:center;gap:6px;display:flex}.bedroom-holding-name-en{color:var(--ink);font-weight:700}.bedroom-holding-name-ar{font-family:var(--arabic);color:var(--teal);font-size:.95rem;font-weight:700}.bedroom-holding-drop-btn{background:var(--glaze);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:5px;padding:1px 6px;font-size:.72rem}.bedroom-holding-drop-btn:hover{background:var(--line)}.bedroom-holding-empty{color:var(--muted);font-style:italic}.bedroom-feedback-banner{border:1px solid;border-radius:8px;align-items:center;gap:10px;padding:5px 12px;animation:.2s ease-out bedroom-slide-in;display:flex}@keyframes bedroom-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bedroom-feedback-banner--error{background:var(--error-bg);border-color:var(--error-fg);color:var(--error-fg)}.bedroom-feedback-banner--success{color:#15803d;background:#15803d1f;border-color:#15803d}:root[data-theme=dark] .bedroom-feedback-banner--success{color:#4ade80;background:#4ade8029;border-color:#4ade80}.bedroom-feedback-icon{font-size:1.05rem;font-weight:800}.bedroom-feedback-messages{flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 10px;display:flex}.bedroom-feedback-ar{font-family:var(--arabic);font-size:.98rem;font-weight:700}.bedroom-feedback-en{font-size:.8rem;font-weight:500}.bedroom-feedback-dismiss-btn{color:inherit;cursor:pointer;background:0 0;border:none;padding:2px;font-size:.9rem}.bedroom-scene{background:linear-gradient(180deg, var(--paper) 0%, var(--glaze) 76%, #a0693426 100%);border:2px solid var(--line);border-radius:14px;padding:.45rem .65rem;position:relative;overflow:hidden}.bedroom-room-stage{grid-template-columns:190px 1fr 225px;align-items:stretch;gap:8px;display:grid}.bedroom-station-card{cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:10px;outline:none;flex-direction:column;gap:3px;padding:3px 5px;transition:all .15s;display:flex}.bedroom-station-graphic svg{width:auto;max-height:44px}.bedroom-station-card:hover,.bedroom-station-card:focus-visible{border-color:var(--teal)}.bedroom-station-card--drag-hover{border-color:var(--saffron)!important;box-shadow:0 0 0 3px var(--saffron)!important}.bedroom-room-left-closet{flex-direction:column;justify-content:space-between;gap:8px;display:flex}.bedroom-fixture-wardrobe{background:linear-gradient(#a0662e2e,#7d4c1e40);border:2px solid #915a268c;border-radius:10px 10px 6px 6px;flex:1;padding:6px}.bedroom-wardrobe-body{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.bedroom-wardrobe-graphic svg{width:auto;max-height:76px}.bedroom-fixture-hamper{background:#b482481f;border:1.5px solid #a06e3866;border-radius:10px;padding:5px}.bedroom-hamper-graphic svg{width:auto;max-height:46px}.bedroom-room-center-sleeping{flex-direction:column;justify-content:space-between;gap:8px;min-width:0;display:flex}.bedroom-fixture-window{background:linear-gradient(180deg, #38bdf824, var(--paper));border:2.5px solid var(--line);border-bottom:5px solid #9b64308c;border-radius:10px 10px 4px 4px;align-self:center;width:85%;padding:5px 10px}.bedroom-window-row{justify-content:space-around;align-items:center;gap:8px;display:flex}.bedroom-window-graphic svg{width:auto;max-height:62px}.bedroom-bed-nightstand-row{grid-template-columns:1.35fr .95fr;align-items:end;gap:10px;display:grid}.bedroom-fixture-bed{background:linear-gradient(180deg, var(--paper), var(--glaze));border:2px solid #91582473;border-top:8px solid #915824a6;border-bottom:5px solid #78461aa6;border-radius:10px;padding:6px 8px;box-shadow:0 6px 14px #00000012}.bedroom-bed-stage{flex-direction:column;align-items:center;gap:4px;display:flex}.bedroom-bed-graphic svg{width:auto;max-height:72px}.bedroom-bed-surface-items{background:#ffffff73;border-radius:8px;justify-content:space-around;width:100%;padding:2px 6px;display:flex}:root[data-theme=dark] .bedroom-bed-surface-items{background:#00000038}.bedroom-nightstand-lamp-stack{flex-direction:column;gap:4px;display:flex}.bedroom-fixture-lamp{align-items:center;padding:2px 6px}.bedroom-fixture-lamp--on{background:radial-gradient(circle,#e8a33d38 0%,#0000 75%)}.bedroom-lamp-row{align-items:center;gap:6px;display:flex}.bedroom-lamp-graphic svg{width:auto;max-height:46px}.bedroom-fixture-nightstand{background:linear-gradient(#a56c3429,#8752223d);border:1.5px solid #91582473;border-top:5px solid #915824a6;border-bottom:4px solid #734418a6;border-radius:6px 6px 8px 8px;padding:5px 6px}.bedroom-nightstand-graphic-hidden,.bedroom-desk-graphic-hidden{display:none}.bedroom-nightstand-zones,.bedroom-desk-zones{flex-direction:column;gap:5px;width:100%;display:flex}.bedroom-nightstand-top{justify-content:center;gap:4px;min-height:36px;display:flex}.bedroom-furniture-drawer{background:#ffffff61;border:1px solid #915a2666;border-radius:6px;padding:3px 5px}:root[data-theme=dark] .bedroom-furniture-drawer{background:#00000038}.bedroom-drawer-handle-btn{background:var(--paper);border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:700}.bedroom-drawer-tray{flex-wrap:wrap;justify-content:center;gap:4px;padding-top:3px;display:flex}.bedroom-drawer-tray--collapsed{opacity:0;max-height:0;padding:0;overflow:hidden}.bedroom-room-right-study{flex-direction:column;justify-content:space-between;gap:8px;display:flex}.bedroom-fixture-desk{background:linear-gradient(180deg, var(--paper), #a56c3424);border:1.5px solid #915a2673;border-bottom:5px solid #875222a6;border-radius:10px;flex:1;padding:6px}.bedroom-bookshelf-plank{text-align:center;border-bottom:6px solid #965e28a6;margin-bottom:4px;padding-bottom:3px}.bedroom-fixture-prayer-spot{border:1.5px dashed var(--teal);background:#0e4f5c14;border-radius:10px;padding:5px 6px}.bedroom-prayer-spot-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.bedroom-prayer-graphic svg{width:auto;max-height:44px}.bedroom-station-header{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.bedroom-station-title-en{color:var(--ink);font-size:.72rem;font-weight:700}.bedroom-station-title-ar{font-family:var(--arabic);color:var(--muted);font-size:.84rem;font-weight:700}.bedroom-station-graphic,.bedroom-station-controls{justify-content:center;align-items:center;display:flex}.bedroom-control-btn{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700;transition:all .15s}.bedroom-control-btn:hover{background:var(--line)}.bedroom-control-btn--active{background:var(--teal);color:var(--paper);border-color:var(--teal)}.bedroom-station-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:34px;display:flex}.bedroom-station-items--hidden-door{background:#0000000d;border-radius:6px;justify-content:center;align-items:center;padding:6px 4px}:root[data-theme=dark] .bedroom-station-items--hidden-door{background:#ffffff0d}.bedroom-station-closed-msg,.bedroom-wardrobe-closed-msg{color:var(--muted);text-align:center;font-size:.7rem;font-style:italic}.bedroom-item-btn{cursor:grab;min-width:40px;color:var(--ink);background:0 0;border:1.5px solid #0000;border-radius:8px;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:2px 4px;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-flex}.bedroom-item-btn:hover,.bedroom-item-btn:focus-visible{border-color:var(--teal);background:#ffffff8c;transform:translateY(-2px)scale(1.04)}:root[data-theme=dark] .bedroom-item-btn:hover,:root[data-theme=dark] .bedroom-item-btn:focus-visible{background:#ffffff14}.bedroom-item-btn--held{box-shadow:0 0 0 2px var(--saffron);transform:translateY(-3px)scale(1.07);border-color:var(--saffron)!important;background:var(--paper)!important}.bedroom-item-icon{filter:drop-shadow(0 2px 3px #0000002e);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bedroom-item-icon svg{width:30px;height:30px}.bedroom-item-name-en{background:#ffffffb8;border-radius:3px;margin-top:1px;padding:0 3px;font-size:.62rem;font-weight:700;line-height:1.05}:root[data-theme=dark] .bedroom-item-name-en{background:#00000073}.bedroom-item-name-ar{font-family:var(--arabic);color:var(--muted);font-size:.68rem;line-height:1}@media (width<=900px){.bedroom-room-stage,.bedroom-bed-nightstand-row{grid-template-columns:1fr}}.market-view{flex-direction:column;gap:.4rem;width:100%;max-width:1180px;margin:0 auto;padding:0;display:flex}.market-view-header{background:var(--paper);border:1px solid var(--line);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:.3rem .75rem;padding:.4rem .75rem;display:grid}.market-title-area{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.market-view-title{color:var(--ink);font-size:1.05rem;font-weight:700;font-family:var(--sans);margin:0}.market-title-sub{color:var(--muted);font-size:.88rem;font-weight:400}.market-stats-badge{background:var(--glaze);color:var(--ink);border:1px solid var(--line);border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.market-stats-icon{color:var(--teal);font-weight:800}.market-stage-tabs{justify-content:flex-end;gap:4px;display:flex;overflow-x:auto}.market-stage-tab{font-size:.78rem;font-family:var(--sans);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;transition:all .15s;display:inline-flex}.market-stage-tab:hover{background:var(--glaze);color:var(--ink)}.market-stage-tab--active{background:var(--glaze);border-color:var(--teal);color:var(--ink);font-weight:700}.market-stage-tab-en{font-weight:600}.market-stage-tab-ar{font-family:var(--arabic);font-size:.85rem}.market-scenario-selector-bar{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;display:flex}.market-scenario-select{min-width:180px;font-size:.84rem;font-family:var(--sans);border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:6px;flex:1;padding:4px 8px}.market-nav-btn{background:var(--glaze);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:700;transition:background .15s}.market-nav-btn:hover{background:var(--line)}.market-reset-scenario-btn,.market-reset-all-btn{border:1px solid var(--line);background:var(--glaze);color:var(--ink);cursor:pointer;font-size:.76rem;font-family:var(--sans);border-radius:6px;padding:4px 8px;transition:background .15s}.market-reset-scenario-btn:hover,.market-reset-all-btn:hover{background:var(--line)}.market-reset-all-btn{color:var(--muted)}.market-prompt-card{background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:.45rem .85rem;transition:border-color .2s;box-shadow:0 2px 6px #00000008}.market-prompt-card--completed{border-color:var(--teal);background:linear-gradient(to bottom, var(--paper), var(--glaze))}.market-prompt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.25rem;display:flex}.market-prompt-meta{align-items:center;gap:8px;display:flex}.market-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:5px;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-block}.market-badge--category{background:var(--saffron);color:#12323a}.market-scenario-counter{color:var(--muted);font-size:.78rem;font-weight:600}.market-step-dots{align-items:center;gap:6px;display:flex}.market-step-dot{border:1.5px solid var(--line);background:0 0;border-radius:50%;flex-shrink:0;width:9px;height:9px;transition:all .2s;display:inline-block;position:relative}.market-step-dot--completed{background:var(--teal);border-color:var(--teal)}.market-step-dot--current{background:var(--saffron);border-color:var(--ink);transform:scale(1.2)}.market-step-dot--upcoming{border-color:var(--line);background:0 0}.market-prompt-body{flex-wrap:wrap;align-items:baseline;gap:.25rem .85rem;display:flex}.market-prompt-body--celebration{text-align:center;justify-content:center;padding:.25rem 0}.market-celebration-badge{color:var(--teal);font-size:1.4rem;font-weight:800}.market-prompt-ar{font-family:var(--arabic);color:var(--ink);margin:0;font-size:1.32rem;font-weight:700;line-height:1.25}.market-prompt-ph{color:var(--teal);margin:0;font-size:.94rem;font-weight:600}.market-prompt-en{color:var(--muted);margin:0;font-size:.84rem}.market-prompt-full-en{color:var(--ink);background:var(--glaze);border-left:3px solid var(--teal);border-radius:5px;margin:.2rem 0 0;padding:4px 8px;font-size:.82rem;font-style:italic}.market-prompt-hint-toggle{margin-left:auto}.market-hint-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:1px 0;font-size:.75rem;text-decoration:underline}.market-hint-btn:hover{color:var(--ink)}.market-prompt-gloss{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:.25rem;padding-top:.3rem;display:flex}.market-gloss-tokens{flex-wrap:wrap;gap:5px;display:flex}.market-gloss-token-wrapper{display:inline-block}.market-gloss-chip{background:var(--glaze);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:6px;align-items:baseline;gap:4px;padding:2px 7px;font-family:inherit;transition:all .15s;display:inline-flex}.market-gloss-chip:hover{border-color:var(--teal);background:var(--paper)}.market-gloss-chip--revealed{border-color:var(--saffron);background:var(--paper)}.market-gloss-ar{font-family:var(--arabic);font-size:.95rem;font-weight:700;line-height:1.1}.market-gloss-ph{color:var(--muted);font-size:.72rem;font-weight:600}.market-gloss-en{color:var(--ink);border-left:1px solid var(--line);padding-left:4px;font-size:.72rem;font-weight:700}.market-gloss-toggle-all-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;padding:2px 6px;font-size:.7rem}.market-gloss-toggle-all-btn:hover{color:var(--ink);border-color:var(--muted)}.market-status-bar{flex-direction:column;gap:.3rem;display:flex}.market-status-row{background:var(--paper);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px;font-size:.8rem;display:flex}.market-basket-summary{align-items:center;gap:6px;display:flex}.market-basket-count-badge{background:var(--teal);color:var(--paper);border-radius:9999px;padding:1px 7px;font-size:.72rem;font-weight:700}.market-basket-empty{color:var(--muted);font-style:italic}.market-feedback-banner{border:1px solid;border-radius:8px;align-items:center;gap:10px;padding:5px 12px;animation:.2s ease-out market-slide-in;display:flex}@keyframes market-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.market-feedback-banner--error{background:var(--error-bg);border-color:var(--error-fg);color:var(--error-fg)}.market-feedback-banner--success{color:#15803d;background:#15803d1f;border-color:#15803d}:root[data-theme=dark] .market-feedback-banner--success{color:#4ade80;background:#4ade8029;border-color:#4ade80}.market-feedback-icon{font-size:1.05rem;font-weight:800}.market-feedback-messages{flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 10px;display:flex}.market-feedback-ar{font-family:var(--arabic);font-size:.98rem;font-weight:700}.market-feedback-en{font-size:.8rem;font-weight:500}.market-feedback-dismiss-btn{color:inherit;cursor:pointer;background:0 0;border:none;padding:2px;font-size:.9rem}.market-shelf-stage{grid-template-columns:1fr 270px;align-items:stretch;gap:12px;display:grid}.market-shelves-container{background:linear-gradient(180deg, var(--paper) 0%, var(--glaze) 100%);border:2px solid #965f2a8c;border-radius:14px;flex-direction:column;gap:.45rem;padding:0 .75rem .6rem;display:flex;overflow:hidden;box-shadow:0 6px 16px #0000000f}.market-stall-awning{background:repeating-linear-gradient(90deg, var(--teal) 0px, var(--teal) 24px, var(--saffron) 24px, var(--saffron) 48px);border-bottom:2px solid var(--ink);height:14px;margin:0 -.75rem 2px}.market-shelf-row{flex-direction:column;gap:2px;display:flex}.market-shelf-items-row{grid-template-columns:repeat(4,1fr);align-items:end;gap:8px;display:grid}.market-shelf-plank{background:#9b622cb8;border-top:1.5px solid #d79b5a99;border-bottom:2px solid #693e16cc;border-radius:3px;height:8px;box-shadow:0 3px 6px #00000026}.market-goods-card{background:0 0;border:1.5px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:3px 4px 2px;transition:transform .14s,background-color .14s;display:flex;position:relative}.market-goods-card:hover{background:#ffffff73;transform:translateY(-2px)}:root[data-theme=dark] .market-goods-card:hover{background:#ffffff0f}.market-goods-card--in-basket{border-color:var(--teal);background:#0e4f5c14}.market-goods-graphic{filter:drop-shadow(0 3px 4px #0000002e);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.market-goods-graphic svg{width:40px;height:40px}.market-goods-label-group{text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 5px;display:flex}.market-goods-name-ar{font-family:var(--arabic);color:var(--ink);font-size:.92rem;font-weight:700;line-height:1.05}.market-goods-name-ph{color:var(--teal);font-size:.68rem;font-weight:600}.market-goods-name-en{color:var(--muted);font-size:.64rem}.market-goods-actions-row{flex-wrap:wrap;justify-content:center;gap:3px;width:100%;display:flex}.market-gadaysh-btn{background:var(--paper);border:1px solid var(--ink);color:var(--ink);cursor:pointer;border-radius:9999px;align-items:center;gap:2px;padding:2px 6px;font-size:.66rem;font-weight:700;transition:all .15s;display:inline-flex}.market-gadaysh-btn:hover{background:var(--ink);color:var(--paper)}.market-price-tag-bubble{background:var(--saffron);color:#12323a;font-size:.72rem;font-weight:800;font-family:var(--arabic);border-radius:6px;padding:1px 6px;box-shadow:0 2px 5px #0000001f}.market-add-basket-btn{background:var(--teal);color:var(--paper);cursor:pointer;border:none;border-radius:9999px;padding:2px 7px;font-size:.66rem;font-weight:700}.market-add-basket-btn:hover{opacity:.92}.market-basket-dock{background:linear-gradient(180deg, var(--paper), var(--glaze));border:2px solid #965f2a8c;border-top:7px solid #965f2ab3;border-radius:12px;flex-direction:column;justify-content:space-between;gap:8px;padding:10px;display:flex}.market-basket-dock-header{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding-bottom:6px;display:flex}.market-basket-dock-title-group{align-items:center;gap:8px;display:flex}.market-basket-dock-title-group h3{margin:0;font-size:.88rem}.market-basket-hint{color:var(--muted);font-size:.72rem}.market-basket-items-list{flex-wrap:wrap;flex:1;align-content:flex-start;gap:6px;min-height:44px;display:flex}.market-basket-empty-hint{color:var(--muted);margin:0;font-size:.75rem;font-style:italic}.market-basket-item-chip{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;align-items:center;gap:5px;padding:2px 7px;font-size:.76rem;font-weight:600;display:inline-flex}.market-basket-remove-btn{color:var(--error-fg);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.75rem}.market-proceed-btn{background:var(--teal);width:100%;color:var(--paper);cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-size:.85rem;font-weight:700;transition:all .15s}.market-proceed-btn:disabled{opacity:.4;cursor:not-allowed}.market-checkout-stage{flex-direction:column;display:flex}.market-checkout-counter{background:linear-gradient(180deg, var(--paper) 0%, var(--glaze) 100%);border:2px solid #965f2a8c;border-top:7px solid #965f2ab8;border-radius:14px;grid-template-columns:1fr 1.15fr;align-items:start;gap:12px;padding:.75rem;display:grid}.market-checkout-left-col,.market-checkout-right-col{flex-direction:column;gap:8px;display:flex}.market-register-box{background:var(--paper);border:1.5px solid var(--ink);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.market-register-info-col{flex-direction:column;flex:1;gap:6px;display:flex}.market-register-screen{color:#4ade80;border:2px inset var(--line);background:#12323a;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:52px;padding:6px 10px;font-family:monospace;display:flex}.market-register-total-text{font-size:1.15rem;font-weight:800}.market-register-ar-phrase{font-family:var(--arabic);color:#4ade80;font-size:.98rem}.market-register-hidden-prompt{color:#4ade80;font-size:.78rem;font-style:italic}.market-register-toggle-btn{background:var(--glaze);border:1px solid var(--ink);color:var(--ink);cursor:pointer;border-radius:9999px;align-self:flex-start;padding:2px 10px;font-size:.72rem;font-weight:700}.market-payment-section{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.market-payment-header{margin:0;font-size:.84rem}.market-currency-selector{flex-wrap:wrap;gap:5px;display:flex}.market-currency-btn{background:var(--glaze);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:.76rem;font-weight:700}.market-paid-tray{background:var(--glaze);border:1px dashed var(--line);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:5px 8px;display:flex}.market-paid-empty-hint{color:var(--muted);font-size:.74rem}.market-placed-piece-chip{background:var(--paper);border:1px solid var(--teal);cursor:pointer;border-radius:5px;padding:2px 6px;font-size:.74rem;font-weight:700}.market-paid-total-line{color:var(--ink);justify-content:space-between;align-items:center;font-size:.82rem;font-weight:700;display:flex}.market-clear-pay-btn{background:var(--glaze);border:1px solid var(--line);cursor:pointer;border-radius:5px;padding:2px 7px;font-size:.72rem}.market-change-section{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:7px;padding:8px 10px;display:flex}.market-change-header{color:var(--ink);margin:0;font-size:.84rem;font-weight:700}.market-change-choices-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.market-choice-btn{background:var(--glaze);border:1.5px solid var(--line);color:var(--ink);cursor:pointer;text-align:center;border-radius:6px;padding:5px 8px;font-size:.8rem;font-weight:700}.market-choice-btn--selected{border-color:var(--saffron);background:var(--paper);box-shadow:0 0 0 2px var(--saffron)}.market-phrase-choices-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.market-phrase-btn{background:var(--glaze);border:1.5px solid var(--line);text-align:left;cursor:pointer;border-radius:6px;flex-direction:column;gap:1px;padding:5px 8px;display:flex}.market-phrase-btn--selected{border-color:var(--saffron);background:var(--paper);box-shadow:0 0 0 2px var(--saffron)}.market-phrase-ar{font-family:var(--arabic);color:var(--ink);font-size:.96rem;font-weight:700}.market-phrase-ph{color:var(--teal);font-size:.74rem;font-weight:600}.market-phrase-en{color:var(--muted);font-size:.68rem}.market-checkout-actions-row{align-items:center;gap:8px;margin-top:2px;display:flex}@media (width<=900px){.market-shelf-stage,.market-checkout-counter,.market-phrase-choices-grid{grid-template-columns:1fr}}@media (width<=640px){.market-shelf-items-row,.market-change-choices-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.market-shelf-items-row{grid-template-columns:1fr}}.market-svg{-webkit-user-select:none;user-select:none;max-width:100%;height:auto;display:block}.market-shelves-svg{width:100%;max-width:480px;height:auto;margin:0 auto}.cash-register-svg{width:100%;max-width:110px;height:auto;margin:0 auto}.market-basket-svg{width:100%;max-width:180px;height:auto;margin:0 auto}.price-tag-svg{width:140px;height:80px}.checkout-counter-svg{width:100%;max-width:480px;height:auto;margin:0 auto}.goods-svg{width:40px;height:40px;transition:transform .15s}.goods-svg:hover{transform:scale(1.08)}.currency-svg{-webkit-user-select:none;user-select:none;display:inline-block}.bill-svg{cursor:pointer;width:130px;height:74px}.bill-svg.small{width:90px;height:52px}.coin-svg{cursor:pointer;width:54px;height:54px}.coin-svg.small{width:38px;height:38px}