:root{color-scheme:light;--maxw: 1440px;--topbar-h: 64px;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--cc-font-sans, "Inter", system-ui, sans-serif);color:var(--cc-ink, #141414);background:var(--cc-cream, #fff);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.serif{font-family:var(--cc-font-serif, "Encode Sans Semi Expanded", system-ui, sans-serif)}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:var(--cc-white, #fff);border-bottom:1px solid var(--cc-hairline, #e6e6e6)}.topbar-inner{max-width:var(--maxw);margin:0 auto;height:var(--topbar-h);padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:14px}.brand-logo{height:34px;width:auto;display:block}.brand-mark{width:40px;height:40px;flex:none;border:2px solid var(--cc-terracotta, #c8102e);border-radius:50%;display:grid;place-items:center;font-family:var(--cc-font-serif, serif);font-size:13px;letter-spacing:.06em;color:var(--cc-terracotta, #c8102e)}.brand-name{font-family:var(--cc-font-serif, serif);font-size:19px;letter-spacing:.02em}.brand-sub{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cc-taupe, #8a8a8a);padding-left:14px;border-left:1px solid var(--cc-hairline, #e6e6e6)}.nav{display:flex;align-items:center;gap:4px}.nav a{padding:8px 14px;border-radius:10px;font-size:14px;white-space:nowrap;color:var(--cc-ink-soft, #4a4a4a)}.nav a:hover{background:var(--cc-cream-deep, #f4f4f5)}.nav a.active{color:var(--cc-terracotta, #c8102e);font-weight:600;background:var(--cc-terracotta-tint, #fbecee)}.nav .who{color:var(--cc-taupe, #8a8a8a);font-size:13px;margin-left:8px}.content{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:28px 24px 96px}.page-head{margin-bottom:20px}.page-head h1{font-family:var(--cc-font-serif, serif);font-weight:400;font-size:26px;margin:0}.page-head .sub{color:var(--cc-taupe, #8a8a8a);font-size:14px;margin-top:2px}.cutoff{display:flex;align-items:center;gap:14px;background:var(--cc-amber-tint, #fcf4e2);border:1px solid var(--cc-amber, #eba51c);border-radius:var(--radius);padding:14px 18px;margin-bottom:22px}.cutoff .dot{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--cc-amber, #eba51c);flex:none}.cutoff b{display:block;font-size:15px}.cutoff span{font-size:13px;color:var(--cc-ink-soft, #4a4a4a)}.guide{display:grid;grid-template-columns:232px 1fr;gap:28px;align-items:start}.sidebar{position:sticky;top:calc(var(--topbar-h) + 24px);display:flex;flex-direction:column;gap:2px}.cat{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:none;background:transparent;border-radius:10px;font-size:14px;color:var(--cc-ink-soft, #4a4a4a);cursor:pointer;text-align:left;width:100%}.cat:hover{background:var(--cc-cream-deep, #f4f4f5)}.cat.active{background:var(--cc-terracotta-tint, #fbecee);color:var(--cc-terracotta, #c8102e);font-weight:600}.cat .count{font-size:12px;color:var(--cc-taupe, #8a8a8a)}.cat.active .count{color:var(--cc-terracotta, #c8102e)}.section-label{font-family:var(--cc-font-serif, serif);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cc-taupe, #8a8a8a);margin:22px 0 12px}.section-label:first-child{margin-top:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:16px}.card{background:var(--cc-white, #fff);border:1px solid var(--cc-hairline, #e6e6e6);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;justify-content:space-between;min-height:128px}.card .name{font-size:15px;font-weight:500;line-height:1.35;margin-bottom:10px}.card .footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.card .price{font-size:14px;font-weight:600}.card .last-paid{font-size:11.5px;color:var(--cc-taupe, #8a8a8a);font-style:italic;margin-top:3px}.card .missing{font-size:11.5px;color:var(--cc-warning, #c8871f);margin-top:3px}.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--cc-hairline, #e6e6e6);border-radius:12px;background:#fff;overflow:hidden;flex:none}.stepper.active{border-color:var(--cc-terracotta, #c8102e)}.stepper button{width:40px;height:40px;border:none;background:transparent;color:var(--cc-terracotta, #c8102e);font-size:20px;font-weight:600;cursor:pointer}.stepper button:disabled{color:var(--cc-hairline, #e6e6e6);cursor:default}.stepper .qty{min-width:34px;text-align:center;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--cc-ink, #141414)}.reviewbar{position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--cc-white, #fff);border-top:1px solid var(--cc-hairline, #e6e6e6);box-shadow:0 -6px 24px #0000000f}.reviewbar-inner{max-width:var(--maxw);margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:flex-end;gap:16px}.btn{border:none;border-radius:12px;padding:12px 22px;font-size:14px;font-weight:600;cursor:pointer}.btn-primary{background:var(--cc-terracotta, #c8102e);color:#fff}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;border:1.5px solid var(--cc-hairline, #e6e6e6);color:var(--cc-ink, #141414)}.state{text-align:center;padding:72px 24px;color:var(--cc-taupe, #8a8a8a)}.state h2{font-family:var(--cc-font-serif, serif);font-weight:400;color:var(--cc-ink, #141414);margin:0 0 8px}.login{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px;text-align:center}.login-card .brand-mark{width:64px;height:64px;font-size:20px;margin:0 auto 16px}.login-logo{display:inline-block;margin-bottom:18px}.login-logo img{height:128px;width:auto;display:block;margin:0 auto}.field{text-align:left;margin-top:16px}.field label{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cc-taupe, #8a8a8a);margin-bottom:6px}.field input{width:100%;padding:12px 14px;border:1.5px solid var(--cc-hairline, #e6e6e6);border-radius:10px;font-size:16px;font-family:inherit}.field input:focus{outline:none;border-color:var(--cc-terracotta, #c8102e)}.error{color:var(--cc-danger, #c0392b);font-size:13px;margin-top:14px}.muted{color:var(--cc-taupe, #8a8a8a);font-size:12.5px}.brand{color:inherit}.basket{display:inline-flex;align-items:center;gap:6px}.basket-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--cc-terracotta, #c8102e);color:#fff;font-size:11px;font-weight:600;display:inline-grid;place-items:center}.field select,.field textarea{width:100%;padding:10px 12px;border:1.5px solid var(--cc-hairline, #e6e6e6);border-radius:10px;font-size:15px;font-family:inherit;background:#fff;resize:vertical}.field select:focus,.field textarea:focus{outline:none;border-color:var(--cc-terracotta, #c8102e)}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}.cart-line{display:grid;grid-template-columns:1fr auto 90px auto;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--cc-hairline, #e6e6e6)}.cart-line-info .name{font-weight:500;margin-bottom:3px}.cart-line-total{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.link-remove{border:none;background:none;color:var(--cc-taupe, #8a8a8a);font-size:12.5px;cursor:pointer;text-decoration:underline}.summary-card{position:sticky;top:calc(var(--topbar-h) + 24px);background:var(--cc-white, #fff);border:1px solid var(--cc-hairline, #e6e6e6);border-radius:var(--radius);padding:20px}.summary-card .field:first-child{margin-top:0}.summary-rows{margin-top:18px;border-top:1px solid var(--cc-hairline, #e6e6e6);padding-top:14px}.summary-rows>div{display:flex;justify-content:space-between;font-size:14px;color:var(--cc-ink-soft, #4a4a4a);padding:4px 0}.summary-rows .grand{font-size:18px;font-weight:700;color:var(--cc-ink, #141414);border-top:1px solid var(--cc-hairline, #e6e6e6);margin-top:6px;padding-top:10px}.order-list{display:flex;flex-direction:column;gap:12px}.order-card{border:1px solid var(--cc-hairline, #e6e6e6);border-radius:var(--radius);background:var(--cc-white, #fff);overflow:hidden}.order-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:none;background:none;cursor:pointer;text-align:left}.order-no{font-size:18px;margin-right:10px}.order-head-right{display:flex;align-items:center;gap:16px}.order-body{padding:0 18px 18px}.lines{width:100%;border-collapse:collapse;margin-bottom:12px}.lines td{padding:7px 0;border-top:1px solid var(--cc-hairline, #e6e6e6);font-size:14px}.lines td.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}.badge-neutral{background:#f0f0f0;color:#555}.badge-info{background:#e7effd;color:#2c62d6}.badge-active{background:var(--cc-amber-tint, #fcf4e2);color:#a9781a}.badge-success{background:#e6f4ec;color:#2f7d4f}.badge-warning{background:#f3ecf9;color:#7a3fb0}.badge-danger{background:var(--cc-terracotta-tint, #fbecee);color:var(--cc-terracotta, #c8102e)}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.panel{border:1px solid var(--cc-hairline, #e6e6e6);border-radius:var(--radius);background:var(--cc-white, #fff);padding:20px}.panel-title{font-family:var(--cc-font-serif, serif);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cc-taupe, #8a8a8a);margin-bottom:12px}.kv{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--cc-hairline, #e6e6e6);font-size:14px}.kv:first-of-type{border-top:none}.kv span{color:var(--cc-taupe, #8a8a8a)}@media (max-width: 860px){.content{padding:20px 16px 96px}.guide{grid-template-columns:1fr;gap:16px}.sidebar{position:static;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.cat{flex:none;width:auto;border:1px solid var(--cc-hairline, #e6e6e6);white-space:nowrap}.cat .count{display:none}.product-grid{grid-template-columns:1fr}.nav a{padding:8px 10px;font-size:13px}.nav .who,.brand-sub{display:none}.cart-layout{grid-template-columns:1fr;gap:20px}.summary-card{position:static}.cart-line{grid-template-columns:1fr auto;grid-template-areas:"info info" "stepper total" "remove remove";row-gap:10px}.cart-line-info{grid-area:info}.cart-line .stepper{grid-area:stepper}.cart-line-total{grid-area:total;align-self:center;text-align:right}.link-remove{grid-area:remove;text-align:left;justify-self:start}}.searchbar{margin-bottom:18px}.searchbar-field{position:relative}.searchbar-field>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--cc-taupe, #8a8a8a);pointer-events:none}.searchbar-field input{width:100%;padding:13px 42px;border:1.5px solid var(--cc-hairline, #e6e6e6);border-radius:12px;font-size:16px;font-family:inherit;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-field input:focus{outline:none;border-color:var(--cc-terracotta, #c8102e)}.searchbar-field input::-webkit-search-cancel-button{-webkit-appearance:none}.searchbar-field .clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:transparent;color:var(--cc-taupe, #8a8a8a);font-size:22px;line-height:1;cursor:pointer;border-radius:50%}.search-meta{color:var(--cc-taupe, #8a8a8a);font-size:13px;margin:0 0 14px}.bottomnav{display:none}a,button,.cat,.card,.tab{-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:translateY(1px)}.stepper button:active:not(:disabled){background:var(--cc-terracotta-tint, #fbecee)}@media (max-width: 860px){.topbar .nav{display:none}.content{padding:16px 16px 132px}.searchbar{position:sticky;top:var(--topbar-h);z-index:15;background:#fff;margin:0 -16px 12px;padding:10px 16px;border-bottom:1px solid var(--cc-hairline, #e6e6e6)}.bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--cc-hairline, #e6e6e6);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px #0000000d}.bottomnav .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0 7px;font-size:11px;color:var(--cc-taupe, #8a8a8a)}.bottomnav .tab.active{color:var(--cc-terracotta, #c8102e);font-weight:600}.bottomnav .tab>svg{display:block}.tab-icon-wrap{position:relative;display:inline-flex}.tab-badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--cc-terracotta, #c8102e);color:#fff;font-size:10px;font-weight:700;display:inline-grid;place-items:center}.reviewbar{bottom:calc(56px + env(safe-area-inset-bottom))}.reviewbar-inner{justify-content:space-between;padding:10px 16px;gap:12px}.reviewbar .muted{font-size:13px}.reviewbar .btn{white-space:nowrap}.stepper button{width:44px;height:44px}}