:root,:root[data-theme=dark]{--bg:#000;--surface:#121214;--card:#1c1c1f;--card-2:#252529;--line:#2c2c31;--text:#fff;--text-2:#9b9ba3;--text-3:#64646c;--accent:#6f5cff;--accent-soft:#6f5cff29;--primary-bg:#fff;--primary-text:#000;--up:#30d158;--down:#ff453a;--ton:#3b9eff;--usd:#26a17b;--star:#ffc93c;--shadow:0 8px 30px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f2f2f7;--surface:#fff;--card:#fff;--card-2:#ececf1;--line:#e1e1e8;--text:#0b0b0f;--text-2:#6b6b75;--text-3:#a0a0aa;--accent:#5b48f0;--accent-soft:#5b48f01f;--primary-bg:#0b0b0f;--primary-text:#fff;--up:#1a9e45;--down:#e0342b;--ton:#1677e5;--usd:#1a8a68;--star:#e0a400;--shadow:0 8px 30px #14142826;--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:none;margin:0;font-family:Inter,-apple-system,SF Pro Text,system-ui,sans-serif;font-size:15px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}img{display:block}.app{min-height:100vh;padding:12px 12px calc(84px + env(safe-area-inset-bottom));max-width:1200px;margin:0 auto}.page-title{letter-spacing:-.02em;margin:6px 4px 14px;font-size:22px;font-weight:800}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin:4px 4px 8px;font-size:11px;font-weight:700}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px}.stack{flex-direction:column;gap:8px;display:flex}.row{align-items:center;gap:8px;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--text-2)}.small{font-size:12px}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.field{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;height:44px;padding:0 12px;transition:border-color .15s;display:flex}.field:focus-within{border-color:var(--accent)}.field input{background:0 0;border:0;outline:0;flex:1;min-width:0}.field input::placeholder{color:var(--text-3)}.select-btn{background:var(--card);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:4px;min-width:0;height:44px;padding:0 7px 0 10px;font-size:13px;font-weight:500;display:flex}.select-btn.on{border-color:var(--accent);background:var(--accent-soft)}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.btn{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 10px;font-size:14.5px;font-weight:700;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45}.btn-primary{background:var(--primary-bg);color:var(--primary-text)}.btn-dark{background:var(--card-2);border:1px solid var(--line)}.btn-accent{background:var(--accent);color:#fff}.btn-danger{color:var(--down);border:1px solid var(--line);background:0 0}.icon-btn{background:var(--card-2);border:1px solid var(--line);border-radius:12px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.chip{background:var(--card);border:1px solid var(--line);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.link{color:var(--accent);font-size:13px;font-weight:600}.suggest{z-index:30;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;max-height:340px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.suggest-item{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.suggest-item:hover,.suggest-item.hl{background:var(--card-2)}.gift-thumb{background:var(--card-2);object-fit:contain;border-radius:10px;flex:none;width:36px;height:36px}.floors{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;display:grid}.floor-cell{background:var(--card);text-align:center;border-radius:10px;min-width:0;padding:8px 6px}.floor-cell .t{color:var(--text-2);justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.floor-cell .v{justify-content:center;align-items:center;gap:5px;margin-top:4px;font-size:14px;font-weight:700;display:flex}.dot{border-radius:50%;flex:none;width:10px;height:10px}.result-head{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:8px;padding:10px 12px;display:flex}.mrow{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:stretch;gap:8px;padding:8px;display:flex}.mrow-side{background:var(--card);text-align:center;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;width:64px;padding:8px 4px;font-size:11px;font-weight:600;display:flex}.mrow-side .share{color:var(--text-2);font-size:11px}.mrow-list{scrollbar-width:none;scroll-snap-type:x proximity;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.mrow-list::-webkit-scrollbar{display:none}.gcard{scroll-snap-align:start;text-align:center;flex-direction:column;flex:none;align-items:center;gap:3px;width:86px;display:flex}.gcard .num{color:var(--text-2);font-size:10.5px;font-weight:600}.gcard .pic{background:var(--card-2);object-fit:cover;border-radius:12px;width:80px;height:80px;position:relative;overflow:hidden}.gcard .badges{gap:2px;display:flex;position:absolute;top:3px;left:3px}.badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:5px;padding:2px 4px;font-size:9px;font-weight:800}.prices{flex-direction:column;align-items:flex-start;gap:1px;font-size:11px;font-weight:700;line-height:1.25;display:flex}.pline{align-items:center;gap:3px;display:flex}.empty{text-align:center;color:var(--text-2);padding:26px 16px;font-size:14px}.nav{z-index:40;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-btn{color:var(--text-3);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:10.5px;font-weight:600;display:flex}.nav-btn.on{color:var(--text);background:var(--card)}.nav-btn.on span{border-bottom:2px solid var(--accent);padding-bottom:1px}.sheet-back{z-index:50;background:#0000008c;justify-content:center;align-items:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:720px;max-height:92vh;animation:.22s cubic-bezier(.2,.9,.3,1) up;display:flex}.sheet-grip{background:var(--line);border-radius:4px;width:38px;height:4px;margin:8px auto 0}.sheet-head{align-items:center;gap:8px;padding:10px 14px;display:flex}.sheet-head h3{flex:1;margin:0;font-size:17px;font-weight:800}.sheet-body{flex:1;padding:0 14px 14px;overflow-y:auto}.sheet-foot{padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);gap:8px;display:flex}@keyframes up{0%{opacity:0;transform:translateY(40px)}}@keyframes fade{0%{opacity:0}}.group-head{color:var(--text-2);align-items:center;gap:10px;margin:14px 2px 8px;font-size:12px;display:flex}.group-head b{color:var(--text)}.tiles{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;display:grid}.tile{background:var(--card);border:1.5px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 4px 7px;display:flex;position:relative}.tile.on{border-color:var(--accent);background:var(--accent-soft)}.tile img,.tile .swatch{object-fit:contain;width:44px;height:44px}.tile .swatch{border-radius:10px}.tile .name{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:11px;font-weight:600;overflow:hidden}.tile .sub{color:var(--text-2);align-items:center;gap:2px;font-size:10.5px;font-weight:700;display:flex}.tile .check{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:4px;right:4px}.tile .letter{background:var(--card-2);width:44px;height:44px;color:var(--text-2);border-radius:10px;justify-content:center;align-items:center;font-weight:800;display:flex}:root[data-theme=dark] .pattern-img{filter:invert()}.list-item{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.list-item .pic{background:var(--card-2);object-fit:cover;border-radius:12px;flex:none;width:52px;height:52px}.up{color:var(--up)}.down{color:var(--down)}.seg{background:var(--card);border:1px solid var(--line);border-radius:12px;gap:3px;padding:3px;display:flex}.seg button{height:34px;color:var(--text-2);border-radius:9px;flex:1;font-size:13px;font-weight:600}.seg button.on{background:var(--card-2);color:var(--text);box-shadow:0 1px 3px #00000040}.switch{background:var(--card-2);border:1px solid var(--line);border-radius:99px;flex:none;width:46px;height:28px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch.on{background:var(--up);border-color:var(--up)}.switch.on:after{transform:translate(18px)}.setting{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 2px;display:flex}.setting:last-child{border-bottom:0}.stat-tiles{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}.stat .v{margin-top:4px;font-size:20px;font-weight:800}.big-pic{aspect-ratio:1;background:var(--card-2);object-fit:cover;border-radius:20px;width:100%;max-width:260px;margin:0 auto}.kv{grid-template-columns:auto 1fr auto;align-items:center;gap:6px 10px;font-size:14px;display:grid}.spinner{border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;margin:24px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--card) 0%, var(--card-2) 50%, var(--card) 100%);background-size:200% 100%;border-radius:12px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.toast{left:50%;bottom:calc(90px + env(safe-area-inset-bottom));z-index:60;background:var(--primary-bg);color:var(--primary-text);box-shadow:var(--shadow);border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;animation:.2s up;position:fixed;transform:translate(-50%)}@media (width>=720px){.app{padding-left:20px;padding-right:20px}.gcard{width:96px}.gcard .pic{width:90px;height:90px}.mrow-side{width:76px}}.btn svg,.chip svg{flex:none}