:root{--bg:var(--tg-theme-bg-color,#fff);--text:var(--tg-theme-text-color,#000);--hint:var(--tg-theme-hint-color,#8e8e93);--danger:var(--tg-theme-destructive-text-color,#e53935);--separator:var(--tg-theme-section-separator-color,#80808033);--link:var(--tg-theme-link-color,#2481cc);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.35}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0}.items{margin:0;padding:0 16px;list-style:none}.items li{border-bottom:1px solid var(--separator);grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;display:grid}.items .name{overflow-wrap:anywhere}.items .price{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.items .price.missing{color:var(--danger);font-size:14px}.items .stock{color:var(--hint);font-variant-numeric:tabular-nums;grid-column:1;font-size:14px}.notice{min-height:70vh;color:var(--hint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:0 32px;display:flex}.notice svg{width:56px;height:56px}.notice p{margin:0}.loading{min-height:70vh}.banner{color:var(--hint);align-items:center;gap:8px;margin:12px 16px 0;font-size:14px;display:flex}.banner.danger{color:var(--danger)}.banner svg{flex:none;width:20px;height:20px}.banner p{margin:0}.form{flex-direction:column;gap:16px;padding:16px;display:flex}.form .banner{margin:0}.field{flex-direction:column;gap:4px;display:flex}.field>span:first-child{color:var(--hint);font-size:14px}.field .input{border-bottom:1px solid var(--separator);align-items:baseline;gap:8px;display:flex}.field .input:focus-within{border-bottom-color:var(--link)}.field:has([aria-invalid]) .input{border-bottom-color:var(--danger)}.field input{min-width:0;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:6px 0}.field .unit{color:var(--hint)}.field .error{color:var(--danger);font-size:14px}