:root{--c-primary-50:#eef2f9;--c-primary-100:#d6e0ef;--c-primary-200:#afc1de;--c-primary-300:#809cc6;--c-primary-400:#5077ad;--c-primary-500:#31558f;--c-primary-600:#284780;--c-primary-700:#213a66;--c-primary-800:#1a2d4f;--c-primary-900:#131f37;--c-accent-50:#fef4ea;--c-accent-100:#fce2c9;--c-accent-200:#f9c796;--c-accent-300:#f8ae6e;--c-accent-400:#f89e57;--c-accent-500:#ed8534;--c-accent-600:#ce6e22;--c-accent-700:#a4561b;--c-neutral-0:#fff;--c-neutral-50:#f7f8fb;--c-neutral-100:#eef1f6;--c-neutral-200:#e0e5ee;--c-neutral-300:#c7cfdc;--c-neutral-400:#9aa5b8;--c-neutral-500:#6c7689;--c-neutral-600:#4e5867;--c-neutral-700:#39414e;--c-neutral-800:#252b35;--c-neutral-900:#151a22;--c-bg-app:var(--c-neutral-50);--c-bg-surface:#fff;--c-bg-subtle:var(--c-neutral-100);--c-border:var(--c-neutral-200);--c-border-strong:var(--c-neutral-300);--c-text-primary:#1a2230;--c-text-secondary:var(--c-neutral-600);--c-text-muted:var(--c-neutral-500);--c-text-inverse:#fff;--c-link:var(--c-primary-600);--c-focus-ring:rgba(49,85,143,.35);--tone-neutral-bg:#eef1f6;--tone-neutral-border:#dde2ea;--tone-neutral-fg:#4e5867;--tone-neutral-solid:#6c7689;--tone-info-bg:#e5f0fb;--tone-info-border:#b6d6f4;--tone-info-fg:#1c66b5;--tone-info-solid:#2b7fd4;--tone-success-bg:#e4f6ec;--tone-success-border:#aee3c4;--tone-success-fg:#137a43;--tone-success-solid:#1b9e57;--tone-warning-bg:#fcf1d6;--tone-warning-border:#f4dc9b;--tone-warning-fg:#97650a;--tone-warning-solid:#e0a012;--tone-danger-bg:#fce9e7;--tone-danger-border:#f4c0bb;--tone-danger-fg:#c02a1e;--tone-danger-solid:#dc362a;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-mono:ui-monospace,"SF Mono","Roboto Mono",Menlo,Consolas,monospace;--text-xs:0.75rem;--lh-xs:1rem;--text-sm:0.875rem;--lh-sm:1.25rem;--text-base:1rem;--lh-base:1.5rem;--text-md:1.125rem;--lh-md:1.625rem;--text-lg:1.25rem;--lh-lg:1.75rem;--text-xl:1.5rem;--lh-xl:2rem;--text-2xl:1.875rem;--lh-2xl:2.375rem;--text-3xl:2.25rem;--lh-3xl:2.75rem;--text-display:3rem;--lh-display:3.5rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--ls-tight:-0.01em;--ls-normal:0;--ls-wide:0.04em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--container-max:1200px;--container-prose:640px;--sidebar-w:248px;--topbar-h:56px;--bottomnav-h:60px;--control-h-sm:36px;--control-h-md:44px;--control-h-lg:52px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--elev-0:none;--elev-1:0 1px 2px rgba(20,34,56,.06),0 1px 3px rgba(20,34,56,.1);--elev-2:0 2px 4px rgba(20,34,56,.06),0 6px 16px rgba(20,34,56,.08);--elev-3:0 10px 24px rgba(20,34,56,.12);--elev-4:0 20px 48px rgba(20,34,56,.22);--elev-focus:0 0 0 3px var(--c-focus-ring);--dur-fast:120ms;--dur-base:200ms;--ease:cubic-bezier(.2,.6,.2,1)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-base:0ms}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--c-bg-app);color:var(--c-text-primary);font-size:var(--text-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;line-height:1.2;text-wrap:pretty}img{max-width:100%;display:block}button{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--elev-focus);border-radius:var(--radius-sm)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}@media (min-width:768px){.container{padding:0 var(--space-8)}}@media (min-width:1280px){.container{padding:0 var(--space-10)}}.page{padding:var(--space-4) 0 calc(var(--bottomnav-h) + var(--space-6))}@media (min-width:768px){.page{padding:var(--space-6) 0 var(--space-12)}}.prose{max-width:var(--container-prose)}.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:var(--space-3)}.row{gap:var(--space-3)}.row,.row-wrap{display:flex;align-items:center}.row-wrap{gap:var(--space-2);flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.grow{flex:1 1;min-width:0}.muted{color:var(--c-text-muted)}.secondary{color:var(--c-text-secondary)}.faint{color:var(--c-neutral-400)}.small{font-size:var(--text-sm)}.xs{font-size:var(--text-xs)}.center{text-align:center}.hide-mobile{display:none}.hide-desktop{display:block}@media (min-width:768px){.hide-mobile{display:revert}.hide-desktop{display:none!important}}.divider{height:1px;background:var(--c-border);border:0;margin:var(--space-4) 0}.overline{font-size:var(--text-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-primary-600)}.overline,h1.page-title{font-weight:var(--fw-bold)}h1.page-title{font-size:var(--text-2xl)}@media (min-width:768px){h1.page-title{font-size:var(--text-3xl)}}.section-title{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--c-text-primary)}@media (min-width:768px){.section-title{font-size:var(--text-xl)}}.card{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--elev-1);padding:var(--space-4)}@media (min-width:768px){.card{padding:var(--space-6)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h-md);padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-base);font-weight:var(--fw-semibold);cursor:pointer;background:var(--c-bg-subtle);color:var(--c-text-primary);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease);white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-accent{background:var(--c-accent-500);color:#fff;font-weight:var(--fw-bold)}.btn-accent:hover:not(:disabled){background:var(--c-accent-600)}.btn-primary{background:var(--c-primary-500);color:#fff}.btn-primary:hover:not(:disabled){background:var(--c-primary-600)}.btn-outline{background:var(--c-bg-surface);border-color:var(--c-border-strong);color:var(--c-primary-700)}.btn-outline:hover:not(:disabled){background:var(--c-bg-app)}.btn-ghost{background:transparent;color:var(--c-primary-600)}.btn-ghost:hover:not(:disabled){background:var(--c-primary-50)}.btn-block{width:100%}.btn-lg{height:var(--control-h-lg);font-size:var(--text-md);border-radius:var(--radius-md)}.btn-sm{height:var(--control-h-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;background:transparent;color:var(--c-primary-600)}.avatar-btn,.icon-btn:hover{background:var(--c-primary-50)}.field{margin-bottom:var(--space-4)}.field:last-child{margin-bottom:0}.label{display:block;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--c-text-secondary);margin-bottom:7px}.input,.select,.textarea{width:100%;height:var(--control-h-md);padding:0 var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-bg-surface);font:inherit;font-size:var(--text-base);color:var(--c-text-primary)}.textarea{height:auto;min-height:72px;padding:var(--space-3);resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--c-primary-500);box-shadow:0 0 0 3px var(--c-focus-ring)}.hint{font-size:var(--text-xs);margin-top:6px}.hint,.searchbar{color:var(--c-text-muted)}.searchbar{display:flex;align-items:center;gap:var(--space-3);height:46px;padding:0 var(--space-4);background:var(--c-bg-subtle);border:1px solid var(--c-border);border-radius:var(--radius-pill);width:100%}.searchbar input{flex:1 1;border:0;background:transparent;font:inherit;font-size:var(--text-base);color:var(--c-text-primary);outline:none;min-width:0}.searchbar:focus-within{background:var(--c-bg-surface);border-color:var(--c-primary-500);box-shadow:0 0 0 3px var(--c-focus-ring);color:var(--c-primary-600)}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--fw-semibold);background:var(--c-bg-surface);border:1px solid var(--c-border);color:var(--c-text-secondary);cursor:pointer;white-space:nowrap}.chip.active{background:var(--c-primary-500);border-color:var(--c-primary-500);color:#fff}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--fw-semibold);border:1px solid transparent}.badge .dot{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor}.badge.neutral{background:var(--tone-neutral-bg);border-color:var(--tone-neutral-border);color:var(--tone-neutral-fg)}.badge.info{background:var(--tone-info-bg);border-color:var(--tone-info-border);color:var(--tone-info-fg)}.badge.success{background:var(--tone-success-bg);border-color:var(--tone-success-border);color:var(--tone-success-fg)}.badge.warning{background:var(--tone-warning-bg);border-color:var(--tone-warning-border);color:var(--tone-warning-fg)}.badge.danger{background:var(--tone-danger-bg);border-color:var(--tone-danger-border);color:var(--tone-danger-fg)}.grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.grid-products{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (min-width:768px){.grid-products{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}@media (min-width:1080px){.grid-products{grid-template-columns:repeat(4,1fr)}}.grid-cats{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (min-width:768px){.grid-cats{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}}.product-card{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--elev-1);transition:box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);display:flex;flex-direction:column}.product-card:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}.product-thumb{aspect-ratio:1;width:100%;object-fit:cover;background:var(--c-primary-50);color:var(--c-primary-300);display:flex;align-items:center;justify-content:center}.product-media{position:relative}.cat-badge{position:absolute;top:10px;left:10px;background:hsla(0,0%,100%,.92);color:var(--c-primary-600);font-size:9px;font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-pill)}.product-body{padding:var(--space-3)}.product-name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--c-text-primary);line-height:1.3;margin:4px 0;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard-foot{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--c-bg-subtle)}.moq-chip{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--tone-warning-fg);background:var(--tone-warning-bg);border:1px solid var(--tone-warning-border);padding:3px 9px;border-radius:var(--radius-sm)}.req-link{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--c-accent-600)}.cat-tile{position:relative;overflow:hidden;background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);box-shadow:var(--elev-1);transition:box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.cat-tile:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}.cat-tile .ring{position:absolute;right:-18px;top:-18px;width:80px;height:80px;border-radius:50%}.cat-tile .ic,.cat-tile .ring{background:var(--c-primary-50)}.cat-tile .ic{position:relative;width:48px;height:48px;border-radius:var(--radius-md);color:var(--c-primary-500);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.cat-tile .nm{position:relative;display:block;font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--c-text-primary);line-height:1.2}.cat-tile .ct-count{position:relative;display:block;font-size:var(--text-xs);color:var(--c-text-muted);margin-top:2px}.hero{position:relative;left:50%;width:100vw;margin-left:-50vw;margin-top:calc(-1 * var(--space-6));overflow:hidden;color:#fff;padding:var(--space-12) 0;background-image:radial-gradient(ellipse 70% 90% at 88% 8%,rgba(237,133,52,.22),transparent 60%),linear-gradient(135deg,var(--c-primary-500),var(--c-primary-700))}.hero-motif{position:absolute;inset:0;opacity:.5;pointer-events:none}.hero-inner{position:relative;display:flex;align-items:center;gap:var(--space-12);max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}@media (min-width:768px){.hero-inner{padding:0 var(--space-8)}}@media (min-width:1280px){.hero-inner{padding:0 var(--space-10)}}.hero-copy{flex:1 1;min-width:0}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-pill);padding:6px 14px;font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--c-primary-50);margin-bottom:var(--space-5)}.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--c-accent-400)}.hero h1{font-size:var(--text-3xl);font-weight:800;line-height:1.06;letter-spacing:-.02em;margin:0;max-width:600px}.hero h1 .accent{color:var(--c-accent-300)}.hero-sub{font-size:var(--text-md);color:var(--c-primary-100);line-height:1.6;margin:var(--space-4) 0 var(--space-6);max-width:500px}.hero-stats{display:flex;gap:var(--space-8);margin-top:var(--space-8)}.hero-stats .num{font-size:var(--text-xl);font-weight:800}.hero-stats .cap{font-size:var(--text-xs);color:var(--c-primary-200)}.hero-stats .sep{width:1px;background:hsla(0,0%,100%,.16)}.hero-mock{width:330px;flex-shrink:0;position:relative}.hero-mock-card{background:var(--c-bg-surface);border-radius:var(--radius-lg);box-shadow:0 24px 60px rgba(13,24,44,.45);overflow:hidden}.hero-mock-img{aspect-ratio:16/10;background:linear-gradient(135deg,#3b5fa0,#26406e);justify-content:center;color:hsla(0,0%,100%,.85)}.hero-mock-chip,.hero-mock-img{display:flex;align-items:center}.hero-mock-chip{top:-14px;right:-14px;background:var(--c-bg-surface);border-radius:var(--radius-md);padding:10px 13px;gap:9px}.hero-mock-bubble,.hero-mock-chip{position:absolute;box-shadow:0 12px 30px rgba(13,24,44,.3)}.hero-mock-bubble{bottom:-18px;left:-20px;background:var(--c-primary-500);color:#fff;border-radius:13px;border-bottom-left-radius:4px;padding:9px 13px;font-size:var(--text-xs);max-width:180px;line-height:1.4}.steps{display:flex;background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--elev-1)}.step-cell{flex:1 1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);position:relative}.step-cell+.step-cell:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:1px;background:var(--c-bg-subtle)}.step-cell .si{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.step-cell .sn{font-size:10px;font-weight:var(--fw-bold);letter-spacing:.05em;text-transform:uppercase;color:var(--c-neutral-400)}.step-cell .st{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--c-text-primary);line-height:1.25}.swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--c-bg-surface);border:1px solid var(--c-border-strong)}.swatch--text{height:var(--control-h-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--c-text-primary)}.swatch--color{width:28px;height:28px;border-radius:var(--radius-pill);border-color:var(--c-border)}.swatch--image{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;padding:0}.swatch--image img{width:100%;height:100%;object-fit:cover}.swatch:hover{border-color:var(--c-neutral-400)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--c-primary-500);border-color:var(--c-primary-500)}.swatch:focus-visible{outline:none;box-shadow:var(--elev-focus)}.swatch--readonly{cursor:default}.variants{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-3)}.variant{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:auto;max-width:88px;padding:0;cursor:pointer;background:transparent;border:0;text-align:center}.variant__thumb{position:relative;width:60px;height:60px;border-radius:var(--radius-md);background:var(--c-neutral-100);border:1px solid var(--c-border-strong);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.variant__thumb img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);display:block}.variant:hover .variant__thumb{border-color:var(--c-neutral-400)}.variant[aria-pressed=true] .variant__thumb{box-shadow:0 0 0 2px var(--c-primary-500);border-color:var(--c-primary-500)}.variant:focus-visible{outline:none}.variant:focus-visible .variant__thumb{box-shadow:var(--elev-focus)}.variant__check{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:var(--c-primary-500);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--c-bg-surface)}.variant__name{font:var(--fw-semibold) var(--text-xs)/1.2 var(--font-sans);color:var(--c-text-primary)}.variant__price{font:var(--text-xs)/1 var(--font-sans);color:var(--c-text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.variant-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 10px;background:var(--c-bg-subtle);border:1px solid var(--c-border);border-radius:var(--radius-md)}.variant-chip img{width:34px;height:34px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.variant-chip .vc-name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--c-text-primary);line-height:1.2}.variant-chip .vc-sku{font-size:var(--text-xs);color:var(--c-text-muted)}.table-card{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--elev-1)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}.table th{text-align:left;padding:var(--space-3) var(--space-5);background:var(--c-bg-subtle);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-text-secondary);border-bottom:1px solid var(--c-border)}.table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--c-neutral-100);color:var(--c-text-primary);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{cursor:pointer}.table tbody tr:hover td{background:var(--c-bg-app)}.table .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timeline{list-style:none;padding:0;margin:0}.tl-item{display:flex;gap:var(--space-3)}.tl-rail{flex-direction:column}.tl-dot,.tl-rail{display:flex;align-items:center}.tl-dot{width:14px;height:14px;border-radius:var(--radius-pill);flex-shrink:0;justify-content:center;color:#fff}.tl-dot.done{background:var(--tone-success-solid);border:2px solid var(--tone-success-solid)}.tl-dot.current{background:var(--c-primary-500);border:2px solid var(--c-primary-500);box-shadow:0 0 0 4px var(--c-primary-100)}.tl-dot.pending{background:var(--c-bg-surface);border:2px solid var(--c-border-strong)}.tl-line{width:2px;flex:1 1;min-height:20px;background:var(--c-border)}.tl-line.done{background:var(--tone-success-solid)}.tl-body{padding-bottom:var(--space-4)}.tl-label{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--c-text-primary)}.tl-label.pending,.tl-time{color:var(--c-neutral-400)}.tl-time{font-size:var(--text-xs)}.stepper-h{display:flex;align-items:flex-start}.stepper-h .step{flex:1 1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.stepper-h .step .seg{position:absolute;top:9px;left:-50%;right:50%;height:2px;background:var(--c-border)}.stepper-h .step .seg.done{background:var(--tone-success-solid)}.stepper-h .step .sdot{position:relative;z-index:1}.stepper-h .step .slabel{font-size:var(--text-xs);font-weight:var(--fw-semibold);margin-top:8px;line-height:1.3;max-width:92px}.chat{display:flex;flex-direction:column;background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--elev-1)}.chat-head{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-neutral-100);display:flex;align-items:center;justify-content:space-between}.chat-head h3{font-size:var(--text-base);font-weight:var(--fw-bold)}.chat-log{flex:1 1;overflow-y:auto;padding:var(--space-4);gap:var(--space-3);background:var(--c-bg-app)}.bubble-wrap,.chat-log{display:flex;flex-direction:column}.bubble-wrap{max-width:82%}.bubble-wrap.mine{align-self:flex-end;align-items:flex-end}.bubble-wrap.theirs{align-self:flex-start}.bubble-meta{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--c-text-muted);margin-bottom:3px;display:flex;align-items:center;gap:5px}.bubble-meta .staff-tag{background:var(--c-accent-400);color:#fff;border-radius:5px;padding:0 5px;font-size:9px;letter-spacing:.03em}.bubble{font-size:var(--text-sm);line-height:1.45;padding:9px var(--space-3);border-radius:13px}.bubble.theirs{background:var(--c-bg-surface);border:1px solid var(--c-border);color:var(--c-text-primary);border-bottom-left-radius:4px}.bubble.mine{background:var(--c-primary-500);color:#fff;border-bottom-right-radius:4px}.bubble-time{font-size:10px;color:var(--c-neutral-400);margin-top:3px}.chat-input{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-3);border-top:1px solid var(--c-border);background:var(--c-bg-surface)}.chat-input input{flex:1 1;height:44px;padding:0 var(--space-4);border:1px solid var(--c-border-strong);border-radius:var(--radius-pill);font:inherit;font-size:var(--text-sm);outline:none}.chat-input input:focus{border-color:var(--c-primary-500);box-shadow:0 0 0 3px var(--c-focus-ring)}.chat-send{height:44px;width:44px;border:0;border-radius:50%;background:var(--c-accent-500);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.chat-send:hover{background:var(--c-accent-600)}.chat-day{align-self:center;background:var(--c-bg-subtle);color:var(--c-text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);padding:3px var(--space-3);border-radius:var(--radius-pill)}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--c-bg-surface);border-bottom:1px solid var(--c-border)}.app-header-row{display:flex;align-items:center;gap:var(--space-3);height:60px}@media (min-width:768px){.app-header-row{height:var(--topbar-h);gap:var(--space-6)}}.brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:800;color:var(--c-primary-500);letter-spacing:-.02em}.brand .logo{width:34px;height:34px;border-radius:9px}.brand .brand-alt{color:var(--c-text-primary);font-weight:var(--fw-bold)}.nav-link{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--c-text-secondary)}.nav-link:hover{color:var(--c-primary-700)}.nav-link.on{color:var(--c-primary-600)}.mobile-search{background:var(--c-bg-surface);padding:0 var(--space-4) var(--space-3);border-bottom:1px solid var(--c-neutral-100)}.desktop-nav,.desktop-search{display:none}.header-spacer{flex:1 1}@media (min-width:768px){.desktop-search{display:flex;flex:1 1;max-width:460px}.desktop-nav{display:flex;align-items:center;gap:var(--space-6);margin-left:auto}.header-spacer{display:none}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;background:var(--c-bg-surface);border-top:1px solid var(--c-border);padding:var(--space-2) 0 calc(var(--space-2) + env(safe-area-inset-bottom, 6px))}@media (min-width:768px){.bottom-nav{display:none}}.bottom-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:var(--fw-semibold);color:var(--c-neutral-400)}.bottom-nav a.on{color:var(--c-primary-600)}.action-bar{position:-webkit-sticky;position:sticky;bottom:var(--bottomnav-h);z-index:30;background:var(--c-bg-surface);border-top:1px solid var(--c-border);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom, 0px));margin:0 calc(-1 * var(--space-4))}@media (min-width:768px){.action-bar{position:static;border:0;padding:0;margin:0}}.state{text-align:center;padding:var(--space-12) var(--space-6);flex-direction:column}.state,.state .glyph{display:flex;align-items:center}.state .glyph{width:80px;height:80px;border-radius:var(--radius-lg);justify-content:center;margin-bottom:var(--space-5)}.state .glyph.brand{background:var(--c-primary-50);color:var(--c-primary-300)}.state .glyph.danger{background:var(--tone-danger-bg);color:var(--tone-danger-solid)}.state .glyph.success{background:var(--tone-success-bg);color:var(--tone-success-solid)}.state h2{font-size:var(--text-md);font-weight:var(--fw-bold)}.state p{font-size:var(--text-sm);color:var(--c-text-muted);line-height:1.6;margin:var(--space-2) 0 var(--space-5);max-width:360px}@keyframes shimmer{to{background-position:-200px 0}}.sk{background:linear-gradient(90deg,var(--c-neutral-100) 25%,var(--c-neutral-50) 37%,var(--c-neutral-100) 63%);background-size:400px 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){.sk{animation:none}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--c-border);border-top-color:var(--c-primary-500);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);border:1px solid transparent}.alert-danger{background:var(--tone-danger-bg);border-color:var(--tone-danger-border);color:var(--tone-danger-fg)}.alert-success{background:var(--tone-success-bg);border-color:var(--tone-success-border);color:var(--tone-success-fg)}.alert-info{background:var(--tone-info-bg);border-color:var(--tone-info-border);color:var(--tone-info-fg)}.moq-note{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--tone-warning-fg);background:var(--tone-warning-bg);border:1px solid var(--tone-warning-border);padding:6px var(--space-3);border-radius:var(--radius-sm)}.scrim{position:fixed;inset:0;background:rgba(20,34,56,.45);z-index:50;display:flex;align-items:flex-end;justify-content:center}@media (min-width:768px){.scrim{align-items:center;padding:var(--space-6)}}.sheet{background:var(--c-bg-surface);width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--elev-4);padding:var(--space-3) var(--space-5) var(--space-6);max-height:92vh;overflow-y:auto}@media (min-width:768px){.sheet{max-width:460px;border-radius:var(--radius-lg);padding:var(--space-6)}}.sheet-grip{width:38px;height:4px;border-radius:var(--radius-pill);background:var(--c-border-strong);margin:2px auto var(--space-4)}@media (min-width:768px){.sheet-grip{display:none}}.stepper{display:inline-flex;align-items:center;border:1px solid var(--c-border-strong);border-radius:var(--radius-md);overflow:hidden}.stepper button{width:46px;height:46px;border:0;background:var(--c-bg-app);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}.stepper button.minus{color:var(--c-neutral-400)}.stepper button.plus{color:var(--c-primary-600)}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper .val{width:64px;text-align:center;font-size:var(--text-md);font-weight:var(--fw-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.auth-wrap{min-height:100vh;display:flex;flex-direction:column}@media (min-width:860px){.auth-wrap{flex-direction:row}}.auth-brand{display:none}@media (min-width:860px){.auth-brand{width:46%;background:var(--c-primary-500);color:#fff;padding:var(--space-12);display:flex;flex-direction:column;gap:var(--space-8)}}.auth-brand h2{font-size:var(--text-2xl);font-weight:800;line-height:1.2;max-width:380px}.auth-brand p{font-size:var(--text-base);color:var(--c-primary-100);line-height:1.6;max-width:380px;margin:var(--space-3) 0 0}.auth-form{flex:1 1;background:var(--c-bg-surface);padding:var(--space-10) var(--space-6);display:flex;flex-direction:column;justify-content:center}@media (min-width:860px){.auth-form{padding:var(--space-12) var(--space-12)}}.auth-inner{width:100%;max-width:420px;margin:0 auto}.auth-tabs{display:inline-flex;background:var(--c-bg-subtle);border-radius:var(--radius-sm);padding:4px;gap:4px;margin-bottom:var(--space-6)}.auth-tabs a{padding:8px 20px;border-radius:7px;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--c-text-muted)}.auth-tabs a.on{background:var(--c-bg-surface);color:var(--c-text-primary);box-shadow:var(--elev-1)}.pd-grid{display:grid;grid-gap:var(--space-5);gap:var(--space-5);align-items:start}@media (min-width:860px){.pd-grid{grid-template-columns:460px 1fr;gap:var(--space-10)}}.detail-grid{display:grid;grid-gap:var(--space-5);gap:var(--space-5);align-items:start}@media (min-width:900px){.detail-grid{grid-template-columns:1fr 400px;gap:var(--space-6)}}.price-card{background:var(--c-primary-500);color:#fff;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.price-card .sub{color:var(--c-primary-200);font-size:var(--text-xs)}.price-card .amt{font-size:var(--text-2xl);font-weight:800}