:root{--bg: var(--tg-bg, #0f1115);--bg2: var(--tg-bg2, #171a21);--card: var(--tg-section, #1c2029);--card2: #232835;--text: var(--tg-text, #f2f3f5);--hint: var(--tg-hint, #8b93a5);--link: var(--tg-link, #5eb5f7);--button: var(--tg-button, #3390ec);--button-text: var(--tg-button-text, #ffffff);--accent: var(--tg-accent, #5eb5f7);--destructive: var(--tg-destructive, #ff5c5c);--green: #2ecc71;--green-bg: rgba(46, 204, 113, .14);--orange: #ffab40;--orange-bg: rgba(255, 171, 64, .14);--red-bg: rgba(255, 92, 92, .14);--gold: #f5c542;--brand-red: #e8212e;--border: rgba(255, 255, 255, .07);--radius: 14px;--tabbar: 62px;--safe-bottom: env(safe-area-inset-bottom, 0px)}:root[data-scheme=light]{--bg: var(--tg-bg, #ffffff);--bg2: var(--tg-bg2, #f2f2f7);--card: var(--tg-section, #ffffff);--card2: #f2f2f7;--text: var(--tg-text, #000000);--hint: var(--tg-hint, #8e8e93);--border: rgba(0, 0, 0, .07);--green-bg: rgba(46, 204, 113, .16);--orange-bg: rgba(255, 171, 64, .18)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,Segoe UI,sans-serif;overscroll-behavior:none}body{min-height:100vh}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,select{font:inherit}a{color:var(--link);text-decoration:none}.app{min-height:100vh;padding-bottom:calc(var(--tabbar) + var(--safe-bottom) + 12px)}.screen{padding:12px 14px 0;animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.topbar h1{font-size:22px;font-weight:700;margin:0;letter-spacing:-.2px}.brand{display:inline-flex;align-items:center;gap:8px}.app>header.brand{display:flex;justify-content:center;padding:10px 0 2px;color:var(--brand-red);font-size:24px;font-weight:900;letter-spacing:-.6px;text-transform:lowercase;line-height:1;-webkit-user-select:none;user-select:none}.brand .logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#3390ec,#7b5cff);display:grid;place-items:center;font-size:15px}.tabbar{position:fixed;left:0;right:0;bottom:0;height:calc(var(--tabbar) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:color-mix(in srgb,var(--bg2) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);z-index:20}.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--hint);position:relative;transition:color .15s}.tabbar button.on{color:var(--accent)}.tabbar .ico{font-size:22px;line-height:1}.tabbar .dot{position:absolute;top:8px;right:calc(50% - 18px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--destructive);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px}.card.tap:active{transform:scale(.99);background:var(--card2)}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.hint{color:var(--hint);font-size:13px}.muted{color:var(--hint)}.title{font-weight:600;font-size:15px}.h2{font-size:13px;font-weight:600;color:var(--hint);text-transform:uppercase;letter-spacing:.4px;margin:16px 0 8px 2px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge.green{background:var(--green-bg);color:var(--green)}.badge.orange{background:var(--orange-bg);color:var(--orange)}.badge.red{background:var(--red-bg);color:var(--destructive)}.badge.gray{background:var(--card2);color:var(--hint)}.badge.gold{background:#f5c54229;color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:12px;font-weight:600;font-size:14px;background:var(--card2);color:var(--text);transition:transform .1s,opacity .15s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn.primary{background:var(--button);color:var(--button-text)}.btn.ghost{background:transparent;border:1px solid var(--border)}.btn.danger{color:var(--destructive)}.btn.block{width:100%;padding:14px;font-size:16px}.btn:disabled{opacity:.45;pointer-events:none}.btn.sm{padding:7px 10px;font-size:13px;border-radius:10px}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:2px 14px 8px}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;padding:7px 12px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;transition:background .15s,color .15s}.chip.on{background:var(--button);color:var(--button-text);border-color:transparent}.chip.lock{opacity:.55}.new-pill{position:sticky;top:8px;z-index:5;display:flex;justify-content:center;margin:-4px 0 8px;pointer-events:none}.new-pill button{pointer-events:auto;background:var(--button);color:var(--button-text);padding:8px 14px;border-radius:999px;font-weight:600;font-size:13px;box-shadow:0 6px 18px #00000059;animation:pop .25s ease-out}@keyframes pop{0%{transform:translateY(-8px) scale(.95);opacity:0}to{transform:none;opacity:1}}.deal{animation:fade-in .2s ease-out}.deal.fresh{animation:slide-in .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 0 1px #3390ec73}@keyframes slide-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.deal .price{font-size:20px;font-weight:700;letter-spacing:-.3px}.deal .median{color:var(--hint);font-size:13px}.deal .meta{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--hint);font-size:12.5px;margin-top:6px}.deal .actions{display:flex;gap:8px;margin-top:10px}.deal .actions .btn{flex:1}.locked{background:var(--card2);border-radius:10px;padding:8px 10px;font-size:13px;color:var(--hint);margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.empty{text-align:center;color:var(--hint);padding:48px 16px}.empty .big{font-size:40px;margin-bottom:8px}.skeleton{background:linear-gradient(90deg,var(--card) 25%,var(--card2) 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--radius);height:112px;margin-bottom:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:30;animation:fade-in .15s}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:92vh;overflow-y:auto;background:var(--bg2);border-radius:18px 18px 0 0;padding:10px 16px calc(20px + var(--safe-bottom));z-index:31;animation:sheet-up .25s cubic-bezier(.2,.8,.2,1)}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.sheet .grip{width:36px;height:4px;border-radius:2px;background:var(--hint);opacity:.4;margin:0 auto 12px}.kv{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:14px}.kv dt{color:var(--hint)}.kv dd{margin:0;text-align:right;font-weight:500}.spark{width:100%;height:56px;display:block}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--hint);margin-bottom:6px}.input{width:100%;padding:11px 12px;border-radius:12px;background:var(--card);border:1px solid var(--border);color:var(--text);outline:none;font-size:16px}.input:focus{border-color:var(--button)}.switch{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.switch:last-child{border-bottom:0}.toggle{width:46px;height:28px;border-radius:14px;background:var(--card2);position:relative;transition:background .2s;flex:0 0 auto}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on{background:var(--green)}.toggle.on:after{transform:translate(18px)}.seg{display:flex;flex-wrap:wrap;gap:6px}.order .cond{color:var(--hint);font-size:13px;margin-top:4px}.order.paused{opacity:.6}.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 12px 12px;min-height:132px;display:flex;flex-direction:column;gap:4px}.cat .emoji{font-size:30px}.cat.soon{opacity:.85}.avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3390ec,#7b5cff);display:grid;place-items:center;font-size:22px;font-weight:700;color:#fff;overflow:hidden;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 8px;text-align:center}.stat b{display:block;font-size:18px}.stat span{font-size:11px;color:var(--hint)}.plan{border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px;background:var(--card);position:relative}.plan.current{border-color:var(--green)}.plan.best{border-color:var(--button);background:linear-gradient(180deg,rgba(51,144,236,.12),var(--card))}.plan .ribbon{position:absolute;top:-10px;right:12px;background:var(--button);color:var(--button-text);font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}.plan ul{margin:8px 0 0;padding:0 0 0 18px;color:var(--hint);font-size:13px}.plan li{margin:3px 0}.plan .price{font-size:22px;font-weight:700}.list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:0}.onb{min-height:100vh;display:flex;flex-direction:column;padding:24px 22px calc(24px + var(--safe-bottom))}.onb .art{font-size:72px;text-align:center;margin:12vh 0 24px;animation:pop .3s}.onb h2{font-size:26px;margin:0 0 10px;text-align:center}.onb p{color:var(--hint);text-align:center;font-size:16px;margin:0 0 20px}.onb .dots{display:flex;justify-content:center;gap:6px;margin:auto 0 16px}.onb .dots i{width:6px;height:6px;border-radius:3px;background:var(--hint);opacity:.4;transition:all .2s}.onb .dots i.on{width:18px;opacity:1;background:var(--accent)}.toast{position:fixed;left:14px;right:14px;bottom:calc(var(--tabbar) + var(--safe-bottom) + 12px);background:var(--card2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;z-index:40;box-shadow:0 10px 30px #0006;animation:pop .25s;display:flex;gap:10px;align-items:center}.toast .t{font-weight:600}.mainbtn{position:fixed;left:0;right:0;bottom:0;padding:10px 14px calc(10px + var(--safe-bottom));background:var(--bg2);border-top:1px solid var(--border);z-index:50}.dev-banner{background:var(--orange-bg);color:var(--orange);font-size:12px;text-align:center;padding:4px}.invite-card{display:flex;align-items:center;gap:12px;width:100%;margin:12px 0 4px;padding:12px 14px;color:var(--text);font:inherit;border:1px solid var(--border);cursor:pointer}.ref-link{margin:14px 0 12px;padding:10px 12px;border-radius:10px;background:var(--bg2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all;cursor:pointer}
