@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Public+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--ink-900: #14151a;--ink-700: #3a3d46;--ink-500: #6b7280;--ink-400: #9aa0ad;--ink-300: #c7cbd3;--ink-200: #e4e7ec;--ink-100: #f2f4f7;--ink-50: #f8f9fb;--white: #ffffff;--blue-700: #1b3ea8;--blue-600: #1d4ed8;--blue-500: #2563eb;--blue-50: #eef4ff;--green-600: #1f7a4d;--green-100: #e7f5ee;--red-600: #c32a1c;--red-50: #fdf4f2;--accent: var(--blue-500);--font-display: "Space Grotesk", "Public Sans", system-ui, sans-serif;--font-body: "Public Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--shadow-sm: 0 1px 2px rgb(20 21 26 / 5%), 0 1px 8px rgb(20 21 26 / 4%)}*{box-sizing:border-box}body{margin:0;background:var(--ink-50);color:var(--ink-900);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(120deg,rgb(37 99 235 / 7%),transparent 28%),linear-gradient(300deg,rgb(31 122 77 / 8%),transparent 28%),var(--ink-50)}.phone{width:min(100%,390px);height:min(844px,calc(100vh - 48px));min-height:640px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgb(20 21 26 / 10%);border-radius:34px;background:var(--ink-50);box-shadow:0 24px 80px #14151a29}.app-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;margin-top:42px;background:var(--white);border-bottom:1px solid var(--ink-200);z-index:5}.header-left{display:flex;align-items:center;gap:8px;min-width:0}.wordmark{font-family:var(--font-display);font-size:19px;font-weight:700}.header-title{overflow:hidden;font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.icon-btn{position:relative;width:36px;height:36px;display:inline-grid;place-items:center;flex-shrink:0;border:0;border-radius:8px;background:transparent;color:var(--ink-900);cursor:pointer}.cart-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--white);font-family:var(--font-mono);font-size:10px;line-height:1}.scroll-view{flex:1;overflow:auto}.screen-pad{padding:20px 16px 24px}.eyebrow{margin-bottom:8px;color:var(--ink-400);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.home-title,.detail-title{margin:0;font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.15}.home-title{margin-bottom:20px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.entry-card,.featured-row,.list-row,.product-card{text-align:left;border:1px solid var(--ink-200);background:var(--white);box-shadow:var(--shadow-sm);cursor:pointer}.entry-card{display:flex;flex-direction:column;gap:4px;min-height:94px;padding:18px;border-radius:10px}.entry-card span,.section-title,.list-row strong,.product-card strong,.featured-copy strong,.cart-copy strong{color:var(--ink-900);font-weight:600}.entry-card span,.section-title,.list-row strong{font-family:var(--font-display)}.entry-card small,.featured-copy small,.product-card small,.cart-copy small,.payment-card span{color:var(--ink-500);font-size:12px}.section-title{margin:0 0 12px;font-size:16px}.stack{display:flex;flex-direction:column;gap:10px}.featured-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:10px}.featured-copy,.product-card-body,.cart-copy{min-width:0;display:flex;flex-direction:column}.featured-copy strong,.product-card strong,.cart-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-copy span,.price-line span,.cart-copy span,.detail-price,.order-id,.subtotal-row strong,.summary-box strong{font-family:var(--font-mono)}.product-photo{display:block;object-fit:cover;background:var(--ink-100)}.product-art{position:relative;overflow:hidden}.tone-blue{background:linear-gradient(135deg,#dce8ff,#eef4ff)}.tone-green{background:linear-gradient(135deg,#dff5ea,#f3faf5)}.tone-amber{background:linear-gradient(135deg,#faefd2,#fff8e8)}.tone-pink{background:linear-gradient(135deg,#f9e4f0,#fff2f7)}.tone-slate{background:linear-gradient(135deg,#e6eaf0,#f7f8fa)}.wheel{position:absolute;bottom:18%;width:28%;aspect-ratio:1;border:3px solid rgb(20 21 26 / 35%);border-radius:50%}.wheel-a{left:17%}.wheel-b{right:17%}.frame-line{position:absolute;height:3px;border-radius:99px;background:#14151a5c;transform-origin:left center}.frame-a{left:31%;bottom:35%;width:34%;transform:rotate(-16deg)}.frame-b{left:43%;bottom:37%;width:24%;transform:rotate(27deg)}.frame-c{left:47%;bottom:51%;width:24%;transform:rotate(0)}.featured-image,.cart-image{width:64px;height:64px;flex-shrink:0;border-radius:10px}.cart-image{width:52px;height:52px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px;border-radius:10px}.list-row span:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}.row-count{color:var(--ink-400);font-family:var(--font-mono);font-size:12px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;padding:16px}.product-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border-radius:10px}.grid-image{width:100%;height:120px}.product-card-body{gap:4px;padding:10px}.price-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;font-size:13px;font-weight:600}.quick-add{width:26px;height:26px;display:inline-grid;place-items:center;flex-shrink:0;border:0;border-radius:999px;background:var(--accent);color:var(--white);cursor:pointer}.quick-add:disabled{background:var(--ink-300);cursor:not-allowed}.detail-view{display:flex;flex-direction:column;gap:12px;padding:16px}.detail-image{width:100%;height:220px;border-radius:14px}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill-row span{padding:3px 8px;border-radius:999px;background:var(--ink-100);color:var(--ink-700);font-family:var(--font-mono);font-size:11px}.detail-price{font-size:18px;font-weight:600}.detail-desc{margin:0;color:var(--ink-500);font-size:14px;line-height:1.65}.stock-note,.error-banner{color:var(--red-600);font-size:13px;font-weight:600}.error-banner{padding:10px 16px;background:var(--red-50);border-bottom:1px solid #f3a59d}.action-bar,.checkout-bar,.bottom-cart{flex-shrink:0;padding:14px 16px;border-top:1px solid var(--ink-200);background:var(--white)}.action-bar{display:flex;align-items:center;gap:12px}.stepper,.mini-stepper{display:flex;align-items:center;border:1px solid var(--ink-200);border-radius:999px}.stepper{gap:10px;padding:4px 8px}.mini-stepper{gap:8px;padding:2px}.stepper button,.mini-stepper button{display:inline-grid;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--ink-900);cursor:pointer}.stepper button{width:26px;height:26px}.mini-stepper button{width:22px;height:22px}.stepper span,.mini-stepper span{min-width:16px;text-align:center;font-family:var(--font-mono);font-size:14px}.btn{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;font-weight:600;cursor:pointer}.btn-primary{background:var(--accent);color:var(--white)}.btn-secondary{border:1px solid var(--ink-200);background:var(--white);color:var(--ink-900)}.btn:disabled{opacity:.48;cursor:not-allowed}.cart-list{padding-top:16px}.cart-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--ink-200);border-radius:10px;background:var(--white)}.cart-copy{flex:1}.cart-controls{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.remove-btn{display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;color:var(--ink-400);font-size:11px;cursor:pointer}.empty-state{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.empty-state .btn{width:auto;padding:0 16px}.subtotal-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.subtotal-row span{color:var(--ink-500);font-size:13px}.checkout-form{display:flex;flex-direction:column;gap:20px}.summary-box,.payment-card{border:1px solid var(--ink-200);border-radius:10px;background:var(--white)}.summary-box{display:flex;flex-direction:column;gap:8px;padding:14px}.summary-box>div{display:flex;justify-content:space-between;gap:10px;color:var(--ink-500);font-size:13px}.summary-box>div span{min-width:0}.summary-total{padding-top:10px;border-top:1px solid var(--ink-200);color:var(--ink-900)!important;font-size:14px!important;font-weight:600}label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;color:var(--ink-700);font-size:13px;font-weight:600}input,textarea{width:100%;border:1px solid var(--ink-200);border-radius:8px;background:var(--white);color:var(--ink-900);padding:11px 12px;outline:none;resize:none}input:focus,textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563eb29}.payment-card{display:flex;align-items:center;gap:12px;padding:14px;border-color:var(--blue-500);background:var(--blue-50)}.radio-dot{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0;border:2px solid var(--accent);border-radius:999px}.radio-dot:after{width:10px;height:10px;content:"";border-radius:999px;background:var(--accent)}.payment-card div:last-child{display:flex;flex-direction:column}.confirm-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;text-align:center}.success-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:999px;background:var(--green-100);color:var(--green-600)}.confirm-view h1{margin:0;font-family:var(--font-display);font-size:20px}.confirm-view p{max-width:260px;margin:0;color:var(--ink-500);font-size:13px;line-height:1.5}.order-id{color:var(--ink-500);font-size:13px}.qr-code{width:220px;height:220px;padding:10px;border:1px solid var(--ink-200);border-radius:10px;background:var(--white)}.bottom-cart{padding:10px 16px}.bottom-cart button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:8px;background:var(--accent);color:var(--white);padding:12px 14px;font-weight:600}.bottom-cart strong{font-family:var(--font-mono)}@media (max-width: 480px){.shell{display:block;min-height:100dvh;padding:0}.phone{width:100%;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}.app-header{margin-top:max(12px,env(safe-area-inset-top))}}