@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:400 700;font-display:swap;src:local("Noto Kufi Arabic")}:root{--bg: #faf7f5;--surface: #ffffff;--surface-sunken: #f6f1ee;--surface-raised: #ffffff;--text: #241a18;--text-soft: #6b5955;--text-faint: #7e6761;--border: #ece2dd;--border-strong: #d9c9c2;--brand: #b5121b;--brand-hover: #920e16;--brand-soft: #fdeceb;--brand-ring: #b5121b30;--brand-glow: #b5121b1f;--ok: #0f6b45;--ok-soft: #e2f6ed;--warn: #96540b;--warn-soft: #fdf0dd;--danger: #b5121b;--danger-soft: #fdeceb;--info: #1d5490;--info-soft: #e8f1fb;--gold: #b8860b;--gold-soft: #fdf5e0;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--t-xs: 13px;--t-sm: 15px;--t-base: 16px;--t-md: 18px;--t-lg: 21px;--t-xl: 26px;--t-2xl: 32px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-full: 999px;--shadow-1: 0 1px 2px rgb(74 42 36 / .05), 0 1px 3px rgb(74 42 36 / .04);--shadow-2: 0 4px 14px rgb(74 42 36 / .08), 0 2px 5px rgb(74 42 36 / .04);--shadow-3: 0 14px 38px rgb(74 42 36 / .16), 0 4px 10px rgb(74 42 36 / .06);--tap: 52px;--tap-lg: 60px;--navh: 56px;--ease: cubic-bezier(.2, .8, .3, 1);--spring: cubic-bezier(.34, 1.25, .64, 1);--fast: .14s;--base: .24s;--slow: .38s;--z-sticky: 20;--z-bar: 40;--z-pop: 60;--z-modal: 100;font-family:Noto Kufi Arabic,Noto Naskh Arabic,Segoe UI,Tahoma,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:var(--t-base);line-height:1.65;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}h1,h2,h3{line-height:1.3;margin:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-shell{--nav-clear: calc(var(--navh) + env(safe-area-inset-bottom));--bar-clear: 0px}.app-shell.no-nav{--nav-clear: env(safe-area-inset-bottom)}.app-shell{--page-inline: var(--s4)}.view{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;padding-inline:var(--page-inline);padding-block-end:calc(var(--nav-clear) + var(--bar-clear) + var(--s5))}.view>*{inline-size:100%;max-inline-size:780px;margin-inline:auto}.page-leave-active{position:absolute;inset-inline:var(--page-inline)}.topbar{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);padding-block-start:calc(var(--s3) + env(safe-area-inset-top));background:var(--surface);border-block-end:1px solid var(--border);position:sticky;inset-block-start:0;z-index:var(--z-sticky)}.topbar .mark{inline-size:38px;block-size:38px;border-radius:var(--r-sm);background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:var(--t-sm);flex:0 0 auto}.topbar .titles{flex:1;min-width:0}.topbar .titles b{display:block;font-size:var(--t-sm);font-weight:700}.topbar .titles span{display:block;font-size:var(--t-xs);color:var(--text-faint)}.page{padding-block:var(--s4);flex:1}.page>h2{font-size:var(--t-xl);font-weight:700;margin-block-end:var(--s5)}.page-sub{color:var(--text-soft);font-size:var(--t-sm);margin-block-start:calc(var(--s2) * -1);margin-block-end:var(--s5)}.bottomnav{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--z-bar);display:flex;justify-content:space-around;align-items:stretch;background:var(--surface);border-block-start:1px solid var(--border);padding-block-end:env(safe-area-inset-bottom);box-shadow:0 -2px 12px #0b12200d}.bottomnav a{flex:1;block-size:var(--navh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--s2) var(--s1);color:var(--text-faint);text-decoration:none;font-size:var(--t-xs);font-weight:600;transition:color var(--fast) var(--ease)}.bottomnav a svg{inline-size:24px;block-size:24px;stroke-width:1.9;transition:transform var(--fast) var(--ease)}.bottomnav a.router-link-active{color:var(--brand)}.bottomnav a.router-link-active svg{stroke-width:2.4;transform:translateY(-1px) scale(1.04)}.bottomnav a:active svg{transform:scale(.9)}.navmore{flex:1;block-size:var(--navh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--s2) var(--s1);background:none;border:none;box-shadow:none;color:var(--text-faint);font-size:var(--t-xs);font-weight:600;min-block-size:0}.navmore:hover:not(:disabled){background:none;box-shadow:none;color:var(--text)}.navmore svg{inline-size:24px;block-size:24px;stroke-width:1.9;transform:rotate(90deg);transition:transform var(--fast) var(--ease)}.navmore:active{transform:none}.navmore:active svg{transform:rotate(90deg) scale(.9)}.page-enter-active{transition:opacity .12s var(--ease)}.page-leave-active{transition:opacity 80ms var(--ease)}.page-enter-from,.page-leave-to{opacity:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4);margin-block-end:var(--s4);box-shadow:var(--shadow-1)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.card.flush{padding:0;overflow:hidden}.card h3{font-size:var(--t-md);font-weight:700;margin-block-end:var(--s3);display:flex;align-items:center;gap:var(--s2)}.card-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s4);border-block-end:1px solid var(--border)}.row{display:flex;gap:var(--s3);align-items:center}.row-between{display:flex;gap:var(--s3);align-items:center;justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--s3)}.grow{flex:1;min-width:0}.muted{color:var(--text-soft);font-size:var(--t-sm)}.faint{color:var(--text-faint);font-size:var(--t-xs)}.center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}label{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:var(--t-sm);font-weight:600;color:var(--text-soft);margin-block-end:var(--s2)}.fieldhelp{position:relative;display:inline-flex;vertical-align:middle}.helpdot{inline-size:22px;block-size:22px;min-block-size:22px;padding:0;margin-inline-start:var(--s2);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-full);background:transparent;color:var(--text-faint);border:none;box-shadow:none;position:relative;transition:color var(--fast) var(--ease),background var(--fast) var(--ease)}.helpdot:after{content:"";position:absolute;top:-13px;right:-13px;bottom:-13px;left:-13px}.helpdot svg{stroke-width:2.1}.helpdot:hover:not(:disabled){background:var(--brand-soft);color:var(--brand);box-shadow:none}.helpdot.on{background:var(--brand);color:#fff;box-shadow:none}.helpdot:active:not(:disabled){transform:scale(.9)}.helpbubble{position:absolute;z-index:var(--z-pop);inset-block-start:calc(100% + 10px);inset-inline-start:-8px;inline-size:max-content;max-inline-size:min(74vw,300px);padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-3);font-size:var(--t-sm);font-weight:500;line-height:1.65;color:var(--text);text-align:start;white-space:normal;transform-origin:14px top}.helpbubble .body{display:block}.helpbubble .arrow{position:absolute;inset-block-start:-6px;inset-inline-start:14px;inline-size:11px;block-size:11px;background:var(--surface);border-inline-start:1px solid var(--border);border-block-start:1px solid var(--border);transform:rotate(45deg)}.helpbubble .ex{display:flex;align-items:flex-start;gap:var(--s2);margin-block-start:var(--s3);padding-block-start:var(--s3);border-block-start:1px solid var(--border);font-size:var(--t-xs);color:var(--ok);font-weight:600;line-height:1.6}.helpbubble .ex svg{flex:0 0 auto;margin-block-start:2px}.help-enter-active{transition:opacity var(--fast) var(--ease),transform var(--fast) var(--spring)}.help-leave-active{transition:opacity 90ms var(--ease),transform 90ms var(--ease)}.help-enter-from,.help-leave-to{opacity:0;transform:translateY(-6px) scale(.97)}.field{margin-block-end:var(--s4)}.field:last-child{margin-block-end:0}.hint{font-size:var(--t-xs);color:var(--text-faint);margin-block-start:var(--s1)}input,select,textarea{inline-size:100%;min-block-size:var(--tap);padding:var(--s3);font:inherit;font-size:var(--t-base);color:var(--text);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r-md);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-ring)}input:disabled,select:disabled{background:var(--surface-sunken);color:var(--text-faint)}input::placeholder{color:var(--text-faint)}textarea{min-block-size:88px;resize:vertical;line-height:1.6}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left var(--s3) center;padding-inline-start:var(--s3);padding-inline-end:var(--s7)}input.qty{font-size:var(--t-xl);font-weight:700;text-align:center;min-block-size:var(--tap-lg);letter-spacing:.02em}button{min-block-size:var(--tap);padding:var(--s3) var(--s5);font:inherit;font-size:var(--t-base);font-weight:700;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 92%,#fff) 0%,var(--brand) 100%);border:none;border-radius:var(--r-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);box-shadow:0 1px 2px #4a2a241f,0 2px 8px var(--brand-glow);transition:background var(--fast) var(--ease),transform var(--fast) var(--spring),box-shadow var(--fast) var(--ease),opacity var(--fast) var(--ease);-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:hover:not(:disabled){background:linear-gradient(180deg,var(--brand) 0%,var(--brand-hover) 100%);box-shadow:0 2px 4px #4a2a2424,0 6px 18px var(--brand-glow)}button:active:not(:disabled){transform:scale(.96) translateY(1px);box-shadow:0 1px 1px #4a2a241f}button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--brand-ring)}button:disabled{opacity:.45;cursor:not-allowed}button svg{inline-size:19px;block-size:19px;flex:0 0 auto}button.secondary{background:var(--surface);color:var(--text);border:1.5px solid var(--border-strong);box-shadow:var(--shadow-1)}button.secondary:hover:not(:disabled){background:var(--surface-sunken);box-shadow:var(--shadow-1)}button.ghost{background:transparent;color:var(--brand);border:1.5px solid var(--brand);box-shadow:none}button.ghost:hover:not(:disabled){background:var(--brand-soft);box-shadow:none}button.quiet{background:transparent;color:var(--text-soft);box-shadow:none}button.quiet:hover:not(:disabled){background:var(--surface-sunken);box-shadow:none}button.danger{background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 92%,#fff),var(--danger))}button.block{inline-size:100%}button.sm{min-block-size:42px;padding:var(--s2) var(--s3);font-size:var(--t-sm)}button.icon{min-block-size:46px;inline-size:46px;padding:0}.actionbar{position:fixed;inset-inline:0;inset-block-end:calc(var(--navh) + env(safe-area-inset-bottom));z-index:calc(var(--z-bar) + 1);display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);background:var(--surface);border-block-start:1px solid var(--border);box-shadow:0 -4px 16px #4a2a241a}.no-nav .actionbar{inset-block-end:0;padding-block-end:calc(var(--s3) + env(safe-area-inset-bottom))}.actionbar .summary{flex:1;min-width:0}.actionbar .summary b{display:block;font-size:var(--t-md);font-weight:700;transition:color var(--fast) var(--ease)}.actionbar .summary span{display:block;font-size:var(--t-xs);color:var(--text-faint)}.actionbar .summary b.live{color:var(--brand)}.actionbar button{flex:0 0 auto;min-inline-size:140px}:root{--barh: calc(var(--tap) + var(--s2) * 2)}.app-shell.with-actionbar,.app-shell:has(.actionbar){--barh: calc(var(--tap) + var(--s2) * 2);--bar-clear: var(--barh)}.segmented{display:flex;gap:var(--s1);padding:var(--s1);background:var(--surface-sunken);border:1.5px solid var(--border);border-radius:var(--r-md)}.segmented button{flex:1;min-block-size:46px;padding:var(--s2);background:transparent;color:var(--text-soft);font-size:var(--t-sm);font-weight:700;border-radius:var(--r-sm);flex-direction:column;gap:0;box-shadow:none;transition:background var(--fast) var(--ease),color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.segmented button:hover:not(.on){background:transparent;color:var(--text);box-shadow:none}.segmented button.on{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-1);animation:pop var(--base) var(--spring)}@keyframes pop{0%{transform:scale(.94)}to{transform:scale(1)}}.segmented button small{font-size:var(--t-xs);font-weight:600;opacity:.75}.badge{display:inline-flex;align-items:center;gap:var(--s1);padding:3px var(--s2);border-radius:var(--r-full);font-size:var(--t-xs);font-weight:700;white-space:nowrap}.badge svg{inline-size:14px;block-size:14px}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.neutral{background:var(--surface-sunken);color:var(--text-soft)}.notice{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-md);margin-block-end:var(--s4);font-size:var(--t-sm);font-weight:600;border:1px solid transparent}.notice svg{inline-size:20px;block-size:20px;flex:0 0 auto;margin-block-start:2px}.notice.ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 22%,transparent)}.notice.warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 22%,transparent)}.notice.danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 22%,transparent)}.notice.info{background:var(--info-soft);color:var(--info);border-color:color-mix(in srgb,var(--info) 22%,transparent)}.factorwarn-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-block-start:var(--s3)}.readout{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);padding-block:var(--s2)}.readout .label{font-size:var(--t-sm);color:var(--text-soft);font-weight:600}.readout .value{font-size:var(--t-lg);font-weight:700}.readout.total .value{font-size:var(--t-xl)}.readout.gap .value{color:var(--danger)}.empty{padding:var(--s8) var(--s4);display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--text-faint);animation:empty-in var(--slow) var(--ease) both}.empty .emptyart{inline-size:76px;block-size:76px;border-radius:var(--r-full);display:grid;place-items:center;margin-block-end:var(--s4);background:var(--surface-sunken);color:var(--text-faint)}.empty .emptyart svg{inline-size:34px;block-size:34px;stroke-width:1.5}.empty.calm .emptyart{background:var(--ok-soft);color:var(--ok)}.empty>svg{inline-size:40px;block-size:40px;stroke-width:1.5;margin-block-end:var(--s3);opacity:.45}.empty.tight{padding-block:var(--s5);animation:none}@keyframes empty-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.empty{animation:none}}.empty p{margin:0 0 var(--s5);font-size:var(--t-base);font-weight:600;color:var(--text-soft);max-inline-size:34ch;line-height:1.55}.empty p .faint{display:block;margin-block-start:var(--s1);font-weight:400}.empty button{inline-size:auto;align-self:center;min-block-size:46px;padding-inline:var(--s5);border-radius:var(--r-full);font-size:var(--t-sm)}.empty button svg{inline-size:18px;block-size:18px}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--border) 50%,var(--surface-sunken) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-sm)}@keyframes shimmer{to{background-position:-200% 0}}.skeleton-row{block-size:62px;margin-block-end:var(--s3)}.spinner{inline-size:18px;block-size:18px;border-radius:50%;border:2.5px solid rgb(255 255 255 / .35);border-block-start-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;inset-block-end:calc(var(--navh) + var(--barh, 0px) + var(--s4) + env(safe-area-inset-bottom));inset-inline:var(--s4);z-index:var(--z-modal);display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--text);color:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-3);font-size:var(--t-sm);font-weight:600;animation:toast-in var(--base) var(--ease)}.toast svg{inline-size:20px;block-size:20px;flex:0 0 auto}.toast.ok svg{color:#6ee7a8}.toast.warn svg{color:#fbbf5a}@keyframes toast-in{0%{opacity:0;transform:translateY(16px) scale(.96)}}.notice.ok{animation:glow-ok var(--slow) var(--ease)}@keyframes glow-ok{0%{transform:scale(.99);box-shadow:0 0 color-mix(in srgb,var(--ok) 30%,transparent)}50%{box-shadow:0 0 0 8px transparent}to{transform:scale(1)}}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#241a1880;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in var(--fast) var(--ease)}@keyframes fade-in{0%{opacity:0}}.sheet{position:fixed;inset-inline:0;inset-block-end:0;z-index:calc(var(--z-modal) + 1);background:var(--surface);border-start-start-radius:var(--r-lg);border-start-end-radius:var(--r-lg);box-shadow:var(--shadow-3);max-block-size:88dvh;display:flex;flex-direction:column;padding-block-end:env(safe-area-inset-bottom);animation:sheet-up var(--base) var(--spring)}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-grip{inline-size:42px;block-size:4px;border-radius:var(--r-full);background:var(--border-strong);margin:var(--s2) auto 0}.sheet-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-block-end:1px solid var(--border)}.sheet-head b{font-size:var(--t-md)}.sheet-body{padding:var(--s4);overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-sub{font-size:var(--t-sm);font-weight:700;color:var(--text-soft);margin:var(--s4) 0 var(--s2)}.sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-block-start:var(--s5);padding-block-start:var(--s3);border-block-start:1px solid var(--border)}.readout .value svg{vertical-align:-3px}@media(min-width:700px){.sheet{inset-block-end:auto;inset-block-start:50%;inset-inline:50%;transform:translate(50%,-50%);inline-size:min(560px,92vw);border-radius:var(--r-lg);animation:sheet-pop var(--base) var(--spring)}@keyframes sheet-pop{0%{opacity:0;transform:translate(50%,-46%) scale(.97)}}.sheet-grip{display:none}}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-block-end:1px solid var(--border);min-block-size:var(--tap);text-align:start}.list-row:last-child{border-block-end:none}.progcard .pbar{block-size:8px;border-radius:var(--r-full);background:var(--surface-sunken);margin-block:var(--s2) var(--s1);overflow:hidden}.progcard .pbar span{display:block;block-size:100%;background:var(--ok);border-radius:var(--r-full);transition:inline-size var(--slow) var(--ease)}@media(prefers-reduced-motion:reduce){.progcard .pbar span{transition:none}}.maprow{inline-size:100%;background:var(--surface);background-image:none;color:var(--text);border:none;border-radius:0;box-shadow:none;text-align:start;cursor:pointer;font-weight:500}.maprow:hover:not(:disabled){background:var(--surface-sunken);background-image:none;box-shadow:none}.maprow .mapped{display:inline-flex;align-items:center;gap:4px;color:var(--ok);font-weight:600}.mapcard{position:relative;padding-block-start:var(--s6)}.mapcard .back{position:absolute;inset-block-start:var(--s2);inset-inline-end:var(--s2)}.mapcard .posname{text-align:center}.mapcard .posname b{display:block;font-size:var(--t-lg);margin-block:2px}.mapcard .posname .faint{font-size:var(--t-xs)}.mapcard .bridge{display:grid;place-items:center;color:var(--text-faint);margin-block:var(--s3);transform:rotate(90deg)}.mapcard .choices{display:flex;flex-direction:column;max-block-size:240px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--r-md);margin-block-start:var(--s2)}.mapcard .choice{display:flex;align-items:center;gap:var(--s2);padding:var(--s3);min-block-size:var(--tap);background:var(--surface);background-image:none;color:var(--text);border:none;border-block-end:1px solid var(--border);border-radius:0;box-shadow:none;text-align:start;cursor:pointer;font-size:var(--t-sm);font-weight:500}.mapcard .choice:hover:not(:disabled){background:var(--surface-sunken);background-image:none;box-shadow:none}.mapcard .choice:last-child{border-block-end:none}.mapcard .choice.on{background:var(--brand-soft);background-image:none;color:var(--brand);font-weight:700}.mapcard .choice .grow{min-inline-size:0}.mapcard .choice .faint{flex:0 0 auto;font-size:var(--t-xs)}.badge.sm{font-size:var(--t-xs);padding:1px var(--s2)}.mapcard .preview{background:var(--info-soft);color:var(--info);border-radius:var(--r-md);padding:var(--s3);margin-block:var(--s3) 0;text-align:center;font-size:var(--t-sm)}.mapcard .checkline{display:flex;align-items:flex-start;gap:var(--s2);margin-block-start:var(--s3);font-size:var(--t-sm);cursor:pointer}.mapcard .checkline input{inline-size:20px;block-size:20px;flex:0 0 auto;margin-block-start:2px}.mapcard .checkline .faint{display:block;font-size:var(--t-xs)}.mapcard .mapactions{display:flex;gap:var(--s2);margin-block-start:var(--s5)}.mapcard .mapactions button{flex:1}.totalcard{text-align:center;padding-block:var(--s5)}.totalcard .figure{font-size:clamp(1.75rem,9vw,2.5rem);font-weight:800;line-height:1.1;color:var(--danger);margin-block:var(--s1);direction:ltr;font-variant-numeric:tabular-nums}.totalcard .figure small{font-size:var(--t-md);font-weight:700}.grouprow{padding:var(--s3) var(--s4);border-block-end:1px solid var(--border)}.grouprow:last-child{border-block-end:none}.grouprow .gval{font-weight:700;color:var(--danger);font-variant-numeric:tabular-nums}.grouprow .gbar{block-size:6px;border-radius:var(--r-full);background:var(--surface-sunken);margin-block:var(--s2) var(--s1);overflow:hidden}.grouprow .gbar span{display:block;block-size:100%;background:var(--danger);opacity:.75;border-radius:var(--r-full)}.grouprow .sub{font-size:var(--t-xs)}.photolink{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-xs);font-weight:700;color:var(--info);text-decoration:none;padding:2px var(--s2);border-radius:var(--r-full);background:var(--info-soft)}.nophoto{font-size:var(--t-xs);font-weight:600;color:var(--text-faint)}.expiryrow{flex-wrap:wrap}.expiryrow .grow{min-inline-size:0}.expiryrow .tail{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:0 0 auto}.expiryrow .tail .sub{font-size:var(--t-xs);color:var(--text-faint)}.expiryrow .rowact{flex:1 0 100%;display:flex;justify-content:flex-end}.expiryrow .rowact button{min-inline-size:0}.list-row .lead{inline-size:40px;block-size:40px;border-radius:var(--r-sm);background:var(--surface-sunken);color:var(--text-soft);display:grid;place-items:center;flex:0 0 auto}.list-row .lead svg{inline-size:20px;block-size:20px}.list-row b{display:block;font-size:var(--t-base);font-weight:700}.list-row .sub{font-size:var(--t-xs);color:var(--text-faint)}button.list-row{inline-size:100%;background:var(--surface);color:var(--text);border-radius:0;font-weight:400;justify-content:flex-start;box-shadow:none;transition:background var(--fast) var(--ease)}button.list-row:hover:not(:disabled){background:var(--surface-sunken);box-shadow:none}button.list-row:active:not(:disabled){transform:none;background:var(--brand-soft);box-shadow:none}button.list-row:active:not(:disabled) .lead{background:var(--brand);color:#fff}.list-row .lead{transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.entry{border:1.5px solid var(--border);border-radius:var(--r-md);padding:var(--s4);margin-block-end:var(--s3);background:var(--surface);animation:entry-in var(--base) var(--ease)}.entry.focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}@keyframes entry-in{0%{opacity:0;transform:translateY(-6px)}}.entry-head{display:flex;align-items:flex-start;gap:var(--s2);margin-block-end:var(--s3)}.entry-head b{flex:1;font-size:var(--t-md);font-weight:700;line-height:1.35}.entry-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-block-start:var(--s3);padding-block-start:var(--s3);border-block-start:1px dashed var(--border)}.linelist{display:flex;flex-direction:column;gap:var(--s2)}.linerow{display:flex;align-items:stretch;gap:0;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden;animation:rise var(--fast) var(--ease)}.linemain{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s3);min-block-size:56px;padding:var(--s2) var(--s3);background:none;color:var(--text);border:none;border-radius:0;box-shadow:none;font-weight:400;text-align:start}.linemain:hover:not(:disabled){background:var(--surface-sunken);box-shadow:none}.linemain:active:not(:disabled){transform:none;background:var(--brand-soft)}.linerow b{display:block;font-size:var(--t-sm);font-weight:700;line-height:1.3}.linerow .sub{display:block;font-size:var(--t-xs);color:var(--text-faint);margin-block-start:1px}.linerow .amt{font-size:var(--t-sm);font-weight:700;flex:0 0 auto}.linedel{flex:0 0 auto;inline-size:46px;border-radius:0;border-inline-start:1px solid var(--border);color:var(--text-faint)}.linedel:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.qtypad{display:flex;flex-direction:column;gap:var(--s3)}.qtydisplay{display:flex;align-items:stretch;gap:var(--s2)}.qtydisplay .step{inline-size:56px;min-block-size:64px;flex:0 0 auto;border-radius:var(--r-md)}.qtydisplay .val{flex:1;min-width:0;display:flex;align-items:baseline;justify-content:center;gap:var(--s2);padding:var(--s2) var(--s3);min-block-size:64px;background:var(--surface-sunken);border:1.5px solid var(--border-strong);border-radius:var(--r-md)}.qtydisplay .val .n{font-size:34px;font-weight:700;line-height:1.1;overflow:hidden;text-overflow:ellipsis}.qtydisplay .val .u{font-size:var(--t-sm);color:var(--text-faint);font-weight:600}.qtyconv{text-align:center;font-size:var(--t-sm);color:var(--ok);font-weight:600;padding:var(--s2);background:var(--ok-soft);border-radius:var(--r-sm)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}.keypad button{min-block-size:58px;padding:0;background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:var(--r-md);font-size:var(--t-lg);font-weight:700;box-shadow:none;font-variant-numeric:tabular-nums}.keypad button:hover:not(:disabled){background:var(--surface-sunken);box-shadow:none}.keypad button:active:not(:disabled){background:var(--brand-soft);border-color:var(--brand);transform:scale(.96)}.keypad .dot{color:var(--text-soft)}.keypad .del{color:var(--danger)}.keypad .del:active:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.pendcard{border-inline-start:4px solid var(--border)}.pendcard.late{border-inline-start-color:var(--warn)}.gapcard{border-radius:var(--r-lg);padding:var(--s5) var(--s4);margin-block-end:var(--s4);border:1px solid transparent;text-align:center}.gapcard.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 24%,transparent);color:var(--warn)}.gapcard.critical{background:var(--danger);border-color:var(--danger);color:#fff}.gapcard-head{display:flex;align-items:center;justify-content:center;gap:var(--s2);font-size:var(--t-sm);font-weight:700;margin-block-end:var(--s3)}.gapcard-head svg{flex:0 0 auto}.gapcard-amount{display:flex;align-items:baseline;justify-content:center;gap:var(--s2);direction:ltr}.gapcard-amount .figure{font-size:clamp(2rem,11vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.gapcard-amount .unit{font-size:var(--t-md);font-weight:700;opacity:.85}.gapcard-sub{margin:var(--s2) 0 0;font-size:var(--t-sm);font-weight:600;opacity:.9}.gapcard-note{display:flex;align-items:center;justify-content:center;gap:var(--s2);margin:var(--s4) 0 0;padding-block-start:var(--s3);border-block-start:1px solid currentColor;font-size:var(--t-xs);font-weight:500;opacity:.85;text-align:start}.gapcard-note svg{flex:0 0 auto}.gapcard.critical .gapcard-note{border-block-start-color:#ffffff47}.gapphoto{display:grid;gap:var(--s3)}.gapphoto .faint{font-size:var(--t-xs);margin-block-start:var(--s1)}.photo-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--s2);min-block-size:52px;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--brand);color:#fff;font-size:var(--t-md);font-weight:700;cursor:pointer;transition:background var(--fast) var(--ease)}.photo-btn:active{background:var(--brand-hover)}.photo-btn.busy{opacity:.7;cursor:progress}.photo-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.photo-btn.busy input{cursor:progress}.waste-req,.req{font-size:var(--t-xs);font-weight:700;color:var(--danger);background:var(--danger-soft);padding:2px var(--s2);border-radius:var(--r-full);margin-inline-start:var(--s2)}.photogrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s2)}.wphoto{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--surface-sunken);aspect-ratio:4 / 3}.wphoto img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.wphoto .retake{position:absolute;inset-block-start:var(--s2);inset-inline-end:var(--s2);background:#0000008c;color:#fff;border-radius:var(--r-full);min-inline-size:40px;min-block-size:40px}.diffrow{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-block-end:1px solid var(--border)}.diffrow:last-child{border-block-end:none}.diffrow .lead{inline-size:34px;block-size:34px;border-radius:var(--r-full);display:grid;place-items:center;flex:0 0 auto;background:var(--ok-soft);color:var(--ok)}.diffrow b{display:block;font-size:var(--t-sm);font-weight:700}.diffrow .sub{display:block;font-size:var(--t-xs);color:var(--text-faint)}.diffrow.bad{background:var(--danger-soft)}.diffrow.bad .lead{background:var(--danger);color:#fff}.diffrow .dcell{flex:0 0 auto;text-align:center;direction:ltr}.diffrow .dnum{display:block;font-size:var(--t-lg);font-weight:700;color:var(--danger);font-variant-numeric:tabular-nums}.diffrow .dval{display:block;font-size:var(--t-xs);font-weight:600;color:var(--danger);opacity:.75;font-variant-numeric:tabular-nums}.countprog{display:flex;align-items:center;gap:var(--s3);margin-block-end:var(--s4)}.countprog .bar{flex:1;block-size:6px;border-radius:var(--r-full);background:var(--surface-sunken);overflow:hidden}.countprog .bar span{display:block;block-size:100%;background:var(--brand);border-radius:var(--r-full);transition:inline-size var(--base) var(--ease)}.countprog .faint{flex:0 0 auto;font-size:var(--t-xs)}.buyrow{display:flex;align-items:stretch;border-block-end:1px solid var(--border)}.buyrow:last-child{border-block-end:none}.buyrow.off{opacity:.45}.buyrow.manual{border-inline-start:3px solid var(--brand)}.buyrow .tick{flex:0 0 auto;inline-size:52px;border-radius:0;border:none;background:none;color:var(--ok);box-shadow:none}.buyrow.off .tick{color:var(--text-faint)}.buyrow .buymain{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s3);min-block-size:60px;padding:var(--s2) var(--s4) var(--s2) 0;background:none;color:var(--text);border:none;border-radius:0;box-shadow:none;font-weight:400;text-align:start}.buyrow .buymain:hover:not(:disabled){background:var(--surface-sunken);box-shadow:none}.buyrow b{display:block;font-size:var(--t-sm);font-weight:700}.buyrow .sub{display:block;font-size:var(--t-xs);color:var(--text-faint)}.buyrow .want{display:flex;align-items:center;gap:var(--s2);flex:0 0 auto;color:var(--brand)}.buyrow .want{flex-direction:column;align-items:flex-end;gap:1px}.buyrow .want b{font-size:var(--t-md)}.list-row .ctd{display:flex;align-items:center;gap:var(--s2);font-weight:700}.buyrow .cost{font-size:var(--t-xs);color:var(--text-faint);font-weight:600}.buyrow b .badge{margin-inline-start:var(--s2);font-size:11px;vertical-align:middle}.buyrow .want .u{font-size:var(--t-xs);font-weight:600}.msgpreview{margin:0;padding:var(--s3);background:var(--surface-sunken);border-radius:var(--r-md);font-family:inherit;font-size:var(--t-sm);line-height:1.7;white-space:pre-wrap;word-break:break-word;max-block-size:240px;overflow-y:auto}.routerow{display:flex;align-items:flex-end;gap:var(--s3)}.routerow .leg{display:flex;flex-direction:column;gap:var(--s1);min-width:0}.routerow .leg .k{font-size:var(--t-xs);color:var(--text-faint);font-weight:600;margin:0}.routerow .leg b{display:block;font-size:var(--t-sm);font-weight:700;padding:var(--s3) 0}.routerow .arrow{flex:0 0 auto;color:var(--text-faint);margin-block-end:var(--s4)}.routerow select{min-block-size:48px}.onhand.empty{background:var(--danger-soft);color:var(--danger)}.onhand.empty b{color:var(--danger)}.onhand.expiring{background:var(--warn-soft);color:var(--warn);margin-block-start:var(--s2)}.onhand.expiring b{color:var(--warn)}.compare{display:flex;align-items:stretch;gap:var(--s2);margin-block-start:var(--s4)}.compare .side{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--s3) var(--s2);background:var(--surface-sunken);border-radius:var(--r-md)}.compare .side .k{font-size:var(--t-xs);color:var(--text-faint);font-weight:600;text-align:center}.compare .side .v{font-size:var(--t-lg);font-weight:700}.compare .vs{flex:0 0 auto;display:grid;place-items:center;inline-size:42px;border-radius:var(--r-md);background:var(--surface-sunken);color:var(--text-faint)}.compare .vs.ok{background:var(--ok-soft);color:var(--ok)}.compare .vs.gap{background:var(--warn-soft);color:var(--warn)}.photocard{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s2);border:1.5px solid var(--ok);background:var(--ok-soft);border-radius:var(--r-md)}.photocard .pthumb{position:relative;flex:0 0 auto;padding:0;inline-size:76px;block-size:76px;min-block-size:76px;border:none;border-radius:var(--r-sm);overflow:hidden;background:var(--surface);box-shadow:none}.photocard .pthumb img{inline-size:100%;block-size:100%;object-fit:cover}.photocard .pthumb .zoom{position:absolute;inset-block-end:3px;inset-inline-end:3px;display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:var(--r-full);background:#241a18ad;color:#fff}.photoviewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-modal) + 1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);padding:var(--s4);padding-block-end:calc(var(--s4) + env(safe-area-inset-bottom))}.photoviewer img{max-inline-size:100%;max-block-size:78vh;object-fit:contain;border-radius:var(--r-md);background:var(--surface)}.photocard .pinfo{flex:1;min-width:0}.photocard .pinfo b{display:flex;align-items:center;gap:var(--s1);font-size:var(--t-sm);color:var(--ok)}.pricerow{display:flex;align-items:center;gap:var(--s2)}.pricerow .cur{flex:0 0 auto;font-size:var(--t-xs);color:var(--text-faint);font-weight:600}.linesheet .segmented button{min-block-size:52px}.onhand{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);margin-block-end:var(--s4);background:var(--surface-sunken);border-radius:var(--r-sm);font-size:var(--t-sm);color:var(--text-soft)}.onhand b{color:var(--text)}.sugg{display:flex;flex-wrap:wrap;gap:var(--s2);margin-block-start:var(--s3)}.suggchip{min-block-size:40px;padding:var(--s2) var(--s3);background:var(--surface);color:var(--text-soft);border:1.5px dashed var(--border-strong);border-radius:var(--r-full);font-size:var(--t-xs);font-weight:600;box-shadow:none;gap:var(--s2)}.suggchip b{font-size:var(--t-sm);color:var(--text)}.suggchip:hover:not(:disabled){background:var(--brand-soft);border-color:var(--brand);color:var(--brand);box-shadow:none}.suggchip:hover:not(:disabled) b{color:var(--brand)}.suggchip.need{border-style:solid;border-color:var(--warn);color:var(--warn)}.suggchip.need b{color:var(--warn)}.itempicker{display:flex;flex-direction:column;gap:var(--s3)}.search-field .clearq{position:absolute;inset-inline-end:var(--s2);inset-block-start:50%;transform:translateY(-50%);min-block-size:34px;inline-size:34px}.cattabs{display:flex;gap:var(--s2);overflow-x:auto;padding-block-end:var(--s1);scrollbar-width:none;-webkit-overflow-scrolling:touch}.cattabs::-webkit-scrollbar{display:none}.cattabs button{flex:0 0 auto;min-block-size:42px;padding:var(--s2) var(--s4);background:var(--surface);color:var(--text-soft);border:1.5px solid var(--border);border-radius:var(--r-full);font-size:var(--t-sm);font-weight:600;box-shadow:none;gap:var(--s2)}.cattabs button:hover:not(:disabled){background:var(--surface-sunken);box-shadow:none}.cattabs button.on{background:var(--brand);color:#fff;border-color:var(--brand)}.cattabs button .n{font-size:var(--t-xs);opacity:.7;font-weight:700}.cattabs button.on .n{opacity:.9}.pickcount{font-size:var(--t-xs);margin-block-end:calc(var(--s2) * -1)}.itemgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-block-size:52vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-block-end:var(--s1);overscroll-behavior:contain}@media(min-width:500px){.itemgrid{grid-template-columns:repeat(3,1fr)}}@media(min-width:720px){.itemgrid{grid-template-columns:repeat(4,1fr)}}.itemcard{position:relative;display:flex;align-items:center;gap:var(--s2);min-block-size:48px;padding:var(--s2) var(--s2) var(--s2) var(--s3);background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:var(--r-sm);box-shadow:none;text-align:start;font-weight:400;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease)}.itemcard:hover:not(:disabled){background:var(--brand-soft);border-color:var(--brand);box-shadow:none}.itemcard:active:not(:disabled){transform:scale(.97)}.itemcard .nm{flex:1;min-width:0;font-size:var(--t-sm);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.itemcard .stk{display:block;font-size:11px;font-weight:600;margin-block-start:1px;font-variant-numeric:tabular-nums}.itemcard .stk .uu{font-weight:500;opacity:.8}.itemcard .stk.ok{color:var(--text-faint)}.itemcard .stk.low{color:var(--warn)}.itemcard .stk.out{color:var(--danger)}.itemcard .stk.never{color:var(--text-faint);font-weight:500;opacity:.8}.itemcard .expchip{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;margin-block-start:2px;padding:1px 6px;border-radius:999px;color:var(--warn);background:var(--warn-soft);font-variant-numeric:tabular-nums}.itemcard .expchip.urgent{color:var(--danger);background:var(--danger-soft)}.itemcard .pk{flex:0 0 auto;font-size:11px;font-weight:700;padding:1px 5px;border-radius:var(--r-full);background:var(--surface-sunken);color:var(--text-faint)}.itemcard .mark{flex:0 0 auto;color:var(--border-strong)}.itemcard:hover:not(:disabled) .mark{color:var(--brand)}.itemcard.picked{background:var(--ok-soft);border-color:var(--ok);opacity:1}.itemcard.picked .nm,.itemcard.picked .mark{color:var(--ok)}.itemcard.picked .pk{background:var(--surface)}.cattabs{position:sticky;inset-block-start:0;z-index:2;background:var(--surface);padding-block:var(--s1)}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);margin-block-end:var(--s4)}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--s3) var(--s2);min-block-size:72px;background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:var(--r-md);box-shadow:none}.stat .v{font-size:var(--t-xl);font-weight:700;line-height:1.1}.stat .k{font-size:var(--t-xs);color:var(--text-faint);font-weight:600}button.stat:hover:not(:disabled){background:var(--surface-sunken);box-shadow:none}button.stat.on{border-color:var(--brand);background:var(--brand-soft)}button.stat.on .v,button.stat.on .k{color:var(--brand)}.stat.warn .v{color:var(--warn)}.stat.danger .v{color:var(--danger)}button.stat.warn.on{border-color:var(--warn);background:var(--warn-soft)}button.stat.warn.on .v,button.stat.warn.on .k{color:var(--warn)}.stock-item{border-block-end:1px solid var(--border)}.stock-item:last-child{border-block-end:none}.stock-head{inline-size:100%;display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);min-block-size:var(--tap);background:var(--surface);color:var(--text);border:none;border-radius:0;box-shadow:none;font-weight:400;text-align:start}.stock-head:hover:not(:disabled){background:var(--surface-sunken);box-shadow:none}.stock-head:active:not(:disabled){transform:none;background:var(--surface-sunken)}.stock-head b{display:block;font-size:var(--t-base);font-weight:700}.stock-head .sub{font-size:var(--t-xs);color:var(--text-faint)}.stock-head svg{transition:transform var(--fast) var(--ease)}.stock-head .cover{display:inline-flex;align-items:center;gap:3px;margin-block-start:3px;font-size:var(--t-xs);font-weight:700}.stock-head .cover.ok{color:var(--ok)}.stock-head .cover.warn{color:var(--warn)}.stock-head .cover.danger{color:var(--danger)}.stock-head .cover .faint{font-weight:500}.qty-block{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.qty-block .qty{font-size:var(--t-lg);font-weight:700;line-height:1.15}.qty-block .qty.ok{color:var(--text)}.qty-block .qty.low{color:var(--warn)}.qty-block .qty.out{color:var(--danger)}.meter{block-size:3px;margin-inline:var(--s4);margin-block-end:var(--s3);background:var(--surface-sunken);border-radius:var(--r-full);overflow:hidden}.meter .fill{display:block;block-size:100%;border-radius:var(--r-full);transition:inline-size var(--base) var(--ease)}.meter .fill.ok{background:var(--ok)}.meter .fill.low{background:var(--warn)}.meter .fill.out{background:var(--danger)}.stock-places{padding:0 var(--s4) var(--s3);display:flex;flex-direction:column;gap:var(--s2)}.stock-places .place{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);background:var(--surface-sunken);border-radius:var(--r-sm);font-size:var(--t-sm)}.stock-places .place.bad{background:var(--danger-soft);color:var(--danger);font-weight:700}.qty-block .qty.negative{color:var(--danger)}.meter .fill.negative{background:var(--danger)}.branchbar{display:flex;flex-direction:column;gap:var(--s2)}.branchbar .brow{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) 0}.branchbar .bname{inline-size:34%;font-size:var(--t-sm);font-weight:600}.branchbar .btrack{flex:1;block-size:8px;border-radius:var(--r-full);background:var(--surface-sunken);overflow:hidden}.branchbar .bfill{display:block;block-size:100%;border-radius:var(--r-full);background:var(--brand);transition:inline-size var(--base) var(--ease)}.branchbar .bval{font-size:var(--t-sm);font-weight:700;min-inline-size:4.5ch;text-align:end}.search-wrap,.search-field{position:relative}.search-field svg.lead-icon{position:absolute;inset-inline-start:var(--s3);inset-block-start:50%;transform:translateY(-50%);inline-size:20px;block-size:20px;color:var(--text-faint);pointer-events:none}.search-field input{padding-inline-start:calc(var(--s3) * 2 + 20px)}.results{position:absolute;inset-inline:0;inset-block-start:calc(100% + var(--s2));background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);max-block-size:320px;overflow-y:auto;z-index:var(--z-pop);box-shadow:var(--shadow-3);-webkit-overflow-scrolling:touch}.results .head{padding:var(--s2) var(--s4);font-size:var(--t-xs);color:var(--text-faint);font-weight:700;background:var(--surface-sunken)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-pop) - 1)}.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.chips button{min-block-size:44px;padding:var(--s2) var(--s3);background:var(--surface-sunken);color:var(--text);border:1.5px solid var(--border);border-radius:var(--r-full);font-size:var(--t-sm);font-weight:600}.chips button:hover:not(:disabled){background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.chips button:disabled{opacity:.4}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{inline-size:100%;border-collapse:collapse;font-size:var(--t-sm)}th,td{padding:var(--s3) var(--s2);text-align:start;border-block-end:1px solid var(--border)}th{color:var(--text-faint);font-weight:700;font-size:var(--t-xs);text-transform:none}td.num,th.num{text-align:end;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-block-end:none}.auth-wrap{min-block-size:100dvh;display:grid;place-items:center;padding:var(--s5);background:radial-gradient(90% 60% at 15% 0%,var(--brand-soft) 0%,transparent 55%),radial-gradient(80% 50% at 90% 15%,var(--gold-soft) 0%,transparent 50%),var(--bg)}.auth-card{inline-size:100%;max-inline-size:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--shadow-3);animation:rise var(--slow) var(--spring) backwards}.auth-brand{text-align:center;margin-block-end:var(--s6)}.auth-brand .mark{inline-size:66px;block-size:66px;border-radius:var(--r-lg);background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 85%,#fff),var(--brand));color:#fff;display:grid;place-items:center;margin:0 auto var(--s3);font-size:var(--t-xl);font-weight:700;box-shadow:0 8px 20px var(--brand-glow)}.auth-brand h1{font-size:var(--t-lg);font-weight:700}.auth-brand p{margin:var(--s1) 0 0;color:var(--text-faint);font-size:var(--t-sm)}.cols-2{display:grid;gap:var(--s3);grid-template-columns:1fr}@media(min-width:560px){.cols-2{grid-template-columns:1fr 1fr}}@media(min-width:900px){.bottomnav{inset-block:0 auto;inset-inline-start:0;inset-inline-end:auto;flex-direction:column;justify-content:flex-start;inline-size:108px;block-size:100dvh;padding-block-start:var(--s6);gap:var(--s1);border-block-start:none;border-inline-end:1px solid var(--border)}.bottomnav a{flex:0 0 auto;block-size:auto;min-block-size:72px}.app-shell{padding-inline-start:108px}.actionbar{inset-inline-start:108px;inset-block-end:0;padding-block-end:calc(var(--s3) + env(safe-area-inset-bottom))}.toast{inset-inline-start:calc(108px + var(--s4))}.app-shell{--nav-clear: env(safe-area-inset-bottom);--page-inline: var(--s7)}}.chat-header{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);padding-block-start:calc(var(--s3) + env(safe-area-inset-top));background:var(--brand);color:#fff;position:sticky;inset-block-start:0;z-index:10}.chat-header .titles{flex:1;min-width:0}.chat-header .titles b{display:block;font-size:var(--t-md);font-weight:700}.chat-header .titles>span{display:block;font-size:var(--t-xs);opacity:.85}.chat-header .hicon{flex:0 0 auto;inline-size:40px;block-size:40px;min-block-size:40px;padding:0;display:grid;place-items:center;background:transparent;background-image:none;box-shadow:none;border:0;border-radius:50%;color:#fff;transition:none}.chat-header .hicon:hover:not(:disabled){background:#ffffff24;background-image:none;box-shadow:none;transform:none}.chat-header .hicon:active{background:#ffffff38;transform:none}.chat-header .hicon svg{inline-size:20px;block-size:20px}.chat-header .hicon.back svg{transform:scaleX(-1)}.search-inline{flex:1;min-inline-size:0;margin:0;background:#ffffff2e;border:0;color:#fff;border-radius:var(--r-full);padding:var(--s2) var(--s4);min-block-size:44px}.search-inline::placeholder{color:#ffffffb3}.search-inline:focus{outline:2px solid rgb(255 255 255 / .5);outline-offset:0}.grouphead{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4) var(--s1);background:var(--bg);min-block-size:44px;font-size:12px;font-weight:700}.grouphead.now{color:var(--danger)}.grouphead.soon{color:var(--warn)}.grouphead.done{color:var(--text-faint)}.gcount{border-radius:var(--r-full);font-size:10px;font-weight:700;padding:0 6px;min-inline-size:16px;text-align:center}.grouphead.now .gcount{background:var(--danger);color:#fff}.grouphead.soon .gcount{background:var(--warn);color:#fff}.grouphead.done .gcount{background:var(--surface-sunken);color:var(--text-soft)}.gjump{margin-inline-start:auto;background:var(--danger-soft);background-image:none;color:var(--danger);border:0;box-shadow:none;transition:none;border-radius:var(--r-full);padding:4px 12px;font:inherit;font-size:12px;font-weight:700;min-block-size:32px}.gjump:hover:not(:disabled){background:var(--danger-soft);background-image:none;box-shadow:none;transform:none}.gjump:active{opacity:.75;transform:none}.convlist{display:flex;flex-direction:column;background:var(--surface)}.convrow{display:flex;gap:var(--s3);align-items:center;inline-size:100%;min-block-size:72px;padding-block:var(--s2);padding-inline:var(--s4);background:var(--surface);background-image:none;box-shadow:none;transition:none;transform:none;border:0;text-align:start;font:inherit;font-weight:400;color:var(--text)}.st-none{--st-ink: var(--text-soft);--st-tint: var(--surface-sunken)}.st-waiting{--st-ink: var(--danger);--st-tint: var(--danger-soft)}.st-answered{--st-ink: #5a4b7a;--st-tint: #ece8f1}.st-kitchen{--st-ink: var(--warn);--st-tint: var(--warn-soft)}.st-onway{--st-ink: var(--info);--st-tint: var(--info-soft)}.st-delivered,.st-order{--st-ink: var(--ok);--st-tint: var(--ok-soft)}.convrow .avatar{display:grid;place-items:center;background:var(--st-tint);color:var(--st-ink)}.convrow .avatar svg{inline-size:22px;block-size:22px}.convrow .stage{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--st-ink);white-space:nowrap;max-inline-size:58%;overflow:hidden;text-overflow:ellipsis}.convrow .stage .saleno{font-weight:600}.convrow .avatar.now{outline:2.5px solid var(--danger);outline-offset:2px}.convrow .avatar.soon{outline:2.5px solid var(--warn);outline-offset:2px}.convrow .avatar.done{outline:none}.convrow:hover:not(:disabled),.convrow:focus-visible{background:var(--surface-sunken);background-image:none;box-shadow:none;transform:none}.convrow:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.convrow:active{background:var(--surface-sunken);background-image:none;transform:none}.convrow+.convrow{position:relative}.convrow+.convrow:before{content:"";position:absolute;inset-block-start:0;inset-inline:calc(var(--s4) + 48px + var(--s3)) 0;block-size:1px;background:var(--border)}.avatar{flex:0 0 auto;inline-size:48px;block-size:48px;border-radius:50%;display:grid;place-items:center;font-size:var(--t-sm);font-weight:700;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.convrow .who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.convrow .line1,.convrow .line2{display:flex;align-items:center;gap:var(--s2)}.convrow .line1 b{flex:1;min-width:0;font-size:var(--t-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convrow .when{flex:0 0 auto;font-size:12px;color:var(--text-faint)}.convrow .when.unread{color:var(--text);font-weight:600}.convrow .when.hot{color:var(--danger);font-weight:700}.convrow .why{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;font-size:11px;font-weight:700;padding:0 8px;line-height:18px;border-radius:var(--r-full);max-inline-size:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convrow .why.order{background:var(--ok-soft);color:var(--ok)}.convrow .why.campaign{background:var(--warn-soft);color:var(--warn)}.convrow .why.closed{background:var(--surface-sunken);color:var(--text-soft)}.convrow .why.first{background:var(--info-soft);color:var(--info)}.convrow .preview{flex:1;min-width:0;color:var(--text-soft);font-size:var(--t-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convrow .preview{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--t-sm);color:var(--text-soft)}.convrow .marks{flex:0 0 auto;display:flex;align-items:center;gap:var(--s1)}.unread-pill{min-inline-size:19px;block-size:19px;padding:0 6px;border-radius:var(--r-full);background:var(--brand);color:#fff;font-size:11px;font-weight:700;line-height:19px;display:grid;place-items:center}.waiting-dot{inline-size:9px;block-size:9px;border-radius:50%;background:var(--brand)}.pill{font-size:11px;line-height:1.6;padding:0 7px;border-radius:var(--r-full);white-space:nowrap;font-weight:600}.pill.overdue{background:var(--danger-soft);color:var(--danger)}.pill.order{background:var(--ok-soft);color:var(--ok)}.pill.campaign{background:var(--warn-soft);color:var(--warn)}.pill.locked{background:transparent;padding:0;font-size:12px}.thread{display:flex;flex-direction:column;block-size:100dvh}.chat-header .avatar.sm{inline-size:36px;block-size:36px;font-size:var(--t-xs)}.chat-header .avatar.hstage{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--st-tint);color:var(--st-ink);box-shadow:0 0 0 2px #ffffff59}.chat-header .titles>span.hsub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header .titles>span.hsub{opacity:1;color:#ffffffe0}.chat-header .hnum{display:inline-block;font-size:11px;font-weight:700;padding:1px 7px;line-height:15px;border-radius:var(--r-full);background:#00000038;color:#fff;margin-inline-end:4px;vertical-align:1px}.thread-body{flex:1;overflow-y:auto;padding-block:var(--s3);padding-inline:var(--s4);display:flex;flex-direction:column;align-items:start;gap:2px}.thread,.thread-body{background-color:#efe7e2;background-image:radial-gradient(circle at 20% 30%,rgb(181 18 27 / .035) 0 2px,transparent 2px),radial-gradient(circle at 70% 65%,rgb(74 42 36 / .03) 0 2px,transparent 2px);background-size:72px 72px,96px 96px}.thread-body.cold{justify-content:flex-start}.thread-body.anchored>:where(.daysep,.bubble):first-child,.thread-body.anchored>.older-pill:first-child+:where(.daysep,.bubble){margin-block-start:auto}.sk-bubble{block-size:40px;border-radius:8px;margin-block-start:var(--s2);opacity:.7}.sk-bubble.grouped{margin-block-start:2px}.sk-bubble.in{margin-inline-end:auto}.sk-bubble.out{margin-inline-start:auto}.thread-empty{align-self:center;margin:auto;text-align:center;padding:var(--s6) var(--s4);display:flex;flex-direction:column;align-items:center}.thread-empty .emptyart{inline-size:64px;block-size:64px;border-radius:50%;display:grid;place-items:center;background:#fffc;color:var(--text-soft);margin-block-end:var(--s3);box-shadow:0 1px 1px #4a2a2414}.thread-empty .empty-title{margin:0 0 var(--s1);font-size:var(--t-md);font-weight:700}.thread-empty .empty-hint{margin:0;font-size:var(--t-sm);color:var(--text-soft);max-inline-size:28ch;line-height:1.6}.thread-body{position:relative}.older-pill{position:absolute;inset-block-start:var(--s2);inset-inline:0;margin-inline:auto;z-index:2;inline-size:max-content;display:inline-flex;align-items:center;gap:var(--s2);font-size:12px;color:var(--text-soft);font-weight:600;background:#ffffffd9;padding:4px 12px;border-radius:var(--r-full);box-shadow:0 1px 1px #4a2a2414}.older-pill .spinner{inline-size:14px;block-size:14px;border-width:2px;border-color:#4a2a2426;border-block-start-color:var(--text-soft)}.thread-foot{position:relative}.jump-pill{position:absolute;inset-block-end:calc(100% + var(--s2));inset-inline-start:50%;transform:translate(-50%);z-index:2;inline-size:auto;min-block-size:36px;padding:0 14px 0 10px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;border-radius:var(--r-full);background:var(--brand);color:#fff;box-shadow:var(--shadow-2)}[dir=rtl] .jump-pill{transform:translate(50%)}.jump-pill svg{transform:rotate(90deg)}.pill-enter-active,.pill-leave-active{transition:opacity var(--fast) var(--ease),translate var(--fast) var(--ease)}.pill-enter-from,.pill-leave-to{opacity:0;translate:0 6px}.daysep{inline-size:max-content;max-inline-size:100%;margin-inline:auto;margin-block:var(--s3);position:sticky;inset-block-start:var(--s1);z-index:1;font-size:12px;color:var(--text-soft);font-weight:600;background:#ffffffd9;padding:4px 12px;border-radius:var(--r-full);box-shadow:0 1px 1px #4a2a2414}.bubble{position:relative;max-inline-size:82%;padding:6px 9px 6px 10px;font-size:var(--t-sm);line-height:1.45;word-break:break-word;border-radius:8px;box-shadow:0 1px 1px #4a2a2421;margin-block-start:var(--s2)}.bubble.grouped{margin-block-start:2px}.bubble.in{margin-inline-end:auto;background:#fff;border-start-start-radius:2px}.bubble.in.grouped{border-start-start-radius:8px}.bubble.out{margin-inline-start:auto;background:#f7d2ce;border-start-end-radius:2px;--text-faint: #6a5650}.bubble.out.grouped{border-start-end-radius:8px}.bubble.sys{margin-inline:auto;max-inline-size:88%;background:#fff}.bubble .ordaddr{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-soft);margin-block:4px}.bubble .ordstatus{font-weight:600}.bubble.sysline{text-align:center;background:#fffc;color:var(--text-soft);font-size:12px;box-shadow:none;padding:5px 12px;border-radius:var(--r-full)}.bubble.note{background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);color:var(--text);text-align:start;border-radius:8px}.bubble.media{padding:3px;min-inline-size:160px}.bubble.sticker{background:transparent;box-shadow:none;padding:0;max-inline-size:160px}.bubble.sticker img{inline-size:160px;block-size:160px;object-fit:contain;min-inline-size:0;background:transparent;border-radius:0;display:block}.bubble.sticker .stamp{float:none;display:inline-flex;margin:2px 4px 0;transform:none;background:#ffffffd9;border-radius:var(--r-full);padding:1px 7px;box-shadow:0 1px 1px #4a2a2414}.bubble.sticker{display:flex;flex-direction:column;align-items:flex-end}.bubble.reaction{padding:4px 10px}.bubble.reaction .react-emoji{font-size:22px;line-height:1.2;margin-inline-end:6px;vertical-align:middle}.bubble.media .caption{padding:var(--s1) var(--s2) 0}.bubble img,.bubble video{min-inline-size:154px;background:#4a2a240f}.bubble.media .stamp{margin-inline-end:var(--s2);margin-block-end:2px}.bubble .by{font-size:12px;font-weight:700;color:var(--brand);margin-block-end:1px}.stamp{float:inline-end;display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--text-faint);margin-inline-start:var(--s2);margin-block-start:4px;transform:translateY(3px)}.stamp.failed{color:var(--danger)}.stamp .failwhy{color:var(--danger);font-weight:600}.ticks{display:inline-flex;color:var(--text-faint)}.ticks svg{display:block}.ticks.read{color:var(--brand)}.ticks.failed{color:var(--danger)}.bubble img,.bubble video{max-inline-size:100%;border-radius:6px;display:block}.bubble.media img,.bubble.media video{inline-size:100%;object-fit:cover}.bubble.voicenote{padding:6px 8px 6px 10px;min-inline-size:250px}.voice{display:flex;align-items:center;gap:8px;min-block-size:40px}.voice .vplay{flex:0 0 auto;inline-size:40px;block-size:40px;min-block-size:40px;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--brand);background-image:none;color:#fff;box-shadow:none;border:0;transition:transform var(--fast) var(--ease)}.voice .vplay:hover:not(:disabled){background:var(--brand-hover);background-image:none;box-shadow:none;transform:none}.voice .vplay:active{transform:scale(.94)}.voice .vplay svg{margin-inline-start:1px}.voice.playing .vplay svg{margin-inline-start:0}.voice .vwave{flex:1;display:flex;align-items:center;gap:2px;block-size:30px;cursor:pointer;min-inline-size:120px}.voice .vbar{flex:1;min-inline-size:2px;border-radius:2px;background:var(--border-strong);transition:background var(--fast) linear}.voice .vbar.done{background:var(--brand)}.voice .vtime{flex:0 0 auto;font-size:12px;color:var(--text-faint);min-inline-size:30px;text-align:center}.voice .vrate{flex:0 0 auto;inline-size:auto;min-block-size:22px;padding:0 7px;font-size:11px;font-weight:700;border-radius:var(--r-full);background:var(--surface-sunken);background-image:none;color:var(--text-soft);box-shadow:none;border:0}.voice .vrate:hover:not(:disabled){background:var(--border);background-image:none;box-shadow:none;transform:none}.voice.failed .vwave{opacity:.4}.bubble.voicenote .stamp{margin-block-start:0}.bubble.out .voice .vbar{background:#4a2a242e}.bubble.out .voice .vbar.done{background:var(--brand)}.bubble .doc{display:flex;gap:var(--s2);align-items:center;min-inline-size:200px;background:#4a2a240d;padding:var(--s2);border-radius:6px;color:var(--text);text-decoration:none}.bubble .doc-ic,.bubble .loc-ic{inline-size:36px;block-size:36px;border-radius:8px;flex:0 0 auto;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.bubble .doc-txt{flex:1;min-inline-size:0;display:flex;flex-direction:column}.bubble .doc-txt b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:start}.bubble .doc-txt small{font-size:11px;color:var(--text-faint)}.bubble .doc-open{color:var(--text-faint);flex:0 0 auto}.bubble .loc{display:flex;gap:var(--s2);align-items:center}.bubble .maplink{display:inline-flex;align-items:center;gap:4px;margin-block-start:var(--s2);font-size:13px;font-weight:700;color:var(--brand);text-decoration:none;padding:4px 10px;border-radius:var(--r-full);background:var(--brand-soft)}.bubble .ordercard{min-inline-size:200px}.bubble .ordhead{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--brand);font-size:13px;padding-block-end:4px;margin-block-end:4px;border-block-end:1px solid rgb(74 42 36 / .1)}.bubble .orditems{margin:0;padding:0;list-style:none}.bubble .orditems li{padding-block:2px}.bubble .ordtotal{display:flex;justify-content:space-between;gap:var(--s3);margin-block-start:4px;padding-block-start:4px;border-block-start:1px solid rgb(74 42 36 / .1)}.bubble .tpl .faint{display:block;font-size:12px;margin-block-end:2px}.bubble .tplargs{color:var(--text-soft);font-size:14px}.bubble .by.noteby{display:flex;align-items:center;gap:4px;color:var(--warn);justify-content:center}.bubble .choices{display:flex;flex-wrap:wrap;gap:var(--s1);margin-block-start:var(--s2)}.bubble .choices span{border:1px solid var(--border-strong);border-radius:var(--r-full);padding:2px 10px;font-size:12px}.bubble .choices span.chosen{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.composer{position:sticky;bottom:0;background:transparent;padding:var(--s2) var(--s3);padding-block-end:calc(var(--s2) + env(safe-area-inset-bottom));display:flex;gap:var(--s2);align-items:flex-end;inline-size:100%;max-inline-size:calc(560px + var(--s3) * 2);margin-inline:auto}.composer .pillbox{flex:1;display:flex;align-items:flex-end;gap:var(--s1);background:var(--surface);border-radius:24px;padding:4px 6px 4px 4px;box-shadow:0 1px 2px #4a2a2424}.composer textarea{flex:1;min-block-size:40px;max-block-size:120px;resize:none;margin:0;border:0;background:transparent;padding:9px var(--s3);box-shadow:none;font-size:var(--t-sm)}.composer textarea:focus{outline:none;box-shadow:none}.composer .attach{flex:0 0 auto;inline-size:40px;block-size:40px;min-block-size:40px;padding:0;border-radius:50%;background:transparent;background-image:none;box-shadow:none;color:var(--text-soft);display:grid;place-items:center;border:0;transition:none}.composer .attach:hover:not(:disabled){background:var(--surface-sunken);background-image:none;box-shadow:none;transform:none}.composer .send{flex:0 0 auto;inline-size:48px;block-size:48px;min-block-size:48px;padding:0;border-radius:50%;display:grid;place-items:center}.composer.note-mode .pillbox{background:var(--gold-soft)}.composer .send.mic{background:var(--brand);color:#fff;touch-action:none}.composer .send svg{transition:transform .18s var(--spring)}.composer .send.ready:not(.mic) svg{animation:face-in .18s var(--spring) both}@keyframes face-in{0%{transform:rotate(-40deg) scale(.6)}}.composer .send.mic.holding{transform:scale(1.35);box-shadow:0 0 0 10px #b5121b2e;transition:transform .18s var(--spring),box-shadow .18s ease}.composer .send.mic.holding:active{transform:scale(1.35)}.composer.hold .recbar{background:color-mix(in srgb,var(--surface) calc(100% - var(--cancel, 0) * 100%),var(--danger-soft))}.composer.hold .rechint.slide{display:inline-flex;align-items:center;gap:4px;margin-inline-start:auto;opacity:calc(1 - var(--cancel, 0))}.composer.hold .rechint.slide svg{animation:nudge 1s ease-in-out infinite}@keyframes nudge{50%{transform:translate(4px)}}.composer .reclock{position:absolute;inset-inline-end:18px;inset-block-end:calc(100% + 6px);display:flex;flex-direction:column;align-items:center;gap:2px;inline-size:36px;padding:8px 0 6px;border-radius:var(--r-full);background:var(--surface);color:var(--text-faint);box-shadow:var(--shadow-2);animation:lock-in .22s var(--spring) both}.composer .reclock .up{transform:rotate(-90deg);animation:nudge-up 1s ease-in-out infinite}@keyframes lock-in{0%{opacity:0;transform:translateY(8px)}}@keyframes nudge-up{50%{transform:rotate(-90deg) translate(3px)}}.composer{position:relative}.composer.locked .recdot{animation:none;opacity:1}.composer .rechint-toast{position:absolute;inset-inline:var(--s4);inset-block-end:calc(100% + 8px);background:#241a18db;color:#fff;font-size:13px;text-align:center;padding:8px 12px;border-radius:var(--r-sm)}.hint-enter-active,.hint-leave-active{transition:opacity .16s ease,transform .16s var(--ease)}.hint-enter-from,.hint-leave-to{opacity:0;transform:translateY(4px)}.composer textarea{transition:block-size .12s ease-out}.composer .send.mic:disabled{background:var(--surface);color:var(--border-strong)}.composer.recording,.composer.review{flex-wrap:wrap}.composer .recact{flex:0 0 auto;inline-size:40px;block-size:40px;min-block-size:40px;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--surface);background-image:none;color:var(--danger);box-shadow:0 1px 2px #4a2a2424;border:0;margin-block-end:4px}.composer .recact:hover:not(:disabled){background:var(--danger-soft);background-image:none;box-shadow:none;transform:none}.composer .recbar{flex:1;min-inline-size:0;display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:24px;padding:0 14px;block-size:48px;box-shadow:0 1px 2px #4a2a2424}.composer .recdot{inline-size:10px;block-size:10px;border-radius:50%;background:var(--danger);animation:recpulse 1s ease-in-out infinite}@keyframes recpulse{50%{opacity:.25}}.composer .rectime{font-size:14px;font-weight:700;color:var(--danger);min-inline-size:36px}.composer .reclevel{flex:1;display:flex;align-items:center;gap:3px;block-size:28px}.composer .reclevel .lv{flex:1;max-inline-size:5px;border-radius:2px;background:var(--brand);transition:block-size .1s linear}.composer .rechint{font-size:12px;color:var(--text-faint);white-space:nowrap}.composer .review-note{flex:1;min-inline-size:0;background:var(--surface);border-radius:24px;padding:4px 8px 4px 12px;box-shadow:0 1px 2px #4a2a2424}.composer .review-note .voice{min-block-size:40px}.composer .recerror{flex-basis:100%;font-size:12px;color:var(--danger);padding:4px 8px 0}@media(prefers-reduced-motion:reduce){.composer .recdot{animation:none}}.composer .send:disabled{opacity:1;background:var(--surface);background-image:none;color:var(--border-strong);box-shadow:0 1px 2px #4a2a2424}.composer .send:not(:disabled){animation:send-ready var(--fast) var(--ease)}@keyframes send-ready{0%{transform:scale(.92)}}.composer textarea{overflow-y:hidden;line-height:1.5}.closed-window{margin:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--warn-soft);color:var(--warn);display:flex;gap:var(--s2);align-items:center;justify-content:space-between;flex-wrap:wrap}.filters{display:flex;gap:0;padding:0 var(--s2);position:relative;overflow-x:auto;scrollbar-width:none;background:var(--surface);border-block-end:1px solid var(--border)}.tab{flex:1 1 0;min-inline-size:64px;display:grid;place-items:center;padding:12px 4px;min-block-size:48px;border:0;border-radius:0;background:transparent;background-image:none;box-shadow:none;transition:none;transform:none;font:inherit;font-size:14px;font-weight:600;color:var(--text-faint)}.tab:hover:not(:disabled),.tab:focus-visible{background:transparent;background-image:none;box-shadow:none;transform:none;color:var(--text)}.tab:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.tab:active{background:var(--surface-sunken);transform:none}.tab.on{color:var(--brand)}.tab .lbl{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.tcount{display:inline-grid;place-items:center;min-inline-size:18px;block-size:18px;padding:0 5px;border-radius:var(--r-full);font-size:11px;font-weight:700;line-height:1;background:var(--surface-sunken);color:var(--text-soft)}.tcount.hot{background:var(--brand);color:#fff}.tab-ink{position:absolute;left:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--brand)}.tab-ink.slide{transition:transform .16s cubic-bezier(.2,.8,.2,1),width .16s ease}.subfilters{display:flex;padding:var(--s1) var(--s4);background:var(--bg);border-block-end:1px solid var(--border)}.filters::-webkit-scrollbar{display:none}.filters.scrolls{-webkit-mask-image:linear-gradient(to left,transparent,#000 28px);mask-image:linear-gradient(to left,transparent,#000 28px)}.chip{border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;padding:8px;font:inherit;font-size:var(--t-xs);min-block-size:40px;white-space:nowrap;color:inherit}.chip.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand);font-weight:700}.chip .count{margin-inline-start:3px;background:var(--surface-sunken);color:var(--text-soft);border-radius:var(--r-full);padding:0 6px;font-size:11px;font-weight:700;min-inline-size:16px;display:inline-block;text-align:center}.chip.on .count{background:#ffffff42;color:#fff}.chip.alert:not(.on) .count{background:var(--danger);color:#fff}.fullscreen-img{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:grid;place-items:center;z-index:50}.fullscreen-img img{max-inline-size:100vw;max-block-size:100dvh}.cardsheet{max-block-size:92%;display:flex;flex-direction:column;padding-block-end:0;block-size:auto}.cc-head{display:flex;gap:var(--s3);align-items:center;padding:var(--s3) var(--s4) var(--s4);background:var(--brand);color:#fff}.cc-head .avatar{inline-size:52px;block-size:52px;font-size:var(--t-base)}.cc-id{flex:1;min-width:0}.cc-id b{display:block;font-size:var(--t-md);line-height:1.3}.cc-meta{display:block;font-size:12px;opacity:.9;margin-block-start:1px}.cc-tags{display:flex;gap:5px;flex-wrap:wrap;margin-block-start:6px}.tag{font-size:11px;font-weight:700;padding:2px 9px;border-radius:var(--r-full)}.tag.vip{background:#fdf5e0;color:#8a6510}.tag.count{background:#ffffff38;color:#fff}.tag.stop{background:#fff;color:var(--danger)}.cc-call,.cc-x{flex:0 0 auto;inline-size:40px;block-size:40px;min-block-size:40px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;background:#ffffff29;background-image:none;border:0;box-shadow:none;transition:none;padding:0}.cc-call:hover,.cc-x:hover:not(:disabled){background:#ffffff4d;background-image:none;box-shadow:none;transform:none}.cc-call:active,.cc-x:active{background:#ffffff61;transform:none}.cc-call svg,.cc-x svg{inline-size:20px;block-size:20px}.cc-head .sk-av{inline-size:48px;block-size:48px;border-radius:50%}.cc-head .sk-l{display:block;block-size:12px;border-radius:6px;margin-block:6px;opacity:.6}.cc-head .avatar.hstage{inline-size:48px;block-size:48px;display:grid;place-items:center;border-radius:50%;background:var(--st-tint);color:var(--st-ink);box-shadow:0 0 0 2px #ffffff59}.cc-body{overflow-y:auto;padding:var(--s3) var(--s4) var(--s6);display:flex;flex-direction:column;gap:var(--s2)}.cc-alert{display:flex;gap:var(--s2);align-items:center;padding:var(--s2) var(--s3);border-radius:var(--r-sm);font-size:var(--t-sm);font-weight:600}.cc-alert small{font-weight:400;font-size:12px;opacity:.8;white-space:nowrap}.cc-alert.bad{background:var(--danger-soft);color:var(--danger)}.cc-alert.gift{background:var(--gold-soft);color:#7a5a08}.cc-alert.held{background:var(--info-soft);color:var(--info)}.cc-card{background:var(--surface);border-radius:var(--r-md);padding:var(--s3) var(--s4);box-shadow:0 1px 2px #4a2a240f}.cc-k{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-faint);margin-block-end:4px}.cc-v{font-size:var(--t-sm);font-weight:700}.cc-s{font-size:13px;color:var(--text-soft)}.cc-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.cc-last{border-inline-start:4px solid var(--ok)}.cc-last.bad{border-inline-start-color:var(--danger)}.cc-status{display:inline-flex;align-items:center;gap:6px;color:var(--ok);font-weight:700;font-size:13px}.cc-last.bad .cc-status{color:var(--danger)}.cc-items{margin-block:4px;font-size:var(--t-sm);color:var(--text-soft)}.cc-total{display:flex;justify-content:space-between;gap:var(--s2);font-size:var(--t-sm)}.cc-total span{color:var(--text-soft)}.cc-empty{color:var(--text-faint);text-align:center;padding-block:var(--s3);margin:0}.cc-copy{margin-inline-start:auto;inline-size:auto;min-block-size:26px;padding:0 10px;font-size:12px;font-weight:700;border-radius:var(--r-full);background:var(--brand-soft);background-image:none;color:var(--brand);box-shadow:none;border:0}.cc-copy:hover:not(:disabled){background:var(--brand-soft);background-image:none;box-shadow:none;transform:none;filter:brightness(.97)}.cc-copy.done{background:var(--ok-soft);color:var(--ok)}.cc-band{margin:0;padding:2px var(--s1);font-size:13px;color:var(--text-soft);line-height:1.7}.cc-band b{color:var(--text)}.cc-more{inline-size:100%;min-block-size:44px;margin-block-start:var(--s1);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--t-sm)}.cc-more svg{transform:rotate(90deg);transition:transform var(--fast) var(--ease)}.cc-more svg.open{transform:rotate(-90deg)}.cc-full{display:flex;flex-direction:column}.cc-full h4{margin:var(--s3) 0 var(--s1);font-size:12px;font-weight:700;color:var(--text-faint);letter-spacing:.3px}.cc-hist{background:var(--surface);border-radius:var(--r-md);overflow:hidden;box-shadow:0 1px 2px #4a2a240f}.cc-row{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-block-end:1px solid var(--border);font-size:var(--t-sm)}.cc-row:last-child{border-block-end:0}.cc-row .cc-dot{inline-size:8px;block-size:8px;border-radius:50%;background:var(--ok);flex:0 0 auto}.cc-row.bad .cc-dot{background:var(--danger)}.cc-row .cc-date{color:var(--text-faint);font-size:12px;flex:0 0 auto}.cc-when{color:var(--text-faint);font-size:12px;margin-inline-start:4px}.cc-row>span:first-child{color:var(--text-soft)}.cc-row.order{gap:var(--s2)}.cc-date{color:var(--text-faint);font-size:12px;flex:0 0 auto}.cc-outcome{color:var(--ok)}.chat-header .hbtn{background:transparent;background-image:none;box-shadow:none;border:0;color:inherit;text-align:start;padding:0;transition:none;min-block-size:0;display:block;flex:1;min-width:0;font:inherit}.chat-header .hbtn:hover:not(:disabled){background:transparent;background-image:none;box-shadow:none;transform:none}.chat-header .hbtn:active{opacity:.7;transform:none}.sheet-rule{border:0;border-block-start:1px solid var(--border);margin-block:var(--s4)}.actmenu{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.actmenu+.actmenu{margin-block-start:var(--s3)}.actmenu .list-row{padding-inline:var(--s3)}.actmenu .list-row .txt{flex:1;min-inline-size:0}.actmenu .list-row .sub{display:block;margin-block-start:1px}.actmenu .lead.ok{background:var(--ok-soft);color:var(--ok)}.actmenu .lead.gold{background:var(--gold-soft);color:var(--gold)}.actmenu .lead.accent{background:var(--brand-soft);color:var(--brand)}.actmenu .list-row:disabled{opacity:.45}.fab{position:fixed;inset-block-end:calc(var(--s5) + env(safe-area-inset-bottom));inset-inline-start:var(--s5);inline-size:56px;block-size:56px;padding:0;border-radius:50%;display:grid;place-items:center;z-index:20;box-shadow:0 3px 10px #4a2a2447}.fab svg{inline-size:26px;block-size:26px}.who-row{display:flex;gap:var(--s2);align-items:center;inline-size:100%;background:transparent;background-image:none;box-shadow:none;transition:none;border:0;border-block-end:1px solid var(--border);color:var(--text);font:inherit;font-size:var(--t-sm);text-align:start;padding:var(--s3) 0;min-block-size:44px}.who-row:hover:not(:disabled){background:var(--surface-sunken);background-image:none;box-shadow:none;transform:none}.bottombar{display:flex;flex:0 0 auto;background:var(--surface);border-block-start:1px solid var(--border);padding-block:var(--s2);padding-block-end:calc(var(--s2) + env(safe-area-inset-bottom))}.bt{flex:1;display:grid;place-items:center;gap:3px;position:relative;background:transparent;background-image:none;box-shadow:none;transition:none;border:0;padding:0;min-block-size:44px;font:inherit;font-size:12px;font-weight:400;color:var(--text-faint)}.bt:hover:not(:disabled){background:transparent;background-image:none;box-shadow:none;transform:none}.bt:active{opacity:.6;transform:none}.bt.on{color:var(--brand);font-weight:700}.bt svg{inline-size:21px;block-size:21px}.bt-dot{position:absolute;inset-block-start:-2px;inset-inline-start:50%;margin-inline-start:5px;background:var(--danger);color:#fff;font-size:9px;font-weight:700;border-radius:var(--r-full);padding:0 5px;min-inline-size:15px;text-align:center}.has-bottombar{display:flex;flex-direction:column;block-size:100dvh}.has-bottombar .convlist{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior-x:none}.convlist{position:relative}.rows-move,.rows-enter-active{transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease-out}.rows-enter-from{opacity:0;transform:translateY(-8px)}.rows-leave-active{position:absolute;inline-size:100%;transition:opacity .12s ease-in}.rows-leave-to{opacity:0}html,body{overscroll-behavior:none}#app,.pagestage{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.convrow,.tab,.bottombar button,.chat-header .hicon,.composer button,.list-row,.gjump,.sheet-handle,.cc-head,.bt{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.convlist,.thread-body,.sheet-body,.newchat-body,.who-body,.me-body{overscroll-behavior-y:contain}.convrow{transition:background var(--fast) var(--ease)}.convrow:active{background:var(--surface-sunken);transition:none}.tab:active{opacity:.6}.bottombar button:active{transform:scale(.94);transition:transform 80ms var(--ease)}.bottombar button{transition:transform var(--fast) var(--ease)}.chat-header .hicon:active{transform:scale(.9)}.unread-pill.pop{animation:badge-pop .32s var(--spring) both}@keyframes badge-pop{0%{transform:scale(.4)}60%{transform:scale(1.18)}to{transform:scale(1)}}.tick-enter-active{transition:transform .18s var(--spring),opacity .12s ease}.tick-leave-active{transition:opacity .08s ease}.tick-enter-from{transform:scale(.5);opacity:0}.tick-leave-to{opacity:0}.fullscreen-img{transform-origin:50% 50%}.zoom-enter-active{transition:opacity .22s ease}.zoom-enter-active img{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.zoom-leave-active{transition:opacity .18s ease}.zoom-leave-active img{transition:transform .22s cubic-bezier(.4,0,.6,1)}.zoom-enter-from,.zoom-leave-to{opacity:0}.zoom-enter-from img,.zoom-leave-to img{transform:translate(var(--zx, 0),var(--zy, 0)) scale(var(--zs, .3))}.pagestage{position:relative;block-size:100dvh;overflow:hidden}.pagestage>*{block-size:100dvh}.route-forward-enter-active,.route-forward-leave-active,.route-back-enter-active,.route-back-leave-active{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform,opacity;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s ease}.route-back-enter-active,.route-back-leave-active{transition-duration:.24s}.route-forward-enter-active,.route-back-leave-active{z-index:2;box-shadow:0 0 12px #241a1847}.route-forward-enter-from,.route-back-leave-to{transform:translate(-100%)}[dir=ltr] .route-forward-enter-from,[dir=ltr] .route-back-leave-to{transform:translate(100%)}.route-forward-leave-to,.route-back-enter-from{transform:translate(30%);opacity:.55}[dir=ltr] .route-forward-leave-to,[dir=ltr] .route-back-enter-from{transform:translate(-30%)}.route-up-enter-active,.route-up-leave-active,.route-down-enter-active,.route-down-leave-active{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.route-up-enter-active,.route-down-leave-active{z-index:2;box-shadow:0 -12px 40px #241a1838}.route-up-enter-from{transform:translateY(100%)}.route-up-leave-to{transform:scale(.97);opacity:.6}.route-down-leave-to{transform:translateY(100%)}.route-down-enter-from{transform:scale(.97);opacity:.6}.route-fade-enter-active{animation:route-in .16s ease-out both}.route-fade-leave-active{display:none}@keyframes route-in{0%{opacity:0;transform:translateY(4px)}}.msg-enter-active{transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease-out}.msg-enter-from{opacity:0;transform:translateY(10px) scale(.98)}.msg-move{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.msg-leave-active{position:absolute;opacity:0;transition:opacity .1s}.bubble.pending{opacity:.72}.bubble.pending .ticks{color:var(--text-faint)}.thread-body:not(.anchored)>:where(.bubble,.daysep){visibility:hidden}.thread-body.anchored:not(.warm)>:where(.bubble,.daysep){animation:bubble-in .12s ease-out both}@keyframes bubble-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.rows-move,.rows-enter-active,.rows-leave-active,.tab-ink.slide{transition:none}.route-fade-enter-active,.thread-body.anchored>:where(.bubble,.daysep),.composer .send:not(:disabled){animation:none}.route-forward-enter-active,.route-forward-leave-active,.route-back-enter-active,.route-back-leave-active,.route-up-enter-active,.route-up-leave-active,.route-down-enter-active,.route-down-leave-active,.route-swipe-enter-active,.route-swipe-leave-active{transition:opacity .12s ease;transform:none!important}.unread-pill.pop,.composer .send.ready:not(.mic) svg,.composer .reclock,.composer .rechint.slide svg{animation:none}.zoom-enter-active img,.zoom-leave-active img,.composer textarea,.composer .send svg{transition:none}.msg-enter-active,.msg-move,.pill-enter-active,.pill-leave-active{transition:none}}:root{--chat-frame: 560px}.has-bottombar>:where(.chat-header,.filters,.subfilters,.notice,.convlist,.bottombar),.thread>:where(.chat-header,.thread-body,.thread-foot),.newchat>:where(.chat-header,.newchat-body),.whopage>:where(.chat-header,.who-body),.me>:where(.chat-header,.me-body){inline-size:100%;max-inline-size:var(--chat-frame);margin-inline:auto}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.convlist .skeleton-row{display:flex;gap:var(--s3);align-items:center;padding:var(--s2) var(--s4);block-size:72px;margin:0;border-radius:0;background:var(--surface);animation:none}.convlist .skeleton-row+.skeleton-row{border-block-start:1px solid var(--border)}.sk-circle{inline-size:48px;block-size:48px;border-radius:50%;flex:0 0 auto}.sk-lines{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.sk-l1,.sk-l2{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.sk-line{display:block;block-size:12px;border-radius:6px}.w-name{inline-size:42%;block-size:14px}.w-time{inline-size:36px}.w-stage{inline-size:58px}.w-preview{inline-size:55%}.convlist .empty{padding-block:var(--s8) var(--s6)}.empty .empty-title{margin:0 0 var(--s1);font-size:var(--t-md);font-weight:700;color:var(--text)}.empty .empty-hint{margin:0 0 var(--s5);font-size:var(--t-sm);font-weight:400;color:var(--text-soft);max-inline-size:30ch;line-height:1.6}.empty .empty-action{margin-block-start:0}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.newchat{display:flex;flex-direction:column;block-size:100dvh;background:var(--bg)}.newchat-body{flex:1;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5) var(--s4) 0;overflow-y:auto}.dial{display:flex;align-items:center;gap:var(--s3);background:var(--surface);border:1.5px solid var(--border);border-radius:18px;padding:var(--s3) var(--s4);min-block-size:68px}.dial.err{border-color:var(--danger)}.dial.ok{border-color:var(--ok)}.dial:focus-within{box-shadow:0 0 0 3px var(--brand-soft)}.dial .cc{flex:0 0 auto;font-size:var(--t-sm);color:var(--text-soft);background:var(--surface-sunken);border-radius:var(--r-full);padding:4px 10px}.dialfield{position:relative;flex:1;min-width:0;block-size:40px}.dialmask,.dialinput{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;font-size:30px;font-weight:600;letter-spacing:.03em;line-height:40px;text-align:left;white-space:pre}.dialmask{pointer-events:none;color:var(--text);overflow:hidden}.dialmask .ghost{color:#cbbfba}.dialinput{color:transparent;caret-color:var(--text);min-block-size:0}.dialinput:focus{outline:none;box-shadow:none}.dialinput::placeholder{color:transparent}.dial .paste{flex:0 0 auto;inline-size:auto;min-block-size:36px;padding-inline:var(--s3);font-size:var(--t-xs)}.field-help{margin:0 var(--s1);font-size:var(--t-xs);color:var(--text-faint)}.field-help.err{color:var(--danger);font-weight:600}.field-help .phone-count{color:var(--text-soft);font-weight:700}.open-preview{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:16px;background:var(--surface-sunken);color:var(--text-soft)}.open-preview.known{background:var(--ok-soft);color:var(--ok)}.open-preview.new{background:var(--info-soft);color:var(--info)}.open-preview .pv-art{inline-size:40px;block-size:40px;border-radius:50%;display:grid;place-items:center;background:#ffffffbf;flex:0 0 auto}.open-preview .pv-text{display:flex;flex-direction:column;min-width:0;font-size:var(--t-sm)}.open-preview .pv-text b{font-size:var(--t-base);color:var(--text)}.open-preview .pv-text small{font-size:var(--t-xs)}.recents{padding:0;overflow:hidden}.recents-head{margin:0;padding:var(--s3) var(--s4) var(--s1);font-size:var(--t-xs);font-weight:700;color:var(--text-faint)}.recents-empty{margin:0;padding:var(--s2) var(--s4) var(--s4);font-size:var(--t-sm);color:var(--text-faint)}.recent-row{display:flex;align-items:center;gap:var(--s3);inline-size:100%;text-align:start;padding:var(--s3) var(--s4);min-block-size:60px;border:0;border-block-start:1px solid var(--border);border-radius:0;background:var(--surface);background-image:none;box-shadow:none;transition:none;transform:none;color:var(--text);font:inherit}.recent-row:hover:not(:disabled),.recent-row:focus-visible{background:var(--surface-sunken);background-image:none;box-shadow:none;transform:none}.recent-row:active{background:var(--surface-sunken);transform:none}.recent-row .rr-art{inline-size:40px;block-size:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface-sunken);color:var(--text-soft);flex:0 0 auto}.recent-row .rr-text{display:flex;flex-direction:column;min-width:0}.recent-row .rr-text b{font-size:var(--t-base);font-weight:600}.recent-row .rr-text small{font-size:var(--t-xs);color:var(--text-faint)}.newchat-foot{position:sticky;bottom:0;margin-block-start:auto;padding:var(--s3) 0 calc(var(--s4) + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 30%)}.whopage{display:flex;flex-direction:column;block-size:100dvh;background:var(--bg)}.who-body{flex:1;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4) var(--s4) var(--s6);overflow-y:auto}.seg{display:flex;gap:3px;padding:3px;background:var(--surface-sunken);border-radius:14px}.segb{flex:1;min-block-size:44px;border:0;border-radius:11px;font:inherit;font-size:var(--t-sm);font-weight:600;white-space:nowrap;background:transparent;background-image:none;box-shadow:none;transition:none;transform:none;color:var(--text-soft)}.segb:hover:not(:disabled),.segb:focus-visible{background:transparent;background-image:none;box-shadow:none;transform:none}.segb.on{background:var(--surface);color:var(--brand);box-shadow:0 1px 3px #4a2a241f}.who-at{display:flex;align-items:center;gap:var(--s3)}.who-at label{flex:1;font-size:var(--t-sm);color:var(--text-soft);margin:0}.who-at input{inline-size:auto;min-inline-size:120px;font-size:var(--t-md);text-align:center}.who-nums{display:flex;gap:var(--s2)}.who-nums .chip{flex:1;text-align:center}.who-list{padding:0;overflow:hidden}.who-count{margin:0;padding:var(--s3) var(--s4) var(--s1);font-size:var(--t-xs);font-weight:700;color:var(--text-faint)}.who-row{display:flex;align-items:center;gap:var(--s3);inline-size:100%;text-align:start;padding:var(--s3) var(--s4);min-block-size:64px;border:0;border-block-start:1px solid var(--border);border-radius:0;background:var(--surface);background-image:none;box-shadow:none;transition:none;transform:none;color:var(--text);font:inherit}.who-row:hover:not(:disabled),.who-row:focus-visible{background:var(--surface-sunken);background-image:none;box-shadow:none;transform:none}.who-row:active{background:var(--surface-sunken);transform:none}.who-row:disabled{opacity:.6}.who-when{flex:0 0 auto;min-inline-size:56px;padding:4px 8px;border-radius:10px;text-align:center;background:var(--brand-soft);color:var(--brand);font-size:var(--t-sm);font-weight:700}.who-text{flex:1;min-width:0;display:flex;flex-direction:column}.who-text b{font-size:var(--t-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who-text small{font-size:var(--t-xs);color:var(--text-faint)}.who-go{flex:0 0 auto;color:var(--text-faint)}.who-row.sk{pointer-events:none}.who-when-sk{inline-size:56px;block-size:28px;border-radius:10px}.who-row.sk .who-text{gap:8px}.who-list .empty{padding-block:var(--s6)}.me{display:flex;flex-direction:column;block-size:100dvh;background:var(--bg)}.me-body{flex:1;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4) var(--s4) var(--s6);overflow-y:auto}.me-profile{display:flex;align-items:center;gap:var(--s4);padding:var(--s4)}.me-avatar{inline-size:56px;block-size:56px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-size:var(--t-md);font-weight:700;background:var(--brand-soft);color:var(--brand)}.me-who{display:flex;flex-direction:column;min-width:0}.me-who b{font-size:var(--t-lg);font-weight:700}.me-who small{font-size:var(--t-sm);color:var(--text-soft)}.me-card{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3)}.me-h{margin:0;font-size:var(--t-sm);font-weight:700;color:var(--text-soft)}.me-hint{margin:0;font-size:var(--t-xs);color:var(--text-faint)}.me-hint.center{text-align:center}.me-status{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border-radius:14px;background:var(--surface-sunken);color:var(--text-soft)}.me-status.on{background:var(--ok-soft);color:var(--ok)}.me-status.denied{background:var(--danger-soft);color:var(--danger)}.me-status .ms-art{inline-size:40px;block-size:40px;border-radius:50%;display:grid;place-items:center;background:#ffffffbf;flex:0 0 auto}.me-status .ms-text{display:flex;flex-direction:column;min-width:0}.me-status .ms-text b{font-size:var(--t-base);color:var(--text)}.me-status .ms-text small{font-size:var(--t-xs)}.me-steps{margin:0;padding-inline-start:var(--s5);font-size:var(--t-sm);color:var(--text-soft);line-height:1.8}.me-out{margin-block-start:auto;display:flex;flex-direction:column;gap:var(--s2);padding-block-start:var(--s4)}.me-logout{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2)}.me-version{margin:var(--s3) 0 0;text-align:center;font-size:var(--t-xs);color:var(--text-faint)}.composer textarea,.av-cap{font-size:16px}.sheet-scrim,.sheet-scrim .sheet{animation:none}.sheet-scrim{backdrop-filter:none;-webkit-backdrop-filter:none}.sheet-enter-active,.sheet-leave-active{transition:background-color .22s ease}.sheet-enter-from,.sheet-leave-to{background-color:transparent}.sheet-enter-active .sheet{transition:transform .32s var(--spring)}.sheet-leave-active .sheet{transition:transform .2s cubic-bezier(.4,0,.7,1)}.sheet-enter-from .sheet,.sheet-leave-to .sheet{transform:translateY(100%)}@media(min-width:700px){.sheet-enter-active .sheet,.sheet-leave-active .sheet{transition:transform .22s var(--ease),opacity .2s ease}.sheet-enter-from .sheet,.sheet-leave-to .sheet{transform:translate(50%,-46%) scale(.97);opacity:0}}.sheet-handle{touch-action:none;cursor:grab}.sheet-handle:active{cursor:grabbing}.cardsheet .sheet-grip,.cc-head{touch-action:none}.sheet-x{inline-size:40px;min-block-size:40px;block-size:40px;margin-inline-start:auto;border-radius:50%;padding:0}.sheet-x svg{inline-size:20px;block-size:20px}.sheet-head{gap:var(--s2)}.chat-header{position:sticky}.hprogress{position:absolute;inset-inline:0;inset-block-end:0;block-size:3px;overflow:hidden;background:#ffffff2e}.hprogress:after{content:"";position:absolute;inset-block:0;inline-size:40%;border-radius:3px;background:#fff;animation:hprog 1s cubic-bezier(.4,0,.6,1) infinite}@keyframes hprog{0%{inset-inline-start:-40%}to{inset-inline-start:100%}}.hprog-enter-active,.hprog-leave-active{transition:opacity .2s ease}.hprog-enter-from,.hprog-leave-to{opacity:0}.notice-enter-active{transition:opacity .2s ease,transform .22s var(--ease)}.notice-leave-active{transition:opacity .12s ease}.notice-enter-from{opacity:0;transform:translateY(-6px)}.notice-leave-to{opacity:0}.grow-enter-active,.grow-leave-active{display:grid!important;transition:grid-template-rows .26s var(--ease),opacity .2s ease}.grow-enter-active>*,.grow-leave-active>*{min-block-size:0;overflow:hidden}.grow-enter-from,.grow-leave-to{grid-template-rows:0fr;opacity:0}.grow-enter-to,.grow-leave-from{grid-template-rows:1fr;opacity:1}.grow-box,.grow-in{display:flex;flex-direction:column;gap:inherit}.hrow{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s2)}.hswap-enter-active{transition:opacity .14s ease,transform .16s var(--ease)}.chat-header .hswap-leave-active{position:absolute;inset-inline:var(--s4);transition:opacity .08s ease}.hswap-leave-active{transition:opacity .08s ease}.hswap-enter-from{opacity:0;transform:translateY(4px)}.hswap-leave-to{opacity:0}.attachview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;background:#111;color:#fff}.av-head{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);padding-block-start:calc(var(--s2) + env(safe-area-inset-top));font-size:var(--t-base)}.av-head .hicon{inline-size:40px;block-size:40px;min-block-size:40px;padding:0;border-radius:50%;display:grid;place-items:center;background:transparent;background-image:none;box-shadow:none;border:0;color:#fff}.av-head .hicon:hover:not(:disabled){background:#ffffff24;background-image:none;box-shadow:none;transform:none}.av-head .hicon svg{inline-size:22px;block-size:22px}.av-stage{flex:1;min-block-size:0;display:grid;place-items:center;padding:var(--s3)}.av-stage img,.av-stage video{max-inline-size:100%;max-block-size:100%;object-fit:contain;border-radius:6px}.av-doc{display:flex;flex-direction:column;align-items:center;gap:var(--s2);text-align:center;max-inline-size:80%}.av-doc-ic{inline-size:72px;block-size:72px;border-radius:20px;display:grid;place-items:center;background:#ffffff1f}.av-doc b{font-size:var(--t-base);overflow-wrap:anywhere}.av-doc small{color:#ffffffb3}.av-foot{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);padding-block-end:calc(var(--s2) + env(safe-area-inset-bottom));background:#00000080}.av-cap{flex:1;min-inline-size:0;min-block-size:44px;margin:0;border:0;border-radius:24px;background:#ffffff24;color:#fff;padding:0 var(--s4);box-shadow:none}.av-cap::placeholder{color:#fff9}.av-cap:focus,.av-cap:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff59;border-color:transparent}.av-send{flex:0 0 auto;inline-size:48px;block-size:48px;min-block-size:48px;padding:0;border-radius:50%;display:grid;place-items:center}.attachview-enter-active{transition:opacity .2s ease,transform .26s var(--ease)}.attachview-leave-active{transition:opacity .16s ease,transform .18s ease-in}.attachview-enter-from,.attachview-leave-to{opacity:0;transform:translateY(24px)}.thread{touch-action:pan-y pinch-zoom}.thread.swiping,.thread.settling,.thread.swiped{transform:translate(var(--sx, 0px));box-shadow:18px 0 40px #241a1838}[dir=ltr] .thread.swiping,[dir=ltr] .thread.settling,[dir=ltr] .thread.swiped{box-shadow:-18px 0 40px #241a1838}.thread.settling{transition:transform .28s var(--ease)}.route-swipe-leave-active,.route-swipe-enter-active{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .24s ease}.route-swipe-leave-active{z-index:2;box-shadow:18px 0 40px #241a1838}[dir=ltr] .route-swipe-leave-active{box-shadow:-18px 0 40px #241a1838}.route-swipe-leave-from{transform:translate(var(--sx, 0px))}.swiped.route-swipe-leave-to,.route-swipe-leave-active.route-swipe-leave-to{transform:translate(-100%);opacity:.8}[dir=ltr] .swiped.route-swipe-leave-to,[dir=ltr] .route-swipe-leave-active.route-swipe-leave-to{transform:translate(100%)}.route-swipe-enter-from{transform:scale(.96);opacity:.6}.convlist.slide-next{animation:list-next .2s var(--ease) both}.convlist.slide-prev{animation:list-prev .2s var(--ease) both}@keyframes list-next{0%{opacity:.4;transform:translate(-20px)}}@keyframes list-prev{0%{opacity:.4;transform:translate(20px)}}[dir=ltr] .convlist.slide-next{animation-name:list-prev}[dir=ltr] .convlist.slide-prev{animation-name:list-next}.convlist.stagger .rows-enter-active{transition-delay:min(calc(var(--i, 0) * 24ms),.32s)}.convlist .more{margin:var(--s4)}.spinner.dark{border-color:#4a2a2426;border-block-start-color:var(--text-soft)}.fullscreen-img{touch-action:none;background:rgb(0 0 0 / var(--zop, 1))}:where(.fullscreen-img) img{transform:translateY(var(--zdy, 0px));transition:transform .28s var(--spring)}.fullscreen-img.dragging img,.fullscreen-img.dragging{transition:none}.bt-dot.pop{animation:badge-pop .32s var(--spring) both}.auth-card{animation:card-in .36s var(--ease) both}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}.notice.shake{animation:shake .42s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.cc-in{animation:bubble-in .18s ease-out both}.cc-copy{animation:badge-pop .28s var(--spring) both}@media(prefers-reduced-motion:reduce){.thread.settling,.sheet-enter-active .sheet,.sheet-leave-active .sheet,.grow-enter-active,.grow-leave-active,.attachview-enter-active,.attachview-leave-active,.hswap-enter-active,.hswap-leave-active{transition:none}.convlist.slide-next,.convlist.slide-prev,.auth-card,.notice.shake,.cc-in,.cc-copy,.bt-dot.pop,.hprogress:after{animation:none}.convlist.stagger .rows-enter-active{transition-delay:0s}}