:root{--brand: #b4532a;--brand-ink: #fff;--brand-2: #e9a23b;--brand-soft: #fbeee4;--bg: #fbf8f4;--bg-2: #f3ede5;--surface: #ffffff;--surface-2: #f7f2ec;--ink: #1f1a16;--ink-2: #4c433b;--muted: #6d6258;--line: #e6ddd2;--line-2: #d6cabb;--ok: #1f7a4a;--ok-soft: #e3f4ea;--bad: #b42318;--bad-soft: #fdecea;--warn: #8a5a00;--focus: #1f5fd6;--f-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--f-display: var(--f-body);--f-ar: "IBM Plex Sans Arabic", "Tajawal", "Segoe UI", Tahoma, sans-serif;--fs-1: clamp(2.3rem, 1.4rem + 3.6vw, 4.4rem);--fs-2: clamp(1.7rem, 1.25rem + 1.8vw, 2.6rem);--fs-3: clamp(1.2rem, 1.05rem + .6vw, 1.5rem);--r-s: 10px;--r: 16px;--r-l: 24px;--r-xl: 32px;--pill: 999px;--sh-1: 0 1px 2px rgb(40 25 10 / .06), 0 2px 8px rgb(40 25 10 / .05);--sh-2: 0 6px 24px rgb(40 25 10 / .1), 0 2px 6px rgb(40 25 10 / .06);--sh-3: 0 24px 60px rgb(40 25 10 / .18);--ease: cubic-bezier(.2, .8, .2, 1);--wrap: 1200px;--gut: clamp(16px, 4vw, 32px);color-scheme:light}:root[data-theme=dark]{--bg: #15110e;--bg-2: #1c1713;--surface: #211b16;--surface-2: #2a231d;--ink: #f6efe7;--ink-2: #ddd1c4;--muted: #b3a597;--line: #3a3029;--line-2: #4a3e35;--ok: #5fd49a;--ok-soft: #173326;--bad: #ff8a80;--bad-soft: #3a1a17;--warn: #f2c14e;--focus: #8ab4ff;--sh-1: 0 1px 2px rgb(0 0 0 / .4);--sh-2: 0 8px 28px rgb(0 0 0 / .45);--sh-3: 0 24px 60px rgb(0 0 0 / .6);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.6 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;transition:background-color .3s var(--ease),color .3s var(--ease)}:lang(ar) body,html[lang=ar] body{font-family:var(--f-ar)}html[lang=ar]{--f-display: var(--f-ar);--f-body: var(--f-ar)}img,svg{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--f-display);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em;text-wrap:balance}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.35}p{margin:0 0 1em;text-wrap:pretty}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.wrap{width:min(100% - 2 * var(--gut),var(--wrap));margin-inline:auto}.ltr{direction:ltr;unicode-bidi:isolate}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:var(--r-s);font-weight:700;text-decoration:none;transition:top .2s}.skip:focus{top:12px}.btn{--b-bg: var(--surface);--b-ink: var(--ink);--b-line: var(--line-2);display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;padding:.6em 1.2em;border-radius:var(--pill);border:1.5px solid var(--b-line);background:var(--b-bg);color:var(--b-ink);font-weight:650;text-decoration:none;line-height:1.1;white-space:nowrap;transition:transform .18s var(--ease),box-shadow .2s var(--ease),background-color .2s,border-color .2s}.btn:hover{transform:translateY(-1px);box-shadow:var(--sh-1);border-color:var(--ink-2)}.btn:active{transform:translateY(0) scale(.98)}.btn.primary{--b-bg: var(--brand);--b-ink: var(--brand-ink);--b-line: var(--brand)}.btn.primary:hover{box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 35%,transparent);border-color:var(--brand)}.btn.ghost{--b-bg: transparent;--b-line: transparent}.btn.ghost:hover{--b-bg: var(--surface-2);box-shadow:none}.btn.sm{min-height:36px;padding:.4em .9em;font-size:.9rem}.btn.lg{min-height:52px;padding:.8em 1.6em;font-size:1.05rem}.btn.block{width:100%}.btn[disabled]{opacity:.55;pointer-events:none}.ibtn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--pill);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);position:relative;transition:transform .18s var(--ease),background-color .2s,border-color .2s}.ibtn:hover{border-color:var(--ink-2);transform:translateY(-1px)}.ibtn svg{width:20px;height:20px}.badge-n{position:absolute;top:-4px;inset-inline-end:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--pill);background:var(--brand);color:var(--brand-ink);font-size:.72rem;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg)}.badge-n.bump{animation:bump .45s var(--ease)}@keyframes bump{40%{transform:scale(1.35)}}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:.45em;min-height:40px;padding:.35em 1em;border-radius:var(--pill);border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);font-weight:600;font-size:.95rem;transition:background-color .2s,color .2s,border-color .2s,transform .15s}.chip:hover{border-color:var(--ink-2)}.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tag{display:inline-flex;align-items:center;gap:.3em;padding:.2em .65em;border-radius:var(--pill);background:var(--surface-2);color:var(--ink-2);font-size:.8rem;font-weight:600}.card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1)}.field{display:grid;gap:6px;align-content:start}.field>label,.lbl{font-weight:650;font-size:.92rem;color:var(--ink-2)}.field .hint{font-size:.82rem;color:var(--muted);margin:0}.input,.select,.textarea{width:100%;min-height:48px;padding:.7em .95em;border-radius:var(--r-s);border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);transition:border-color .2s,box-shadow .2s}.textarea{min-height:96px;resize:vertical}.input:hover,.select:hover,.textarea:hover{border-color:var(--muted)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 22%,transparent)}.field.bad .input,.field.bad .select,.field.bad .textarea,[aria-invalid=true]{border-color:var(--bad)!important}.err{color:var(--bad);font-size:.85rem;font-weight:600;margin:0;display:flex;gap:.35em;align-items:center}.err:before{content:"!";display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--bad);color:var(--surface);font-size:.7rem;font-weight:900;flex:none}.err-summary{border:1.5px solid var(--bad);background:var(--bad-soft);border-radius:var(--r);padding:14px 18px}.err-summary h3{font-size:1rem;margin:0 0 6px;color:var(--bad)}.err-summary ul{margin:0;padding-inline-start:1.2em}.err-summary a{color:var(--bad);font-weight:600}.radio-cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.radio-card{position:relative}.radio-card input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.radio-card>span{display:flex;gap:.6em;align-items:center;padding:14px 16px;border:1.5px solid var(--line-2);border-radius:var(--r);background:var(--surface);font-weight:600;transition:border-color .2s,background-color .2s,box-shadow .2s;min-height:52px}.radio-card input:checked+span{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 1px var(--brand) inset}.radio-card input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.top{position:sticky;top:0;z-index:40;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.top .wrap{display:flex;align-items:center;gap:12px;min-height:68px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-display);font-weight:800;font-size:1.2rem;flex:none}.brand svg{width:38px;height:38px;flex:none}.nav{display:flex;gap:2px;margin-inline-start:auto}.nav a{padding:.5em .85em;border-radius:var(--pill);text-decoration:none;font-weight:600;color:var(--ink-2);font-size:.95rem}.nav a:hover{background:var(--surface-2);color:var(--ink)}.nav a[aria-current=page]{background:var(--ink);color:var(--bg)}.tools{display:flex;gap:8px;align-items:center}.nav+.tools{margin-inline-start:8px}.lang-b{font-weight:800;font-size:.95rem}@media(max-width:860px){.nav{position:fixed;inset:auto 0 0;margin:0;z-index:45;justify-content:space-around;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.nav a{display:grid;justify-items:center;gap:2px;font-size:.74rem;padding:.35em .5em}.nav a .ni{font-size:1.15rem;line-height:1}.tools{margin-inline-start:auto}.top{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}body{padding-bottom:72px}html{scroll-padding-bottom:84px}}@media(min-width:861px){.nav a .ni{display:none}}.foot{margin-top:80px;border-top:1px solid var(--line);background:var(--bg-2);padding:48px 0 32px;font-size:.95rem;color:var(--ink-2)}.foot-grid{display:grid;gap:28px;grid-template-columns:1.4fr 1fr 1fr 1fr}.foot h4{font-size:.95rem;margin-bottom:.7em;color:var(--ink)}.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.foot a{text-decoration:none}.foot a:hover{text-decoration:underline}.credit{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--muted)}.credit a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>:first-child{grid-column:1 / -1}}dialog{border:0;padding:0;background:var(--surface);color:var(--ink);border-radius:var(--r-l);box-shadow:var(--sh-3);max-width:min(94vw,860px);width:100%;max-height:92vh}dialog::backdrop{background:#0f0a058c;backdrop-filter:blur(3px)}dialog[open]{animation:pop .35s var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.98)}}dialog.drawer{margin:0;margin-inline-start:auto;height:100dvh;max-height:100dvh;width:min(440px,100vw);max-width:100vw;border-radius:0}html[dir=ltr] dialog.drawer[open]{animation:slideL .38s var(--ease)}html[dir=rtl] dialog.drawer[open]{animation:slideR .38s var(--ease)}@keyframes slideL{0%{transform:translate(100%)}}@keyframes slideR{0%{transform:translate(-100%)}}.dlg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:2}.dlg-head h2{font-size:1.25rem;margin:0}.toasts{position:fixed;z-index:90;inset-inline:0;bottom:24px;display:grid;justify-items:center;gap:8px;pointer-events:none;padding:0 16px}@media(max-width:860px){.toasts{bottom:90px}}.toast{display:flex;gap:10px;align-items:center;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:var(--pill);box-shadow:var(--sh-2);font-weight:600;animation:tin .35s var(--ease);max-width:100%}.toast-i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;font-size:.8rem}.toast.out{opacity:0;transform:translateY(10px);transition:.35s}@keyframes tin{0%{opacity:0;transform:translateY(14px)}}.sec{padding:clamp(48px,7vw,96px) 0}.kicker{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}html[lang=ar] .kicker{letter-spacing:0}.sec-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}.sec-head h2{font-size:var(--fs-2);margin:.2em 0 0}.sec-head p{color:var(--muted);max-width:52ch;margin:.4em 0 0}.empty{text-align:center;padding:48px 16px;color:var(--muted)}.empty .em{font-size:3rem;display:block;margin-bottom:8px}.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js .rv.in{opacity:1;transform:none}.skel{background:linear-gradient(90deg,var(--surface-2),var(--line),var(--surface-2));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:var(--r-s)}@keyframes sk{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.js .rv{opacity:1;transform:none}}:root{--ui-pop: var(--surface);--ui-active: color-mix(in srgb, var(--brand) 12%, var(--surface));--ui-ring: 0 0 0 4px color-mix(in srgb, var(--brand) 22%, transparent);--ui-z-pop: 60;--ui-z-modal: 80}.ui-select{position:relative}.ui-select-box{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:.6em .85em .6em .95em;border-radius:var(--r-s);border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);cursor:pointer;user-select:none;transition:border-color .2s,box-shadow .2s;text-align:start}.ui-select-box:hover{border-color:var(--muted)}.ui-select-box:focus-visible,.ui-select.open .ui-select-box{outline:none;border-color:var(--brand);box-shadow:var(--ui-ring)}.ui-select-v{display:inline-flex;align-items:center;gap:.5em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-v.ph{color:var(--muted)}.ui-select-pre{color:var(--muted);font-weight:500}.ui-chev{width:18px;height:18px;flex:none;color:var(--muted);transition:transform .2s var(--ease)}.ui-select.open .ui-chev{transform:rotate(180deg)}.ui-listbox{position:absolute;z-index:var(--ui-z-pop);inset-inline:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;max-height:290px;overflow:auto;overscroll-behavior:contain;background:var(--ui-pop);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-3);animation:ui-in .16s var(--ease)}.ui-select.up .ui-listbox{top:auto;bottom:calc(100% + 6px)}@keyframes ui-in{0%{opacity:0;transform:translateY(-4px)}}.ui-option{display:flex;align-items:center;gap:.6em;padding:.6em .7em;border-radius:var(--r-s);cursor:pointer;color:var(--ink);line-height:1.3}.ui-option.active{background:var(--ui-active)}.ui-option[aria-selected=true]{font-weight:700;color:var(--brand)}:root[data-theme=dark] .ui-option[aria-selected=true]{color:var(--ink)}.ui-opt-t{display:grid;flex:1;min-width:0}.ui-opt-t small{color:var(--muted);font-weight:500;font-size:.8rem}.ui-opt-i{flex:none;width:1.4em;text-align:center}.ui-tick{width:18px;height:18px;flex:none;opacity:0;color:var(--brand)}.ui-option[aria-selected=true] .ui-tick{opacity:1}.ui-combo{position:relative}.ui-radios.v-cards,.ui-checks.v-cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ui-choice{position:relative;display:flex;gap:.6em;align-items:center;padding:12px 14px;min-height:52px;border:1.5px solid var(--line-2);border-radius:var(--r);background:var(--surface);font-weight:600;cursor:pointer;user-select:none;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .15s}.ui-choice:hover{border-color:var(--muted)}.ui-choice:active{transform:scale(.985)}.ui-choice[aria-checked=true]{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 1px var(--brand) inset}.ui-choice[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ui-choice:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ui-choice-t{display:grid;flex:1;min-width:0;line-height:1.25}.ui-choice-t small{color:var(--muted);font-weight:600;font-size:.8rem;margin-top:2px}.ui-choice-i{font-size:1.25rem;line-height:1}.ui-choice .sw{width:22px;height:22px;border-radius:50%;flex:none;border:2px solid var(--surface);box-shadow:0 0 0 1.5px var(--line-2)}.ui-radio-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--line-2);flex:none;display:grid;place-items:center;transition:border-color .2s}.ui-radio-dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--brand);transform:scale(0);transition:transform .2s var(--ease)}.ui-choice[aria-checked=true] .ui-radio-dot{border-color:var(--brand)}.ui-choice[aria-checked=true] .ui-radio-dot:after{transform:scale(1)}.ui-box{width:22px;height:22px;border-radius:7px;border:2px solid var(--line-2);display:grid;place-items:center;flex:none;background:var(--surface);color:var(--brand-ink);transition:background-color .2s,border-color .2s}.ui-box svg{width:16px;height:16px;opacity:0;transform:scale(.6);transition:.2s var(--ease)}[aria-checked=true]>.ui-box{background:var(--brand);border-color:var(--brand)}[aria-checked=true]>.ui-box svg{opacity:1;transform:none}.ui-radios.v-seg{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--surface-2);border-radius:var(--r);border:1px solid var(--line)}.ui-radios.v-seg .ui-choice{flex:1 1 auto;justify-content:center;min-height:40px;padding:8px 10px;border:0;background:transparent;border-radius:calc(var(--r) - 4px);font-size:.92rem}.ui-radios.v-seg .ui-choice-t{flex:none;text-align:center}.ui-radios.v-seg .ui-choice[aria-checked=true]{background:var(--surface);box-shadow:var(--sh-1);color:var(--brand)}:root[data-theme=dark] .ui-radios.v-seg .ui-choice[aria-checked=true]{color:var(--ink);background:var(--line-2)}.ui-radios.v-slots{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.ui-radios.v-slots .ui-choice{min-height:46px;padding:10px 12px}.ui-radios.v-slots .ui-radio-dot{display:none}.ui-radios.v-icons{display:flex;flex-wrap:wrap;gap:6px}.ui-radios.v-icons .ui-choice{width:46px;height:46px;min-height:0;padding:0;justify-content:center;font-size:1.3rem;border-radius:12px}.ui-radios.v-icons .ui-radio-dot,.ui-radios.v-icons .ui-choice-t{display:none}.ui-radios.v-icons .ui-choice-i{font-size:1.35rem}.ui-checks.v-chips{display:flex;flex-wrap:wrap;gap:8px}.ui-checks.v-chips .ui-choice{min-height:40px;padding:6px 12px;border-radius:var(--pill);font-size:.92rem}.ui-checks.v-chips .ui-box{width:18px;height:18px;border-radius:6px}.ui-checks.v-chips .ui-box svg{width:13px;height:13px}.ui-group .err{margin-top:4px}.field.bad .ui-radios,.field.bad .ui-checks{border-radius:var(--r);box-shadow:0 0 0 1.5px var(--bad)}.ui-check{display:inline-flex;gap:.65em;align-items:flex-start;cursor:pointer;font-weight:600;color:var(--ink-2);line-height:1.45;user-select:none;border-radius:8px}.ui-check .ui-box{margin-top:1px}.ui-check-wrap.bad .ui-box{border-color:var(--bad)}.ui-check-wrap .err{margin-top:6px}.ui-switch{display:inline-flex;align-items:center;gap:.7em;min-height:40px;background:none;border:0;padding:0;font-weight:600;color:var(--ink-2);text-align:start;border-radius:8px}.ui-switch-track{width:46px;height:28px;border-radius:var(--pill);background:var(--line-2);position:relative;flex:none;transition:background-color .2s}.ui-switch-thumb{position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:inset-inline-start .2s var(--ease)}.ui-switch[aria-checked=true] .ui-switch-track{background:var(--brand)}.ui-switch[aria-checked=true] .ui-switch-thumb{inset-inline-start:21px}.ui-stepper{display:flex;align-items:stretch;border:1.5px solid var(--line-2);border-radius:var(--r-s);background:var(--surface);overflow:hidden;transition:border-color .2s,box-shadow .2s}.ui-stepper:focus-within{border-color:var(--brand);box-shadow:var(--ui-ring)}.ui-stepper .input{border:0;text-align:center;min-width:0;box-shadow:none!important;border-radius:0;font-weight:700}.ui-stepper .ibtn{border:0;border-radius:0;height:auto;width:46px;background:var(--surface-2);font-size:1.2rem;font-weight:700}.ui-stepper .ibtn:hover{transform:none;background:var(--line)}.ui-stepper .ibtn[disabled]{opacity:.4;cursor:not-allowed}.field.bad .ui-stepper{border-color:var(--bad)}.ui-slider{position:relative;height:36px;display:flex;align-items:center;cursor:pointer;touch-action:none;margin:0 11px}.ui-slider:before{content:"";position:absolute;inset-inline:0;height:6px;border-radius:3px;background:var(--line)}.ui-slider-fill{position:absolute;inset-inline-start:0;height:6px;border-radius:3px;background:var(--brand)}.ui-slider-thumb{position:absolute;width:24px;height:24px;margin-inline-start:-12px;border-radius:50%;background:var(--surface);border:3px solid var(--brand);box-shadow:var(--sh-1);transition:transform .15s}.ui-slider-thumb:hover,.ui-slider-thumb:focus-visible{transform:scale(1.12)}.ui-slider-thumb:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:50%}.ui-modal{position:fixed;inset:0;z-index:var(--ui-z-modal);display:grid;place-items:center;padding:16px}.ui-scrim{position:absolute;inset:0;background:#0f0a058c;backdrop-filter:blur(3px);animation:ui-fade .25s var(--ease)}@keyframes ui-fade{0%{opacity:0}}.ui-panel{position:relative;background:var(--surface);color:var(--ink);border-radius:var(--r-l);box-shadow:var(--sh-3);width:min(520px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;animation:pop .3s var(--ease)}.ui-panel:focus{outline:none}.ui-panel-b{overflow:auto;overscroll-behavior:contain;flex:1}.k-dialog .ui-panel-b{padding:18px 20px}.ui-panel-f{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--line);flex-wrap:wrap}.k-drawer{padding:0;place-items:stretch;justify-items:end}.ui-panel.drawer{height:100dvh;max-height:100dvh;width:min(440px,100vw);border-radius:0}html[dir=ltr] .ui-panel.drawer{animation:slideL .32s var(--ease)}html[dir=rtl] .ui-panel.drawer{animation:slideR .32s var(--ease)}.ui-modal.closing .ui-scrim{opacity:0;transition:opacity .2s}.ui-modal.closing .ui-panel{opacity:0;transform:translateY(10px);transition:.2s}html[dir=ltr] .ui-modal.closing .ui-panel.drawer{transform:translate(40%)}html[dir=rtl] .ui-modal.closing .ui-panel.drawer{transform:translate(-40%)}.ui-tablist{display:flex;gap:4px;border-bottom:1.5px solid var(--line);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.ui-tab{position:relative;background:none;border:0;padding:10px 14px;font-weight:650;color:var(--muted);border-radius:10px 10px 0 0;white-space:nowrap}.ui-tab:hover{color:var(--ink);background:var(--surface-2)}.ui-tab[aria-selected=true]{color:var(--ink)}.ui-tab[aria-selected=true]:after{content:"";position:absolute;inset-inline:8px;bottom:-1.5px;height:3px;border-radius:3px;background:var(--brand)}.ui-tabpanel:focus-visible{outline-offset:6px}.ui-date{position:relative}.ui-date-btn{display:flex;align-items:center;gap:.6em;text-align:start;cursor:pointer;font-weight:600}.ui-date-btn svg{width:20px;height:20px;flex:none;color:var(--brand)}.ui-date-btn[aria-expanded=true]{border-color:var(--brand);box-shadow:var(--ui-ring)}.ui-cal{position:absolute;z-index:var(--ui-z-pop);top:calc(100% + 6px);inset-inline-start:0;width:min(320px,calc(100vw - 32px));padding:12px;background:var(--ui-pop);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-3);animation:ui-in .16s var(--ease)}.ui-date:has(.hint) .ui-cal{top:calc(100% - 18px)}.ui-cal-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.ui-cal-h h3{margin:0;font-size:1rem}.ui-cal-h .ibtn{width:38px;height:38px;font-size:1.3rem}.ui-cal-g{width:100%;border-collapse:collapse;table-layout:fixed}.ui-cal-g th{font-size:.72rem;color:var(--muted);font-weight:700;padding:4px 0;text-align:center}.ui-cal-g td{padding:2px;text-align:center}.ui-day{width:100%;aspect-ratio:1;border:0;border-radius:10px;background:transparent;font-weight:600;font-size:.9rem;color:var(--ink)}.ui-day:hover{background:var(--surface-2)}.ui-day.out{color:var(--muted);opacity:.6}.ui-day.today{box-shadow:inset 0 0 0 1.5px var(--brand)}.ui-day.sel{background:var(--brand);color:var(--brand-ink)}.ui-day[aria-disabled=true]{opacity:.3;text-decoration:line-through;cursor:not-allowed}.ui-day:focus-visible{outline-offset:1px}.three-host{position:relative}.three-stage{position:absolute;inset:0}.three-stage canvas{display:block;width:100%!important;height:100%!important;opacity:0;transition:opacity .6s var(--ease)}.three-stage.three-ready canvas{opacity:1}.three-host.s-ready .three-fallback{display:none}.three-host.s-loading .three-fallback{opacity:0}.three-host.s-none .three-stage{display:none}.three-host.s-none .three-fallback{position:relative}.three-fallback{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .3s}@media(prefers-reduced-motion:reduce){.ui-listbox,.ui-cal,.ui-panel{animation:none}}.ui-date-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--brand: #a8481f;--brand-ink: #fff;--brand-2: #e9a23b;--brand-soft: #fbeadd;--f-display: "Fraunces", Georgia, "Times New Roman", serif;--f-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--hero-disc: #f7e3cc;--steam: rgb(255 255 255 / .85)}:root[data-theme=dark]{--brand: #f0915f;--brand-ink: #1c120c;--brand-soft: #3a2418;--hero-disc: #2c2119;--steam: rgb(255 255 255 / .35)}.ibtn .i-sun{display:none}:root[data-theme=dark] .ibtn .i-sun{display:block}:root[data-theme=dark] .ibtn .i-moon{display:none}.flip{display:inline-block}html[dir=rtl] .flip{transform:scaleX(-1)}.h2{font-size:var(--fs-2)}.lead{font-size:1.12rem;color:var(--ink-2)}.narrow{max-width:860px}.pad{padding:clamp(18px,3vw,28px)}.row-sb{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hint{font-size:.85rem;color:var(--muted)}#main{outline:none}.page-top{padding-top:clamp(24px,4vw,48px)}.brand-t{display:grid;line-height:1.05}.brand-t small{font-family:var(--f-body);font-weight:600;font-size:.7rem;color:var(--muted);letter-spacing:.04em}.hero{position:relative;overflow:hidden;padding:clamp(28px,5vw,64px) 0 clamp(24px,4vw,48px);background:radial-gradient(900px 400px at 85% -10%,color-mix(in srgb,var(--brand-2) 22%,transparent),transparent 70%),radial-gradient(700px 360px at -10% 110%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 70%)}.hero-g{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(20px,4vw,56px);align-items:center}.hero h1{font-size:var(--fs-1);font-weight:800;margin:.3em 0 .35em}html[lang=ar] .hero h1{font-weight:700}.hero .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 25%,transparent);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px transparent}}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 30px}.stats{display:flex;flex-wrap:wrap;gap:14px 34px;margin:0}.stats div{display:flex;flex-direction:column-reverse}.stats dt{color:var(--muted);font-size:.88rem}.stats dd{margin:0;font-family:var(--f-display);font-weight:800;font-size:1.7rem}.hero-v{position:relative}.hero-art{width:100%;height:auto;overflow:visible}.hero-art .steam path{stroke-dasharray:120;animation:steam 3.2s ease-in-out infinite;opacity:0}.hero-art .steam path:nth-child(2){animation-delay:.9s}.hero-art .steam path:nth-child(3){animation-delay:1.7s}@keyframes steam{0%{stroke-dashoffset:120;opacity:0;transform:translateY(10px)}40%{opacity:1}to{stroke-dashoffset:-120;opacity:0;transform:translateY(-16px)}}.hero-art .cro{animation:bob 5s ease-in-out infinite;transform-box:fill-box}@keyframes bob{50%{translate:0 -6px}}.float-card{position:absolute;display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-2);border-radius:var(--r);padding:10px 14px;font-size:.9rem;animation:floaty 6s ease-in-out infinite}.float-card>span{font-size:1.6rem}.float-card b{display:block}.float-card small{color:var(--muted)}.fc1{top:8%;inset-inline-start:-2%}.fc2{bottom:6%;inset-inline-end:0;animation-delay:-3s}@keyframes floaty{50%{transform:translateY(-8px)}}@media(max-width:860px){.hero-g{grid-template-columns:minmax(0,1fr)}.hero-v{max-width:460px;margin-inline:auto;width:100%}.fc1{inset-inline-start:0}}.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cat{position:relative;display:flex;gap:16px;align-items:center;padding:22px;border-radius:var(--r-l);text-decoration:none;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);transition:transform .25s var(--ease),box-shadow .25s;overflow:hidden}.cat:after{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:var(--c);opacity:.18;transition:transform .4s var(--ease)}.cat:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}.cat:hover:after{transform:scale(1.4)}.cat.c0{--c: #e7a85b}.cat.c1{--c: #d9577a}.cat.c2{--c: #86a85a}.cat-em{font-size:2.6rem;width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:color-mix(in srgb,var(--c) 22%,var(--surface));flex:none}.cat b{display:block;font-family:var(--f-display);font-size:1.25rem}.cat small{color:var(--muted);display:block;line-height:1.45}.cat-n{position:absolute;top:14px;inset-inline-end:16px;font-weight:800;font-size:.8rem;color:var(--muted)}@media(max-width:860px){.cats{grid-template-columns:minmax(0,1fr)}}.tint{background:var(--bg-2)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:20px}.pcard{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--sh-1);transition:transform .25s var(--ease),box-shadow .25s}.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}.pcard:hover .em{transform:scale(1.08) rotate(-4deg)}.pcard-link{display:block;border-radius:0;text-decoration:none}.pcard-link:focus-visible{outline-offset:-4px}.art{position:relative;aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden;background:radial-gradient(120% 90% at 30% 20%,var(--a),var(--b))}.art:before{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:#ffffff47;filter:blur(2px)}.art:after{content:"";position:absolute;inset-inline:22%;bottom:12%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgb(60 30 10 / .28),transparent)}.art .em{position:relative;z-index:1;font-size:clamp(3.6rem,6vw,4.6rem);line-height:1;filter:drop-shadow(0 10px 12px rgb(60 30 10 / .3));transition:transform .35s var(--ease);font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.art .crumbs{position:absolute;inset:0;background-image:radial-gradient(circle,rgb(255 255 255 / .35) 1.5px,transparent 2px);background-size:22px 22px;opacity:.55;mask-image:linear-gradient(180deg,#000,transparent 70%)}.art.big{aspect-ratio:1;border-radius:var(--r-xl)}.art.big .em{font-size:clamp(7rem,16vw,11rem)}.art.sm{width:56px;height:56px;aspect-ratio:auto;border-radius:14px;flex:none}.art.sm .em{font-size:1.8rem}.art.sm:after{display:none}.ptag{position:absolute;top:12px;inset-inline-start:12px;padding:.25em .7em;border-radius:var(--pill);background:var(--surface);color:var(--ink);font-size:.74rem;font-weight:800;box-shadow:var(--sh-1)}.ptag.t-best{background:var(--ink);color:var(--bg)}.ptag.t-new{background:var(--brand);color:var(--brand-ink)}.fav{position:absolute;top:10px;inset-inline-end:10px;width:40px;height:40px;border-radius:50%;border:0;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:var(--sh-1);color:var(--ink-2);transition:transform .2s var(--ease)}.fav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.fav[aria-pressed=true]{color:#d7264f}.fav[aria-pressed=true] svg{fill:currentColor}.fav:hover{transform:scale(1.08)}.fav.pop{animation:heart .5s var(--ease)}@keyframes heart{30%{transform:scale(1.35)}60%{transform:scale(.9)}}.fav.big{position:static;width:52px;height:52px;border:1.5px solid var(--line-2);box-shadow:none}.pcard-b{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}.pcard-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.85rem;color:var(--muted)}.stars{color:#e3a008}.pcard h3{font-size:1.08rem;margin:0;font-family:var(--f-display)}.pcard h3 a{text-decoration:none}.pcard h3 a:hover{text-decoration:underline}.pcard p{font-size:.9rem;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}.price{font-weight:800;font-size:1.1rem;white-space:nowrap}.add svg{width:16px;height:16px}.add.done{background:var(--ok);border-color:var(--ok);color:#fff}.flyer{position:fixed;z-index:99;font-size:2rem;pointer-events:none}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.search{position:relative;flex:1 1 280px}.search svg{position:absolute;inset-inline-start:14px;top:50%;translate:0 -50%;width:20px;height:20px;color:var(--muted);pointer-events:none}.search .input{padding-inline-start:44px;border-radius:var(--pill)}.sort{flex:0 0 210px}.sort .select{border-radius:var(--pill)}.cat-chips{margin-bottom:8px}.cat-chips .chip{text-decoration:none}.count{color:var(--muted);font-size:.9rem;margin:10px 0 14px}@media(max-width:560px){.sort{flex:1 1 100%}}.how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s}.how li{position:relative;padding:28px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l)}.how-n{position:absolute;top:18px;inset-inline-end:20px;font-family:var(--f-display);font-weight:800;font-size:2.4rem;color:var(--brand);opacity:.2}.how-e{font-size:2.4rem;display:block;margin-bottom:10px}.how h3{font-size:1.2rem}.how p{color:var(--muted);margin:0}@media(max-width:860px){.how{grid-template-columns:minmax(0,1fr)}}.cake-cta{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;padding:clamp(24px,4vw,48px);border-radius:var(--r-xl);color:#fff;background:radial-gradient(600px 300px at 90% 10%,#e86a8a 0%,transparent 60%),linear-gradient(135deg,#5a2a1a,#9a3f22);overflow:hidden}.cake-cta h2{font-size:var(--fs-2);color:#fff}.cake-cta p{color:#f7e3d6;max-width:46ch}.cake-cta .kicker{color:#ffd2b8}.cake-cta .btn.primary{--b-bg: #fff;--b-ink: #5a2a1a;--b-line: #fff}.cake-cta-v{max-width:340px;justify-self:center;width:100%}@media(max-width:760px){.cake-cta{grid-template-columns:minmax(0,1fr)}}.story{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;max-width:900px}.story-em{font-size:4rem;width:120px;height:120px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft)}.story p{font-size:1.08rem;color:var(--ink-2)}@media(max-width:600px){.story{grid-template-columns:minmax(0,1fr)}}.back{display:inline-flex;gap:.4em;align-items:center;text-decoration:none;font-weight:600;color:var(--muted);margin-bottom:18px}.back:hover{color:var(--ink)}.pd{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,56px);align-items:start}.pd-v{position:relative}.pd-fresh{position:absolute;bottom:16px;inset-inline-start:16px;background:var(--surface);padding:.45em .9em;border-radius:var(--pill);font-weight:700;font-size:.85rem;box-shadow:var(--sh-1)}.pd h1{font-size:var(--fs-2);margin:.3em 0 .4em}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.pd-price{font-size:2rem;font-weight:800;font-family:var(--f-display);margin:8px 0 16px}.pd-buy{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.qty{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1.5px solid var(--line-2);border-radius:var(--pill);background:var(--surface)}.qty .ibtn{border:0;font-size:1.3rem;font-weight:700;width:42px;height:42px;background:var(--surface-2)}.qty .ibtn:disabled{opacity:.4}.qty output{min-width:2ch;text-align:center;font-weight:800;font-size:1.1rem}.qty.sm .ibtn{width:32px;height:32px;font-size:1.05rem}.qty.sm output{font-size:.95rem}.allergens{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.allergens h2{font-size:.95rem;font-family:var(--f-body);color:var(--muted)}.allergens ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.allergens li{padding:.25em .75em;border:1px dashed var(--line-2);border-radius:var(--pill);font-size:.85rem}@media(max-width:760px){.pd{grid-template-columns:minmax(0,1fr)}.pd-v{max-width:420px}}#cartBody{display:flex;flex-direction:column;min-height:calc(100% - 82px)}.ship{padding:14px 20px;background:var(--surface-2);font-size:.9rem;font-weight:600}.ship p{margin:0 0 8px}.ship .bar{height:8px;border-radius:8px;background:var(--line);overflow:hidden}.ship .bar span{display:block;height:100%;background:linear-gradient(90deg,var(--brand-2),var(--brand));border-radius:8px;transition:width .5s var(--ease)}.ship.done .bar span{background:var(--ok)}.lines{list-style:none;margin:0;padding:6px 20px;flex:1}.lines li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.ln-c{flex:1;min-width:0;display:grid;gap:2px}.ln-c small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ln-q{display:flex;align-items:center;gap:8px;margin-top:6px}.ln-p{font-weight:800;white-space:nowrap}.rm{border:0;background:none;color:var(--muted);width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.rm:hover{color:var(--bad);background:var(--bad-soft)}.rm svg{width:18px;height:18px}.cart-f{position:sticky;bottom:0;padding:16px 20px 20px;border-top:1px solid var(--line);background:var(--surface)}.sum{margin:0 0 14px;display:grid;gap:6px}.sum div{display:flex;justify-content:space-between;gap:12px}.sum dt{color:var(--muted)}.sum dd{margin:0;font-weight:600}.sum .good dd,.sum .good dt{color:var(--ok)}.sum .tot{padding-top:10px;margin-top:4px;border-top:1px dashed var(--line-2);font-size:1.15rem}.sum .tot dt{color:var(--ink);font-weight:800}.sum .tot dd{font-weight:800}.free{color:var(--ok);font-weight:800}.promo{display:flex;gap:8px;margin-bottom:14px}.promo .input{min-height:44px;border-radius:var(--pill)}.builder{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(20px,3vw,40px);align-items:start}.builder-v{position:sticky;top:90px;padding:20px;background:radial-gradient(circle at 50% 30%,var(--brand-soft),var(--surface) 70%)}.builder-v figure{margin:0}.cake-svg{width:100%;height:auto}.cake-svg rect,.cake-svg circle,.cake-svg path{transition:fill .35s var(--ease)}.cake-svg .flame{transform-origin:center bottom;transform-box:fill-box;animation:flick .9s ease-in-out infinite alternate}@keyframes flick{to{transform:scale(.85,1.1) rotate(3deg)}}.builder-v figcaption{text-align:center;color:var(--muted);font-weight:600;margin-top:8px}.builder-f{display:grid;gap:22px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-weight:800;margin-bottom:10px;font-size:1rem;display:flex;align-items:center;gap:10px;padding:0}.radio-card .sw{width:22px;height:22px;border-radius:50%;border:2px solid rgb(0 0 0 / .1);flex:none}.radio-card small{margin-inline-start:auto;color:var(--muted);font-weight:600;font-size:.8rem}.rc-t{line-height:1.25}@media(max-width:860px){.builder{grid-template-columns:minmax(0,1fr)}.builder-v{position:relative;top:0;max-width:420px;width:100%;margin-inline:auto}}.co{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}.co-f{display:grid;gap:18px}.co-f fieldset.card{display:grid;gap:14px}.co-f legend{float:left;width:100%;font-size:1.1rem;margin-bottom:4px}.co-f legend+*{clear:both}.step{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--brand);color:var(--brand-ink);font-size:.9rem}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}@media(max-width:640px){.row2,.row3{grid-template-columns:minmax(0,1fr)}}.card-box{display:grid;gap:14px;padding-top:6px}.demo-note{margin:0;padding:10px 14px;border-radius:var(--r-s);background:var(--surface-2);font-size:.88rem;color:var(--ink-2)}.co-s{position:sticky;top:90px}.co-s h2{font-size:1.25rem;margin:0}.mini{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px}.mini li{display:flex;align-items:center;gap:10px}.mini li>span:nth-last-child(2){flex:1;display:grid;min-width:0}.mini small{color:var(--muted)}.mini-q{font-weight:800;color:var(--brand);min-width:2.5ch}.mini li>span:last-child{font-weight:700;white-space:nowrap}@media(max-width:900px){.co{grid-template-columns:minmax(0,1fr)}.co-s{position:static;order:-1}}.ok-hero{text-align:center;padding:clamp(28px,5vw,48px) 20px;margin-bottom:20px;background:radial-gradient(600px 220px at 50% 0%,var(--ok-soft),var(--surface) 70%)}.ok-badge{width:76px;height:76px;margin:0 auto 14px;color:var(--ok)}.ok-badge svg{width:100%;height:100%}.ok-badge circle{stroke-dasharray:160;stroke-dashoffset:160;animation:draw .8s var(--ease) forwards}.ok-badge path{stroke-dasharray:50;stroke-dashoffset:50;animation:draw .5s .6s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.ok-hero h1{margin-top:.3em}.ok-g{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.ok-g h2{font-size:1.2rem}@media(max-width:820px){.ok-g{grid-template-columns:minmax(0,1fr)}}.track{list-style:none;padding:0;margin:18px 0;display:grid;gap:0}.track li{position:relative;display:flex;align-items:center;gap:14px;padding:10px 0;color:var(--muted)}.track li:not(:last-child):after{content:"";position:absolute;inset-inline-start:21px;top:52px;height:calc(100% - 42px);width:3px;border-radius:3px;background:var(--line)}.track li.done:not(:last-child):after{background:var(--ok)}.tdot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:2px solid var(--line);font-size:1.2rem;filter:grayscale(1);transition:.4s var(--ease);flex:none}.track li.done{color:var(--ink)}.track li.done .tdot{filter:none;border-color:var(--ok);background:var(--ok-soft)}.track li.cur .tdot{box-shadow:0 0 0 6px color-mix(in srgb,var(--ok) 20%,transparent);animation:pulse 1.6s infinite}.track li.cur .tl{font-weight:800}.tl{flex:1}.tt{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.kv{display:grid;gap:14px;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line)}.kv dt{font-size:.82rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.kv dd{margin:2px 0 0}.orders{list-style:none;padding:0;margin:0;display:grid;gap:10px}.orders li.card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--r)}.orders li>div{flex:1;display:grid;min-width:0}.orders small{color:var(--muted)}.emoji-pick{display:flex;flex-wrap:wrap;gap:6px}.emoji-pick label{position:relative}.emoji-pick input{position:absolute;opacity:0;inset:0;margin:0}.emoji-pick span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1.5px solid var(--line-2);font-size:1.4rem;background:var(--surface)}.emoji-pick input:checked+span{border-color:var(--brand);background:var(--brand-soft)}.emoji-pick input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.admin{display:grid;gap:16px}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;margin-bottom:32px}.about-art{padding:16px;background:var(--brand-soft)}.about-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.about-g h2{font-size:1.1rem}.zones{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:8px}.zones li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.zones span{color:var(--muted);font-size:.9rem}@media(max-width:760px){.about{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.hero-art .steam path{opacity:.6;stroke-dashoffset:0}}.builder .radio-cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.radio-card .rc-t{flex:1;min-width:0}.radio-card small{white-space:nowrap}.add.done svg{display:none}.hero-v{position:relative;aspect-ratio:520 / 470}.hero-disc{position:absolute;inset:4% 2% 6% 6%;border-radius:50%;background:radial-gradient(circle at 50% 45%,var(--hero-disc) 0 62%,transparent 63%)}.hero-disc:after{content:"";position:absolute;inset:11%;border-radius:50%;border:2px dashed color-mix(in srgb,var(--brand) 18%,transparent)}.hero-3d{position:absolute;inset:0}.hero-3d .three-fallback>div,.hero-3d .three-fallback svg{width:100%;height:100%}.cake-3d{aspect-ratio:1 / .92;width:100%}.cake-3d .three-fallback>div{width:100%}.builder-v figcaption{display:grid;gap:2px}.drag-hint{font-weight:500;font-size:.8rem;opacity:.85}.three-host.s-none~figcaption .drag-hint,.cake-3d.s-none+figcaption .drag-hint{display:none}.sort .ui-select-box{border-radius:var(--pill)}.ui-tabs{margin-top:22px}.ui-tabpanel .lead{margin-bottom:12px}.ui-tabpanel .allergens{margin-top:0;padding-top:0;border-top:0}.radio-cards,.ui-radios.v-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ui-choice-t small{margin-inline-start:0}.co-f .ui-radios.v-slots{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.ui-panel .empty{padding:48px 20px}.admin .ui-radios.v-icons .ui-choice{width:44px;height:44px}@media(max-width:860px){.hero-v{order:-1;max-width:380px;aspect-ratio:1 / .82;margin-bottom:-8px}.hero-v .float-card{scale:.82}.hero-v .fc1{inset-inline-start:-6px;top:4%}.hero-v .fc2{inset-inline-end:-6px;bottom:2%}}
