:root{--ck-paper:#f5f2ec;--ck-surface:#fcfbf8;--ck-sunken:#ede9e1;--ck-field:#fffefc;--ck-line:#dcd5c8;--ck-line-soft:#e6e0d5;--ck-line-strong:#bfb6a6;--ck-ink:#1e1c19;--ck-ink-2:#48443d;--ck-ink-3:#6b655b;--ck-row-hover:#efebe3;--ck-red:#b83a22;--ck-red-tint:#fae6e0;--ck-red-line:#edb9ac;--ck-red-wash:#fdf5f2;--ck-amber:#8a5700;--ck-amber-fill:#e3a21a;--ck-amber-tint:#fbf0d6;--ck-amber-line:#ebcf8e;--ck-green:#2a7548;--ck-green-fill:#3a9a5f;--ck-green-tint:#e1f0e5;--ck-green-line:#a9d2b6;--ck-blue:#2459b0;--ck-blue-tint:#e3ebf7;--ck-blue-line:#afc4e6;--font-display:"Newsreader", Georgia, serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--radius-s:4px;--radius-m:6px;--radius-l:8px;--shadow-overlay:0 12px 32px #1e1c192e;--scrim:#1e1c1973}html,body{background:var(--ck-paper);color:var(--ck-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}*,:before,:after{box-sizing:border-box}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--ck-blue)}a:hover{color:var(--ck-ink)}:focus-visible{outline:2px solid var(--ck-blue);outline-offset:2px}svg.lucide{flex:none}@keyframes ck-spin{to{transform:rotate(360deg)}}@keyframes ck-pulse{0%,to{opacity:1}50%{opacity:.35}}.ck-spin{animation:1s linear infinite ck-spin}.ck-pulse{animation:1.4s ease-in-out infinite ck-pulse}@media (prefers-reduced-motion:reduce){.ck-spin,.ck-pulse{animation-duration:3s}}.ck-sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ck-overline{font:500 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ck-ink-3)}.ck-display{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600}.ck-mono{font-family:var(--font-mono)}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);background:var(--ck-ink);color:var(--ck-paper);font:500 11px/1.3 var(--font-body);letter-spacing:0;text-transform:none;border-radius:var(--radius-s);white-space:nowrap;z-index:60;pointer-events:none;padding:5px 7px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tip-pos=bottom]:hover:after,[data-tip-pos=bottom]:focus-visible:after{top:calc(100% + 6px);bottom:auto}[data-tip-pos=left]:hover:after,[data-tip-pos=left]:focus-visible:after{left:auto;right:0;transform:none}.ck-btn{height:var(--h,34px);border-radius:var(--radius-m);font:500 13px/1 var(--font-body);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.ck-btn--primary{background:var(--ck-ink);color:var(--ck-paper)}.ck-btn--primary:hover:not(:disabled){background:var(--ck-ink-2)}.ck-btn--secondary{background:var(--ck-surface);border-color:var(--ck-line-strong)}.ck-btn--secondary:hover:not(:disabled){background:var(--ck-sunken)}.ck-btn--outline{border-color:var(--ck-line);color:var(--ck-ink-2);background:0 0}.ck-btn--outline:hover:not(:disabled){background:var(--ck-sunken)}.ck-btn--ghost{color:var(--ck-ink-2);background:0 0}.ck-btn--ghost:hover:not(:disabled){background:var(--ck-sunken)}.ck-btn--link{color:var(--ck-blue);background:0 0;padding:0 8px}.ck-btn--link:hover:not(:disabled){background:var(--ck-blue-tint)}.ck-btn--danger{background:var(--ck-red);color:#fff;font-weight:600}.ck-btn--danger:hover:not(:disabled){background:#9e3019}.ck-btn--recover{background:var(--ck-green);color:#fff;font-weight:600}.ck-btn--recover:hover:not(:disabled){background:#22623c}.ck-btn--icon{width:var(--h,34px);padding:0}.ck-btn:disabled{opacity:.5}.ck-seg{background:var(--ck-sunken);border:1px solid var(--ck-line);border-radius:var(--radius-m);gap:2px;padding:2px;display:inline-flex}.ck-seg>button{height:var(--h,30px);border-radius:var(--radius-s);font:500 13px/1 var(--font-body);color:var(--ck-ink-2);background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:0 12px;display:inline-flex}.ck-seg>button[aria-pressed=true]{background:var(--ck-surface);border-color:var(--ck-line);color:var(--ck-ink)}.ck-input{width:100%;height:var(--h,36px);border:1px solid var(--ck-line-strong);border-radius:var(--radius-m);background:var(--ck-field);font:400 14px var(--font-body);padding:0 12px}.ck-input[aria-invalid=true]{border-color:var(--ck-red)}textarea.ck-input{resize:vertical;height:auto;padding:10px 12px;line-height:1.4}.ck-search{position:relative}.ck-search>svg{color:var(--ck-ink-3);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.ck-search>.ck-input{padding-left:34px}.ck-badge{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg);height:22px;color:var(--fg);font:600 11px/1 var(--font-mono);white-space:nowrap;align-items:center;gap:4px;padding:0 7px;display:inline-flex}.tone-ok{--fg:var(--ck-green);--bg:var(--ck-green-tint);--line:var(--ck-green-line)}.tone-warn{--fg:var(--ck-amber);--bg:var(--ck-amber-tint);--line:var(--ck-amber-line)}.tone-fail{--fg:var(--ck-red);--bg:var(--ck-red-tint);--line:var(--ck-red-line)}.tone-info{--fg:var(--ck-blue);--bg:var(--ck-blue-tint);--line:var(--ck-blue-line)}.tone-idle{--fg:var(--ck-ink-3);--bg:var(--ck-sunken);--line:var(--ck-line)}.ck-panel{border:1px solid var(--ck-line);border-radius:var(--radius-m);background:var(--ck-surface);min-width:0}.ck-note{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg);font:400 13px/1.4 var(--font-body);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.ck-note>svg{color:var(--fg);margin-top:1px}.ck-scrim{background:var(--scrim);z-index:40;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.ck-dialog{background:var(--ck-surface);border:1px solid var(--ck-line);border-radius:var(--radius-l);width:100%;box-shadow:var(--shadow-overlay)}.ck-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.ck-empty__icon{background:var(--ck-sunken);width:44px;height:44px;color:var(--ck-ink-2);border-radius:50%;place-items:center;display:grid}.ck-tabbar{background:var(--ck-surface);border-top:1px solid var(--ck-line);flex:none;display:grid}.ck-tabbar>button{color:var(--ck-ink-3);font:500 11px/1 var(--font-body);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.ck-tabbar>button[aria-current=page]{color:var(--ck-ink);font-weight:600}.ck-tabbar>button[aria-current=page]:before{content:"";background:var(--ck-ink);height:2px;position:absolute;top:0;left:28%;right:28%}.app{background:var(--ck-paper);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.app__header{background:var(--ck-surface);border-bottom:1px solid var(--ck-line);flex:none;align-items:center;gap:14px;display:flex}.app__wordmark{font:600 21px/1 var(--font-display);letter-spacing:-.01em;color:var(--ck-ink);white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:0}.app__address{border:1px solid var(--ck-line);border-radius:var(--radius-m);height:34px;font:500 13px/1 var(--font-body);color:var(--ck-ink-2);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;display:flex}.app__address--mobile{height:44px;font:500 12px/1 var(--font-mono);border:0;gap:5px;padding:0 4px}.app__account{color:var(--ck-ink);gap:8px;padding:0 10px 0 4px}.app__avatar{background:var(--ck-ink);width:26px;height:26px;color:var(--ck-paper);font:600 11px/1 var(--font-mono);border-radius:4px;place-items:center;display:grid}.app__avatar--l{border-radius:6px;width:40px;height:40px;font-size:14px}.app__banner{background:var(--ck-amber-tint);border-bottom:1px solid var(--ck-amber-line);color:var(--ck-amber);font:500 13px/1.35 var(--font-body);flex:none;align-items:center;gap:10px;display:flex}.app__banner>span{color:var(--ck-ink)}.app__scroll{flex:1;min-height:0;overflow:auto}.app__grid{align-items:start;gap:24px;max-width:1240px;margin:0 auto;display:grid}.app__main{flex-direction:column;gap:18px;min-width:0;display:flex}.app__muted{font:400 14px/1.45 var(--font-body);color:var(--ck-ink-3);text-wrap:pretty;margin:0}.app__cartbar{background:var(--ck-paper);border-top:1px solid var(--ck-line);flex:none;padding:8px 12px}.app__cartbar>button{border-radius:var(--radius-m);background:var(--ck-ink);width:100%;height:48px;color:var(--ck-paper);font:600 14px/1 var(--font-body);border:0;align-items:center;gap:10px;padding:0 16px;display:flex}.app__badge{background:var(--ck-ink);min-width:17px;height:17px;color:var(--ck-paper);font:600 10px/1 var(--font-mono);border:2px solid var(--ck-surface);border-radius:9px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-5px;right:-10px}.tile{border:1px solid var(--ck-line);border-radius:var(--radius-m);background:var(--ck-surface);color:var(--ck-ink);text-align:left;padding:0;display:flex;overflow:hidden}.tile--link:hover:not(:disabled){border-color:var(--ck-line-strong)}.placeholder-img{background:repeating-linear-gradient(135deg,#ede9e1 0 6px,#e6e1d7 6px 12px);flex:none;align-items:flex-end;min-height:96px;padding:8px;display:flex;position:relative}.placeholder-img>span{font:400 10px/1 var(--font-mono);color:var(--ck-ink-2);background:#fcfbf8d9;border-radius:3px;padding:3px 5px}.skeleton{background:var(--ck-sunken);border-radius:3px}.rows{background:var(--ck-line-soft);border:1px solid var(--ck-line);border-radius:var(--radius-m);gap:1px;display:grid;overflow:hidden}.rows>*{background:var(--ck-surface)}.order-row{text-align:left;color:var(--ck-ink);border:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.order-row:hover{background:var(--ck-row-hover)!important}.chip{font:500 11px/1 var(--font-mono);border:1px solid var(--ck-line);color:var(--ck-ink-2);background:var(--ck-sunken);border-radius:4px;padding:3px 6px}.inline-icon{align-items:center;gap:4px;display:flex}.add-btn:hover:not(:disabled){background:var(--ck-ink);color:var(--ck-paper);border-color:var(--ck-ink)}.stepper{height:var(--size);border:1px solid var(--ck-line-strong);border-radius:var(--radius-m);background:var(--ck-surface);align-items:center;display:inline-flex;overflow:hidden}.stepper--strong{border-color:var(--ck-ink)}.stepper>button{width:var(--size);background:0 0;border:0;place-items:center;height:100%;display:grid}.stepper>button:hover{background:var(--ck-sunken)}.stepper>span{text-align:center;min-width:26px;font:600 14px/1 var(--font-mono)}.cart{flex-direction:column;display:flex;top:24px}.cart__head{border-bottom:1px solid var(--ck-line-soft);justify-content:space-between;align-items:baseline;gap:8px;padding:14px 16px;display:flex}.cart__remove{width:var(--hit-s);height:var(--hit-s);border-radius:var(--radius-m);color:var(--ck-ink-3);background:0 0;border:0;place-items:center;display:grid}.cart__remove:hover{background:var(--ck-red-tint);color:var(--ck-red)}.cart__totals{font:400 13px/1.3 var(--font-body);color:var(--ck-ink-2);grid-template-columns:1fr auto;gap:7px 12px;margin:0;padding:10px 16px 12px;display:grid}.cart__totals dd{font-family:var(--font-mono);text-align:right;margin:0}.cart__totals .cart__total{border-top:1px solid var(--ck-line);font:600 15px/1.2 var(--font-body);color:var(--ck-ink);padding-top:9px}.cart__totals dd.cart__total{font-family:var(--font-mono)}.cart__help{width:22px;height:22px;color:var(--ck-ink-3);cursor:help;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.checkout__section{flex-direction:column;gap:10px;padding:16px;display:flex}.checkout__section+.checkout__section{border-top:1px solid var(--ck-line-soft)}.pay-option{min-height:var(--hit);border-radius:var(--radius-m);cursor:pointer;border:1px solid;align-items:center;gap:12px;padding:8px 12px;display:flex}.pay-option input{accent-color:var(--ck-ink);width:16px;height:16px;margin:0}.timeline{margin:0;padding:18px 16px 2px;list-style:none}.timeline>li{grid-template-columns:28px minmax(0,1fr) auto;gap:12px;padding-bottom:18px;display:grid;position:relative}.timeline__line{width:2px;position:absolute;top:30px;bottom:2px;left:13px}.timeline__dot{background:var(--bg);width:28px;height:28px;color:var(--fg);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid}.auth{flex-direction:column;gap:14px;max-width:420px;padding:22px 22px 20px;display:flex}.auth__field{font:500 13px/1 var(--font-body);flex-direction:column;gap:6px;display:flex}
