@property --lg-hot{syntax:"<number>";inherits:false;initial-value:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:"Plus Jakarta Sans Variable", "Noto Sans JP Variable", "Hiragino Sans", "Yu Gothic", sans-serif;--canvas:#ecf2f6;--light-1:#7ecefabf;--light-2:#77ead1b3;--light-3:#c3b0ffa6;--light-4:#ffc69999;--light-5:#f8a8d580;--grain-opacity:.045;--g-fill:#fff6;--g-fill-clear:#ffffff3d;--g-fill-strong:#ffffff8f;--g-fill-dense:#f7fafccc;--g-lens-tint:#ffffff24;--g-blur:22px;--g-sat:190%;--g-bright:1.05;--g-sheen:linear-gradient(180deg, #ffffff80 0%, #ffffff24 32%, #fff0 56%, #ffffff1f 100%);--g-edge:#ffffff6b;--g-spec:#fff;--g-spec-2:#fff9;--g-inner:#ffffff6b;--g-shade:#1836541f;--g-rim:linear-gradient(155deg, #fff, #fff6 20%, #ffffff0d 44%, #ffffff14 64%, #ffffffbf 100%);--g-hot:#fff;--g-glow:#ffffffbf;--g-glow-blend:soft-light;--g-drop:0 1px 1px #102a430d, 0 8px 22px -10px #102a4333, 0 28px 56px -30px #102a4357;--g-drop-lift:0 2px 4px #102a430f, 0 18px 36px -14px #102a4347, 0 46px 84px -36px #102a4370;--g-btn:#ffffff9e;--g-btn-hover:#ffffffd9;--g-lens:#ffffff9e;--g-track:#102a430f;--g-track-shadow:inset 0 1px 2px #102a431a, inset 0 0 0 1px #102a430d, 0 1px 0 #ffffffb3;--toast-bg:#0e141ed1;--toast-ink:#f4f8fa;--toast-ok:#6ee7b7;--glass-strong:var(--g-fill-dense);--well:#ffffff94;--well-hover:#ffffffd1;--fill:#102a430b;--fill-strong:#102a4314;--ink:#0a1d22;--ink-2:#24424a;--ink-3:#455f66;--line:#0f28301c;--line-strong:#0f283033;--accent:#0d7a71;--accent-2:#0e7490;--accent-ink:#fff;--accent-text:#0b5f58;--accent-soft:#14b8a629;--accent-glow:0 12px 26px -12px #0d9488cc;--ring:0 0 0 4px #14b8a647;--hq:#4338ca;--hq-soft:#6366f129;--store:#0b5f58;--store-soft:#14b8a62e;--warn:#8a4b06;--warn-soft:#f59e0b33;--info:#1d4ed8;--info-soft:#3b82f629;--success:#065f46;--success-soft:#10b9812e;--error:#b42318;--error-soft:#ef444424;--error-line:#dc262673;--muted-soft:#64748b29;--r-xl:28px;--r-lg:22px;--r-md:15px;--r-sm:11px;--ease:cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.55, 0, .75, .2);--spring:cubic-bezier(.3, 1.25, .5, 1);--spring-bouncy:cubic-bezier(.34, 1.56, .64, 1);--spring-soft:cubic-bezier(.2, .9, .3, 1);--dur:.22s;--tabbar-h:0px}@supports (transition-timing-function:linear(0, 1)){:root{--spring:linear(0, .036 3.1%, .125 6.3%, .243 9.4%, .37 12.5%, .496 15.6%, .613 18.8%, .714 21.9%, .8 25%, .87 28.1%, .924 31.3%, .964 34.4%, .993 37.5%, 1.012 40.6%, 1.024 43.8%, 1.03 46.9%, 1.032 50%, 1.031 53.1%, 1.028 56.3%, 1.024 59.4%, 1.02 62.5%, 1.016 65.6%, 1.013 68.8%, 1.009 71.9%, 1.007 75%, 1.004 78.1%, 1.003 81.3%, 1.001 84.4%, 1);--spring-bouncy:linear(0, .04 2.5%, .142 5%, .282 7.5%, .44 10%, .598 12.5%, .744 15%, .871 17.5%, .974 20%, 1.051 22.5%, 1.104 25%, 1.135 27.5%, 1.147 30%, 1.145 32.5%, 1.132 35%, 1.113 37.5%, 1.09 40%, 1.067 42.5%, 1.045 45%, 1.025 47.5%, 1.008 50%, .996 52.5%, .987 55%, .981 57.5%, .979 60%, .978 62.5%, .98 65%, .982 67.5%, .986 70%, .989 72.5%, .992 75%, .995 77.5%, .998 80%, 1 82.5%, 1.002 85%, 1.003 90%, 1);--spring-soft:linear(0, .04 4.2%, .131 8.3%, .243 12.5%, .358 16.7%, .466 20.8%, .562 25%, .645 29.2%, .715 33.3%, .774 37.5%, .821 41.7%, .859 45.8%, .89 50%, .914 54.2%, .934 58.3%, .949 62.5%, .96 66.7%, .97 70.8%, .977 75%, .982 79.2%, .986 83.3%, .99 87.5%, .994 95.8%, 1)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#050811;--light-1:#0c7a7499;--light-2:#1f4adb80;--light-3:#7430e080;--light-4:#be186252;--light-5:#08789e73;--grain-opacity:.06;--g-fill:#141c2a6b;--g-fill-clear:#161e2e47;--g-fill-strong:#10172494;--g-fill-dense:#0a0f19d1;--g-lens-tint:#0e14202e;--g-blur:26px;--g-sat:170%;--g-bright:.92;--g-sheen:linear-gradient(180deg, #ffffff1f 0%, #ffffff09 32%, #fff0 56%, #ffffff0a 100%);--g-edge:#ffffff1f;--g-spec:#ffffff8c;--g-spec-2:#ffffff2e;--g-inner:#ffffff1a;--g-shade:#00000059;--g-rim:linear-gradient(155deg, #ffffff8c, #ffffff29 20%, #ffffff05 44%, #ffffff0a 64%, #ffffff52 100%);--g-hot:#ffffffbf;--g-glow:#ffffff1c;--g-glow-blend:plus-lighter;--g-drop:0 1px 1px #0000004d, 0 10px 26px -10px #0000008c, 0 34px 64px -30px #000000bf;--g-drop-lift:0 2px 4px #00000059, 0 20px 40px -14px #0009, 0 50px 90px -36px #000000d9;--g-btn:#ffffff14;--g-btn-hover:#ffffff24;--g-lens:#ffffff21;--g-track:#00000040;--g-track-shadow:inset 0 1px 2px #0006, inset 0 0 0 1px #ffffff0a, 0 1px 0 #ffffff0f;--toast-bg:#242c3cdb;--toast-ink:#f4f8fa;--toast-ok:#6ee7b7;--well:#0000003d;--well-hover:#00000057;--fill:#ffffff0d;--fill-strong:#ffffff17;--ink:#e8f4f3;--ink-2:#c4d7d6;--ink-3:#9db4b4;--line:#ffffff1a;--line-strong:#fff3;--accent:#2dd4bf;--accent-2:#38bdf8;--accent-ink:#032b28;--accent-text:#5eead4;--accent-soft:#2dd4bf29;--accent-glow:0 12px 30px -12px #2dd4bfa6;--ring:0 0 0 4px #2dd4bf4d;--hq:#a5b4fc;--hq-soft:#818cf833;--store:#5eead4;--store-soft:#2dd4bf29;--warn:#fcd34d;--warn-soft:#f59e0b2e;--info:#93c5fd;--info-soft:#3b82f633;--success:#6ee7b7;--success-soft:#10b9812e;--error:#fca5a5;--error-soft:#ef44442e;--error-line:#f8717180;--muted-soft:#94a3b82e}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#050811;--light-1:#0c7a7499;--light-2:#1f4adb80;--light-3:#7430e080;--light-4:#be186252;--light-5:#08789e73;--grain-opacity:.06;--g-fill:#141c2a6b;--g-fill-clear:#161e2e47;--g-fill-strong:#10172494;--g-fill-dense:#0a0f19d1;--g-lens-tint:#0e14202e;--g-blur:26px;--g-sat:170%;--g-bright:.92;--g-sheen:linear-gradient(180deg, #ffffff1f 0%, #ffffff09 32%, #fff0 56%, #ffffff0a 100%);--g-edge:#ffffff1f;--g-spec:#ffffff8c;--g-spec-2:#ffffff2e;--g-inner:#ffffff1a;--g-shade:#00000059;--g-rim:linear-gradient(155deg, #ffffff8c, #ffffff29 20%, #ffffff05 44%, #ffffff0a 64%, #ffffff52 100%);--g-hot:#ffffffbf;--g-glow:#ffffff1c;--g-glow-blend:plus-lighter;--g-drop:0 1px 1px #0000004d, 0 10px 26px -10px #0000008c, 0 34px 64px -30px #000000bf;--g-drop-lift:0 2px 4px #00000059, 0 20px 40px -14px #0009, 0 50px 90px -36px #000000d9;--g-btn:#ffffff14;--g-btn-hover:#ffffff24;--g-lens:#ffffff21;--g-track:#00000040;--g-track-shadow:inset 0 1px 2px #0006, inset 0 0 0 1px #ffffff0a, 0 1px 0 #ffffff0f;--toast-bg:#242c3cdb;--toast-ink:#f4f8fa;--toast-ok:#6ee7b7;--well:#0000003d;--well-hover:#00000057;--fill:#ffffff0d;--fill-strong:#ffffff17;--ink:#e8f4f3;--ink-2:#c4d7d6;--ink-3:#9db4b4;--line:#ffffff1a;--line-strong:#fff3;--accent:#2dd4bf;--accent-2:#38bdf8;--accent-ink:#032b28;--accent-text:#5eead4;--accent-soft:#2dd4bf29;--accent-glow:0 12px 30px -12px #2dd4bfa6;--ring:0 0 0 4px #2dd4bf4d;--hq:#a5b4fc;--hq-soft:#818cf833;--store:#5eead4;--store-soft:#2dd4bf29;--warn:#fcd34d;--warn-soft:#f59e0b2e;--info:#93c5fd;--info-soft:#3b82f633;--success:#6ee7b7;--success-soft:#10b9812e;--error:#fca5a5;--error-soft:#ef44442e;--error-line:#f8717180;--muted-soft:#94a3b82e}:root{--g-bevel:inset 0 0 0 1px var(--g-edge), inset 1.5px 2px 1px -1px var(--g-spec), inset -1.5px -2px 1px -1px var(--g-spec-2), inset 0 0 16px -7px var(--g-inner), inset 0 -22px 30px -26px var(--g-shade);--g-bevel-sm:inset 0 0 0 1px var(--g-edge), inset 1px 1.5px 1px -1px var(--g-spec), inset -1px -1.5px 1px -1px var(--g-spec-2), inset 0 0 12px -5px var(--g-inner);--g-filter:blur(var(--g-blur)) saturate(var(--g-sat)) brightness(var(--g-bright))}*{box-sizing:border-box}html,body{margin:0}html{background-color:var(--canvas)}body{min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"palt" 1;background:0 0;font-size:15px;line-height:1.7}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(38vmax 34vmax at 16% 20%, var(--light-1), transparent 70%), radial-gradient(34vmax 30vmax at 84% 14%, var(--light-2), transparent 70%), radial-gradient(40vmax 36vmax at 66% 74%, var(--light-3), transparent 70%), radial-gradient(30vmax 26vmax at 16% 86%, var(--light-4), transparent 70%), radial-gradient(34vmax 28vmax at 48% 46%, var(--light-5), transparent 70%);animation:drift 48s var(--ease) infinite alternate;position:fixed;inset:-20vmax}.lg-gl body:before{display:none}#lg-bg{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}:root:not(.lg-gl) #lg-bg{visibility:hidden}body:after{content:"";z-index:-1;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes drift{0%{transform:translate(0,0)rotate(0)scale(1)}50%{transform:translate(3vmax,-2vmax)rotate(8deg)scale(1.06)}to{transform:translate(-3vmax,2vmax)rotate(-6deg)scale(1.02)}}a{color:var(--accent-text);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "palt" 0}.icon{stroke-width:1.9px;flex:none;width:18px;height:18px}.icon.lg{width:22px;height:22px}.icon.sm{width:15px;height:15px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{position:absolute;left:-999px}.skip:focus{z-index:100;background:var(--glass-strong);border-radius:var(--r-sm);padding:8px 12px;top:12px;left:12px}.glass,.card{isolation:isolate;background:var(--g-sheen), var(--g-fill);-webkit-backdrop-filter:var(--g-filter);backdrop-filter:var(--g-filter);border-radius:var(--r-lg);box-shadow:var(--g-bevel), var(--g-drop);position:relative}.glass.clear{background:var(--g-sheen), var(--g-fill-clear)}.glass.strong{background:var(--g-sheen), var(--g-fill-strong)}.glass:before,.card:before,.btn:before,.demo-user:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(var(--glow-r,380px) circle at var(--mx,50%) var(--my,0%), var(--g-glow), transparent 66%);mix-blend-mode:var(--g-glow-blend);opacity:0;transition:opacity .52s var(--ease-out);position:absolute;inset:0}.glass:hover:before,.card:hover:before,.btn:hover:before,.demo-user:hover:before{opacity:1}.glass:after,.card:after,.pane:after,.btn:after,.demo-user:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:radial-gradient(var(--hot-r,190px) circle at var(--mx,50%) var(--my,0%), color-mix(in srgb, var(--g-hot) calc(var(--lg-hot) * 100%), transparent), transparent 70%), var(--g-rim);-webkit-mask-composite:xor;transition:--lg-hot .52s var(--ease-out);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass:hover:after,.card:hover:after,.pane:hover:after,.btn:hover:after,.demo-user:hover:after{--lg-hot:1}.pane{isolation:isolate;position:relative}.pane:before{content:"";z-index:-1;border-radius:inherit;background:var(--g-sheen), var(--g-fill-clear);-webkit-backdrop-filter:var(--g-filter);backdrop-filter:var(--g-filter);box-shadow:var(--g-bevel), var(--g-drop);position:absolute;inset:0}.lg-lens .glass[data-lens],.lg-lens .pane[data-lens]:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--g-sheen), var(--g-lens-tint)}.pad{padding:24px 26px}.shell{grid-template-columns:276px minmax(0,1fr);min-height:100dvh;display:grid}.side{border-radius:var(--r-xl);z-index:20;flex-direction:column;gap:18px;height:calc(100dvh - 32px);margin:16px 0 16px 16px;padding:22px 14px 16px;display:flex;position:sticky;top:16px}.brand{color:var(--ink);align-items:center;gap:12px;padding:0 8px;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.seal{color:#fff;background:radial-gradient(90% 70% at 30% 18%,#ffffff80,#0000 60%),linear-gradient(140deg,#14b8a6,#0e7490 60%,#4338ca);border-radius:13px;flex:none;place-items:center;width:40px;height:40px;font-size:17px;font-weight:800;display:grid;position:relative;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 6px #0000002e,0 10px 22px -10px #0e7490e6}.brand b{letter-spacing:.03em;white-space:nowrap;font-size:14.5px;display:block}.brand small{color:var(--ink-3);font-size:12px;display:block}.nav{gap:4px;display:grid}.nav a{isolation:isolate;min-height:46px;color:var(--ink-2);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), transform .52s var(--spring);border-radius:15px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav a:hover{background:var(--fill);color:var(--ink)}.nav a:active{transition-duration:.12s;transform:scale(.96)}.nav a[aria-current=page]{color:var(--ink);background:0 0}.nav a[aria-current=page] .icon{color:var(--accent-text)}.nav .label{flex:1}.count{text-align:center;min-width:22px;color:var(--accent-ink);background:linear-gradient(180deg, #ffffff52, transparent 60%), linear-gradient(140deg, var(--accent), var(--accent-2));box-shadow:inset 0 1px 0 #fff6, var(--accent-glow);border-radius:99px;padding:0 7px;font-size:11.5px;font-weight:800;line-height:22px}.count.bump{animation:lg-bump .62s var(--spring-bouncy)}.lg-ind{z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 50% -10%, #ffffff80, transparent 62%), var(--g-lens);box-shadow:var(--g-bevel-sm), 0 1px 2px #102a431a, 0 8px 20px -10px #102a4366;position:absolute;inset:0}:root[data-theme=dark] .lg-ind{background:radial-gradient(120% 90% at 50% -10%, #ffffff24, transparent 62%), var(--g-lens);box-shadow:var(--g-bevel-sm), 0 8px 20px -10px #000000b3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lg-ind{background:radial-gradient(120% 90% at 50% -10%, #ffffff24, transparent 62%), var(--g-lens);box-shadow:var(--g-bevel-sm), 0 8px 20px -10px #000000b3}}.side-foot{gap:12px;margin-top:auto;display:grid}.who{background:var(--g-track);box-shadow:var(--g-track-shadow);border-radius:17px;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:12px;display:grid}.avatar{width:38px;height:38px;color:var(--ink);background:radial-gradient(90% 70% at 30% 18%, #ffffff8c, transparent 60%), var(--g-btn);box-shadow:var(--g-bevel-sm);border-radius:50%;grid-row:span 2;place-items:center;font-size:15px;font-weight:800;display:grid}.who b{font-size:14px;line-height:1.3}.who small{color:var(--ink-3);overflow-wrap:anywhere;font-size:12px}.role-chip{border-radius:99px;grid-column:1/-1;justify-self:start;align-items:center;gap:5px;margin-top:6px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.role-store{background:var(--store-soft);color:var(--store)}.role-hq{background:var(--hq-soft);color:var(--hq)}.icon-btn{background:var(--g-btn);min-width:44px;min-height:44px;box-shadow:var(--g-bevel-sm);color:var(--ink-2);cursor:pointer;transition:background-color var(--dur) var(--ease), transform .52s var(--spring);border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.icon-btn:hover{background:var(--g-btn-hover);color:var(--ink)}.icon-btn:active{transition-duration:.12s;transform:scale(.95)}.theme-switch{background:var(--g-track);box-shadow:var(--g-track-shadow);border-radius:15px;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;display:grid}.theme-switch button{isolation:isolate;min-height:38px;color:var(--ink-3);cursor:pointer;transition:color var(--dur) var(--ease), transform .52s var(--spring);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.theme-switch button:hover{color:var(--ink)}.theme-switch button:active{transition-duration:.12s;transform:scale(.94)}.theme-switch button[aria-pressed=true]{color:var(--ink)}.main{width:100%;min-width:0;max-width:1380px;padding:28px 40px 80px}.demo-bar{color:var(--ink-2);border-radius:18px;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:26px;padding:10px 16px;font-size:13px;display:flex}.demo-bar>b{color:var(--warn);background:var(--warn-soft);border-radius:99px;align-items:center;gap:6px;padding:1px 10px;font-size:12px;display:inline-flex}.demo-bar span{flex:320px}.demo-bar button,.link-btn{cursor:pointer;min-height:32px;color:var(--accent-text);text-underline-offset:3px;background:0 0;border:0;padding:6px 2px;font-size:13px;font-weight:700;text-decoration:underline}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:.06em;color:var(--ink-3);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.eyebrow a{color:var(--ink-3)}h1{letter-spacing:.01em;text-wrap:balance;margin:4px 0 0;font-size:clamp(26px,3.2vw,34px);font-weight:800;line-height:1.3}h2{letter-spacing:.02em;align-items:center;gap:8px;margin:0 0 14px;font-size:17px;font-weight:800;display:flex}h2 .icon{color:var(--accent-text)}.sub{color:var(--ink-2);max-width:62em;margin:8px 0 0;font-size:14px}.meta-line{color:var(--ink-3);font-size:12.5px}.btn{isolation:isolate;background:var(--g-sheen), var(--g-btn);min-height:44px;color:var(--ink);cursor:pointer;white-space:nowrap;box-shadow:var(--g-bevel-sm), 0 1px 2px #102a4314, 0 8px 18px -12px #102a4373;--glow-r:160px;--hot-r:90px;transition:background-color var(--dur) var(--ease), box-shadow .3s var(--ease), transform .56s var(--spring), clip-path .56s var(--spring);border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.btn:hover{background:var(--g-sheen), var(--g-btn-hover);text-decoration:none;transform:translateY(-1px)}.btn:active:not(:disabled){transition-duration:.13s;transition-timing-function:var(--ease-out);transform:scale(.96)}.btn.primary{color:var(--accent-ink);background:linear-gradient(180deg, #ffffff57, #fff0 55%), linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:inset 0 1px 0 #ffffff8c, inset 0 0 0 1px #ffffff29, inset 0 -10px 18px -12px #00000047, 0 1px 2px #0000001a, var(--accent-glow);--g-glow:#ffffff8c;--g-glow-blend:soft-light}.btn.primary:hover{background:linear-gradient(180deg, #ffffff6b, #fff0 55%), linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #fff3,inset 0 -10px 18px -12px #00000047,0 2px 4px #0000001a,0 16px 34px -14px #0d9488d9}.btn.big{border-radius:17px;min-height:52px;padding:12px 24px;font-size:15px}.btn.danger{color:var(--error)}.btn.danger:hover{background:var(--g-sheen), var(--error-soft)}.btn.ghost{box-shadow:none;background:0 0}.btn.ghost:after{display:none}.btn.ghost:hover{background:var(--fill)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn .spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.morph{--morph-d:44px;clip-path:inset(-40px round 40px)}.btn.big.morph{--morph-d:52px}.morph-label{align-items:center;gap:inherit;transition:opacity .18s var(--ease-out), transform .42s var(--spring);display:inline-flex}.morph-fx{pointer-events:none;opacity:0;transition:opacity .18s var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.morph-fx svg{width:30px;height:30px;overflow:visible}.m-track,.m-ring,.m-check{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.m-track{stroke-width:3px;opacity:.25;transition:opacity .16s}.m-ring{stroke-width:3px;stroke-dasharray:94.25;stroke-dashoffset:66px;transform-origin:20px 20px;transition:opacity .16s}.m-check{stroke-width:3.6px;stroke-dasharray:24;stroke-dashoffset:24px}.morph[data-morph]{clip-path:inset(0 calc(50% - var(--morph-d) / 2) round 999px);cursor:progress;transform:none}.btn.morph[data-morph]:disabled{opacity:1;box-shadow:none}.morph[data-morph] .morph-label{opacity:0;transform:scale(.8)}.morph[data-morph] .morph-fx{opacity:1;transition-delay:.12s}.morph[data-morph=busy] .m-ring{animation:.82s linear infinite spin}.btn.morph[data-morph=done]{color:#fff;background:linear-gradient(#ffffff4d,#fff0 55%),linear-gradient(135deg,#10b981,#0d9488)}.btn.danger.morph[data-morph=done]{background:linear-gradient(#ffffff40,#fff0 55%),linear-gradient(135deg,#dc2626,#b42318)}.morph[data-morph=done] .m-ring,.morph[data-morph=done] .m-track{opacity:0}.morph[data-morph=done] .m-check{animation:lg-draw .3s 60ms var(--ease-out) forwards}.morph[data-morph=done] .morph-fx svg{animation:lg-pop .6s var(--spring-bouncy)}input:not([type]),input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=search],input[type=url],input[type=tel],select,textarea{background:var(--well);width:100%;min-height:46px;box-shadow:inset 0 1px 2px #102a4314, inset 0 0 0 1px var(--line-strong), 0 1px 0 #ffffff80;transition:box-shadow .26s var(--ease), background-color .26s var(--ease);border:0;border-radius:14px;padding:9px 14px}input:hover,select:hover,textarea:hover{background:var(--well-hover)}input:focus,select:focus,textarea:focus{background:var(--well-hover);box-shadow:inset 0 1px 2px #102a430f, inset 0 0 0 1.5px var(--accent), var(--ring);outline:none}input[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--error), 0 0 0 4px var(--error-soft)}textarea{resize:vertical;min-height:84px}label,.legend{color:var(--ink-2);font-size:13px;font-weight:700}.field{align-content:start;gap:6px;display:grid}.field.wide{grid-column:1/-1}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;display:grid}.section{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.radio-row{flex-wrap:wrap;gap:8px;display:flex}.radio-row label{background:var(--fill);cursor:pointer;border-radius:13px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:600;display:inline-flex}.radio-row input,.toggle input,.check{width:18px;height:18px;accent-color:var(--accent)}.toggle{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:inline-flex}.status{white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:3px 11px 3px 9px;font-size:12.5px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff59}.status .icon{width:14px;height:14px}.s-draft,.s-cancelled{background:var(--muted-soft);color:var(--ink-2)}.s-requested{background:var(--warn-soft);color:var(--warn)}.s-quoted{background:var(--info-soft);color:var(--info)}.s-ordered{background:var(--success-soft);color:var(--success)}.s-rejected{background:var(--error-soft);color:var(--error)}.tags{flex-wrap:wrap;gap:5px;display:flex}.tag{background:var(--fill-strong);color:var(--ink-2);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.tag.reduced{background:var(--success-soft);color:var(--success)}.tag.off{background:var(--error-soft);color:var(--error)}.notice,.alert,.success{border-radius:17px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:14px;line-height:1.6;display:flex}.notice{background:var(--info-soft);color:var(--ink)}.notice .icon{color:var(--info);margin-top:2px}.alert{background:var(--error-soft);color:var(--error);animation:lg-shake .42s var(--ease-out);font-weight:700}.alert .icon{margin-top:2px}.success{background:var(--success-soft);color:var(--success);font-weight:700}.empty{text-align:center;color:var(--ink-2);justify-items:center;gap:10px;padding:56px 20px;display:grid}.empty .icon{width:34px;height:34px;color:var(--accent-text)}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.metric{transition:transform .64s var(--spring), box-shadow .4s var(--ease);gap:2px;padding:18px 20px;display:grid}.metric:hover{box-shadow:var(--g-bevel), var(--g-drop-lift);transform:translateY(-3px)}.metric .m-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-text);border-radius:12px;place-items:center;margin-bottom:8px;display:grid;position:relative;box-shadow:inset 0 1px #fff6}.metric.turn .m-icon{background:radial-gradient(90% 70% at 30% 18%, #ffffff73, transparent 60%), linear-gradient(140deg, var(--accent), var(--accent-2));color:var(--accent-ink);box-shadow:inset 0 1px 0 #ffffff80, var(--accent-glow)}.metric small{color:var(--ink-2);font-size:13px;font-weight:600}.metric b{letter-spacing:.01em;font-size:28px;line-height:1.25}.tabs{background:var(--g-track);box-shadow:var(--g-track-shadow);border-radius:17px;gap:4px;width:fit-content;max-width:calc(100% - 28px);margin:14px 14px 4px;padding:5px;display:flex;overflow-x:auto}.tabs a{isolation:isolate;min-height:40px;color:var(--ink-2);white-space:nowrap;transition:color var(--dur) var(--ease), transform .52s var(--spring);border-radius:13px;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.tabs a:hover{color:var(--ink)}.tabs a:active{transition-duration:.12s;transform:scale(.95)}.tabs a[aria-current=page]{color:var(--ink)}.tab-count{background:var(--fill-strong);text-align:center;border-radius:99px;min-width:20px;padding:0 6px;font-size:11.5px}.order-rows{gap:4px;margin:0;padding:6px 10px 12px;list-style:none;display:grid}.order-row{transition:background-color .26s var(--ease), box-shadow .26s var(--ease), transform .56s var(--spring);border-radius:17px;grid-template-columns:minmax(180px,1.3fr) minmax(0,1fr) minmax(150px,auto) minmax(120px,auto) auto;align-items:center;gap:8px 18px;padding:14px;display:grid;position:relative}.order-row:hover{background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), #ffffff2e, transparent 70%), var(--fill);box-shadow:var(--g-bevel-sm)}.order-row:active{transition-duration:.12s;transform:scale(.99)}.order-row .row-link{color:var(--ink);font-size:15px;font-weight:800;text-decoration:none}.order-row .row-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.order-row .row-link:focus-visible{outline:none}.order-row .row-link:focus-visible:after{box-shadow:var(--ring)}.order-row .amount{text-align:right;font-size:15px;font-weight:800}.order-row .go{color:var(--ink-3);transition:transform .52s var(--spring)}.order-row:hover .go{color:var(--ink);transform:translate(4px)}.mini-steps{align-items:center;gap:5px;display:flex}.mini-steps i{background:var(--fill-strong);border-radius:99px;width:22px;height:6px}.mini-steps i.done{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.mini-steps i.now{background:var(--warn);opacity:.8}.mini-steps i.stop{background:var(--error);opacity:.6}.turn-badge{color:var(--accent-text);align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.toolbar{z-index:15;transition:background-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:22px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px;display:flex;position:sticky;top:12px}:root[data-scrolled] .toolbar.glass{background:var(--g-sheen), var(--g-fill-dense);box-shadow:var(--g-bevel), var(--g-drop-lift)}.search{flex:280px;gap:8px;display:flex;position:relative}.search .icon{color:var(--ink-3);pointer-events:none;position:absolute;top:14px;left:14px}.search input{padding-left:42px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{isolation:isolate;min-height:40px;color:var(--ink-2);background:var(--g-btn);box-shadow:var(--g-bevel-sm);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), transform .52s var(--spring);border-radius:99px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.chip:hover{background:var(--g-btn-hover);color:var(--ink);text-decoration:none}.chip:active{transition-duration:.12s;transform:scale(.94)}.chip[aria-current=page]{color:var(--accent-ink);background:linear-gradient(180deg, #ffffff52, #fff0 60%), linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:inset 0 1px 0 #ffffff80, inset 0 0 0 1px #ffffff24, var(--accent-glow)}.products{grid-template-columns:repeat(auto-fill,minmax(214px,1fr));gap:18px;display:grid}.product{transition:transform .7s var(--spring), box-shadow .4s var(--ease);flex-direction:column;display:flex;overflow:hidden}.product:hover{box-shadow:var(--g-bevel), var(--g-drop-lift);transform:translateY(-5px)}.product .pic-wrap{aspect-ratio:1;background:#f4f4f2;border-radius:16px;margin:10px 10px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #102a430f}.product .pic{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--spring-soft);display:block}.product:hover .pic{transform:translate(calc(var(--tx,0) * -7px), calc(var(--ty,0) * -7px)) scale(1.07)}.product .pic-wrap:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(70% 50% at calc(50% + var(--tx,0) * 30%) calc(0% + var(--ty,0) * 20%), #fff6, transparent 70%), linear-gradient(160deg, #ffffff2e, transparent 40%);opacity:.6;transition:opacity .5s var(--ease-out);position:absolute;inset:0;box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #ffffff2e}.product:hover .pic-wrap:after{opacity:1}.product .pic-wrap .tags{z-index:1;position:absolute;top:8px;left:8px}.product .pic-wrap .tag{color:#24424a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffdb}.product .pic-wrap .tag.reduced{color:#035c43}.product .pic-wrap .tag.off{color:#9b1c13}.product .body{flex:1;align-content:start;gap:6px;padding:14px 16px 16px;display:grid}.product .maker{color:var(--ink-3);font-size:12px;font-weight:600}.product .name{font-size:14.5px;font-weight:800;line-height:1.45}.price{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.price b{font-size:21px;font-weight:800}.price small{color:var(--ink-3);font-size:12px;font-weight:600}.add{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.add .btn{flex:auto;padding:8px 12px}.stepper{background:var(--g-track);box-shadow:var(--g-track-shadow);border-radius:14px;flex:none;align-items:center;display:inline-flex}.stepper button{width:40px;min-height:42px;color:var(--ink-2);cursor:pointer;transition:background-color var(--dur) var(--ease), transform .48s var(--spring);background:0 0;border:0;border-radius:13px;place-items:center;display:grid}.stepper button:hover{background:var(--fill-strong);color:var(--ink)}.stepper button:active{transition-duration:.1s;transform:scale(.86)}.stepper input[type=number]{width:44px;min-height:42px;box-shadow:none;text-align:center;appearance:textfield;background:0 0;border:0;border-radius:0;padding:0 2px;font-weight:800}.stepper input:focus{box-shadow:none}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dock{right:max(24px, env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px) + var(--tabbar-h));z-index:30;max-width:calc(100vw - 32px);animation:lg-dock-in .76s var(--spring) backwards;border-radius:24px;align-items:center;gap:16px;padding:10px 10px 10px 18px;display:flex;position:fixed}.dock.glass{background:var(--g-sheen), var(--g-fill-dense);box-shadow:var(--g-bevel), var(--g-drop-lift)}.dock .dock-icon{width:42px;height:42px;color:var(--accent-ink);background:radial-gradient(90% 70% at 30% 18%, #ffffff73, transparent 60%), linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:inset 0 1px 0 #ffffff80, var(--accent-glow);border-radius:14px;place-items:center;display:grid;position:relative}.dock .dock-text{line-height:1.35;display:grid}.dock .dock-text b{font-size:16px}.dock .dock-text small{color:var(--ink-3);font-size:12px}.toast{left:0;right:0;top:calc(16px + env(safe-area-inset-top,0px));z-index:60;width:fit-content;max-width:calc(100vw - 32px);color:var(--toast-ink);background:linear-gradient(180deg, #ffffff24, #fff0 55%), var(--toast-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);animation:lg-island-in .72s var(--spring) backwards;border-radius:999px;align-items:center;gap:10px;margin-inline:auto;padding:12px 20px 12px 16px;font-size:14px;font-weight:700;display:flex;position:fixed;box-shadow:inset 0 0 0 1px #ffffff1f,inset 1px 1.5px 1px -1px #ffffff73,0 18px 40px -16px #0000008c}.toast>*{animation:lg-fade-in .3s .18s var(--ease-out) both}.toast .icon{color:var(--toast-ok)}.toast[data-leaving]{animation:lg-island-out .3s var(--ease-in) forwards}.toast[data-leaving]>*{animation:lg-fade-out .14s var(--ease-in) forwards}.lg-drop{z-index:80;pointer-events:none;width:56px;height:56px;position:fixed}.lg-drop-lens{background:#ffffffb3 50%/cover no-repeat;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:inset 0 0 0 1.5px #ffffffbf,inset 2px 3px 2px -2px #fff,inset 0 0 14px #ffffff8c,0 12px 28px -8px #102a4380}.lg-drop-lens:after{content:"";background:radial-gradient(60% 42% at 34% 22%,#ffffffd9,#0000 70%);border-radius:50%;position:absolute;inset:0}.order-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:start;gap:22px;display:grid}.order-layout>*,.catalog-layout>*,.cart-layout>*{min-width:0}.stack{grid-template-columns:minmax(0,1fr);align-content:start;gap:20px;display:grid}.progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 22px;padding:16px 18px;list-style:none;display:grid}.progress li{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;min-width:0;display:grid;position:relative}.progress li:not(:last-child):after{content:"";background:var(--line-strong);border-radius:2px;height:2px;position:absolute;top:16px;left:44px;right:2px}.progress li.done:not(:last-child):after{background:linear-gradient(90deg, var(--accent), var(--accent-2));transform-origin:0;animation:lg-fill .9s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * .16s + .26s)}.progress li:nth-child(2){--i:1}.progress li:nth-child(3){--i:2}.progress li:nth-child(4){--i:3}.progress .dot{width:34px;height:34px;color:var(--ink-3);background:var(--g-btn);box-shadow:var(--g-bevel-sm);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:relative}.progress .done .dot{color:var(--accent-ink);background:radial-gradient(90% 70% at 30% 18%, #ffffff73, transparent 60%), linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:inset 0 1px 0 #ffffff80, var(--accent-glow);animation:lg-pop .64s var(--spring-bouncy) backwards;animation-delay:calc(var(--i,0) * .16s + .12s)}.progress .current .dot{color:var(--accent-text);box-shadow:var(--g-bevel-sm), 0 0 0 2px var(--accent) inset}.progress .current .dot:after{content:"";animation:lg-breathe 2.6s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-2px;box-shadow:0 0 #14b8a673}.progress .stopped .dot{color:var(--error);box-shadow:var(--g-bevel-sm), 0 0 0 2px var(--error) inset}.progress b{font-size:13px;line-height:1.35;display:block}.progress small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;display:block;overflow:hidden}.next{grid-template-columns:auto 1fr auto;align-items:center;gap:6px 18px;margin-bottom:20px;padding:18px 20px;display:grid}.next .n-icon{width:48px;height:48px;color:var(--accent-ink);background:radial-gradient(90% 70% at 30% 18%, #ffffff73, transparent 60%), linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:inset 0 1px 0 #ffffff80, var(--accent-glow);border-radius:16px;grid-area:1/1/span 2;place-items:center;display:grid;position:relative}.next:not(.wait,.done,.stop) .n-icon:after{content:"";border-radius:inherit;animation:lg-breathe 2.6s var(--ease-out) infinite;position:absolute;inset:0;box-shadow:0 0 #14b8a673}.next.wait .n-icon{color:var(--ink-2);background:var(--g-btn);box-shadow:var(--g-bevel-sm)}.next.done .n-icon{color:#fff;background:radial-gradient(90% 70% at 30% 18%,#ffffff73,#0000 60%),linear-gradient(135deg,#059669,#0d9488)}.next.stop .n-icon{background:var(--error-soft);color:var(--error);box-shadow:none}.next b{grid-column:2;font-size:16.5px;line-height:1.4}.next p{color:var(--ink-2);grid-column:2;margin:0;font-size:14px}.next .n-action{grid-area:1/3/span 2}.kv{grid-template-columns:7.5em 1fr;gap:8px 14px;margin:0;font-size:14px;display:grid}.kv dt{color:var(--ink-3);font-weight:600}.kv dd{overflow-wrap:anywhere;margin:0}.totals{background:var(--g-track);width:min(400px,100%);box-shadow:var(--g-track-shadow);border-radius:17px;gap:4px;margin:16px 0 0 auto;padding:14px 16px;font-size:14px;display:grid}.totals div{justify-content:space-between;gap:12px;display:flex}.totals dt{color:var(--ink-2)}.totals dd{margin:0;font-weight:700}.totals .grand{border-top:1px solid var(--line-strong);margin-top:6px;padding-top:10px;font-size:19px;font-weight:800}.totals .grand dt{color:var(--ink)}.agreed{gap:6px;padding:22px 24px;display:grid}.agreed.glass{background:linear-gradient(105deg, transparent 38%, #ffffff8c 50%, transparent 62%) -160% 0 / 260% 100% no-repeat, var(--g-sheen), var(--g-fill-strong);animation:lg-sweep 1.8s .5s var(--ease-out) backwards}.agreed .a-head{color:var(--success);align-items:center;gap:10px;font-weight:800;display:flex}.agreed .a-head .icon{animation:lg-pop .7s .25s var(--spring-bouncy) backwards}.agreed .amount{letter-spacing:.01em;font-size:clamp(30px,4vw,40px);font-weight:800;line-height:1.2}.agreed .sign{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.agreed .sign div{background:var(--g-track);box-shadow:var(--g-track-shadow);border-radius:15px;gap:2px;padding:10px 12px;font-size:13px;display:grid}.agreed .sign small{color:var(--ink-3)}.confirm-box{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent), inset 0 1px 0 #ffffff4d;animation:lg-rise .52s var(--spring) both;border-radius:19px;gap:12px;padding:16px 18px;display:grid}.confirm-box b{font-size:16px}.quote-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.quote-head h2{margin:0}.history summary{cursor:pointer;align-items:center;gap:8px;min-height:32px;font-size:14px;font-weight:800;display:flex}.timeline{gap:2px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.timeline li{grid-template-columns:22px 1fr;gap:10px;padding:8px 0;display:grid}.timeline .t-dot{background:var(--fill-strong);width:22px;height:22px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.timeline .t-dot .icon{width:13px;height:13px}.timeline time{color:var(--ink-3);font-size:12px;display:block}.scroll-x{overflow-x:auto}table.list{border-collapse:collapse;width:100%;font-size:14px}.list th{text-align:left;color:var(--ink-3);letter-spacing:.04em;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:700}.list td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.list tr:last-child td{border-bottom:none}.list .right,.lines td.num,.lines th.num{text-align:right;white-space:nowrap}.lines tr.excluded td{color:var(--ink-3);text-decoration:line-through}.lines input:not([type]),.lines input[type=text],.lines input[type=number]{text-align:right;width:104px;min-height:42px;padding:6px 10px}.lines .name{min-width:11em}.list.fit th,.list.fit td{padding-inline:8px}.list.fit th{white-space:normal}.list.fit .name{min-width:8em}.list.fit input:not([type]){width:96px}.history .list.fit .name{min-width:6em}.item-cell{align-items:center;gap:12px;min-width:210px;display:flex}.thumb{object-fit:cover;background:#f4f4f2;border-radius:13px;flex:none;width:48px;height:48px;box-shadow:inset 0 0 0 1px #102a430f}.changed-from{color:var(--info);white-space:nowrap;font-size:11.5px;font-weight:700;display:block}.cart-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);align-items:start;gap:22px;display:grid}.sticky{position:sticky;top:16px}.summary{gap:14px;display:grid}.summary .totals{width:100%;margin:0}.summary .btn.primary{width:100%}.mail-list{gap:12px;display:grid}.mail summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 14px;padding:16px 20px;list-style:none;display:grid}.mail summary::-webkit-details-marker{display:none}.mail .m-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);border-radius:13px;grid-row:span 2;place-items:center;display:grid;box-shadow:inset 0 1px #fff6}.mail.ordered .m-icon{background:var(--success-soft);color:var(--success)}.mail summary b{overflow-wrap:anywhere;font-size:14.5px}.mail[open] summary{border-bottom:1px solid var(--line)}.mail[open] pre{animation:lg-rise .42s var(--spring) both}.mail pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:18px 20px 20px;font-family:inherit;font-size:13.5px;line-height:1.75}.source{gap:14px;display:grid}.result-grid{flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.result-grid span{background:var(--g-track);box-shadow:var(--g-track-shadow);border-radius:13px;padding:6px 12px}.result-grid b{margin:0 2px;font-size:16px}.login-wrap{max-width:1180px;min-height:100dvh;padding:40px max(20px, env(safe-area-inset-right,0px)) 40px max(20px, env(safe-area-inset-left,0px));grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:center;gap:40px;margin:0 auto;display:grid}.login-hero{gap:22px;display:grid}.login-hero h1{font-size:clamp(32px,4.4vw,52px);line-height:1.2}.login-hero .lead{color:var(--ink-2);max-width:34em;margin:0;font-size:16px}.flow{counter-reset:flow;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.flow li{counter-increment:flow;transition:transform .64s var(--spring), box-shadow .4s var(--ease);border-radius:20px;align-content:start;gap:6px;padding:14px;font-size:13px;display:grid}.flow li:hover{box-shadow:var(--g-bevel), var(--g-drop-lift);transform:translateY(-3px)}.flow li .icon{color:var(--accent-text)}.flow li b{font-size:13.5px;line-height:1.4}.flow li small{color:var(--ink-3);line-height:1.5}.login{border-radius:var(--r-xl);padding:28px}.demo-users{gap:10px;display:grid}.demo-user{isolation:isolate;text-align:left;background:var(--g-sheen), var(--g-btn);width:100%;min-height:64px;box-shadow:var(--g-bevel-sm), 0 8px 18px -14px #102a4380;cursor:pointer;--glow-r:260px;--hot-r:120px;transition:background-color var(--dur) var(--ease), transform .6s var(--spring), box-shadow .3s var(--ease);border:0;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 12px;padding:10px 14px;display:grid;position:relative}.demo-user:hover{background:var(--g-sheen), var(--g-btn-hover);box-shadow:var(--g-bevel-sm), 0 16px 30px -18px #102a4399;transform:translateY(-2px)}.demo-user:active{transition-duration:.12s;transform:scale(.98)}.demo-user .r-icon{border-radius:13px;grid-area:1/1/span 2;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px #fff6}.demo-user .r-icon.store{background:var(--store-soft);color:var(--store)}.demo-user .r-icon.hq{background:var(--hq-soft);color:var(--hq)}.demo-user b{grid-column:2;font-size:14.5px;line-height:1.35}.demo-user small{color:var(--ink-3);grid-column:2;font-size:12.5px;line-height:1.5}.demo-user .go{color:var(--ink-3);transition:transform .52s var(--spring);grid-area:1/3/span 2}.demo-user:hover .go{color:var(--ink);transform:translate(4px)}.login-theme{top:max(14px, env(safe-area-inset-top,0px));right:max(14px, env(safe-area-inset-right,0px));z-index:20;border-radius:18px;width:228px;position:fixed}.login-theme .theme-switch{box-shadow:none;background:0 0}.demo-user:disabled{opacity:.7;cursor:wait;transform:none}.center-wrap{min-height:100dvh;padding:24px max(16px, env(safe-area-inset-right,0px)) 24px max(16px, env(safe-area-inset-left,0px));place-items:center;display:grid}@media (max-width:1120px){.order-layout,.cart-layout{grid-template-columns:minmax(0,1fr)}.sticky{position:static}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.login-wrap{grid-template-columns:minmax(0,1fr);padding-top:84px}.flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){:root{--tabbar-h:78px}.shell{grid-template-columns:minmax(0,1fr)}.side{height:auto;padding:max(10px, env(safe-area-inset-top,0px)) max(14px, env(safe-area-inset-right,0px)) 10px max(14px, env(safe-area-inset-left,0px));border-radius:0 0 24px 24px;flex-direction:row;align-items:center;gap:10px;margin:0;position:sticky;top:0}.side.pane:before{background:var(--g-sheen), var(--g-fill-dense)}.brand{flex:1;min-width:0;padding:0}.brand>span{min-width:0}.brand b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.brand small{display:none}.seal{width:36px;height:36px}.nav{left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));z-index:40;isolation:isolate;background:var(--g-sheen), var(--g-fill-dense);-webkit-backdrop-filter:var(--g-filter);backdrop-filter:var(--g-filter);box-shadow:var(--g-bevel), var(--g-drop-lift);transform-origin:50% 100%;transition:transform .62s var(--spring);border-radius:30px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:6px;position:fixed}:root[data-scroll=down] .nav{transform:scale(.9)translateY(6px)}:root[data-scroll=down] .nav .label{opacity:0}:root[data-scroll=down] .nav a .icon{transform:translateY(8px)scale(1.12)}.nav a{text-align:center;border-radius:24px;flex-direction:column;justify-content:center;gap:2px;min-height:56px;padding:6px 4px;font-size:11px}.nav a .icon{transition:transform .52s var(--spring)}.nav .label{transition:opacity .24s var(--ease-out);flex:none;line-height:1.2}.nav .count{min-width:18px;padding:0 5px;font-size:10.5px;line-height:18px;position:absolute;top:4px;right:calc(50% - 26px)}.nav a.wide-only{display:none}.side-foot{align-items:center;gap:8px;margin:0;display:flex}.who,.side-foot .theme-switch button>span:not(.lg-ind){display:none}.side-foot .theme-switch button{min-width:40px}.logout-label{display:none}.icon-btn{padding:0}.main{padding:18px max(16px, env(safe-area-inset-right,0px)) calc(var(--tabbar-h) + 40px) max(16px, env(safe-area-inset-left,0px))}.order-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.order-row .supplier,.order-row .go{display:none}.order-row .progress-cell{order:3;grid-column:1/-1}.progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.progress li:not(:last-child):after{display:none}.next{grid-template-columns:auto 1fr}.next .n-action{grid-area:auto/1/auto/-1}.next .n-action .btn{width:100%}.form-grid{grid-template-columns:minmax(0,1fr)}.pad{padding:18px 16px}.toolbar{position:static}.dock{left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));bottom:calc(var(--tabbar-h) + 12px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:space-between;gap:10px 14px;padding:12px}.dock .dock-text{flex:1;min-width:0}.dock .btn{flex:100%}}@media (max-width:560px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:14px}.metric b{font-size:21px}.metric .m-icon{width:32px;height:32px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product .pic-wrap{border-radius:12px;margin:6px 6px 0}.product .body{padding:10px 11px 12px}.product .name{font-size:13.5px}.price b{font-size:18px}.add .btn{flex-basis:100%}.flow,.agreed .sign{grid-template-columns:minmax(0,1fr)}.dock .dock-text small{display:none}.login-theme{width:auto;left:max(14px, env(safe-area-inset-left,0px))}}@media (prefers-reduced-motion:no-preference){.main>:not(.dock),.metrics>*,.products>*,.order-rows>*,.mail-list>*,.stack>*,.login-hero>*,.flow>li,.login,.center-wrap>*{animation:lg-rise .76s var(--spring) backwards;animation-delay:calc(var(--i,0) * 45ms + var(--d,0s))}:is(.metrics,.products,.order-rows,.mail-list,.stack,.flow)>*{--d:90ms}.login{--d:.16s}:is(.main,.metrics,.products,.order-rows,.mail-list,.stack,.flow)>:nth-child(2),.login-hero>:nth-child(2){--i:1}:is(.main,.metrics,.products,.order-rows,.mail-list,.stack,.flow)>:nth-child(3),.login-hero>:nth-child(3){--i:2}:is(.main,.metrics,.products,.order-rows,.mail-list,.stack,.flow)>:nth-child(4),.login-hero>:nth-child(4){--i:3}:is(.main,.metrics,.products,.order-rows,.mail-list,.stack,.flow)>:nth-child(5){--i:4}:is(.main,.products,.order-rows,.mail-list,.stack)>:nth-child(6){--i:5}:is(.main,.products,.order-rows,.mail-list,.stack)>:nth-child(7){--i:6}:is(.products,.order-rows,.mail-list)>:nth-child(8){--i:7}:is(.products,.order-rows,.mail-list)>:nth-child(n+9){--i:8}.products>:nth-child(n+13){--i:9}}@keyframes lg-rise{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes lg-fade-in{0%{opacity:0}}@keyframes lg-fade-out{to{opacity:0}}@keyframes lg-pop{0%{transform:scale(.4)}}@keyframes lg-bump{0%{transform:scale(1)}30%{transform:scale(1.35)}}@keyframes lg-draw{to{stroke-dashoffset:0}}@keyframes lg-fill{0%{transform:scaleX(0)}}@keyframes lg-breathe{0%{box-shadow:0 0 #14b8a673}70%,to{box-shadow:0 0 0 12px #14b8a600}}@keyframes lg-sweep{0%{background-position:-160% 0,0 0,0 0}to{background-position:260% 0,0 0,0 0}}@keyframes lg-shake{20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}@keyframes lg-dock-in{0%{clip-path:inset(0 0 0 calc(100% - 62px) round 24px);opacity:0;transform:translateY(14px)}30%{opacity:1}to{clip-path:inset(-80px round 80px)}}@keyframes lg-island-in{0%{clip-path:inset(0 calc(50% - 22px) round 999px);transform:translateY(-8px)scale(.9)}to{clip-path:inset(-60px round 999px)}}@keyframes lg-island-out{0%{clip-path:inset(-60px round 999px)}to{clip-path:inset(0 calc(50% - 22px) round 999px);opacity:0;transform:translateY(-10px)scale(.86)}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.18s}::view-transition-new(root){animation-duration:.26s}::view-transition-group(nav-ind){animation-duration:.62s;animation-timing-function:var(--spring)}::view-transition-group(tab-ind){animation-duration:.62s;animation-timing-function:var(--spring)}::view-transition-group(theme-ind){animation-duration:.62s;animation-timing-function:var(--spring)}::view-transition-old(nav-ind){display:none}::view-transition-old(tab-ind){display:none}::view-transition-old(theme-ind){display:none}::view-transition-new(nav-ind){object-fit:fill;width:100%;height:100%;animation:none}::view-transition-new(tab-ind){object-fit:fill;width:100%;height:100%;animation:none}::view-transition-new(theme-ind){object-fit:fill;width:100%;height:100%;animation:none}::view-transition-image-pair(nav-ind){animation:lg-drop-v .62s var(--ease-out)}::view-transition-image-pair(tab-ind){animation:lg-drop-h .62s var(--ease-out)}::view-transition-image-pair(theme-ind){animation:lg-drop-h .62s var(--ease-out)}@media (max-width:860px){::view-transition-image-pair(nav-ind){animation-name:lg-drop-h}}@keyframes lg-drop-v{35%{transform:scale(.9,1.22)}70%{transform:scale(1.03,.97)}}@keyframes lg-drop-h{35%{transform:scale(1.16,.84)}70%{transform:scale(.97,1.04)}}:root[data-vt=theme]::view-transition-old(root){mix-blend-mode:normal}:root[data-vt=theme]::view-transition-new(root){mix-blend-mode:normal}:root[data-vt=theme]::view-transition-old(root){animation:none}:root[data-vt=theme]::view-transition-new(root){animation:lg-reveal .76s var(--ease-out)}@keyframes lg-reveal{0%{clip-path:circle(0 at var(--vt-x,50%) var(--vt-y,0))}to{clip-path:circle(var(--vt-r,150vmax) at var(--vt-x,50%) var(--vt-y,0))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}::view-transition-image-pair(*){animation:none!important}}@media (prefers-reduced-transparency:reduce){.glass,.card,.toast,.pane:before{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--g-fill-dense)!important}.toast{background:var(--toast-bg)!important}@media (max-width:860px){.nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--g-fill-dense)!important}}body:before,body:after,#lg-bg{display:none}}@media (prefers-contrast:more){:root{--line:#0f283059;--line-strong:#0f28308c}.glass,.card{background:var(--g-fill-dense);outline:1px solid var(--line-strong)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.card,.toast,.pane:before{background:var(--g-fill-dense)}}.s-hearing{background:var(--info-soft);color:var(--info)}.s-sourcing{background:var(--warn-soft);color:var(--warn)}.s-agreed,.s-scheduled{background:var(--success-soft);color:var(--success)}.progress{grid-template-columns:repeat(7,minmax(0,1fr))}.progress li:nth-child(5){--i:4}.progress li:nth-child(6){--i:5}.progress li:nth-child(7){--i:6}.mini-steps i{width:13px}.thread{gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.msg{background:var(--fill);border-radius:14px;gap:4px;padding:12px 14px;display:grid}.msg p{white-space:pre-wrap;margin:0}.msg.answer{background:var(--info-soft)}.msg.note{background:var(--warn-soft);box-shadow:inset 0 0 0 1.5px var(--warn)}.agent-only{color:var(--warn);align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.agent-box{background:var(--warn-soft);box-shadow:inset 0 0 0 1.5px var(--warn);border-radius:16px;gap:10px;padding:14px 16px;display:grid}.mq-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.mq{background:var(--fill);border-radius:16px;align-content:start;gap:8px;padding:14px 16px;display:grid}.mq h3{margin:0;font-size:15px}.cheapest{color:var(--success);font-weight:800}.req-mark{color:var(--error);margin-left:4px}.help{color:var(--ink-3);font-size:12.5px}.field-error{color:var(--error);font-size:12.5px;font-weight:700}.notice-mail pre{background:var(--well);white-space:pre-wrap;font:inherit;border-radius:14px;margin:0;padding:16px 18px;font-size:14px;line-height:1.7}.answers dd{white-space:pre-wrap}.line-grid{grid-template-columns:minmax(140px,2fr) minmax(120px,2fr) 84px 84px 96px auto;align-items:end;gap:8px;display:grid}.todo-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.todo-list a{background:var(--fill);color:var(--ink);border-radius:14px;justify-content:space-between;gap:12px;padding:12px 14px;font-weight:700;text-decoration:none;display:flex}@media (max-width:860px){.progress{grid-template-columns:repeat(4,minmax(0,1fr))}.line-grid{grid-template-columns:1fr 1fr}}