:root{--canvas:#fffaf5;--surface:#fffdf9;--text:#651e2b;--muted:#795159;--border:#986c73;--action:#8f1830;--action-hover:#701126;--action-pressed:#580d1d;--focus:#651e2b;--info:#1d4ed8;--success:#166534;--warning:#854d0e;--danger:#b91c1c;--secondary:#fbe0de;--secondary-text:#651e2b;--muted-surface:#fbe0de;--status-queue:#795159;--status-prep:#854d0e;--status-ready:#166534;--status-delivered:#166534;--status-cancelled:#b91c1c;--radius-card:0px;--radius-control:0px;--shadow-card:none}
*{box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--canvas);color:var(--text);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}a{color:var(--action);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.button,input,select{min-height:44px}button,.button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:normal;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{border-color:var(--action);color:var(--action)}button.primary,.button.primary{color:#fff;background:var(--action);border-color:var(--action)}button.danger{color:var(--danger);border-color:var(--danger)}button:disabled{color:var(--muted);background:var(--surface);border-color:var(--border);cursor:not-allowed;opacity:1}a,button,input,select,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.025em;margin-bottom:16px;font-size:32px;line-height:1.25}h2{margin-bottom:16px;font-size:24px;line-height:1.34}h3{margin-bottom:8px;font-size:20px;line-height:1.4}p{margin-bottom:12px}p:last-child{margin-bottom:0}ul,ol{padding-left:24px}li+li{margin-top:8px}section,article,div,form{min-width:0}h1,h2,h3,p,dd,li,a,label{overflow-wrap:anywhere}.site-header{background:var(--surface);border-bottom:1px solid var(--border)}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:24px 32px;display:flex}.brand{color:var(--text);letter-spacing:-.04em;font-size:24px;font-weight:750;text-decoration:none}.brand span{letter-spacing:0;color:var(--muted);font-size:14px;font-weight:400;display:block}nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}nav a{border-radius:6px;min-height:44px;padding:10px 12px;text-decoration:none}nav a[aria-current=page]{background:var(--canvas);font-weight:700;text-decoration:underline}.app-layout{max-width:1184px;margin:0 auto;padding:32px}main{outline-offset:4px;min-width:0}.sidebar{align-items:stretch;margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:600}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.narrow{max-width:640px;margin-inline:auto}.stack{flex-direction:column;gap:24px;display:flex}.cluster{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.split{gap:24px;display:grid}.muted{color:var(--muted)}.notice{background:var(--surface);border:1px solid var(--border);color:var(--info);border-left:4px solid;border-radius:6px;gap:12px;padding:16px;display:flex}.notice.warning{color:var(--warning)}.notice.error{color:var(--danger)}.notice.success{color:var(--success)}.notice-mark{border:1.5px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:inline-flex}.field{flex-direction:column;gap:8px;display:flex}.field label,form>label{font-weight:600}input:not([type=radio]):not([type=checkbox]),select,textarea{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:#fff;border-radius:6px;padding:10px 12px}input[aria-invalid=true]{border-color:var(--danger)}input[type=radio],input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--action);flex-shrink:0}:is(label:has(input[type=radio]),label:has(input[type=checkbox])){align-items:center;gap:12px;min-height:44px;display:flex}fieldset{border:1px solid var(--border);border-radius:6px;min-width:0;padding:16px}legend{padding-inline:8px;font-weight:600}.field-error{color:var(--danger);background:var(--surface);padding:4px 0}.quantity{align-items:center;gap:8px;display:flex}.quantity input{text-align:center;font-variant-numeric:tabular-nums;max-width:100px}.quantity button{min-width:44px}.product-list{margin:0;padding:0;list-style:none}.product-row{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.product-row:last-child{border-bottom:0}.product-row+li{margin-top:0}.product-row a{align-items:center;min-height:44px;display:inline-flex}.operations-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;display:grid}.connection{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:16px;display:flex}.connection p{margin:0}.connection button{margin-left:auto}.number{font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;line-height:1.25}.ready-order .number{font-size:48px;line-height:1.17;display:block}.counts{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;gap:8px;display:grid}dt{font-weight:600}dd{margin:0 0 12px}.form-grid{gap:24px;display:grid}.destination-list{padding:0;list-style:none}.destination-list a{border-bottom:1px solid var(--border);justify-content:space-between;min-height:56px;padding:16px;text-decoration:none;display:flex}.site-footer{border-top:1px solid var(--border);max-width:1380px;color:var(--muted);margin:32px auto 0;padding:24px 32px;font-size:14px}.skip-link{background:var(--surface);z-index:100;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}dialog{border:1px solid var(--border);background:var(--surface);width:calc(100% - 32px);max-width:560px;max-height:calc(100dvh - 32px);color:var(--text);border-radius:12px;padding:24px;overflow:auto}dialog>button:last-child{margin-top:16px}dialog form{flex-direction:column;gap:16px;display:flex}summary{cursor:pointer;min-height:44px;padding-block:10px;font-weight:600}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--border);overflow-wrap:anywhere;vertical-align:top;padding:12px 8px}.session-message{margin-bottom:24px}.secret,code{overflow-wrap:anywhere;word-break:break-all}.table-wrap{max-width:100%;overflow:auto}button,a{transition:color .12s,background-color .12s}@media (min-width:768px){.split{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.form-grid{grid-template-columns:1fr 1fr}}@media (min-width:1200px){.with-sidebar{grid-template-columns:220px minmax(0,1fr);gap:32px;display:grid}.sidebar{flex-direction:column;align-self:start;align-items:stretch;position:sticky;top:24px}.operations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){h1{font-size:28px}.header-inner{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.header-inner nav{gap:0;width:100%;font-size:14px}.header-inner nav a{padding:10px 8px}.app-layout{padding:24px 16px}.panel{padding:16px}.product-row{flex-wrap:wrap;align-items:flex-start}.product-row>*{max-width:100%}.cluster>button,.cluster>.button{flex-grow:1}.connection{flex-direction:column;align-items:flex-start}.connection button{margin-left:0}.site-footer{padding:24px 16px}table:not(.keep-table),table:not(.keep-table) tbody,table:not(.keep-table) tr,table:not(.keep-table) td{display:block}table:not(.keep-table) thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}table:not(.keep-table) td{border:0;padding:8px 0}table:not(.keep-table) tr{border-bottom:1px solid var(--border);padding-block:12px}table td[data-label]:before{content:attr(data-label) ": ";font-weight:600}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body{background:var(--canvas);color:var(--text)}a{color:var(--action)}button,.button{border-radius:var(--radius-control);transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s}button:not(:disabled),.button:not(:disabled){background:var(--action);border-color:var(--action);color:#fff}button:not(:disabled):hover,.button:not(:disabled):hover{background:var(--action-hover);border-color:var(--action-hover);color:#fff}button:not(:disabled):active,.button:not(:disabled):active{background:var(--action-pressed);border-color:var(--action-pressed);color:#fff}button:disabled,.button:disabled{color:var(--muted);background:var(--muted-surface);border-color:var(--border);opacity:1}h1,h2,h3{color:var(--text);letter-spacing:-.025em;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:750;line-height:1.16}h2{font-size:1.35rem;font-weight:700;line-height:1.3}h3{font-size:1.05rem;font-weight:650;line-height:1.35}.site-header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:none}.header-inner{max-width:1280px;min-height:72px;padding:12px 32px}.brand{color:var(--action);letter-spacing:-.035em;align-items:center;gap:10px;font-size:1.35rem;display:inline-flex}.brand img{border-radius:50%;flex:none}.brand span{color:var(--muted);margin-top:2px;font-size:.8rem}.header-inner nav{gap:4px}.header-inner nav a{color:var(--text);border-radius:var(--radius-control);padding:9px 14px;font-weight:550}.header-inner nav a:hover,.header-inner nav a[aria-current=page]{color:var(--action);background:var(--secondary);text-decoration:none}.app-layout{max-width:1200px;padding:40px 32px}.app-layout.with-sidebar{max-width:1440px}.sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);gap:6px;padding:12px}.sidebar a{border-radius:var(--radius-control);min-height:44px;color:var(--text);align-items:center;padding:10px 12px;text-decoration:none;display:flex}.sidebar a:hover,.sidebar a[aria-current=page]{background:var(--secondary);color:var(--action);font-weight:650}.page-heading{margin-bottom:28px}.tracking-heading{text-align:center}.eyebrow{letter-spacing:.08em;color:var(--action);font-size:.75rem}.stack{gap:20px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px}.split{gap:24px}.split>aside.panel{position:sticky;top:20px}.split>aside.panel .stack{gap:12px}.notice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);border-left:4px solid;padding:14px 16px}.notice.warning{background:var(--surface);color:var(--warning)}.notice.error{background:var(--surface);color:var(--danger)}.notice.success{background:var(--surface);color:var(--success)}.notice-mark{border-radius:var(--radius-control);width:22px;height:22px}.field{gap:7px}.field label,form>label,legend{font-size:.92rem}input:not([type=radio]):not([type=checkbox]),select,textarea{border-color:var(--border);border-radius:var(--radius-control);background:var(--surface)}input:not([type=radio]):not([type=checkbox]):focus,select:focus,textarea:focus{border-color:var(--focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--focus) 18%,transparent)}fieldset{border-color:var(--border);border-radius:var(--radius-control)}.product-list{border-top:1px solid var(--border)}.product-row{border-color:var(--border);background:0 0;gap:20px;padding:16px 0}.product-row>div:first-child{flex:1}.product-row strong{font-size:1rem}.product-row h3{font-size:1.05rem}.product-row .muted{margin-top:4px;font-size:.875rem}.product-row p{margin-bottom:6px}.product-row button{flex:none}.operations-grid{gap:16px}.operations-grid>.panel,.counts,.connection{border-radius:var(--radius-card)}.connection{background:var(--surface);border-color:var(--border);border-radius:var(--radius-control)}.number{color:var(--action);font-variant-numeric:tabular-nums}.counts{gap:10px}.destination-list a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);margin-bottom:8px;padding:14px 16px}.destination-list a:hover{border-color:var(--action);background:var(--secondary);color:var(--action)}.site-footer{border-color:var(--border);max-width:1280px}dialog{border-color:var(--border);border-radius:var(--radius-card);box-shadow:0 20px 60px #0003}dialog::backdrop{background:#00000085}summary{border-radius:var(--radius-control)}summary:hover{color:var(--action)}table{border-radius:var(--radius-control)}th{color:var(--muted);font-size:.82rem}.skip-link{border:1px solid var(--border);border-radius:var(--radius-control);color:var(--action)}.catalog-category-select{display:none}.catalog-category-nav{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.catalog-category-nav button{flex:none}.catalog-category-nav button[aria-pressed=true]{background:var(--secondary);border-color:var(--action);color:var(--action)}.selection-cart-list{max-height:320px;margin:0;padding:0;list-style:none;overflow:auto}.selection-cart-list li{justify-content:space-between;align-items:center;gap:12px;display:flex}.selection-cart-list li>div{min-width:0}.selection-cart-list li button{flex:none}@media (min-width:768px){.split{gap:28px}.split>aside.panel{top:20px}}@media (max-width:767px){.header-inner{flex-flow:wrap;align-items:center;gap:8px;padding:12px 16px}.brand{font-size:1.15rem}.header-inner nav{flex-wrap:wrap;gap:2px;width:100%;padding-bottom:0;overflow:visible}.header-inner nav a{flex:none;padding:8px 11px}.app-layout{padding:24px 16px}.split>aside.panel{position:static}.selection-root{padding-bottom:260px}.catalog-category-select{width:100%;display:block}.catalog-category-nav{display:none}.split.selection-layout{display:block}.split.selection-layout>aside.selection-cart-summary{top:auto;inset-inline:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:30;max-height:min(42vh,360px);padding:12px;position:fixed;overflow:auto}.selection-cart-list{max-height:120px}.panel{padding:18px}.product-row{align-items:flex-start;gap:12px}.product-row>button{width:100%}.sidebar{flex-direction:row;align-items:stretch;padding:8px;overflow-x:auto}.sidebar a{white-space:nowrap;flex:none}.destination-list a{gap:12px}}@media (max-width:380px){.header-inner nav a{padding-inline:8px;font-size:.85rem}.app-layout{padding-inline:12px}.panel{padding:14px}.cluster{gap:8px}}.site-header *,.app-layout *,.site-footer *,.skip-link{font-weight:400!important}
