:root{color-scheme:light;--bg: var(--tg-theme-bg-color, #f4f0e8);--surface: var(--tg-theme-secondary-bg-color, #fffdf9);--text: var(--tg-theme-text-color, #1a2e35);--hint: var(--tg-theme-hint-color, #5f7178);--sea: var(--tg-theme-button-color, #1f5f73);--sea-dark: #164a5a;--sea-soft: color-mix(in srgb, var(--sea) 14%, var(--surface));--foam: color-mix(in srgb, var(--sea) 10%, var(--surface));--add: #2a7a5f;--add-bg: #e8f4ee;--remove: #a8483a;--remove-bg: #faece9;--btn-text: var(--tg-theme-button-text-color, #fff);--border: rgba(26, 46, 53, .08);--border-strong: rgba(31, 95, 115, .18);--shadow: 0 10px 28px rgba(26, 46, 53, .08);--nav-bg: color-mix(in srgb, var(--surface) 92%, transparent);--hero-glow: rgba(31, 95, 115, .14);--hero-top: #e8f0ec;--pill-bg: var(--surface);--pill-deadline-bg: #fff8f0;--pill-deadline-border: rgba(168, 72, 58, .2);--pill-deadline-text: #8a3f32;--input-bg: #fff;--ok: #1f7a4d;--notice-bg: #fff4e5;--notice-text: #7a4d12;--status-done-bg: #e8edf0;--status-done-text: #4a5f68;--status-wait-bg: #fff4e5;--status-wait-text: #9a5b16;--err: #b42318;font-family:Onest,system-ui,sans-serif;color:var(--text);background:var(--bg)}[data-theme=dark]{color-scheme:dark;--bg: var(--tg-theme-bg-color, #121416);--surface: var(--tg-theme-secondary-bg-color, #1c2124);--text: var(--tg-theme-text-color, #f2f5f6);--hint: var(--tg-theme-hint-color, #9aa7ad);--sea: var(--tg-theme-button-color, #4fa3bc);--sea-dark: #2d7a90;--sea-soft: color-mix(in srgb, var(--sea) 22%, var(--surface));--foam: color-mix(in srgb, #fff 7%, var(--surface));--add: #5ecf9a;--add-bg: rgba(46, 160, 110, .22);--remove: #f08a7a;--remove-bg: rgba(200, 80, 60, .22);--btn-text: var(--tg-theme-button-text-color, #fff);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--shadow: 0 10px 28px rgba(0, 0, 0, .35);--nav-bg: color-mix(in srgb, var(--bg) 88%, transparent);--hero-glow: rgba(79, 163, 188, .18);--hero-top: color-mix(in srgb, var(--sea) 18%, var(--bg));--pill-bg: color-mix(in srgb, #fff 8%, var(--surface));--pill-deadline-bg: rgba(200, 120, 60, .22);--pill-deadline-border: rgba(240, 170, 100, .28);--pill-deadline-text: #f0c49a;--input-bg: color-mix(in srgb, #fff 6%, var(--surface));--ok: #6ed6a2;--notice-bg: rgba(200, 140, 50, .2);--notice-text: #f0c49a;--status-done-bg: rgba(255, 255, 255, .08);--status-done-text: #b7c4ca;--status-wait-bg: rgba(200, 140, 50, .2);--status-wait-text: #f0c49a;--err: #ff8a80}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text)}.page{padding:0 0 calc(4.5rem + env(safe-area-inset-bottom));max-width:520px;margin:0 auto}.page.has-nav{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.hero{padding:1.1rem 1rem 1.25rem;background:radial-gradient(ellipse 120% 80% at 0% 0%,var(--hero-glow),transparent 55%),linear-gradient(180deg,var(--hero-top) 0%,var(--bg) 100%);border-bottom:1px solid var(--border)}.brand{font-size:1.45rem;font-weight:700;margin:0;letter-spacing:-.02em;color:var(--text)}.subtitle{margin:.35rem 0 0;color:var(--hint);font-size:.92rem;line-height:1.45}.pills{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.pill{display:inline-flex;align-items:center;padding:.38rem .7rem;border-radius:999px;background:var(--pill-bg);border:1px solid var(--border-strong);font-size:.82rem;font-weight:600;color:var(--sea)}.pill-deadline{background:var(--pill-deadline-bg);border-color:var(--pill-deadline-border);color:var(--pill-deadline-text)}.catalog{padding:1rem;display:grid;gap:1rem}.card{background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}.photo-wrap{position:relative;background:var(--foam)}.photo{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.photo-placeholder{aspect-ratio:16 / 10;display:grid;place-items:center;color:var(--hint);font-size:.88rem;font-weight:500}.card-body{padding:.95rem 1rem 1.05rem;color:var(--text)}.card h2{font-size:1.05rem;font-weight:700;margin:0 0 .3rem;line-height:1.3;color:var(--text)}.price{font-size:1.12rem;font-weight:700;color:var(--sea);margin:0}.price span{font-size:.82rem;font-weight:500;color:var(--hint)}.desc{color:var(--hint);margin:.45rem 0 0;font-size:.88rem;line-height:1.45}.in-cart{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.85rem;padding:.55rem .7rem;border-radius:12px;background:var(--foam);font-size:.88rem;color:var(--text)}.in-cart strong{font-size:1rem;color:var(--sea)}.stepper-wrap{margin-top:.85rem}.stepper{display:flex;align-items:center;gap:.5rem;padding:.35rem;border-radius:14px;background:var(--foam);border:1px solid var(--border)}.stepper-btn{width:2.75rem;height:2.75rem;flex-shrink:0;border:none;border-radius:12px;font:inherit;font-size:1.35rem;font-weight:600;line-height:1;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.stepper-btn:active:not(:disabled){transform:scale(.94)}.stepper-btn:disabled{opacity:.35;cursor:not-allowed}.stepper-btn.minus{background:var(--remove-bg);color:var(--remove)}.stepper-btn.plus{background:var(--add-bg);color:var(--add)}.stepper-value{flex:1;text-align:center;min-width:0}.stepper-value strong{display:block;font-size:1.05rem;color:var(--sea)}.stepper-value span{display:block;margin-top:.1rem;font-size:.78rem;color:var(--hint)}.qty-hint{margin:.45rem 0 0;font-size:.78rem;line-height:1.4;color:var(--hint);text-align:center}.cart-bar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(520px,100%);padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);display:flex;align-items:center;gap:.75rem}.app-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(520px,100%);display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem;padding:.55rem .65rem calc(.55rem + env(safe-area-inset-bottom));background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border)}.app-nav button{position:relative;border:none;border-radius:12px;padding:.55rem .35rem;background:transparent;color:var(--hint);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}.app-nav button.on{background:var(--foam);color:var(--sea)}.app-nav button em{display:inline-block;margin-left:.2rem;padding:.05rem .35rem;border-radius:999px;background:var(--sea);color:var(--btn-text);font-size:.68rem;font-style:normal;font-weight:700}.cart-bar-info{flex:1;min-width:0;color:var(--text)}.cart-bar-info b{display:block;font-size:.95rem}.cart-bar-info span{font-size:.82rem;color:var(--hint)}.back{display:inline-flex;align-items:center;gap:.25rem;margin:0;padding:.85rem 1rem 0;background:none;border:none;color:var(--sea);font:inherit;font-weight:600;cursor:pointer}.cart-page{padding:0 1rem 1rem}.cart-page h1{font-size:1.35rem;margin:.2rem 0 .5rem;color:var(--text)}.howto{margin:0;padding-left:1.15rem;color:var(--hint);font-size:.88rem;line-height:1.55}.howto li+li{margin-top:.25rem}.muted{color:var(--hint);margin:0;font-size:.9rem;line-height:1.45}.list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.7rem}.list li{display:grid;gap:.65rem;padding:.85rem;border-radius:16px;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);color:var(--text)}.list-top{display:flex;justify-content:space-between;gap:.75rem;align-items:start}.list-top b{font-size:.95rem;line-height:1.35;flex:1;color:var(--text)}.list-meta{text-align:right;white-space:nowrap}.line-sum{display:block;font-size:.95rem;font-weight:700;color:var(--sea)}.line-qty{display:block;margin-top:.15rem;font-size:.82rem;color:var(--hint)}.total-box{margin-top:1rem;padding:1rem;border-radius:16px;background:linear-gradient(135deg,var(--sea) 0%,var(--sea-dark) 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:700}.total-old{opacity:.7;text-decoration:line-through;font-weight:600;font-size:.9rem;margin-right:.45rem}.promo-box{margin-top:1rem;padding:.85rem .9rem;border-radius:14px;background:var(--surface);border:1px solid var(--border-strong)}.promo-req{color:var(--err, #b42318);font-weight:700;text-transform:lowercase}.promo-hint{margin:0 0 .45rem;font-size:.78rem;color:var(--hint);line-height:1.35}.promo-label{display:block;font-size:.8rem;font-weight:650;color:var(--hint);margin-bottom:.4rem}.promo-row{display:flex;gap:.45rem}.promo-input{flex:1;min-width:0;font:inherit;font-size:16px;padding:.7rem .75rem;border-radius:12px;border:1px solid var(--border-strong);background:var(--input-bg);color:var(--text)}.promo-input::placeholder{color:var(--hint)}.promo-btn{padding:.7rem .9rem;background:var(--sea-soft);color:var(--sea);white-space:nowrap}.promo-btn:disabled{opacity:.55}.promo-clear{margin-top:.45rem;padding:0;border:none;background:none;color:var(--hint);font:inherit;font-size:.82rem;text-decoration:underline;cursor:pointer}.promo-ok{margin:.5rem 0 0;font-size:.88rem;color:var(--ok);font-weight:600}.btn{border:none;border-radius:14px;font:inherit;font-weight:600;cursor:pointer}.btn.primary{flex:1;padding:.85rem 1rem;background:var(--sea);color:var(--btn-text)}.btn.primary:disabled{opacity:.55;cursor:not-allowed}.btn.wide{display:block;width:100%;margin-top:1rem;padding:.9rem 1rem;background:var(--sea);color:var(--btn-text)}.btn.outline{flex:1;padding:.7rem .55rem;background:var(--surface);color:var(--sea);border:1.5px solid var(--border-strong);font-size:.82rem}.btn.outline.accent{background:var(--add-bg);color:var(--add);border-color:color-mix(in srgb,var(--add) 35%,transparent)}.profile-page{padding-top:1rem}.order-card{gap:.55rem!important}.order-meta{margin:.2rem 0 0;font-size:.78rem;color:var(--hint)}.order-compose{margin:0;font-size:.88rem;line-height:1.45;color:var(--text);white-space:pre-line}.order-sum{margin:0;font-size:1rem;font-weight:700;color:var(--sea)}.order-actions{display:flex;gap:.45rem;margin-top:.15rem}.status{flex-shrink:0;padding:.25rem .5rem;border-radius:8px;font-size:.72rem;font-weight:600;background:var(--foam);color:var(--sea)}.status-cancelled{background:var(--remove-bg);color:var(--remove)}.status-completed{background:var(--status-done-bg);color:var(--status-done-text)}.status-ready{background:var(--add-bg);color:var(--add)}.status-processing{background:var(--status-wait-bg);color:var(--status-wait-text)}.notice{margin:.75rem 0 0;padding:.7rem .8rem;border-radius:12px;background:var(--notice-bg);color:var(--notice-text);font-size:.88rem;line-height:1.45}.err{color:var(--err);font-size:.88rem;margin:.75rem 0 0}.empty{text-align:center;padding:2.5rem 1rem;color:var(--hint)}.state{min-height:70dvh;display:grid;place-content:center;text-align:center;padding:2rem 1.5rem}.state-text{color:var(--hint);margin:0}.closed h1{font-size:1.5rem;margin:0 0 .6rem;color:var(--text)}.closed p{color:var(--hint);margin:0;line-height:1.5}