.pos-surface{--pos-canvas:rgb(252,252,252);--pos-canvas-deep:rgb(245,245,245);--pos-ink:rgb(17,22,31);--pos-ink-muted:rgb(82,88,98);--pos-ink-faint:rgb(123,129,137);--pos-brand:rgb(28,47,70);--pos-brand-deep:rgb(9,27,49);--pos-brand-hover:rgb(43,62,87);--pos-on-brand:rgb(250,250,250);--pos-accent:rgb(252,159,48);--pos-accent-deep:rgb(230,129,0);--pos-accent-soft:rgb(255,231,200);--pos-on-accent:rgb(35,17,3);--pos-card:rgb(255,255,255);--pos-card-sunken:rgb(243,243,243);--pos-border:rgb(215,215,215);--pos-border-soft:rgb(232,232,232);--pos-border-strong:rgb(183,183,183);--pos-tile-0:rgb(254,173,152);--pos-tile-1:rgb(229,204,137);--pos-tile-2:rgb(158,204,158);--pos-tile-3:rgb(154,217,238);--pos-tile-4:rgb(246,155,148);--pos-tile-5:rgb(222,178,233);--pos-tile-ink:rgb(12,18,26);--pos-danger:rgb(212,9,36);--pos-danger-soft:rgb(255,228,225);--pos-success:rgb(28,136,45);--pos-success-soft:rgb(211,247,211);--pos-warning:rgb(219,148,0);--pos-radius-xs:6px;--pos-radius-sm:10px;--pos-radius:14px;--pos-radius-lg:18px;--pos-radius-xl:24px;--pos-radius-full:9999px;--pos-touch-sm:40px;--pos-touch:52px;--pos-touch-lg:60px;--pos-rail-nav:76px;--pos-rail-cart:360px;--pos-font:var(--font-cairo),var(--font-geist-sans),system-ui,-apple-system,"Segoe UI",sans-serif;--pos-shadow-1:0 1px 0 0 rgba(255,255,255,0.7) inset,0 1px 2px 0 rgba(17,22,31,0.04),0 2px 6px -1px rgba(17,22,31,0.06);--pos-shadow-2:0 1px 0 0 rgba(255,255,255,0.7) inset,0 1px 2px 0 rgba(17,22,31,0.05),0 4px 12px -2px rgba(17,22,31,0.08),0 10px 24px -8px rgba(17,22,31,0.1);--pos-shadow-3:0 1px 0 0 rgba(255,255,255,0.7) inset,0 1px 3px 0 rgba(17,22,31,0.06),0 8px 24px -6px rgba(17,22,31,0.1),0 24px 56px -16px rgba(17,22,31,0.18);--pos-shadow-accent:0 1px 0 0 rgba(255,255,255,0.5) inset,0 1px 2px 0 rgba(107,57,0,0.2),0 8px 20px -6px rgba(230,129,0,0.45);--pos-shadow-brand:0 1px 0 0 rgba(255,255,255,0.15) inset,0 1px 2px 0 rgba(0,3,13,0.3),0 6px 16px -4px rgba(5,22,44,0.35);--pos-ease:cubic-bezier(0.16,1,0.3,1);--pos-ease-out:cubic-bezier(0.22,1,0.36,1);--pos-duration-fast:140ms;--pos-duration:220ms;--pos-duration-slow:340ms;--pos-bg:var(--pos-canvas);--pos-surface:var(--pos-card);--pos-surface-2:var(--pos-canvas-deep);--pos-surface-3:var(--pos-card-sunken);--pos-text:var(--pos-ink);--pos-text-muted:var(--pos-ink-muted);--pos-text-faint:var(--pos-ink-faint);--pos-border-subtle:var(--pos-border-soft);--pos-green:var(--pos-success);--pos-green-active:var(--pos-success-soft);--pos-shadow-card:var(--pos-shadow-1);font-family:var(--pos-font);background:var(--pos-canvas);color:var(--pos-ink);font-feature-settings:"tnum" 1;letter-spacing:0}.pos-surface :focus{outline:none}.pos-surface [role=button]:focus-visible,.pos-surface a:focus-visible,.pos-surface button:focus-visible,.pos-surface input:focus-visible,.pos-surface select:focus-visible,.pos-surface textarea:focus-visible{outline:none;box-shadow:0 0 0 2px var(--pos-canvas),0 0 0 4px rgba(230,129,0,.55)}.pos-card{background:var(--pos-card);border:1px solid var(--pos-border-soft);border-radius:var(--pos-radius-lg);box-shadow:var(--pos-shadow-1)}.pos-card-2{box-shadow:var(--pos-shadow-2)}.pos-card-3{box-shadow:var(--pos-shadow-3)}.pos-sunken{background:var(--pos-card-sunken);border:1px solid var(--pos-border-soft);border-radius:var(--pos-radius)}.pos-tile{position:relative;min-height:116px;padding:16px;display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;text-align:start;border-radius:var(--pos-radius-lg);background:var(--pos-card);border:1px solid var(--pos-border-soft);box-shadow:var(--pos-shadow-1);color:var(--pos-ink);overflow:hidden;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--pos-duration-fast) var(--pos-ease),box-shadow var(--pos-duration) var(--pos-ease),border-color var(--pos-duration-fast) var(--pos-ease)}.pos-tile:hover{border-color:var(--pos-border);box-shadow:var(--pos-shadow-2);transform:translateY(-1px)}.pos-tile:active{transform:translateY(0) scale(.985);box-shadow:var(--pos-shadow-1)}.pos-tile[aria-disabled=true]{opacity:.45;pointer-events:none}.pos-puck{position:relative;width:84px;height:84px;border-radius:999px;background:var(--pos-card-sunken);display:grid;place-items:center;overflow:hidden;box-shadow:0 1px 0 0 rgba(255,255,255,.9) inset,0 0 0 1px var(--pos-border) inset,0 4px 10px -4px rgba(17,22,31,.2);flex-shrink:0}.pos-puck>img{width:100%;height:100%;object-fit:cover}.pos-puck-letter{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--pos-ink);opacity:.65}.pos-tile[data-tinted=true]{border-color:rgba(17,22,31,.08)}.pos-chip{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 7px;border-radius:var(--pos-radius-full);background:var(--pos-card);border:1px solid var(--pos-border-soft);color:var(--pos-ink);font-weight:500;font-size:10.5px;letter-spacing:-.01em;box-shadow:var(--pos-shadow-1);transition:background var(--pos-duration-fast) var(--pos-ease),color var(--pos-duration-fast) var(--pos-ease),border-color var(--pos-duration-fast) var(--pos-ease),transform var(--pos-duration-fast) var(--pos-ease);white-space:nowrap}.pos-chip:hover{border-color:var(--pos-border)}.pos-chip:active{transform:scale(.97)}.pos-chip[data-active=true]{background:var(--pos-brand);color:var(--pos-on-brand);border-color:var(--pos-brand-deep);box-shadow:var(--pos-shadow-brand)}.pos-chip-count{font-size:9px;font-variant-numeric:tabular-nums;opacity:.55}.pos-chip[data-active=true] .pos-chip-count{opacity:.7;color:var(--pos-accent)}.pos-cta{min-height:var(--pos-touch-lg);width:100%;background:linear-gradient(180deg,var(--pos-accent) 0,var(--pos-accent-deep) 100%);color:var(--pos-on-accent);font-weight:700;font-size:15px;letter-spacing:-.01em;border-radius:var(--pos-radius);padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;box-shadow:var(--pos-shadow-accent);transition:transform var(--pos-duration-fast) var(--pos-ease),box-shadow var(--pos-duration-fast) var(--pos-ease),filter var(--pos-duration-fast) var(--pos-ease)}.pos-cta:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.pos-cta:active:not(:disabled){transform:translateY(0) scale(.985);filter:brightness(.95)}.pos-cta:disabled{opacity:.4;pointer-events:none}.pos-cta-brand{background:linear-gradient(180deg,var(--pos-brand) 0,var(--pos-brand-deep) 100%);color:var(--pos-on-brand);box-shadow:var(--pos-shadow-brand)}.pos-ghost{min-height:var(--pos-touch-sm);padding:0 16px;border-radius:var(--pos-radius);background:transparent;border:1px solid var(--pos-border);color:var(--pos-ink);font-weight:500;font-size:13px;transition:background var(--pos-duration-fast) var(--pos-ease)}.pos-ghost:hover{background:var(--pos-card)}.pos-ghost:active{transform:scale(.98)}.pos-icon-btn{width:var(--pos-touch);height:var(--pos-touch);display:grid;place-items:center;border-radius:var(--pos-radius-full);background:var(--pos-card);border:1px solid var(--pos-border-soft);color:var(--pos-ink-muted);box-shadow:var(--pos-shadow-1);transition:color var(--pos-duration-fast) var(--pos-ease),border-color var(--pos-duration-fast) var(--pos-ease),transform var(--pos-duration-fast) var(--pos-ease)}.pos-icon-btn:hover{color:var(--pos-ink);border-color:var(--pos-border)}.pos-icon-btn:active{transform:scale(.94)}.pos-numkey{height:72px;background:var(--pos-card);border:1px solid var(--pos-border-soft);border-radius:var(--pos-radius);font-size:26px;font-weight:500;color:var(--pos-ink);box-shadow:var(--pos-shadow-1);transition:background var(--pos-duration-fast) var(--pos-ease),transform var(--pos-duration-fast) var(--pos-ease),box-shadow var(--pos-duration-fast) var(--pos-ease)}.pos-numkey:hover{box-shadow:var(--pos-shadow-2)}.pos-numkey:active{transform:scale(.94);background:var(--pos-accent-soft)}.pos-input,.pos-numkey:active{box-shadow:var(--pos-shadow-1)}.pos-input{height:var(--pos-touch);padding:0 18px;border-radius:var(--pos-radius);background:var(--pos-card);border:1px solid var(--pos-border);color:var(--pos-ink);font-size:15px;outline:none;transition:border-color var(--pos-duration-fast) var(--pos-ease),box-shadow var(--pos-duration-fast) var(--pos-ease)}.pos-input:focus{border-color:var(--pos-brand);box-shadow:var(--pos-shadow-1),0 0 0 4px rgba(28,47,70,.1)}.pos-input::placeholder{color:var(--pos-ink-faint)}.pos-tile-row{position:relative;overflow:hidden;isolation:isolate;border-radius:10px;background:var(--pos-card);box-shadow:var(--pos-shadow-1);border:1px solid transparent;content-visibility:auto;contain-intrinsic-size:auto 132px;transition:transform var(--pos-duration-fast) var(--pos-ease),box-shadow var(--pos-duration) var(--pos-ease),border-color var(--pos-duration-fast) var(--pos-ease)}@media (hover:hover){.pos-tile-row:hover{border-color:var(--pos-border-soft);box-shadow:var(--pos-shadow-2);transform:translateY(-1px)}.pos-tile-row:hover .pos-tile-thumb{transform:rotate(-1.5deg) scale(1.04)}}.pos-tile-row:active,.pos-tile-row[data-pressed=true]{transform:translateY(0) scale(.96);box-shadow:var(--pos-shadow-1);filter:brightness(.92);transition-duration:40ms}.pos-tile-row .pos-tile-thumb{transition:transform var(--pos-duration) var(--pos-ease)}.pos-tile-row:active .pos-tile-thumb{transform:scale(.96);transition-duration:80ms}.pos-numkey:active{transition-duration:60ms}.pos-overlay{position:fixed;inset:0;background:rgba(17,22,31,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:60;animation:pos-fade-in var(--pos-duration) var(--pos-ease)}.pos-modal{background:var(--pos-card);border-radius:var(--pos-radius-xl);box-shadow:var(--pos-shadow-3);max-width:440px;width:calc(100% - 32px);padding:28px;animation:pos-modal-in var(--pos-duration-slow) var(--pos-ease-out)}@keyframes pos-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pos-modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pos-surface input[type=number]::-webkit-inner-spin-button,.pos-surface input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pos-surface input[type=number]{appearance:textfield}@keyframes pos-toast-slide-in{0%{transform:translateY(-8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.pos-surface *{animation-duration:.001ms!important;transition-duration:.001ms!important}}@supports (color:oklch(0% 0 0)){.pos-surface{--pos-canvas:oklch(0.99 0 0);--pos-canvas-deep:oklch(0.97 0 0);--pos-ink:oklch(0.20 0.02 260);--pos-ink-muted:oklch(0.46 0.018 260);--pos-ink-faint:oklch(0.60 0.015 260);--pos-brand:oklch(0.30 0.05 255);--pos-brand-deep:oklch(0.22 0.05 255);--pos-brand-hover:oklch(0.36 0.05 255);--pos-on-brand:oklch(0.985 0 0);--pos-accent:oklch(0.78 0.16 65);--pos-accent-deep:oklch(0.70 0.18 60);--pos-accent-soft:oklch(0.94 0.06 75);--pos-on-accent:oklch(0.20 0.04 60);--pos-card:oklch(1 0 0);--pos-card-sunken:oklch(0.965 0 0);--pos-border:oklch(0.88 0 0);--pos-border-soft:oklch(0.93 0 0);--pos-border-strong:oklch(0.78 0 0);--pos-tile-0:oklch(0.82 0.10 35);--pos-tile-1:oklch(0.85 0.09 90);--pos-tile-2:oklch(0.80 0.08 145);--pos-tile-3:oklch(0.85 0.07 220);--pos-tile-4:oklch(0.78 0.11 25);--pos-tile-5:oklch(0.82 0.09 320);--pos-tile-ink:oklch(0.18 0.02 260);--pos-danger:oklch(0.55 0.22 25);--pos-danger-soft:oklch(0.94 0.05 25);--pos-success:oklch(0.55 0.16 145);--pos-success-soft:oklch(0.94 0.06 145);--pos-warning:oklch(0.72 0.18 75);--pos-radius-xs:6px;--pos-radius-sm:10px;--pos-radius:14px;--pos-radius-lg:18px;--pos-radius-xl:24px;--pos-radius-full:9999px;--pos-touch-sm:40px;--pos-touch:52px;--pos-touch-lg:60px;--pos-rail-nav:76px;--pos-rail-cart:360px;--pos-font:var(--font-cairo),var(--font-geist-sans),system-ui,-apple-system,"Segoe UI",sans-serif;--pos-shadow-1:0 1px 0 0 oklch(1 0 0/0.7) inset,0 1px 2px 0 oklch(0.20 0.02 260/0.04),0 2px 6px -1px oklch(0.20 0.02 260/0.06);--pos-shadow-2:0 1px 0 0 oklch(1 0 0/0.7) inset,0 1px 2px 0 oklch(0.20 0.02 260/0.05),0 4px 12px -2px oklch(0.20 0.02 260/0.08),0 10px 24px -8px oklch(0.20 0.02 260/0.10);--pos-shadow-3:0 1px 0 0 oklch(1 0 0/0.7) inset,0 1px 3px 0 oklch(0.20 0.02 260/0.06),0 8px 24px -6px oklch(0.20 0.02 260/0.10),0 24px 56px -16px oklch(0.20 0.02 260/0.18);--pos-shadow-accent:0 1px 0 0 oklch(1 0 0/0.5) inset,0 1px 2px 0 oklch(0.40 0.18 60/0.20),0 8px 20px -6px oklch(0.70 0.18 60/0.45);--pos-shadow-brand:0 1px 0 0 oklch(1 0 0/0.15) inset,0 1px 2px 0 oklch(0.10 0.05 255/0.30),0 6px 16px -4px oklch(0.20 0.05 255/0.35);--pos-ease:cubic-bezier(0.16,1,0.3,1);--pos-ease-out:cubic-bezier(0.22,1,0.36,1);--pos-duration-fast:140ms;--pos-duration:220ms;--pos-duration-slow:340ms;--pos-bg:var(--pos-canvas);--pos-surface:var(--pos-card);--pos-surface-2:var(--pos-canvas-deep);--pos-surface-3:var(--pos-card-sunken);--pos-text:var(--pos-ink);--pos-text-muted:var(--pos-ink-muted);--pos-text-faint:var(--pos-ink-faint);--pos-border-subtle:var(--pos-border-soft);--pos-green:var(--pos-success);--pos-green-active:var(--pos-success-soft);--pos-shadow-card:var(--pos-shadow-1);font-family:var(--pos-font);background:var(--pos-canvas);color:var(--pos-ink);font-feature-settings:"tnum" 1;letter-spacing:0}.pos-surface :focus{outline:none}.pos-surface [role=button]:focus-visible,.pos-surface a:focus-visible,.pos-surface button:focus-visible,.pos-surface input:focus-visible,.pos-surface select:focus-visible,.pos-surface textarea:focus-visible{outline:none;box-shadow:0 0 0 2px var(--pos-canvas),0 0 0 4px oklch(.7 .18 60/.55)}.pos-card{background:var(--pos-card);border:1px solid var(--pos-border-soft);border-radius:var(--pos-radius-lg);box-shadow:var(--pos-shadow-1)}.pos-card-2{box-shadow:var(--pos-shadow-2)}.pos-card-3{box-shadow:var(--pos-shadow-3)}.pos-sunken{background:var(--pos-card-sunken);border:1px solid var(--pos-border-soft);border-radius:var(--pos-radius)}.pos-tile{position:relative;min-height:116px;padding:16px;display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;text-align:start;border-radius:var(--pos-radius-lg);background:var(--pos-card);border:1px solid var(--pos-border-soft);box-shadow:var(--pos-shadow-1);color:var(--pos-ink);overflow:hidden;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--pos-duration-fast) var(--pos-ease),box-shadow var(--pos-duration) var(--pos-ease),border-color var(--pos-duration-fast) var(--pos-ease)}.pos-tile:hover{border-color:var(--pos-border);box-shadow:var(--pos-shadow-2);transform:translateY(-1px)}.pos-tile:active{transform:translateY(0) scale(.985);box-shadow:var(--pos-shadow-1)}.pos-tile[aria-disabled=true]{opacity:.45;pointer-events:none}.pos-puck{position:relative;width:84px;height:84px;border-radius:999px;background:var(--pos-card-sunken);display:grid;place-items:center;overflow:hidden;box-shadow:0 1px 0 0 oklch(1 0 0/.9) inset,0 0 0 1px var(--pos-border) inset,0 4px 10px -4px oklch(.2 .02 260/.2);flex-shrink:0}.pos-puck>img{width:100%;height:100%;object-fit:cover}.pos-puck-letter{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--pos-ink);opacity:.65}.pos-tile[data-tinted=true]{border-color:oklch(.2 .02 260/.08)}.pos-chip{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 7px;border-radius:var(--pos-radius-full);background:var(--pos-card);border:1px solid var(--pos-border-soft);color:var(--pos-ink);font-weight:500;font-size:10.5px;letter-spacing:-.01em;box-shadow:var(--pos-shadow-1);transition:background var(--pos-duration-fast) var(--pos-ease),color var(--pos-duration-fast) var(--pos-ease),border-color var(--pos-duration-fast) var(--pos-ease),transform var(--pos-duration-fast) var(--pos-ease);white-space:nowrap}.pos-chip:hover{border-color:var(--pos-border)}.pos-chip:active{transform:scale(.97)}.pos-chip[data-active=true]{background:var(--pos-brand);color:var(--pos-on-brand);border-color:var(--pos-brand-deep);box-shadow:var(--pos-shadow-brand)}.pos-chip-count{font-size:9px;font-variant-numeric:tabular-nums;opacity:.55}.pos-chip[data-active=true] .pos-chip-count{opacity:.7;color:var(--pos-accent)}.pos-cta{min-height:var(--pos-touch-lg);width:100%;background:linear-gradient(180deg,var(--pos-accent) 0,var(--pos-accent-deep) 100%);color:var(--pos-on-accent);font-weight:700;font-size:15px;letter-spacing:-.01em;border-radius:var(--pos-radius);padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;box-shadow:var(--pos-shadow-accent);transition:transform var(--pos-duration-fast) var(--pos-ease),box-shadow var(--pos-duration-fast) var(--pos-ease),filter var(--pos-duration-fast) var(--pos-ease)}.pos-cta:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.pos-cta:active:not(:disabled){transform:translateY(0) scale(.985);filter:brightness(.95)}.pos-cta:disabled{opacity:.4;pointer-events:none}.pos-cta-brand{background:linear-gradient(180deg,var(--pos-brand) 0,var(--pos-brand-deep) 100%);color:var(--pos-on-brand);box-shadow:var(--pos-shadow-brand)}.pos-ghost{min-height:var(--pos-touch-sm);padding:0 16px;border-radius:var(--pos-radius);background:transparent;border:1px solid var(--pos-border);color:var(--pos-ink);font-weight:500;font-size:13px;transition:background var(--pos-duration-fast) var(--pos-ease)}.pos-ghost:hover{background:var(--pos-card)}.pos-ghost:active{transform:scale(.98)}.pos-icon-btn{width:var(--pos-touch);height:var(--pos-touch);display:grid;place-items:center;border-radius:var(--pos-radius-full);background:var(--pos-card);border:1px solid var(--pos-border-soft);color:var(--pos-ink-muted);box-shadow:var(--pos-shadow-1);transition:color var(--pos-duration-fast) var(--pos-ease),border-color var(--pos-duration-fast) var(--pos-ease),transform var(--pos-duration-fast) var(--pos-ease)}.pos-icon-btn:hover{color:var(--pos-ink);border-color:var(--pos-border)}.pos-icon-btn:active{transform:scale(.94)}.pos-numkey{height:72px;background:var(--pos-card);border:1px solid var(--pos-border-soft);border-radius:var(--pos-radius);font-size:26px;font-weight:500;color:var(--pos-ink);box-shadow:var(--pos-shadow-1);transition:background var(--pos-duration-fast) var(--pos-ease),transform var(--pos-duration-fast) var(--pos-ease),box-shadow var(--pos-duration-fast) var(--pos-ease)}.pos-numkey:hover{box-shadow:var(--pos-shadow-2)}.pos-numkey:active{transform:scale(.94);background:var(--pos-accent-soft)}.pos-input,.pos-numkey:active{box-shadow:var(--pos-shadow-1)}.pos-input{height:var(--pos-touch);padding:0 18px;border-radius:var(--pos-radius);background:var(--pos-card);border:1px solid var(--pos-border);color:var(--pos-ink);font-size:15px;outline:none;transition:border-color var(--pos-duration-fast) var(--pos-ease),box-shadow var(--pos-duration-fast) var(--pos-ease)}.pos-input:focus{border-color:var(--pos-brand);box-shadow:var(--pos-shadow-1),0 0 0 4px oklch(.3 .05 255/.1)}.pos-input::placeholder{color:var(--pos-ink-faint)}.pos-tile-row{position:relative;overflow:hidden;isolation:isolate;border-radius:10px;background:var(--pos-card);box-shadow:var(--pos-shadow-1);border:1px solid transparent;content-visibility:auto;contain-intrinsic-size:auto 132px;transition:transform var(--pos-duration-fast) var(--pos-ease),box-shadow var(--pos-duration) var(--pos-ease),border-color var(--pos-duration-fast) var(--pos-ease)}@media (hover:hover){.pos-tile-row:hover{border-color:var(--pos-border-soft);box-shadow:var(--pos-shadow-2);transform:translateY(-1px)}.pos-tile-row:hover .pos-tile-thumb{transform:rotate(-1.5deg) scale(1.04)}}.pos-tile-row:active,.pos-tile-row[data-pressed=true]{transform:translateY(0) scale(.96);box-shadow:var(--pos-shadow-1);filter:brightness(.92);transition-duration:40ms}.pos-tile-row .pos-tile-thumb{transition:transform var(--pos-duration) var(--pos-ease)}.pos-tile-row:active .pos-tile-thumb{transform:scale(.96);transition-duration:80ms}.pos-numkey:active{transition-duration:60ms}.pos-overlay{position:fixed;inset:0;background:oklch(.2 .02 260/.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:60;animation:pos-fade-in var(--pos-duration) var(--pos-ease)}.pos-modal{background:var(--pos-card);border-radius:var(--pos-radius-xl);box-shadow:var(--pos-shadow-3);max-width:440px;width:calc(100% - 32px);padding:28px;animation:pos-modal-in var(--pos-duration-slow) var(--pos-ease-out)}@keyframes pos-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pos-modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pos-surface input[type=number]::-webkit-inner-spin-button,.pos-surface input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pos-surface input[type=number]{appearance:textfield}@keyframes pos-toast-slide-in{0%{transform:translateY(-8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.pos-surface *{animation-duration:.001ms!important;transition-duration:.001ms!important}}}.pos-surface [role=button],.pos-surface a,.pos-surface button,.pos-surface input,.pos-surface label{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pos-ghost-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--pos-radius-full);background:transparent;color:var(--pos-ink-muted);transition:background var(--pos-duration-fast) var(--pos-ease),color var(--pos-duration-fast) var(--pos-ease),transform var(--pos-duration-fast) var(--pos-ease)}@media (hover:hover){.pos-ghost-btn:hover{background:var(--pos-card-sunken);color:var(--pos-ink)}}.pos-ghost-btn:active{background:var(--pos-card-sunken);color:var(--pos-ink);transform:scale(.94);transition-duration:40ms}.pos-folder-tile{background:var(--pos-card);border:1.5px solid var(--pos-brand);box-shadow:var(--pos-shadow-1);color:var(--pos-brand)}.pos-folder-tile:active,.pos-folder-tile[data-pressed=true]{background:var(--pos-brand);color:var(--pos-on-brand)}.pos-folder-tile:active .pos-folder-name,.pos-folder-tile[data-pressed=true] .pos-folder-name{color:var(--pos-on-brand)}.pos-folder-tile:active .pos-folder-count,.pos-folder-tile[data-pressed=true] .pos-folder-count{background:var(--pos-on-brand);color:var(--pos-brand)}.pos-chat{--wa-panel:#f0f2f5;--wa-list:#ffffff;--wa-row-hover:#f5f6f6;--wa-row-active:#f0f2f5;--wa-divider:#e9edef;--wa-ink:#111b21;--wa-ink-2:#3b4a54;--wa-ink-muted:#667781;--wa-icon:#54656f;--wa-green:#00a884;--wa-green-deep:#008069;--wa-chip-on:#e7fce3;--wa-bubble-in:#ffffff;--wa-bubble-out:#d9fdd3;--wa-tick-read:#53bdeb;--wa-wallpaper:#efeae2;--wa-danger:#ea0038;--wa-danger-soft:#fde8ec;--wa-shadow:0 1px 0.5px rgba(11,20,26,0.13);--wa-shadow-pop:0 2px 5px rgba(11,26,33,0.16),0 2px 10px rgba(11,26,33,0.12);color:var(--wa-ink)}.pos-chat .wa-wallpaper{background-color:var(--wa-wallpaper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='0.045' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='26' r='9'/%3E%3Cpath d='M58 18c6 6 6 14 0 20-6-6-6-14 0-20z'/%3E%3Cpath d='M98 22h22l-3 16h-16z'/%3E%3Cpath d='M136 14l8 8-8 8-8-8z'/%3E%3Cpath d='M16 70c8-8 20-8 28 0'/%3E%3Cpath d='M70 62a10 10 0 1 0 0 20'/%3E%3Cpath d='M104 68l6 12 6-12'/%3E%3Ccircle cx='142' cy='74' r='5'/%3E%3Cpath d='M20 116h18v14H20z'/%3E%3Cpath d='M60 112c4 10 14 10 18 0'/%3E%3Cpath d='M102 108l14 14M116 108l-14 14'/%3E%3Cpath d='M136 120c0-8 12-8 12 0s-12 8-12 0z'/%3E%3C/g%3E%3C/svg%3E");background-size:160px 160px}.pos-chat .wa-tail-in:before,.pos-chat .wa-tail-out:before{content:"";position:absolute;top:0;width:8px;height:13px}.pos-chat .wa-tail-out:before{inset-inline-end:-8px;background:var(--wa-bubble-out);clip-path:polygon(0 0,100% 0,0 100%)}.pos-chat .wa-tail-in:before{inset-inline-start:-8px;background:var(--wa-bubble-in)}.pos-chat .wa-tail-in:before,[dir=rtl] .pos-chat .wa-tail-out:before{clip-path:polygon(100% 0,0 0,100% 100%)}[dir=rtl] .pos-chat .wa-tail-in:before{clip-path:polygon(0 0,100% 0,0 100%)}.pos-chat input:focus-visible,.pos-chat textarea:focus-visible{box-shadow:none}.pos-chat .wa-scroll{scrollbar-width:thin;scrollbar-color:rgba(11,20,26,.2) transparent}.pos-chat .wa-scroll::-webkit-scrollbar{width:6px;height:6px}.pos-chat .wa-scroll::-webkit-scrollbar-thumb{background:rgba(11,20,26,.2);border-radius:3px}.pos-chat .wa-no-scrollbar{scrollbar-width:none}.pos-chat .wa-no-scrollbar::-webkit-scrollbar{display:none}