:root{--font-sans:"Noto Sans", "Tajawal", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Marcellus", "Tajawal", Georgia, "Times New Roman", serif;--font-arabic:"Tajawal", "Noto Sans Arabic", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.5rem;--leading-xs:1rem;--leading-sm:1.25rem;--leading-md:1.5rem;--leading-lg:1.75rem;--leading-xl:1.75rem;--leading-2xl:2rem;--leading-3xl:2.375rem;--leading-4xl:3rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--brand-red:#e20e17;--brand-ink:#05141d;--brand-paper:#ededed;--brand-stone:#c7c7c6;--gray-0:#fff;--gray-25:#f6f6f5;--gray-50:#ededed;--gray-100:#e6e6e5;--gray-200:#dcdcdb;--gray-300:#c7c7c6;--gray-400:#9a9fa2;--gray-500:#5f686e;--gray-600:#4d5860;--gray-700:#34404a;--gray-800:#1b2830;--gray-900:#05141d;--accent:#e20e17;--on-accent:#fff;--accent-strong:#b80c13;--accent-ui:var(--accent);--brand-25:color-mix(in oklab, var(--accent) 4%, var(--surface));--brand-50:color-mix(in oklab, var(--accent) 8%, var(--surface));--brand-100:color-mix(in oklab, var(--accent) 16%, var(--surface));--brand-200:color-mix(in oklab, var(--accent) 34%, var(--surface));--brand-500:color-mix(in oklab, var(--accent) 84%, var(--surface));--brand-600:var(--accent);--brand-700:var(--accent-strong);--brand-800:color-mix(in oklab, var(--accent-strong) 72%, var(--text));--success-50:#ecfdf3;--success-200:#abefc6;--success-600:#079455;--success-700:#067647;--warning-50:#fffaeb;--warning-200:#fedf89;--warning-600:#dc6803;--warning-700:#b54708;--danger-50:#fef3f2;--danger-200:#fecdca;--danger-600:#b42318;--danger-700:#912018;--info-50:#eff8ff;--info-200:#b2ddff;--info-600:#1570ef;--info-700:#175cd3;--bg:var(--gray-50);--surface:var(--gray-0);--surface-sunken:var(--gray-100);--surface-ink:var(--gray-900);--text:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--text-on-brand:var(--on-accent);--inverse:var(--gray-900);--on-inverse:var(--gray-0);--text-on-ink:var(--brand-paper);--border:var(--gray-200);--border-strong:var(--gray-300);--link:var(--brand-700);--scrim:#05141d8c;--frost:#fffffff7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-full:999px;--shadow-xs:0 1px 2px #05141d0f;--shadow-sm:0 1px 3px #05141d17, 0 1px 2px #05141d0d;--shadow-md:0 6px 16px -4px #05141d1f, 0 2px 4px -2px #05141d0f;--shadow-lg:0 16px 32px -8px #05141d2e, 0 4px 8px -4px #05141d14;--focus-ring:0 0 0 2px var(--surface), 0 0 0 4px var(--brand-600);--ease:cubic-bezier(.2, 0, 0, 1);--duration-fast:.12s;--duration:.18s;--container:1200px;--container-narrow:760px;--topbar-h:64px;--bottomnav-h:64px;--gutter:var(--space-4);--z-sticky:20;--z-nav:30;--z-dropdown:40;--z-overlay:50;--z-toast:60}@media (width>=768px){:root{--gutter:var(--space-6)}}:root[data-accent=jade]{--accent:#0b7a5e;--on-accent:#fff;--accent-strong:#08654e}:root[data-accent=indigo]{--accent:#3b3fc4;--on-accent:#fff;--accent-strong:#3236b0}:root[data-accent=plum]{--accent:#9d174d;--on-accent:#fff;--accent-strong:#8a1443}:root[data-accent=saffron]{--accent:#f2a900;--on-accent:#05141d;--accent-strong:#855c00;--accent-ui:#a87400}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gray-0:#111e26;--gray-25:#14232c;--gray-50:#0a151c;--gray-100:#1b2b34;--gray-200:#27383f;--gray-300:#3a4b53;--gray-400:#66747b;--gray-500:#98a3a9;--gray-600:#b2bbc0;--gray-700:#cdd4d7;--gray-800:#e0e5e7;--gray-900:#f1f3f4;--accent-strong:color-mix(in oklab, var(--accent) 58%, #fff);--success-50:color-mix(in oklab, #079455 16%, var(--surface));--success-200:color-mix(in oklab, #079455 40%, var(--surface));--success-600:#2bb673;--success-700:#6fd6a2;--warning-50:color-mix(in oklab, #dc6803 16%, var(--surface));--warning-200:color-mix(in oklab, #dc6803 40%, var(--surface));--warning-600:#f38a2c;--warning-700:#fbb26b;--danger-50:color-mix(in oklab, #d92d20 16%, var(--surface));--danger-200:color-mix(in oklab, #d92d20 40%, var(--surface));--danger-600:#ef5a4c;--danger-700:#fb9a90;--info-50:color-mix(in oklab, #1570ef 16%, var(--surface));--info-200:color-mix(in oklab, #1570ef 40%, var(--surface));--info-600:#4f95f5;--info-700:#93bdf9;--surface-ink:#03090d;--frost:#111e26f0;--scrim:#0000009e;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0000005c, 0 1px 2px #0000003d;--shadow-md:0 6px 16px -4px #00000073, 0 2px 4px -2px #0000004d;--shadow-lg:0 16px 32px -8px #0000008c, 0 4px 8px -4px #00000059}:root[data-theme=dark][data-accent=indigo]{--accent:#5357d6;--accent-ui:#6e72e6}:root[data-theme=dark][data-accent=plum]{--accent:#b81f5d;--accent-ui:#d0457f}:root[data-theme=dark][data-accent=saffron]{--accent-ui:var(--accent)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-md);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}:lang(ar),[dir=rtl]{--font-sans:var(--font-arabic);--font-display:var(--font-arabic)}[dir=rtl] body,body:lang(ar){font-family:var(--font-arabic);line-height:1.6}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}::selection{background:var(--brand-100);color:var(--brand-800)}.t-display,.t-page-title,.t-section-title{font-family:var(--font-display);font-weight:var(--weight-regular);font-synthesis:none;letter-spacing:.005em}.t-page-title{font-size:var(--text-2xl);line-height:var(--leading-2xl)}.t-section-title{font-size:var(--text-xl);line-height:var(--leading-xl)}:lang(ar) :is(.t-display,.t-page-title,.t-section-title),[dir=rtl] :is(.t-display,.t-page-title,.t-section-title){font-weight:var(--weight-bold);letter-spacing:0}.t-card-title{font-size:var(--text-md);line-height:var(--leading-md);font-weight:var(--weight-semibold)}.t-body{font-size:var(--text-md);line-height:var(--leading-md)}.t-secondary{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--text-secondary)}.t-meta{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--text-muted)}.t-strong{font-weight:var(--weight-semibold)}.t-num{font-variant-numeric:tabular-nums}@media (width>=1024px){.t-page-title{font-size:var(--text-3xl);line-height:var(--leading-3xl)}}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.container--narrow{max-width:calc(var(--container-narrow) + var(--gutter) * 2)}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.wrap{flex-wrap:wrap}.grow{flex:auto;min-width:0}.justify-between{justify-content:space-between}.align-start{align-items:flex-start}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{inset-inline-start:var(--space-4);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background:var(--inverse);color:var(--on-inverse);border-radius:var(--radius-md);position:absolute;top:-48px}.skip-link:focus{top:var(--space-2)}.divider{background:var(--border);border:0;height:1px;margin:0}.page{padding-block:var(--space-6) var(--space-12)}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header__text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.section+.section{margin-top:var(--space-8)}.section__header{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel__body{padding:var(--space-4)}@media (width>=768px){.panel__body{padding:var(--space-6)}}.eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-xs);line-height:var(--leading-xs);font-weight:var(--weight-bold);letter-spacing:.18em;text-transform:uppercase;color:var(--brand-700);display:inline-flex}.eyebrow:before,.eyebrow:after{content:"";background:currentColor;width:3px;height:1.1em}[dir=rtl] .eyebrow{letter-spacing:0}.brand-frame{border:4px solid var(--accent-ui);width:44px;height:52px;font-family:var(--font-display);font-size:var(--text-xl);color:var(--gray-900);background:var(--surface);flex:none;place-items:center;line-height:1;display:inline-grid}.pattern-bg{isolation:isolate;position:relative}.pattern-bg:before{content:"";z-index:-1;background-color:var(--pattern-color,var(--brand-600));opacity:var(--pattern-opacity,.12);-webkit-mask:url(/assets/icon-tile-5QTthoEW.svg) repeat 0 0 / var(--pattern-size,360px) auto;-webkit-mask:url(/assets/icon-tile-5QTthoEW.svg) repeat 0 0 / var(--pattern-size,360px) auto;mask:url(/assets/icon-tile-5QTthoEW.svg) repeat 0 0 / var(--pattern-size,360px) auto;pointer-events:none;position:absolute;inset:0}.cloud-band{height:var(--cloud-h,28px);background-color:var(--cloud-color,var(--brand-600));display:block;-webkit-mask:url(/assets/cloud-band-CXZ4XIb3.svg) 0/auto 100% repeat-x;mask:url(/assets/cloud-band-CXZ4XIb3.svg) 0/auto 100% repeat-x}[dir=rtl] .icon-dir{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:var(--weight-semibold);letter-spacing:.01em;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn--sm{min-height:36px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--md{min-height:44px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--lg{min-height:48px;padding:0 var(--space-6);font-size:var(--text-md)}.btn--block{width:100%}.btn--primary{background:var(--brand-600);color:var(--text-on-brand)}.btn--primary:hover{background:var(--brand-700)}.btn--primary:active{background:var(--brand-800)}.btn--secondary{background:var(--surface);color:var(--gray-900);border-color:var(--gray-900)}.btn--secondary:hover{background:var(--inverse);color:var(--on-inverse)}.btn--secondary:active{background:var(--gray-800);color:var(--on-inverse)}.btn--ghost{color:var(--gray-700);background:0 0}.btn--ghost:hover{background:var(--gray-50);color:var(--gray-900)}.btn--danger{background:var(--danger-600);color:var(--text-on-brand)}.btn--danger:hover{background:var(--danger-700)}.btn--danger-ghost{color:var(--danger-700);background:0 0}.btn--danger-ghost:hover{background:var(--danger-50)}.btn--link{min-height:auto;color:var(--link);font-weight:var(--weight-semibold);background:0 0;padding:0}.btn--link:hover{text-decoration:underline}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary:disabled{background:var(--brand-600)}.btn--secondary:disabled{background:var(--surface)}.btn[aria-busy=true]{opacity:.85;cursor:progress}.btn__spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{border-radius:var(--radius-md);width:44px;height:44px;color:var(--gray-700);transition:background-color var(--duration-fast) var(--ease);background:0 0;border:0;place-items:center;display:inline-grid;position:relative}.icon-btn:hover{background:var(--gray-50);color:var(--gray-900)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn--sm{width:36px;height:36px}.brand-tone--red{color:var(--accent-ui);--cloud-color:var(--brand-600)}.brand-tone--ink{color:var(--gray-900);--cloud-color:var(--gray-900)}.brand-tone--stone{color:var(--brand-stone);--cloud-color:var(--brand-stone)}.brand-tone--paper{color:var(--brand-paper);--cloud-color:var(--brand-paper)}.brand-tone--white{color:#fff;--cloud-color:#fff}.brand-tone--current{color:inherit;--cloud-color:currentColor}.brand-logo,.brand-knot{flex:none;display:block}.knot-divider{align-items:center;gap:var(--space-3);color:var(--accent-ui);display:flex}.knot-divider:before,.knot-divider:after{content:"";background:currentColor;flex:1 1 0;max-width:140px;height:2px}.knot-divider{justify-content:center}.brand-art{-webkit-mask:var(--art-url) center / contain no-repeat;-webkit-mask:var(--art-url) center / contain no-repeat;mask:var(--art-url) center / contain no-repeat;background-color:currentColor;flex:none;display:block}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);font-weight:var(--weight-semibold);white-space:nowrap;border:1px solid #0000;display:inline-flex}.badge--md{font-size:var(--text-sm);line-height:var(--leading-sm);padding:2px 10px}.badge--sm{font-size:var(--text-xs);padding:0 8px;line-height:20px}.badge svg{flex:none}.badge--neutral{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-200)}.badge--info{background:var(--info-50);color:var(--info-700);border-color:var(--info-200)}.badge--brand{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-200)}.badge--success{background:var(--success-50);color:var(--success-700);border-color:var(--success-200)}.badge--warning{background:var(--warning-50);color:var(--warning-700);border-color:var(--warning-200)}.badge--danger{background:var(--danger-50);color:var(--danger-700);border-color:var(--danger-200)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-sm);border-inline-start-width:4px;display:flex}.alert__icon{flex:none;margin-top:1px}.alert__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.alert__title{font-weight:var(--weight-semibold);color:var(--gray-900)}.alert__text{color:var(--gray-700)}.alert__action{flex:none;align-self:center}.alert--info,.alert--neutral{background:var(--info-50);border-color:var(--info-200);border-inline-start-color:var(--info-600)}.alert--info .alert__icon,.alert--neutral .alert__icon{color:var(--info-700)}.alert--brand{background:var(--surface);border-color:var(--border);border-inline-start-color:var(--accent-ui);box-shadow:var(--shadow-xs)}.alert--brand .alert__icon{color:var(--accent-ui)}.alert--success{background:var(--success-50);border-color:var(--success-200);border-inline-start-color:var(--success-600)}.alert--success .alert__icon{color:var(--success-700)}.alert--warning{background:var(--warning-50);border-color:var(--warning-200);border-inline-start-color:var(--warning-600)}.alert--warning .alert__icon{color:var(--warning-700)}.alert--danger{background:var(--danger-50);border-color:var(--danger-200);border-inline-start-color:var(--danger-600)}.alert--danger .alert__icon{color:var(--danger-700)}@media (width<=559px){.alert{flex-wrap:wrap}.alert__action{flex-basis:100%;padding-inline-start:32px}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--gray-100) 0%, var(--gray-200) 50%, var(--gray-100) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-4);flex-direction:column;display:flex}.empty--compact{padding:var(--space-8) var(--space-4)}.empty__icon{width:56px;height:56px;margin-bottom:var(--space-2);border:3px solid var(--accent-ui);background:var(--surface);color:var(--brand-700);place-items:center;display:grid}.empty__art{margin-bottom:var(--space-3);color:var(--accent-ui)}.empty__text{max-width:420px}.empty__action{margin-top:var(--space-4);gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.countdown{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--gray-700);font-variant-numeric:tabular-nums;display:inline-flex}.countdown--urgent{color:var(--danger-700)}.spinner{display:inline-flex}.spinner__ring{border:3px solid var(--gray-200);border-top-color:var(--accent-ui);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.popover{position:relative}.popover__panel{z-index:var(--z-dropdown);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);animation:pop-in var(--duration-fast) var(--ease);position:absolute;top:calc(100% + 8px);overflow:hidden}.popover__panel--end{inset-inline-end:0}.popover__panel--start{inset-inline-start:0}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}}.menu-list{padding:var(--space-2);flex-direction:column;display:flex}.menu-item{align-items:center;gap:var(--space-3);min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--gray-800);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:start;background:0 0;border:0;text-decoration:none;display:flex}.menu-item:hover{background:var(--gray-100);text-decoration:none}.menu-item svg{color:var(--gray-500);flex:none}.menu-item--danger{color:var(--danger-700)}.menu-item--danger svg{color:var(--danger-600)}.menu-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.toasts{z-index:var(--z-toast);inset-inline:var(--space-4);bottom:calc(var(--bottomnav-h) + var(--space-3) + env(safe-area-inset-bottom));align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}@media (width>=1024px){.toasts{inset-inline:auto var(--space-6);bottom:var(--space-6);align-items:flex-end}}.toast{align-items:center;gap:var(--space-3);width:min(100%,420px);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--inverse);color:var(--on-inverse);border-inline-start:4px solid var(--brand-600);font-size:var(--text-sm);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in var(--duration) var(--ease);display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast__icon{flex:none}.toast--success .toast__icon{color:#47cd89}.toast--info .toast__icon{color:#84caff}.toast--warning .toast__icon{color:#fdb022}.toast__msg{flex:1;min-width:0}.toast__action{min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--brand-200);font-weight:var(--weight-semibold);background:0 0;border:0;flex:none}.toast__action:hover{background:color-mix(in oklab, var(--on-inverse) 12%, transparent)}.toast__close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--gray-400);background:0 0;border:0;flex:none;place-items:center;display:grid}.toast__close:hover{background:color-mix(in oklab, var(--on-inverse) 12%, transparent);color:var(--on-inverse)}:root[data-theme=dark] .toast--success .toast__icon{color:#067647}:root[data-theme=dark] .toast--info .toast__icon{color:#175cd3}:root[data-theme=dark] .toast--warning .toast__icon{color:#b54708}:root[data-theme=dark] .toast__action{color:color-mix(in oklab, var(--accent) 78%, #000)}.demo-fab{z-index:var(--z-overlay);inset-inline-start:var(--space-3);bottom:calc(var(--bottomnav-h) + var(--space-3) + env(safe-area-inset-bottom));border-radius:var(--radius-full);color:#ede9fe;height:36px;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;box-shadow:var(--shadow-md);background:#1e1b4b;border:1px dashed #a78bfa;align-items:center;gap:6px;padding:0 12px;display:inline-flex;position:fixed}@media (width<=1023px){.demo-fab{top:calc(var(--topbar-h) + var(--space-2));bottom:auto;inset-inline:auto var(--space-2);opacity:.92;height:32px}.demo{top:calc(var(--topbar-h) + 48px);bottom:auto;inset-inline:auto var(--space-2);max-height:calc(100dvh - var(--topbar-h) - 140px)}}@media (width>=1024px){.demo-fab,.shell--focus .demo-fab{bottom:var(--space-4);inset-inline-start:var(--space-4)}}.demo{z-index:var(--z-overlay);inset-inline-start:var(--space-3);bottom:calc(var(--bottomnav-h) + 56px + env(safe-area-inset-bottom));border-radius:var(--radius-lg);color:#e0e7ff;width:min(380px,100vw - 24px);max-height:min(640px,100dvh - 160px);font-size:var(--text-sm);box-shadow:var(--shadow-lg);background:#1e1b4b;border:1px dashed #a78bfa;flex-direction:column;display:flex;position:fixed}@media (width>=1024px){.demo{bottom:64px;inset-inline-start:var(--space-4)}}.demo__header{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid #a78bfa4d;display:flex}.demo__title{font-weight:var(--weight-semibold);color:#fff}.demo__sub{font-size:var(--text-xs);color:#c7d2fe}.demo__close{border-radius:var(--radius-sm);color:#c7d2fe;background:0 0;border:0;flex:none;place-items:center;width:32px;height:32px;margin-inline-start:auto;display:grid}.demo__close:hover{background:#ffffff1a}.demo__scroll{overflow-y:auto}.demo__section{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.demo__section+.demo__section{border-top:1px solid #a78bfa33}.demo__h{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:#a5b4fc}.demo__group{gap:var(--space-2);flex-direction:column;display:flex}.demo__stage{font-size:var(--text-xs);color:#c7d2fe}.demo__stage code{font-family:var(--font-mono);color:#a5b4fc}.demo__fieldset{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid #a78bfa4d;flex-direction:column;margin:0;display:flex}.demo__fieldset legend{font-size:var(--text-xs);color:#a5b4fc;padding:0 4px}.demo__row{gap:var(--space-2);flex-wrap:wrap;display:flex}.demo__label{font-size:var(--text-xs);color:#c7d2fe;flex-direction:column;gap:4px;display:flex}.demo__label select{border-radius:var(--radius-sm);color:#fff;min-height:36px;font-size:var(--text-sm);background:#312e81;border:1px solid #a78bfa66;padding:0 8px}.demo__btn{border-radius:var(--radius-sm);color:#e0e7ff;min-height:36px;font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:center;background:0 0;border:1px solid #a78bfa80;justify-content:center;align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:inline-flex}.demo__btn:hover{background:#a78bfa26;text-decoration:none}.demo__btn:disabled{opacity:.4;cursor:not-allowed}.demo__btn--primary{color:#fff;background:#6d28d9;border-color:#6d28d9}.demo__btn--primary:hover{background:#5b21b6}.demo__btn--danger{color:#fecaca;border-color:#fca5a599}.demo__check,.demo__toggle{align-items:flex-start;gap:var(--space-2);cursor:pointer;display:flex}.demo__check input,.demo__toggle input{accent-color:#8b5cf6;flex:none;width:16px;height:16px;margin-top:3px}.demo__toggle span{flex-direction:column;display:flex}.demo__toggle small{color:#a5b4fc;font-size:var(--text-xs)}.demo__hint{font-size:var(--text-xs);color:#a5b4fc}.demo__link{color:#c4b5fd;font-size:var(--text-sm)}.nlist{flex-direction:column;display:flex}.nlist__item+.nlist__item{border-top:1px solid var(--border)}.nlist__link{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);color:inherit;text-decoration:none;display:flex}a.nlist__link:hover{background:var(--gray-50);text-decoration:none}.nlist--compact .nlist__link{padding:var(--space-3) var(--space-4)}.nlist__icon{border-radius:var(--radius-full);background:var(--gray-100);width:32px;height:32px;color:var(--gray-600);flex:none;place-items:center;display:grid}.nlist__icon--action{background:var(--brand-50);color:var(--brand-700)}.nlist__icon--success{background:var(--success-50);color:var(--success-700)}.nlist__icon--warning{background:var(--warning-50);color:var(--warning-700)}.nlist__icon--info{background:var(--info-50);color:var(--info-700)}.nlist__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.nlist__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--gray-900)}.nlist__item--unread .nlist__title{font-weight:var(--weight-semibold)}.nlist__text{font-size:var(--text-sm);color:var(--text-secondary)}.nlist__dot{background:var(--brand-600);border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.theme-picker{gap:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex}.theme-picker__group{border:0;min-width:0;margin:0;padding:0}.theme-picker__label{margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:0}[dir=rtl] .theme-picker__label{letter-spacing:0}.theme-picker__swatches{gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}.theme-swatch{align-items:center;gap:var(--space-1);cursor:pointer;flex-direction:column;display:flex}.theme-swatch__dot{border-radius:var(--radius-full);color:#fff;width:36px;height:36px;transition:transform var(--duration-fast) var(--ease);place-items:center;display:grid;box-shadow:inset 0 0 0 1px #0000001f}.theme-swatch:hover .theme-swatch__dot{transform:scale(1.08)}.theme-swatch input:checked+.theme-swatch__dot{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--gray-900)}.theme-swatch input:focus-visible+.theme-swatch__dot{box-shadow:var(--focus-ring)}.theme-swatch input[value=saffron]+.theme-swatch__dot{color:var(--brand-ink)}.theme-swatch__name{color:var(--text-secondary);text-align:center;font-size:11px;line-height:1.2}.theme-swatch input:checked~.theme-swatch__name{color:var(--text);font-weight:var(--weight-semibold)}.theme-picker__modes .segmented__opt span{font-size:var(--text-xs)}.theme-picker__reset{align-self:flex-start;gap:var(--space-1)}@media (width<=639px){.topbar__inner{position:relative}.theme-popover .popover{position:static}.theme-popover .popover__panel{inset-inline:var(--space-3);max-width:none;width:auto!important}}.shell{flex-direction:column;min-height:100dvh;display:flex}.shell__main{padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));outline:none;flex:1}.shell--focus .shell__main{padding-bottom:0}@media (width>=1024px){.shell__main{padding-bottom:0}}.logo{transition:opacity var(--duration-fast) var(--ease);flex:none;align-items:center;padding:2px;text-decoration:none;display:inline-flex}.logo:hover{opacity:.88;text-decoration:none}.topbar{z-index:var(--z-nav);background:var(--frost);border-top:3px solid var(--accent-ui);border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);position:sticky;top:0}.topbar__inner{align-items:center;gap:var(--space-4);height:var(--topbar-h);display:flex}.topbar .topbar__search,.topbar__nav{display:none}.topbar__actions{align-items:center;gap:var(--space-1);margin-inline-start:auto;display:flex}.topbar__desktop-only{display:none}.topbar__link{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:inline-flex}.topbar__link:hover{background:var(--gray-50);color:var(--gray-900);text-decoration:none}.topbar__link.active{color:var(--brand-700);box-shadow:inset 0 -2px 0 var(--brand-600);border-radius:0}.topbar__pill{border-radius:var(--radius-full);background:var(--brand-600);color:var(--text-on-brand);font-size:var(--text-xs);line-height:20px;font-weight:var(--weight-semibold);padding:0 8px}.topbar__notif-scroll{max-height:420px;overflow-y:auto}.topbar__notif-all{padding:var(--space-3);border-top:1px solid var(--border);text-align:center;font-size:var(--text-sm);font-weight:var(--weight-semibold);display:block}.topbar__signin{margin-inline-start:var(--space-2)}.topbar--focus .topbar__inner{gap:var(--space-2)}.topbar__secure{align-items:center;gap:var(--space-1);margin-inline-start:auto;display:inline-flex}@media (width>=1024px){.topbar .topbar__search{flex:1;max-width:560px;display:flex}.topbar__nav{gap:var(--space-1);display:flex}.topbar__desktop-only{display:block}.topbar__actions .topbar__desktop-only:is(a){display:inline-grid}.topbar__mobile-only{display:none}.topbar__actions{margin-inline-start:0}}.count-badge{top:4px;border:2px solid var(--surface);border-radius:var(--radius-full);background:var(--brand-600);min-width:18px;height:18px;color:var(--text-on-brand);font-size:10px;font-weight:var(--weight-bold);text-align:center;box-sizing:content-box;padding:0 5px;line-height:14px;position:absolute;inset-inline-end:2px}.avatar-btn{background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.avatar{background:var(--inverse);color:var(--on-inverse);font-weight:var(--weight-semibold);border-radius:50%;flex:none;place-items:center;display:inline-grid}.searchbar{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease);align-items:center;display:flex;position:relative}.searchbar:focus-within{background:var(--surface);border-color:var(--accent-ui);box-shadow:0 0 0 3px var(--brand-100)}.searchbar__icon{color:var(--gray-500);pointer-events:none;position:absolute;inset-inline-start:12px}.searchbar__input{min-width:0;height:44px;padding:0 var(--space-3) 0 40px;font-size:var(--text-md);background:0 0;border:0;flex:1}.searchbar__input:focus{box-shadow:none;outline:none}.searchbar__input::-webkit-search-cancel-button{cursor:pointer}.searchbar__submit{height:36px;padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--brand-600);color:var(--text-on-brand);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:0;margin-inline-end:4px}.searchbar__submit:hover{background:var(--brand-700)}.searchbar--lg .searchbar__input{height:52px}.searchbar--lg{background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.searchbar--lg .searchbar__submit{height:44px}@media (width<=479px){.searchbar__submit{display:none}}.bottomnav{z-index:var(--z-nav);inset-inline:0;height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0}.bottomnav__item{color:var(--gray-500);font-size:11px;font-weight:var(--weight-medium);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.bottomnav__item:hover{color:var(--gray-800);text-decoration:none}.bottomnav__item.active{color:var(--brand-700);font-weight:var(--weight-semibold);box-shadow:inset 0 2px 0 var(--brand-600)}.bottomnav__icon{place-items:center;width:44px;height:28px;display:grid;position:relative}.bottomnav__icon .count-badge{top:-4px;inset-inline-end:0}@media (width>=1024px){.bottomnav{display:none}}.footer{--cloud-h:30px;margin-top:calc(var(--space-12) + var(--cloud-h));padding-block:var(--space-10) var(--space-6);padding-bottom:calc(var(--bottomnav-h) + var(--space-6));background:var(--surface-ink);color:var(--text-on-ink);position:relative}.footer__cloud{inset-inline:0;position:absolute;bottom:calc(100% - 2px)}.footer .t-secondary{color:var(--gray-400)}@media (width>=1024px){.footer{padding-bottom:var(--space-6)}}.footer__inner{gap:var(--space-8);display:grid}@media (width>=768px){.footer__inner{grid-template-columns:1.2fr 1fr}}.footer__brand{gap:var(--space-3);flex-direction:column;max-width:360px;display:flex}.footer__links{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.footer__heading{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-stone);display:inline-flex}.footer__heading:before{content:"";background:var(--brand-600);width:3px;height:1.1em}[dir=rtl] .footer__heading{letter-spacing:0}.footer__links ul{gap:var(--space-2);flex-direction:column;display:flex}.footer__links a{font-size:var(--text-sm);color:var(--text-on-ink)}.footer__links a:hover{color:#fff;-webkit-text-decoration-color:var(--brand-500);text-decoration-color:var(--brand-500);text-underline-offset:3px}.footer :focus-visible{box-shadow:0 0 0 2px var(--surface-ink), 0 0 0 4px var(--brand-500)}.footer__legal{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--gray-800);color:var(--gray-400)}.shell--focus .footer{display:none}.auth{background:var(--surface);min-height:100dvh;display:grid}@media (width>=1024px){.auth{grid-template-columns:minmax(380px,5fr) 7fr}}.auth__aside{display:none}@media (width>=1024px){.auth__aside{padding:var(--space-10);background:var(--brand-600);color:var(--text-on-brand);flex-direction:column;justify-content:space-between;padding-inline-end:calc(var(--space-10) + 72px);display:flex;position:relative;overflow:hidden}.auth__aside:after{content:"";background-color:color-mix(in oklab, var(--on-accent) 20%, transparent);pointer-events:none;width:52px;position:absolute;inset-block:0;inset-inline-end:24px;-webkit-mask:url(/assets/cloud-column-BI0AeGje.svg) 50% 0/100% repeat-y;mask:url(/assets/cloud-column-BI0AeGje.svg) 50% 0/100% repeat-y}.auth__aside .logo{color:var(--text-on-brand)}.auth__aside .logo:focus-visible{box-shadow:0 0 0 2px var(--brand-600), 0 0 0 4px var(--on-accent)}}.auth__pitch{gap:var(--space-8);flex-direction:column;max-width:420px;display:flex}.auth__pitch-title{font-size:var(--text-4xl);line-height:var(--leading-4xl);color:var(--text-on-brand)}.auth__points{gap:var(--space-5);flex-direction:column;display:flex}.auth__points li{gap:var(--space-3);font-size:var(--text-md);color:color-mix(in oklab, var(--on-accent) 88%, transparent);display:flex}.auth__points svg{color:var(--text-on-brand);flex:none;margin-top:2px}.auth__points strong{color:var(--text-on-brand);font-weight:var(--weight-bold)}.auth__legal{font-size:var(--text-xs);color:color-mix(in oklab, var(--on-accent) 78%, transparent)}.auth__main{padding:var(--space-6) var(--space-4) var(--space-12);outline:none;flex-direction:column;align-items:center;display:flex}@media (width>=1024px){.auth__main{padding:var(--space-10);justify-content:center}}.auth__mobile-logo{margin-bottom:var(--space-8);align-self:flex-start}@media (width>=640px){.auth__mobile-logo{align-self:center}}@media (width>=1024px){.auth__mobile-logo{display:none}}.auth__card{width:100%;max-width:420px}.auth-head{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-foot{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.otp-field .input{width:100%;min-height:56px;font-size:var(--text-2xl);letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.proto-note{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#4c1d95;font-size:var(--text-xs);line-height:var(--leading-xs);background:#f5f3ff;border:1px dashed #a78bfa;display:flex}.proto-note svg{flex:none}.avatar-upload{align-items:center;gap:var(--space-4);display:flex}.avatar-upload__preview{background:var(--gray-100);width:64px;height:64px;color:var(--gray-500);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.avatar-upload__preview img{object-fit:cover;width:100%;height:100%}.otp-resend{justify-content:center;gap:var(--space-2) var(--space-5);text-align:center;flex-wrap:wrap;display:flex}.otp-resend .btn--link{align-items:center;gap:var(--space-1);display:inline-flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field__label{align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:var(--weight-medium);color:var(--gray-800);display:flex}.field__optional{font-weight:var(--weight-regular);font-size:var(--text-xs);color:var(--text-muted)}.field__hint{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--text-secondary)}.field__error{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--danger-700);align-items:flex-start;gap:6px;display:flex}.field__error svg{flex:none;margin-top:2px}.input-wrap{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);align-items:stretch;display:flex;position:relative}.input-wrap:focus-within{border-color:var(--accent-ui);box-shadow:0 0 0 3px var(--brand-100)}.field--error .input-wrap{border-color:var(--danger-600)}.field--error .input-wrap:focus-within{box-shadow:0 0 0 3px var(--danger-50)}.input-wrap__affix{padding-inline:var(--space-3) 0;color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap;align-items:center;display:flex}.input-wrap__affix--end{padding-inline:0 var(--space-3)}.input{min-width:0;min-height:44px;padding:10px var(--space-3);font-size:var(--text-md);line-height:var(--leading-md);background:0 0;border:0;flex:1}.input:focus,.input:focus-visible{box-shadow:none;outline:none}.input::placeholder{color:var(--gray-400)}.input:disabled{color:var(--text-muted);cursor:not-allowed}.textarea{resize:vertical;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);min-height:96px}.textarea:focus{border-color:var(--accent-ui);box-shadow:0 0 0 3px var(--brand-100)}.select{appearance:none;cursor:pointer;padding-inline-end:40px}.input-wrap--select:after{content:"";inset-inline-end:16px;border-right:2px solid var(--gray-500);border-bottom:2px solid var(--gray-500);pointer-events:none;width:8px;height:8px;position:absolute;top:50%;transform:translateY(-70%)rotate(45deg)}.checkbox__row{align-items:flex-start;gap:var(--space-3);display:flex}.checkbox__input{width:20px;height:20px;accent-color:var(--accent-ui);cursor:pointer;flex:none;margin:2px 0 0}.checkbox__label{font-size:var(--text-sm);line-height:var(--leading-md);color:var(--gray-700);cursor:pointer}.checkbox--error .checkbox__input{outline:2px solid var(--danger-600);outline-offset:1px}.checkbox .field__error{margin-top:var(--space-1);padding-inline-start:32px}.choice-group{gap:var(--space-3);border:0;min-width:0;margin:0;padding:0;display:grid}.choice{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease);display:flex;position:relative}.choice:hover{border-color:var(--gray-400)}.choice--checked{border-color:var(--accent-ui);background:var(--brand-25);box-shadow:inset 0 0 0 1px var(--brand-600)}.choice--disabled{opacity:.55;cursor:not-allowed}.choice__input{width:20px;height:20px;accent-color:var(--accent-ui);flex:none;margin:0}.choice:has(.choice__input:focus-visible){box-shadow:var(--focus-ring)}.choice__media{flex:none}.choice__body{flex-direction:column;flex:1;min-width:0;display:flex}.choice__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--gray-900)}.choice__desc{font-size:var(--text-sm);color:var(--text-secondary)}.choice__aside{font-size:var(--text-sm);color:var(--text-secondary);flex:none}.qty{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);align-items:stretch;display:inline-flex;overflow:hidden}.qty__btn{width:44px;color:var(--gray-700);background:0 0;border:0;place-items:center;display:grid}.qty__btn:hover:not(:disabled){background:var(--gray-100)}.qty__btn:disabled{color:var(--gray-300);cursor:not-allowed}.qty__input{border:0;border-inline:1px solid var(--border);text-align:center;width:48px;min-height:44px;font-weight:var(--weight-semibold);appearance:textfield}.qty__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty--sm .qty__btn{width:36px}.qty--sm .qty__input{width:40px;min-height:36px;font-size:var(--text-sm)}.segmented{border-radius:var(--radius-md);background:var(--gray-50);border:1px solid var(--border);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;margin:0;padding:4px;display:grid}.segmented__opt{position:relative}.segmented__opt input{opacity:0;cursor:pointer;position:absolute;inset:0}.segmented__opt span{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);min-height:40px;color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--weight-medium);display:flex}.segmented__opt input:checked+span{background:var(--surface);color:var(--gray-900);font-weight:var(--weight-semibold);box-shadow:var(--shadow-sm)}.segmented__opt input:focus-visible+span{box-shadow:var(--focus-ring)}.dialog{border-radius:var(--radius-lg);background:var(--surface);width:min(100% - 32px,520px);max-height:min(100% - 32px,760px);color:var(--text);box-shadow:var(--shadow-lg);border:0;padding:0}.dialog--sm{width:min(100% - 32px,420px)}.dialog--lg{width:min(100% - 32px,720px)}.dialog::backdrop{background:var(--scrim)}.dialog[open]{animation:dialog-in var(--duration) var(--ease)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.dialog__surface{max-height:inherit;flex-direction:column;display:flex}.dialog__header{align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3) var(--space-6);display:flex}.dialog__body{padding:var(--space-2) var(--space-6) var(--space-4);overflow-y:auto}.dialog__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-5);border-top:1px solid var(--border);display:flex}@media (width<=559px){.dialog{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:none;max-height:92dvh;margin:auto 0 0}.dialog[open]{animation-name:sheet-in}.dialog__footer{padding-bottom:max(var(--space-5), env(safe-area-inset-bottom));flex-direction:column-reverse}.dialog__footer .btn{width:100%}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}@media (width>=768px){.tabs{margin-inline:0;padding-inline:0}}.tab{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;background:0 0;border:0;display:inline-flex;position:relative}.tab:hover{color:var(--gray-900)}.tab--selected{color:var(--brand-700);font-weight:var(--weight-semibold)}.tab--selected:after{content:"";inset-inline:var(--space-2);background:var(--brand-600);border-radius:0;height:3px;position:absolute;bottom:-1px}.tab__count{border-radius:var(--radius-full);background:var(--gray-100);min-width:20px;color:var(--gray-700);font-size:var(--text-xs);text-align:center;padding:0 6px;line-height:20px}.tab__count--attention{background:var(--brand-600);color:var(--text-on-brand)}.breadcrumbs ol{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.breadcrumbs a{color:var(--text-secondary)}.breadcrumbs a:hover{color:var(--gray-900)}.breadcrumbs [aria-current]{color:var(--gray-900);font-weight:var(--weight-medium)}.breadcrumbs__sep{color:var(--gray-400)}.info-body{gap:var(--space-4);flex-direction:column;display:flex}.info-body .t-section-title{margin-top:var(--space-4)}.info-body .t-section-title:first-child{margin-top:0}.info-steps{gap:var(--space-6);flex-direction:column;display:flex}.info-steps li{gap:var(--space-4);display:flex}.info-steps__icon{border-radius:var(--radius-full);background:var(--brand-50);width:40px;height:40px;color:var(--brand-700);flex:none;place-items:center;display:grid}.info-list{gap:var(--space-2);color:var(--gray-700);flex-direction:column;padding-inline-start:var(--space-5);list-style:outside;display:flex}.info-table{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);flex-direction:column;display:flex;overflow:hidden}.info-table>div{gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);grid-template-columns:3fr 2fr;display:grid}.info-table>div+div{border-top:1px solid var(--border)}.info-table__head{font-weight:var(--weight-semibold);background:var(--gray-50)!important}.info-faq{border-bottom:1px solid var(--border);padding-bottom:var(--space-3)}.info-faq summary{min-height:44px;font-weight:var(--weight-semibold);cursor:pointer;align-items:center;display:flex}.info-guarantee{gap:var(--space-3);margin-top:var(--space-8);padding:var(--space-4);border-radius:var(--radius-md);background:var(--success-50);color:var(--success-700);font-size:var(--text-sm);display:flex}.info-guarantee svg{flex:none}.info-guarantee p{color:var(--gray-800)}.pimg{aspect-ratio:1;border-radius:var(--radius-md);background:radial-gradient(circle at 50% 60%, hsl(var(--hue) 70% 98%) 0%, transparent 70%), hsl(var(--hue) 45% 93%);width:100%;color:hsl(var(--hue) 40% 36%);place-items:center;display:grid;position:relative;overflow:hidden}.pimg__icon{width:48%;height:48%;transition:transform var(--duration) var(--ease);place-items:center;display:grid}.pimg__icon svg{width:100%;height:100%}.pimg--xs{border-radius:var(--radius-sm);flex:none;width:40px}.pimg--sm{flex:none;width:64px}.pimg--xs .pimg__icon,.pimg--sm .pimg__icon{width:56%;height:56%}.qcimg{aspect-ratio:4/3;border-radius:var(--radius-md);width:100%;color:hsl(var(--hue) 35% 32%);background:linear-gradient(#e9e6e1 0%,#dcd8d1 100%);place-items:center;display:grid;position:relative;overflow:hidden}.qcimg__icon{filter:drop-shadow(0 6px 6px #0000001f);place-items:center;width:42%;height:56%;display:grid}.qcimg__icon svg{width:100%;height:100%}.qcimg__ruler{inset-inline:8%;background:repeating-linear-gradient(90deg,#3c322873 0 1px,#0000 1px 8px);border-top:1px solid #3c322873;height:8px;position:absolute;bottom:10%}.qcimg__stamp{top:8px;color:#b42318cc;font-family:var(--font-mono);border:1px solid #b4231899;border-radius:3px;padding:1px 6px;font-size:10px;line-height:16px;position:absolute;inset-inline-end:8px;transform:rotate(-4deg)}.qcimg__caption{inset-inline-start:8px;font-family:var(--font-mono);color:#282018b3;font-size:10px;position:absolute;bottom:4px}.qcimg--sm .qcimg__stamp,.qcimg--sm .qcimg__caption{display:none}:root[data-theme=dark] .pimg,:root[data-theme=dark] .qcimg{filter:brightness(.82)saturate(.9)}.pgrid{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=640px){.pgrid{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.pgrid--auto{grid-template-columns:repeat(4,minmax(0,1fr))}}.pcard{gap:var(--space-3);flex-direction:column;height:100%;display:flex;position:relative}.pcard .pimg{outline-offset:-1px;transition:transform var(--duration) var(--ease), outline-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);outline:1px solid #0000}.pcard:hover .pimg{outline-color:var(--gray-900);box-shadow:var(--shadow-md)}.pcard:hover .pimg .pimg__icon{transform:scale(1.06)}.pcard__body{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.pcard__title{font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:var(--weight-medium);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pcard__link{color:var(--gray-900)}.pcard__link:after{content:"";border-radius:var(--radius-md);position:absolute;inset:0}.pcard__link:hover{text-decoration:none}.pcard:hover .pcard__link{color:var(--brand-700)}.pcard__link:focus-visible{box-shadow:none}.pcard__link:focus-visible:after{box-shadow:var(--focus-ring)}.pcard__price{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--gray-900)}.pcard__meta{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.pcard__rating{color:var(--gray-700);align-items:center;gap:2px;display:inline-flex}.pcard__rating svg{color:var(--warning-600);fill:var(--warning-600)}.pcard--skeleton .pcard__body{gap:var(--space-2)}.pcard__skeleton-img{aspect-ratio:1;width:100%}.home{gap:var(--space-6);flex-direction:column;display:flex}.home .section+.section{margin-top:var(--space-4)}.home__search{gap:var(--space-3);flex-direction:column;display:flex}@media (width>=1024px){.home__search{display:none}}.carousel{gap:var(--space-2);flex-direction:column;display:flex}.carousel__slide{align-items:center;gap:var(--space-4);min-height:220px;padding:var(--space-6);border-radius:var(--radius-lg);--pattern-size:420px;grid-template-columns:1fr;display:grid;overflow:hidden}@media (width>=768px){.carousel__slide{padding:var(--space-8) var(--space-10);grid-template-columns:3fr 2fr;min-height:260px}}.carousel__slide--brand{background:var(--brand-600);color:var(--text-on-brand);--pattern-color:var(--on-accent);--pattern-opacity:.16}.carousel__slide--blue{background:var(--surface-ink);color:var(--text-on-ink);--pattern-color:var(--brand-stone);--pattern-opacity:.1}.carousel__slide--green{background:var(--surface);color:var(--text);border:1px solid var(--border);--pattern-color:var(--brand-600);--pattern-opacity:.1}.carousel__text{align-items:flex-start;gap:var(--space-3);flex-direction:column;max-width:520px;display:flex}.carousel__title{font-size:var(--text-2xl);line-height:var(--leading-2xl)}.carousel__sub{opacity:.86}@media (width>=768px){.carousel__title{font-size:var(--text-4xl);line-height:var(--leading-4xl)}.carousel__sub{font-size:var(--text-lg);line-height:var(--leading-lg)}}.carousel__slide--brand .carousel__cta{background:var(--on-accent);color:var(--accent)}.carousel__slide--brand .carousel__cta:hover{background:color-mix(in oklab, var(--on-accent) 88%, var(--accent))}.carousel__slide--brand .carousel__cta:focus-visible,.carousel__slide--blue .carousel__cta:focus-visible{box-shadow:0 0 0 2px,0 0 0 4px #fff}.carousel__art{justify-self:center;width:160px;height:160px;display:none}@media (width>=768px){.carousel__art{display:block}}.carousel__art svg{width:100%;height:100%}.carousel__slide--brand .carousel__art{color:var(--on-accent)}.carousel__slide--blue .carousel__art{color:var(--brand-500)}.carousel__slide--green .carousel__art{color:var(--accent-ui)}.carousel__controls{justify-content:center;align-items:center;gap:var(--space-1);display:flex}.carousel__dots{gap:2px;display:flex}.carousel__dot{background:0 0;border:0;width:24px;height:24px;position:relative}.carousel__dot:after{content:"";background:var(--gray-300);transition:background-color var(--duration) var(--ease);border-radius:0;position:absolute;inset:9px 4px}.carousel__dot--active:after{background:var(--brand-600)}.home__cats{gap:var(--space-3);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);padding-bottom:var(--space-2);scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:84px;grid-auto-flow:column;display:grid;overflow-x:auto}.home__cats::-webkit-scrollbar{display:none}.home__cats li{scroll-snap-align:start}@media (width>=768px){.home__cats{grid-template-columns:repeat(8,1fr);grid-auto-flow:row;margin:0;padding:0;overflow:visible}}.catchip{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-radius:var(--radius-md);color:var(--gray-800);text-align:center;flex-direction:column;text-decoration:none;display:flex}.catchip:hover{text-decoration:none}.catchip:hover .catchip__icon{transform:translateY(-2px)}.catchip__icon{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:56px;height:56px;color:var(--accent-ui);transition:transform var(--duration) var(--ease), border-color var(--duration) var(--ease), background-color var(--duration) var(--ease), color var(--duration) var(--ease);place-items:center;display:grid}.catchip:hover .catchip__icon{border-color:var(--accent-ui)}.catchip:active .catchip__icon{background:var(--brand-600);color:var(--text-on-brand)}.catchip__label{font-size:var(--text-xs);line-height:var(--leading-xs);font-weight:var(--weight-medium)}@media (width>=768px){.catchip__label{font-size:var(--text-sm);line-height:var(--leading-sm)}}.home__knot{margin-top:var(--space-6)}.home__steps{gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);display:grid}@media (width>=768px){.home__steps{gap:var(--space-6);padding:var(--space-6);grid-template-columns:repeat(4,1fr)}}.home__steps li{align-items:flex-start;gap:var(--space-4);display:flex}@media (width>=1024px){.home .t-section-title{font-size:var(--text-2xl);line-height:var(--leading-2xl)}}.catlist{gap:var(--space-3);display:grid}@media (width>=768px){.catlist{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.catlist{grid-template-columns:repeat(3,1fr)}}.catlist__item{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:inherit;transition:border-color var(--duration-fast) var(--ease);text-decoration:none;display:flex}.catlist__item:hover{border-color:var(--accent-ui);text-decoration:none}.catlist__item:hover .catlist__chev{color:var(--accent-ui)}.catlist__icon{border-radius:var(--radius-md);background:var(--brand-50);width:48px;height:48px;color:var(--brand-700);flex:none;place-items:center;display:grid}.catlist__text{flex-direction:column;flex:1;min-width:0;display:flex}.catlist__text .t-secondary{white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;overflow:hidden}.catlist__count{flex:none}.catlist__chev{color:var(--gray-400);flex:none}.search-mobile{margin-bottom:var(--space-4)}@media (width>=1024px){.search-mobile{display:none}}.search-head{margin-top:var(--space-4);margin-bottom:var(--space-4)}.search-toolbar{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}@media (width>=768px){.search-toolbar{flex-direction:row;justify-content:space-between;align-items:flex-end}.search-toolbar__sort{width:220px}}.chips{gap:var(--space-2);scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}@media (width>=768px){.chips{flex-wrap:wrap;margin:0;padding:0}}.chips--center{flex-wrap:wrap;justify-content:center;margin:0;padding:0}.chip{min-height:36px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;flex:none;align-items:center;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--gray-400);color:var(--gray-900);text-decoration:none}.chip[aria-pressed=true]{border-color:var(--gray-900);background:var(--inverse);color:var(--on-inverse)}.chip:disabled{color:var(--gray-400);cursor:not-allowed;background:var(--gray-50);border-style:dashed;text-decoration:line-through}.search-translated{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.search-more{align-items:center;gap:var(--space-3);margin-top:var(--space-8);flex-direction:column;display:flex}.pdp{gap:var(--space-6);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){.pdp{gap:var(--space-10);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.pdp__gallery{top:calc(var(--topbar-h) + var(--space-6));position:sticky}}.pdp__gallery{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.pdp__main-img{border-radius:var(--radius-lg)}.pdp__skeleton-img{aspect-ratio:1;width:100%}.pdp__thumbs{gap:var(--space-2);display:flex;overflow-x:auto}.pdp__thumb{border-radius:calc(var(--radius-md) + 2px);background:0 0;border:2px solid #0000;flex:none;padding:2px}.pdp__thumb[aria-pressed=true]{border-color:var(--accent-ui)}.pdp__thumb:hover{border-color:var(--gray-300)}.pdp__thumb[aria-pressed=true]:hover{border-color:var(--accent-ui)}.pdp__info{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.pdp__star{color:var(--warning-600);fill:var(--warning-600)}.pdp__title{font-size:var(--text-xl);line-height:var(--leading-xl);font-weight:var(--weight-semibold);letter-spacing:-.01em}@media (width>=1024px){.pdp__title{font-size:var(--text-2xl);line-height:var(--leading-2xl)}}.pdp__translation{margin-top:calc(var(--space-2) * -1)}.pdp__translation .btn--link{font-weight:var(--weight-medium);align-items:center;gap:6px;display:inline-flex}.pdp__original{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--gray-100);color:var(--gray-700);font-size:var(--text-sm)}.pdp__price{align-items:center;gap:var(--space-3);min-height:36px;display:flex}.pdp__price-value{font-size:var(--text-2xl);line-height:var(--leading-2xl);font-weight:var(--weight-bold)}.pdp__options{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);flex-direction:column;display:flex}.pdp__option{border:0;min-width:0;margin:0;padding:0}.pdp__option legend{margin-bottom:var(--space-2)}.pdp__values{gap:var(--space-2);flex-wrap:wrap;display:flex}.pdp__qty{gap:var(--space-2);flex-direction:column;display:flex}.pdp__actions{gap:var(--space-3);grid-template-columns:2fr 1fr;display:grid}@media (width<=899px){.pdp__actions{bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));z-index:var(--z-sticky);margin-inline:calc(var(--gutter) * -1);padding:var(--space-3) var(--gutter);background:var(--frost);border-top:1px solid var(--border);position:sticky}}@media (width<=1023px) and (width>=900px){.pdp__actions{position:static}}.pdp__pay{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--gray-50);border:1px solid var(--border);flex-direction:column;display:flex}.pdp__pay ul{gap:var(--space-3);flex-direction:column;display:flex}.pdp__pay li{gap:var(--space-3);font-size:var(--text-sm);color:var(--gray-700);display:flex}.pdp__pay svg{color:var(--gray-500);flex:none;margin-top:1px}.pdp__pay strong{color:var(--gray-900)}.pdp__seller{gap:var(--space-3);align-items:flex-start;display:flex}.pdp__seller>svg{color:var(--gray-500);flex:none;margin-top:2px}.pdp__details{gap:var(--space-4);flex-direction:column;max-width:820px;display:flex}.pdp__desc{color:var(--gray-700)}.spec{border-top:1px solid var(--border)}.spec__row{gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm);grid-template-columns:minmax(120px,1fr) 2fr;display:grid}.spec__row dt{color:var(--text-secondary)}.spec__row dd{color:var(--gray-900)}.psum{gap:var(--space-4);flex-direction:column;display:flex}.psum__rows{gap:var(--space-2);flex-direction:column;display:flex}.psum__row{justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm);color:var(--gray-700);display:flex}.psum__row dd{text-align:end;color:var(--gray-900);font-variant-numeric:tabular-nums;white-space:nowrap}.psum__row--muted dd{color:var(--text-secondary)}.psum__row--refund dd{color:var(--success-700)}.psum__row--total{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--gray-900)}.psum__row--total dd{font-size:var(--text-lg);font-weight:var(--weight-bold)}.psum__note{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--gray-50);color:var(--gray-700);font-size:var(--text-sm);display:flex}.psum__note svg{color:var(--info-700);flex:none;margin-top:2px}.cart{gap:var(--space-6);align-items:start;display:grid}@media (width>=1024px){.cart{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 360px}}.cart__groups{gap:var(--space-4);flex-direction:column;display:flex}.cart-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.cart-group__head{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.cart-group__head svg{color:var(--gray-500)}.cart-group__ship{margin-inline-start:auto}.cart-line{gap:var(--space-3) var(--space-4);padding:var(--space-4);grid-template-columns:64px minmax(0,1fr);display:grid}.cart-line+.cart-line{border-top:1px solid var(--border)}@media (width>=640px){.cart-line{grid-template-columns:80px minmax(0,1fr) auto}.cart-line .pimg--sm{width:80px}}.cart-line__img{display:block}.cart-line__main{flex-direction:column;gap:2px;min-width:0;display:flex}.cart-line__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--gray-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cart-line__controls{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.cart-line__total{font-variant-numeric:tabular-nums;grid-column:2}@media (width>=640px){.cart-line__total{text-align:end;grid-area:1/3}}.cart__summary{gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}@media (width>=1024px){.cart__summary{top:calc(var(--topbar-h) + var(--space-6));position:sticky}}.cart__sticky{bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-4);margin:var(--space-6) calc(var(--gutter) * -1) 0;padding:var(--space-3) var(--gutter);background:var(--frost);border-top:1px solid var(--border);display:flex;position:sticky}@media (width>=1024px){.cart__sticky{display:none}}@media (width<=1023px){.cart__checkout-desktop{display:none}}.cart__signin-note{margin-top:var(--space-2);text-align:center}.address-form{gap:var(--space-5);flex-direction:column;display:flex}.address-form__grid{gap:var(--space-4);display:grid}@media (width>=640px){.address-form__grid{grid-template-columns:1fr 1fr}.address-form__wide{grid-column:1/-1}}.address-form__actions{justify-content:flex-end;gap:var(--space-3);display:flex}.map-pick{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.map-pick--error{border-color:var(--danger-600)}.map-pick__map{background:linear-gradient(90deg,#0000 49%,#fff 49% 51%,#0000 51%) 0 0/80px 80px,linear-gradient(#0000 49%,#fff 49% 51%,#0000 51%) 0 0/80px 80px,linear-gradient(35deg,#0000 47%,#fde68a 47% 53%,#0000 53%),#e7ecef;place-items:center;height:140px;display:grid}.map-pick__pin{color:var(--gray-400)}.map-pick__pin--set{color:var(--accent-ui);fill:var(--brand-100)}.map-pick__bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.checkout{gap:var(--space-6);align-items:start;display:grid}@media (width>=1024px){.checkout{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 380px}}.checkout__main{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.co-section{gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);scroll-margin-top:calc(var(--topbar-h) + var(--space-4));flex-direction:column;display:flex}.co-section__title{align-items:center;gap:var(--space-3);font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:var(--weight-semibold);display:flex}.co-section__num{border-radius:var(--radius-sm);background:var(--inverse);width:28px;height:28px;color:var(--on-inverse);font-size:var(--text-sm);place-items:center;display:grid}.co-add{align-self:flex-start}.co-new-address{gap:var(--space-4);padding-top:var(--space-2);flex-direction:column;display:flex}.co-items{flex-direction:column;display:flex}.co-items li{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;display:flex}.co-items li+li{border-top:1px solid var(--border)}.co-items__title{font-size:var(--text-sm);font-weight:var(--weight-medium);-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.checkout__summary{gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}@media (width>=1024px){.checkout__summary{top:calc(var(--topbar-h) + var(--space-6));position:sticky}}.paybadge{border-radius:var(--radius-sm);width:44px;height:32px;font-size:10px;font-weight:var(--weight-bold);letter-spacing:.02em;color:#fff;place-items:center;display:grid}.paybadge--sham-cash{background:#0f766e}.paybadge--palymara{background:#1d4ed8}.checkout__sticky{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-4);margin:var(--space-6) calc(var(--gutter) * -1) calc(var(--space-12) * -1);padding:var(--space-3) var(--gutter) max(var(--space-3), env(safe-area-inset-bottom));background:var(--frost);border-top:1px solid var(--border);display:flex;position:sticky;bottom:0}@media (width>=1024px){.checkout__sticky{display:none}}.pay{gap:var(--space-6);max-width:480px;padding-top:var(--space-6);flex-direction:column;margin-inline:auto;display:flex}.pay__amount{align-items:center;gap:var(--space-1);padding-bottom:var(--space-6);border-bottom:1px solid var(--border);text-align:center;flex-direction:column;display:flex}.pay__total{font-size:var(--text-3xl);line-height:var(--leading-3xl);font-weight:var(--weight-bold);letter-spacing:-.02em}.pay__state{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.pay__state--left{text-align:start;align-items:stretch}.pay__state .alert{text-align:start;align-self:stretch}.pay__state .spinner__ring{border-width:4px;width:40px;height:40px}.pay__steps{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--gray-50);border:1px solid var(--border);color:var(--gray-700);font-size:var(--text-sm);text-align:start;flex-direction:column;display:flex}.pay__steps li{gap:var(--space-2);display:flex}.pay__steps svg{flex:none;margin-top:1px}.pay__fail-icon{background:var(--danger-50);width:56px;height:56px;color:var(--danger-700);border-radius:50%;place-items:center;display:grid}.pay__actions{gap:var(--space-3);width:100%;display:grid}@media (width>=480px){.pay__actions{grid-template-columns:1fr 1fr}}.ocard{gap:var(--space-2);padding:var(--space-4) var(--space-10) var(--space-4) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease);flex-direction:column;display:flex;position:relative}.ocard:hover{border-color:var(--gray-400)}.ocard--action{border-color:var(--brand-200);box-shadow:inset 4px 0 0 var(--brand-500)}.ocard__head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ocard__link{color:var(--gray-900)}.ocard__link:after{content:"";border-radius:var(--radius-lg);position:absolute;inset:0}.ocard__link:hover{text-decoration:none}.ocard__link:focus-visible{box-shadow:none}.ocard__link:focus-visible:after{box-shadow:var(--focus-ring)}.ocard__thumbs{gap:var(--space-2);margin-top:var(--space-1);align-items:center;display:flex}.ocard__thumb--off{opacity:.35;filter:grayscale()}.ocard__more{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-medium)}.ocard__headline{font-size:var(--text-sm);color:var(--gray-700)}.ocard__action{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border);flex-wrap:wrap;display:flex;position:relative}.ocard__chev{inset-inline-end:var(--space-3);color:var(--gray-400);position:absolute;top:50%;transform:translateY(-50%)}.orders-list{gap:var(--space-3);margin-top:var(--space-5);flex-direction:column;display:flex}.odetail{gap:var(--space-4);align-items:start;display:grid}@media (width>=1024px){.odetail{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 340px}}.odetail__main,.odetail__side{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.action-banner{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--brand-200);border-radius:var(--radius-lg);background:var(--brand-50);flex-direction:column;display:flex}@media (width>=640px){.action-banner{flex-direction:row;align-items:center}}.action-banner__eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--brand-700)}.status-panel{gap:var(--space-5);flex-direction:column;display:flex}.status-panel__now{gap:var(--space-1);padding-top:var(--space-4);border-top:1px solid var(--border);flex-direction:column;display:flex}.courier{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.courier>svg{color:var(--accent-ui);flex:none}.courier__code{flex-direction:column;align-items:flex-end;display:flex}.courier__digits{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:.2em;font-variant-numeric:tabular-nums}.oitems{flex-direction:column;display:flex}.oitem{gap:var(--space-3) var(--space-4);padding:var(--space-4);grid-template-columns:64px minmax(0,1fr);display:grid}@media (width>=768px){.oitem{padding:var(--space-4) var(--space-6);grid-template-columns:64px minmax(0,1fr) auto}}.oitem+.oitem{border-top:1px solid var(--border)}.oitem__main{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.oitem__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--gray-900)}.oitem__price{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;grid-column:2}@media (width>=768px){.oitem__price{text-align:end;grid-area:1/3}}.oitem--off .pimg{opacity:.4;filter:grayscale()}.oitem--off .oitem__price{color:var(--text-muted);text-decoration:line-through}.photo-strip{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.photo-strip__btn{text-align:start;background:0 0;border:0;flex-direction:column;gap:2px;width:96px;padding:0;display:flex}.photo-strip__btn:hover .qcimg{outline:2px solid var(--brand-500);outline-offset:1px}.photo-strip__label{font-size:var(--text-xs);color:var(--text-secondary)}.history{flex-direction:column;display:flex}.history__item{gap:var(--space-3);padding-bottom:var(--space-4);display:flex;position:relative}.history__item:not(:last-child):before{content:"";inset-inline-start:5px;background:var(--gray-200);width:2px;position:absolute;top:16px;bottom:0}.history__dot{background:var(--gray-300);border-radius:50%;flex:none;width:12px;height:12px;margin-top:5px}.history__item--latest .history__dot{background:var(--brand-500);box-shadow:0 0 0 4px var(--brand-100)}.history__title{font-size:var(--text-sm);font-weight:var(--weight-medium)}.history__item--latest .history__title{font-weight:var(--weight-semibold)}.help-link{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:flex}.review{gap:var(--space-5);flex-direction:column;padding-bottom:120px;display:flex}.review__bulk{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);flex-wrap:wrap;display:flex}.ritem{gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease);flex-direction:column;display:flex}.ritem--accept{border-color:var(--success-200);box-shadow:inset 4px 0 0 var(--success-600)}.ritem--decline{border-color:var(--danger-200);box-shadow:inset 4px 0 0 var(--danger-600)}.ritem__head{gap:var(--space-3);align-items:flex-start;display:flex}.ritem__photos{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=640px){.ritem__photos{grid-template-columns:repeat(4,minmax(0,1fr))}}.ritem__photo{border-radius:var(--radius-md);background:0 0;border:0;width:100%;padding:0;display:block}.ritem__photo:hover .qcimg{outline:2px solid var(--brand-500);outline-offset:1px}.ritem__note{padding:var(--space-3);border-radius:var(--radius-md);background:var(--gray-50);font-size:var(--text-sm);color:var(--gray-700)}.decision{gap:var(--space-2);border:0;grid-template-columns:1fr 1fr;margin:0;padding:0;display:grid}.decision__opt{position:relative}.decision__opt input{opacity:0;cursor:pointer;position:absolute;inset:0}.decision__opt span{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);min-height:44px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--gray-700);display:flex}.decision__opt:hover span{border-color:var(--gray-400)}.decision__opt input:focus-visible+span{box-shadow:var(--focus-ring)}.decision__opt--accept input:checked+span{background:var(--success-50);border-color:var(--success-600);color:var(--success-700)}.decision__opt--decline input:checked+span{background:var(--danger-50);border-color:var(--danger-600);color:var(--danger-700)}.review-bar{z-index:var(--z-sticky);inset-inline:0;background:var(--frost);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;box-shadow:0 -4px 12px #05141d0f}.review-bar__inner{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-3);display:flex}.review-bar__stats{font-size:var(--text-sm);flex-direction:column;display:flex}.confirm-list{gap:var(--space-2);flex-direction:column;display:flex}.confirm-list li{justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);display:flex}.ship{gap:var(--space-4);align-items:start;display:grid}@media (width>=1024px){.ship__summary{top:calc(var(--topbar-h) + var(--space-6));position:sticky}.ship{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 380px}}.ship__facts{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=640px){.ship__facts{grid-template-columns:repeat(4,minmax(0,1fr))}}.ship__fact{flex-direction:column;gap:2px;display:flex}.ship__fact dt{font-size:var(--text-xs);color:var(--text-muted)}.ship__fact dd{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.route{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-700);flex-wrap:wrap;display:flex}.route__stop{border-radius:var(--radius-full);background:var(--gray-100);font-weight:var(--weight-medium);padding:2px 10px}.otl{flex-direction:column;display:flex}.otl__step{align-items:center;gap:var(--space-3);grid-template-columns:32px 1fr auto;min-height:44px;display:grid;position:relative}.otl__step:not(:last-child):after{content:"";inset-inline-start:15px;background:var(--gray-200);width:2px;position:absolute;top:34px;bottom:-6px}.otl__step--done:not(:last-child):after{background:var(--brand-200)}.otl__icon{border-radius:var(--radius-md);border:1px solid var(--gray-200);background:var(--gray-50);width:32px;height:32px;color:var(--gray-400);place-items:center;display:grid}.otl__label{font-size:var(--text-sm);color:var(--text-muted)}.otl__step--done .otl__icon{background:var(--brand-50);border-color:var(--brand-200);color:var(--brand-700)}.otl__step--done .otl__label{color:var(--gray-700)}.otl__step--current .otl__icon{background:var(--brand-600);border-color:var(--accent-ui);color:var(--text-on-brand);box-shadow:0 0 0 4px var(--brand-100)}.otl__step--current .otl__label{color:var(--gray-900);font-weight:var(--weight-semibold)}.otl__now{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--brand-700)}@media (width>=768px){.otl{gap:var(--space-1);grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.otl__step{align-content:start;justify-items:center;gap:var(--space-2);text-align:center;grid-template-columns:1fr}.otl__step:not(:last-child):after{inset-inline:calc(50% + 24px) calc(24px - 50%);width:auto;height:2px;top:21px;bottom:auto}.otl__icon{border-radius:var(--radius-lg);width:44px;height:44px}.otl__label{font-size:var(--text-xs);line-height:var(--leading-xs)}.otl__now{font-size:11px}}.account-head{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.account{gap:var(--space-4);align-items:start;display:grid}@media (width>=1024px){.account{gap:var(--space-8);grid-template-columns:240px minmax(0,1fr)}}.account__nav{gap:var(--space-1);scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);display:flex;overflow-x:auto}.account__nav::-webkit-scrollbar{display:none}@media (width>=1024px){.account__nav{flex-direction:column;margin:0;padding:0;overflow:visible}.account__link--mobile{display:none!important}}.account__link{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;flex:none;text-decoration:none;display:inline-flex}.account__link:hover{background:var(--gray-50);text-decoration:none}.account__link svg{color:var(--gray-500)}.account__link.active{border-color:var(--gray-900);background:var(--inverse);color:var(--on-inverse)}.account__link.active svg{color:var(--brand-500)}.account__signout{color:var(--danger-700)}@media (width>=1024px){.account__link{border-radius:var(--radius-md);background:0 0;border:0;min-height:44px}.account__link.active{background:var(--brand-50);color:var(--brand-700)}.account__link.active svg{color:var(--brand-700)}}.account__content{min-width:0}.addr-list{flex-direction:column;display:flex}.addr-list__item{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;flex-wrap:wrap;display:flex}.addr-list__item+.addr-list__item{border-top:1px solid var(--border)}.addr-list__actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.sec-icon{color:var(--gray-500);flex:none}.danger-zone{border-color:var(--danger-200)}