:root{--bg:#0b0b12;--bg-2:#11111b;--card:#161622;--card-2:#1c1c2b;--line:#ffffff12;--line-2:#ffffff1f;--text:#f4f4fb;--text-2:#a3a3b8;--text-3:#6d6d85;--accent:#7c5cff;--accent-2:#4f8cff;--accent-soft:#7c5cff24;--grad:linear-gradient(135deg, #7c5cff 0%, #4f8cff 100%);--gold:#f5c451;--green:#34d399;--green-soft:#34d3991f;--red:#ff5c7a;--red-soft:#ff5c7a1f;--orange:#ffa94d;--orange-soft:#ffa94d21;--shadow:0 10px 30px #00000059;--radius:18px;--radius-sm:12px;--nav-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f4f4f8;--bg-2:#ececf3;--card:#fff;--card-2:#f6f6fa;--line:#0f0f2812;--line-2:#0f0f281f;--text:#12121c;--text-2:#5d5d73;--text-3:#9494a8;--accent-soft:#7c5cff1a;--shadow:0 8px 24px #14143c14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4}body{background:radial-gradient(1200px 500px at 110% -10%, #7c5cff29, transparent 60%), radial-gradient(900px 400px at -20% -5%, #4f8cff1a, transparent 60%), var(--bg);background-attachment:fixed;min-height:100vh}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:var(--text)}a{color:var(--accent-2);text-decoration:none}.app{max-width:560px;padding:12px 16px calc(var(--nav-h) + var(--safe-b) + 24px);min-height:100vh;margin:0 auto}.app.no-nav{padding-bottom:calc(var(--safe-b) + 96px)}h1,h2,h3{letter-spacing:-.01em;margin:0}.h1{font-size:24px;font-weight:750}.h2{font-size:19px;font-weight:700}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.small{font-size:13px}.tiny{font-size:11.5px}.mono{word-break:break-all;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:13px}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.grow{flex:1;min-width:0}.center{text-align:center}.stack>*+*{margin-top:12px}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card.tight{padding:12px}.section{margin-top:24px}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.section-head button{color:var(--accent-2);font-size:14px;font-weight:600}.topbar{align-items:center;gap:12px;padding:4px 0 14px;display:flex}.avatar{background:var(--grad);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.lg{width:76px;height:76px;font-size:30px}.balance-card{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#2a1f6b 0%,#1a2a6c 55%,#13203f 100%);border:1px solid #ffffff1a;border-radius:22px;padding:18px;position:relative;overflow:hidden}.balance-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#7c5cff8c,#0000 65%);width:220px;height:220px;position:absolute;top:-90px;right:-70px}.balance-card .label{opacity:.75;font-size:13px}.balance-card .amount{letter-spacing:-.02em;margin-top:2px;font-size:32px;font-weight:800}.balance-card .amount span{opacity:.7;margin-left:6px;font-size:16px;font-weight:600}.balance-card .actions{z-index:1;gap:8px;margin-top:14px;display:flex;position:relative}.btn{-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 18px;font-size:15px;font-weight:650;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn.primary{background:var(--grad);color:#fff;box-shadow:0 8px 22px #7c5cff59}.btn.secondary{background:var(--card-2);border:1px solid var(--line-2)}.btn.glass{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24}.btn.white{color:#1b1440;background:#fff}.btn.danger{background:var(--red-soft);color:var(--red)}.btn.block{width:100%}.btn.sm{border-radius:11px;height:36px;padding:0 12px;font-size:13.5px}.icon-btn{background:var(--card-2);border:1px solid var(--line);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.input,.textarea{background:var(--card-2);border:1px solid var(--line-2);border-radius:14px;outline:none;width:100%;height:48px;padding:0 14px;transition:border-color .15s}.textarea{resize:vertical;height:auto;min-height:110px;padding:12px 14px}.input:focus,.textarea:focus{border-color:var(--accent)}.search{position:relative}.search svg{color:var(--text-3);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search .input{padding-left:42px}.field-label{color:var(--text-2);margin:0 0 6px 2px;font-size:13px;display:block}.chips{scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--card);border:1px solid var(--line);height:34px;color:var(--text-2);border-radius:999px;flex-shrink:0;padding:0 14px;font-size:13.5px;font-weight:600}.chip.active{background:var(--accent-soft);color:var(--text);border-color:#7c5cff80}.badge{letter-spacing:.03em;border-radius:7px;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:11px;font-weight:750;display:inline-flex}.badge.TOP{color:var(--gold);background:#f5c45129}.badge.NEW{background:var(--green-soft);color:var(--green)}.badge.SALE{background:var(--red-soft);color:var(--red)}.status{border-radius:8px;align-items:center;height:24px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.status.ok{background:var(--green-soft);color:var(--green)}.status.wait{background:var(--orange-soft);color:var(--orange)}.status.bad{background:var(--red-soft);color:var(--red)}.status.neutral{background:var(--card-2);color:var(--text-2)}.hscroll{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -16px;padding:2px 16px 6px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{scroll-snap-align:start;flex:0 0 172px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=520px){.grid.wide{grid-template-columns:repeat(3,minmax(0,1fr))}}.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:left;flex-direction:column;width:100%;transition:transform .1s;display:flex;overflow:hidden}.pcard:active{transform:scale(.98)}.pcard .img{aspect-ratio:4/3;background:var(--card-2);position:relative;overflow:hidden}.pcard .img img{object-fit:cover;width:100%;height:100%;display:block}.pcard .labels{flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:8px;left:8px}.pcard .labels .badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a14a6}.pcard .body{flex-direction:column;flex:1;gap:6px;padding:10px 12px 12px;display:flex}.pcard .name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:35px;font-size:14px;font-weight:650;line-height:1.25;display:-webkit-box;overflow:hidden}.pcard .meta{color:var(--text-3);gap:8px;font-size:11.5px;display:flex}.pcard .foot{justify-content:space-between;align-items:center;gap:6px;margin-top:auto;display:flex}.price{letter-spacing:-.01em;font-size:16px;font-weight:800}.price small{color:var(--text-2);margin-left:3px;font-size:11.5px;font-weight:600}.old-price{color:var(--text-3);font-size:12px;text-decoration:line-through}.buy-mini{background:var(--grad);color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.buy-mini.off{background:var(--card-2);color:var(--text-3)}.list-item{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.list-item+.list-item{margin-top:8px}.thumb{background:var(--card-2);border-radius:12px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:22px;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.cat{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:16px;align-items:center;gap:10px;padding:12px;display:flex}.cat .ico{background:var(--accent-soft);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:20px;display:grid;overflow:hidden}.cat .ico img{object-fit:cover;width:100%;height:100%}.cat .t{font-size:14px;font-weight:650}.hero-img{aspect-ratio:16/10;background:var(--card-2);margin:0 -16px;position:relative;overflow:hidden}.hero-img img{object-fit:cover;width:100%;height:100%}.hero-img:after{content:"";background:linear-gradient(transparent, var(--bg));height:70px;position:absolute;inset:auto 0 0}.stats-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px}.stat .v{font-size:16px;font-weight:750}.stat .k{color:var(--text-3);font-size:11.5px}.qty{background:var(--card-2);border:1px solid var(--line-2);border-radius:14px;align-items:center;height:48px;display:flex;overflow:hidden}.qty button{width:48px;height:100%;color:var(--text-2);font-size:22px}.qty input{text-align:center;background:0 0;border:0;outline:none;flex:1;width:60px;font-size:17px;font-weight:700}.tiers{flex-wrap:wrap;gap:8px;display:flex}.tier{background:var(--card-2);border:1px solid var(--line);text-align:center;border-radius:12px;flex:70px;padding:8px 10px}.tier.active{border-color:var(--accent);background:var(--accent-soft)}.tier .q{color:var(--text-3);font-size:11.5px}.tier .p{font-size:14px;font-weight:700}.summary .line{justify-content:space-between;padding:5px 0;font-size:14px;display:flex}.summary .line.total{border-top:1px dashed var(--line-2);margin-top:6px;padding-top:10px;font-size:17px;font-weight:800}.description{white-space:pre-wrap;color:var(--text-2);font-size:14px}.action-bar{padding:12px 16px calc(12px + var(--safe-b));background:linear-gradient(transparent, var(--bg) 30%);z-index:20;position:fixed;bottom:0;left:0;right:0}.action-bar .inner{max-width:560px;margin:0 auto}.nav{z-index:30;padding-bottom:var(--safe-b);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0}.nav .inner{max-width:560px;height:var(--nav-h);grid-template-columns:repeat(5,1fr);margin:0 auto;display:grid}.nav button{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:600;display:flex}.nav button.active{color:var(--text)}.nav button.active svg{color:var(--accent)}.item-line{background:var(--card-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.item-line+.item-line{margin-top:6px}.item-line .mono{flex:1;min-width:0}.info-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.copy-box{background:var(--card-2);border:1px solid var(--line-2);border-radius:14px;align-items:center;gap:10px;padding:12px 12px 12px 14px;display:flex}.copy-box .v{flex:1;min-width:0}.qr{background:#fff;border-radius:18px;width:200px;height:200px;margin:0 auto;padding:10px}.qr img{width:100%;height:100%}.method{background:var(--card);border:1.5px solid var(--line);text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.method.active{border-color:var(--accent);background:var(--accent-soft)}.method .mi{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.amounts{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.amounts button{background:var(--card-2);border:1px solid var(--line);border-radius:12px;height:40px;font-weight:650}.amounts button.active{border-color:var(--accent);background:var(--accent-soft)}.tx{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.tx:last-child{border-bottom:0}.tx .ti{border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.plus{color:var(--green)}.minus{color:var(--text)}.chat{flex-direction:column;gap:8px;display:flex}.msg{white-space:pre-wrap;border-radius:16px;max-width:82%;padding:10px 12px;font-size:14px}.msg.user{background:var(--grad);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.msg.admin{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:6px;align-self:flex-start}.msg .t{opacity:.6;text-align:right;margin-top:4px;font-size:10.5px}.empty{text-align:center;color:var(--text-2);padding:40px 20px}.empty .e{margin-bottom:8px;font-size:42px}.skeleton{background:linear-gradient(90deg, var(--card) 0%, var(--card-2) 50%, var(--card) 100%);border-radius:var(--radius);background-size:200% 100%;animation:1.2s infinite sk}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:3px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fullscreen{text-align:center;place-items:center;min-height:80vh;padding:24px;display:grid}.toast{z-index:100;background:var(--card-2);border:1px solid var(--line-2);box-shadow:var(--shadow);border-radius:14px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:600;animation:.2s toast-in;position:fixed;top:14px;left:50%;transform:translate(-50%)}.toast.error{border-color:#ff5c7a80}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}.notice{background:var(--accent-soft);border:1px solid #7c5cff4d;border-radius:14px;padding:12px 14px;font-size:13.5px}.notice.warn{background:var(--orange-soft);border-color:#ffa94d59}.notice.err{background:var(--red-soft);border-color:#ff5c7a59}.notice.ok{background:var(--green-soft);border-color:#34d39959}.progress{background:var(--card-2);border-radius:99px;height:6px;overflow:hidden}.progress>div{background:var(--grad);height:100%;transition:width .4s}.fade-in{animation:.22s fade}@keyframes fade{0%{opacity:0;transform:translateY(4px)}}.thumb-att{background:var(--card-2);border:1px solid var(--line-2);border-radius:12px;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid;position:relative;overflow:hidden}.thumb-att img{object-fit:cover;width:100%;height:100%}.thumb-att button{color:#fff;background:#000000a6;border-radius:50%;width:22px;height:22px;font-size:11px;position:absolute;top:3px;right:3px}.thumb-att.add{color:var(--text-2);border-style:dashed;flex-direction:column;gap:2px;display:flex}.msg .atts{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.msg .atts .thumb-att{width:84px;height:84px}.lightbox{z-index:200;background:#000000e6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lightbox img{border-radius:12px;max-width:100%;max-height:100%}.check-line{background:var(--card-2);border:1px solid var(--line);text-align:left;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.check-line+.check-line{margin-top:6px}.check-line.on{border-color:var(--accent);background:var(--accent-soft)}.check-line .box{border:2px solid var(--line-2);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.check-line.on .box{background:var(--accent);border-color:var(--accent)}.item-line.off .mono{opacity:.5;text-decoration:line-through}.tag{background:var(--card);color:var(--text-2);white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:10.5px;font-weight:700}.tag.new{background:var(--green-soft);color:var(--green)}.select-native{background:var(--card-2);border:1px solid var(--line-2);width:100%;height:48px;color:var(--text);font:inherit;border-radius:14px;padding:0 12px}.shop-logo{object-fit:cover;border-radius:12px;flex-shrink:0;width:44px;height:44px;box-shadow:0 6px 18px #00000059}.avatar.sm{width:36px;height:36px;font-size:15px}