:root{--color-midnight-canvas: #05060f;--color-steel-plate: #2f343e;--color-fog-veil: #9da7ba;--color-moon-mist: #c7d3ea;--color-frost-glow: #d1e4fa;--color-ice-highlight: #d8ecf8;--gradient-ice-highlight: linear-gradient(0deg, #d8ecf8 0%, #98c0ef 100%);--color-pure-white: #ffffff;--color-void-violet: #663af3;--color-blueprint-blue: #b6d9fc;--color-ember-glow: #e46d4c;--color-signal-blue: #027dea;--color-deep-teal: #269684;--color-gridline-blue: #3f4959;--color-glass-edge: #bad7f71f;--color-luminous-fill: #c7d3ea1f;--font-untitled-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-aeonikpro: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-dotdigital: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-caption: 12px;--leading-caption: 1.33;--text-body-sm: 14px;--leading-body-sm: 1.43;--text-body: 16px;--leading-body: 1.5;--tracking-body: -.16px;--text-subheading: 18px;--leading-subheading: 1.33;--text-heading-sm: 24px;--leading-heading-sm: 1.17;--tracking-heading-sm: -.24px;--text-heading: 28px;--leading-heading: 1.14;--text-heading-lg: 44px;--leading-heading-lg: 1.16;--text-display: 48px;--leading-display: 1.17;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-unit: 4px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-36: 36px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-100: 100px;--spacing-120: 120px;--spacing-200: 200px;--page-max-width: 1200px;--section-gap: 120px;--card-padding: 24px;--element-gap: 16px;--radius-sm: 2px;--radius-md: 6px;--radius-lg: 10px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 999px;--radius-full-3: 9999px;--radius-cards: 16px;--radius-badges: 6px;--radius-inputs: 6px;--radius-modals: 16px;--radius-buttons: 999px;--radius-iconcontainers: 9999px;--shadow-sm: rgba(186, 207, 247, .32) 0px 0px 6px 0px;--shadow-md: rgba(238, 186, 247, .24) 0px 0px 12px 0px;--shadow-subtle: rgba(186, 215, 247, .12) 0px 0px 0px 1px inset;--shadow-subtle-2: rgba(199, 211, 234, .12) -.5px .5px 1px 0px inset, rgba(186, 215, 247, .08) 0px 0px 96px 0px inset;--shadow-subtle-3: rgba(186, 214, 247, .06) 0px 0px 0px 1px inset;--shadow-subtle-4: rgba(199, 211, 234, .12) 0px 1px 1px 0px inset, rgba(199, 211, 234, .05) 0px 24px 48px 0px inset, rgba(6, 6, 14, .7) 0px 24px 32px 0px;--shadow-subtle-5: rgba(255, 255, 255, .1) 0px 0px 0px 1px inset;--shadow-subtle-6: rgba(216, 236, 248, .2) 0px 1px 1px 0px inset, rgba(168, 216, 245, .06) 0px 24px 48px 0px inset, rgba(0, 0, 0, .3) 0px 16px 32px 0px;--shadow-subtle-7: rgba(216, 236, 248, .2) 0px 1px 1px 0px inset, rgba(168, 216, 245, .06) 0px 24px 48px 0px inset;--shadow-subtle-9: rgba(186, 214, 247, .24) 0px 0px 0px 1px inset;--elevation-modal: inset 0 1px 1px rgba(216, 236, 248, .2), inset 0 24px 48px rgba(168, 216, 245, .06), 0 16px 32px rgba(0, 0, 0, .3);--elevation-card: inset 0 1px 1px rgba(199, 211, 234, .12), inset 0 24px 48px rgba(199, 211, 234, .05), 0 24px 32px rgba(6, 6, 14, .7);--elevation-glow: 0 0 6px rgba(186, 207, 247, .32), 0 0 12px rgba(238, 186, 247, .24);--surface-midnight-canvas: #05060f;--surface-steel-plate: #2f343e;--surface-frosted-glass: #bad6f708;--surface-deep-glass: #05060ff7;--border-hairline: rgba(186, 215, 247, .12);--border-hairline-strong: rgba(186, 215, 247, .24);--wash-frost: rgba(186, 214, 247, .06);--wash-frost-hover: rgba(186, 214, 247, .12);--wash-field: rgba(199, 211, 234, .06)}*{box-sizing:border-box}body{margin:0;background:var(--color-midnight-canvas, #0b0d16);color:var(--color-moon-mist, #c8cede);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}.app{width:min(480px,100%);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.header{padding:18px 20px 12px;border-bottom:1px solid rgba(186,215,247,.1)}.header h1{margin:0;font-size:20px;font-weight:600;color:var(--color-pure-white, #fff)}.header .sub{margin-top:3px;font-size:12px;color:var(--color-fog-veil, #7d8598)}.scroll{flex:1;overflow-y:auto;padding:16px 20px 110px;display:flex;flex-direction:column;gap:24px}.cat{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-frost-glow, #bad7f7);margin-bottom:10px}.item{width:100%;cursor:pointer;border:0;text-align:left;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:13px 14px;border-radius:14px;margin-bottom:8px;background:#bad7f70f;box-shadow:#bad7f71f 0 0 0 1px inset;color:var(--color-frost-glow, #bad7f7);font-size:14px;font-family:inherit}.item .price{color:var(--color-moon-mist, #c8cede);font-variant-numeric:tabular-nums}.item .plus{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#bad7f71f;font-size:14px}.footer{position:fixed;bottom:0;left:0;right:0;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:#0b0d16eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(186,215,247,.12)}.footer-inner{width:min(480px,100%);margin:0 auto;display:flex;flex-direction:column;gap:10px}.cta{width:100%;cursor:pointer;border:0;padding:14px;border-radius:14px;background:#7c5cff;color:#fff;font-size:15px;font-weight:600;font-family:inherit}.cta:disabled{opacity:.55;cursor:default}.ghost{cursor:pointer;border:0;background:transparent;padding:10px;color:var(--color-frost-glow, #bad7f7);font-size:14px;font-family:inherit}.row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(186,215,247,.08)}.row .name{font-size:14px;color:var(--color-frost-glow, #bad7f7)}.row .line-total{font-variant-numeric:tabular-nums;text-align:right;min-width:60px;font-size:14px}.qty{display:flex;align-items:center;gap:8px}.qty button{width:26px;height:26px;cursor:pointer;border:0;border-radius:999px;background:#bad7f71f;color:var(--color-frost-glow, #bad7f7);font-size:15px;line-height:1;font-family:inherit}.qty span{min-width:16px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg button{cursor:pointer;border:0;padding:12px;border-radius:12px;font-size:14px;font-family:inherit;background:transparent;color:var(--color-moon-mist, #c8cede);box-shadow:#bad7f71f 0 0 0 1px inset}.seg button[data-on=true]{background:#bad7f729;color:var(--color-pure-white, #fff);box-shadow:#bad7f747 0 0 0 1px inset}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--color-moon-mist, #c8cede)}.field input{padding:12px;border-radius:12px;border:0;font-size:15px;font-family:inherit;background:#bad7f712;color:var(--color-pure-white, #fff);box-shadow:#bad7f724 0 0 0 1px inset;outline:none}.field .hint{font-size:11px;color:var(--color-fog-veil, #7d8598)}.total-row{display:flex;align-items:baseline;justify-content:space-between}.total-row .label{font-size:12px;color:var(--color-fog-veil, #7d8598)}.total-row .value{font-size:22px;font-weight:600;color:var(--color-pure-white, #fff);font-variant-numeric:tabular-nums}.center{flex:1;display:grid;place-items:center;padding:24px;text-align:center}.done{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:280px}.done .check{width:52px;height:52px;border-radius:999px;display:grid;place-items:center;background:#bad7f724;color:var(--color-frost-glow, #bad7f7);font-size:20px}.done h2{margin:0;font-size:21px;color:var(--color-pure-white, #fff)}.done .ord{font-size:13px;color:var(--color-fog-veil, #7d8598);font-variant-numeric:tabular-nums}.done p{margin:0;font-size:14px;line-height:1.5}.error-note{font-size:13px;color:#ff9d7a}.back-arrow{cursor:pointer;border:0;background:transparent;color:var(--color-frost-glow, #bad7f7);font-size:18px;padding:0 8px 0 0}.cart-head{display:flex;align-items:center;padding:16px 20px 12px}.cart-head h2{margin:0;font-size:17px;color:var(--color-pure-white, #fff)}
