:root{--bg: var(--tg-theme-secondary-bg-color, #edf2f1);--surface: var(--tg-theme-bg-color, #ffffff);--ink: var(--tg-theme-text-color, #0e1a19);--ink-2: color-mix(in srgb, var(--ink) 72%, var(--surface));--muted: var(--tg-theme-hint-color, #738583);--line: color-mix(in srgb, var(--ink) 12%, var(--surface));--accent: #0a8a6e;--accent-ink: #ffffff;--accent-soft: color-mix(in srgb, var(--accent) 14%, var(--surface));--mask-a: color-mix(in srgb, var(--ink) 85%, var(--surface));--mask-b: color-mix(in srgb, var(--ink) 70%, var(--surface));--good: #0b8a0b;--warn: #b87700;--bad: #c93434;--f-display: "Unbounded", "Segoe UI", system-ui, sans-serif;--f-body: "Onest", "Segoe UI", system-ui, -apple-system, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;color-scheme:light}:root.dark{--accent: #2cc49d;--accent-ink: #03201a;--good: #2dbb4e;--warn: #e3a21a;--bad: #e66767;color-scheme:dark}:root.dark:not(.tg){--bg: #0a1110;--surface: #111b1a;--ink: #e6efed;--muted: #7e908d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--f-body)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app{display:flex;flex-direction:column;height:100%;position:relative}.tabpane{flex:1;min-height:0;display:flex;flex-direction:column}.tabpane[hidden]{display:none}.overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;background:var(--bg)}.scr{flex:1;overflow-y:auto;padding:14px 14px 24px;display:flex;flex-direction:column;gap:12px}.scr>*{flex-shrink:0}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:var(--surface);padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px))}.tabbar button{border:0;background:none;padding:6px 0;display:grid;justify-items:center;gap:3px;font-size:11px;color:var(--muted);cursor:pointer}.tabbar button svg{width:22px;height:22px}.tabbar button.on{color:var(--accent);font-weight:600}h1,h2,h3{margin:0;text-wrap:balance}h3{font-size:16px;font-weight:600}.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.sub{color:var(--muted);font-size:12.5px}.eyebrow{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:8px}.card.center{justify-items:center;text-align:center;padding:18px 12px}.card.tap{cursor:pointer;text-align:left;width:100%}.card.tap:active{transform:scale(.99)}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.kv{display:grid;gap:6px}.kv .row>span:first-child{color:var(--ink-2)}.kv .row b{font-family:var(--f-mono);font-weight:500;font-variant-numeric:tabular-nums}.list{display:grid}.list>.row{padding-block:10px;border-bottom:1px solid var(--line)}.list>.row:last-child{border-bottom:0}.list>.row.tap{cursor:pointer;position:relative;padding-right:16px}.list>.row.tap:after{content:"›";position:absolute;right:0;color:var(--muted);font-size:18px;line-height:1}.list>.row.tap:active{opacity:.6}.coin{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;font-family:var(--f-mono);font-size:10.5px;font-weight:600;background:var(--ink);color:var(--surface)}.coin.lg{width:56px;height:56px;font-size:13px}.coin.sm{width:30px;height:30px;font-size:9.5px}.lotline{display:flex;gap:10px;align-items:center;min-width:0}.ttl{font-weight:600;font-size:15px}.redact{display:inline-block;width:96px;height:22px;border-radius:5px;vertical-align:middle;background:repeating-linear-gradient(135deg,var(--mask-a) 0 5px,var(--mask-b) 5px 10px)}.redact.lg{width:190px;height:44px;border-radius:8px}.hero{font-family:var(--f-display);font-size:32px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}.hero small{font-family:var(--f-body);font-size:14px;color:var(--muted);font-weight:500}.btn{border:0;border-radius:12px;padding:13px 14px;background:var(--accent);color:var(--accent-ink);font-weight:600;cursor:pointer;width:100%;text-align:center}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--line)}.btn.sm{padding:8px 12px;font-size:13px;border-radius:9px;width:auto}.btn:disabled{opacity:.45;cursor:default}.btn.busy{opacity:.7}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--surface);white-space:nowrap;color:var(--muted)}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.pill.acc{color:var(--accent)}.pill.good{color:var(--good)}.pill.warn{color:var(--warn)}.pill.bad{color:var(--bad)}.seg{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;white-space:nowrap;cursor:pointer}.seg button.on{background:var(--ink);color:var(--surface);border-color:var(--ink)}.bal{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 8px 8px 12px}.bal b{font-family:var(--f-mono)}.heat{display:inline-flex;gap:2px;align-items:flex-end;vertical-align:middle}.heat i{width:4px;border-radius:1px;background:var(--line)}.heat i:nth-child(1){height:6px}.heat i:nth-child(2){height:9px}.heat i:nth-child(3){height:12px}.heat.mid i:nth-child(-n+2),.heat.high i,.heat.low i:nth-child(1){background:var(--accent)}.note{font-size:12.5px;color:var(--ink-2);background:var(--surface);border:1px dashed var(--line);border-radius:10px;padding:9px 11px}.delta{font-weight:600;font-size:13px;color:var(--good)}.ring{position:relative;width:64px;height:64px;flex:none}.ring svg{width:64px;height:64px;transform:rotate(-90deg)}.ring b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-mono);font-size:14px}.dim{position:fixed;inset:0;background:#050f0d73;display:flex;align-items:flex-end;z-index:30;animation:fade .15s}.sheet{background:var(--surface);width:100%;border-radius:20px 20px 0 0;padding:14px 16px calc(20px + env(safe-area-inset-bottom,0px));display:grid;gap:12px;animation:up .2s ease-out}.sheet .grab{width:36px;height:4px;border-radius:2px;background:var(--line);justify-self:center}@keyframes up{0%{transform:translateY(30px);opacity:.5}}@keyframes fade{0%{opacity:0}}.toast{position:fixed;left:12px;right:12px;top:calc(12px + env(safe-area-inset-top,0px));z-index:40;background:var(--ink);color:var(--surface);border-radius:12px;padding:11px 14px;font-size:14px;box-shadow:0 8px 24px #0003;animation:fade .15s}.toast.bad{background:var(--bad);color:#fff}.tgl{width:40px;height:24px;border-radius:999px;background:var(--line);position:relative;border:0;cursor:pointer;flex:none}.tgl:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);transition:left .15s;box-shadow:0 1px 2px #0003}.tgl.on{background:var(--accent)}.tgl.on:after{left:19px}.empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:14px}.skeleton{height:86px;border-radius:14px;background:var(--surface);border:1px solid var(--line);animation:pulse 1.2s infinite alternate}@keyframes pulse{to{opacity:.5}}.coin.img{background:none;object-fit:contain}.coin.xl{width:64px;height:64px}.filters{display:grid;gap:8px}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (max-width: 340px){.tiles{grid-template-columns:1fr}}.tile{position:relative;display:flex;flex-direction:column;gap:8px;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px;min-width:0}.tile:active{transform:scale(.985)}.tile.ended{opacity:.72}.tile.mine{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.tile .top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.tile .top-right{display:grid;justify-items:end;gap:3px}.tile .code{font-family:var(--f-mono);font-size:10.5px;color:var(--muted);letter-spacing:.02em}.free-peek{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--accent);line-height:1.2}.free-peek:before{content:"+";display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;line-height:1}.tile .qty{font-family:var(--f-display);font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1.2;overflow-wrap:anywhere}.tile .qty small{font-family:var(--f-body);font-weight:600;font-size:12px;color:var(--muted)}.tile .lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.tile .redact{width:100%;height:20px}.tile .foot{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:6px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted)}.tile .result{font-family:var(--f-mono);font-weight:600;font-size:15px;color:var(--ink)}.pill.sm{font-size:10.5px;padding:2px 7px}.pill.sm:before{width:6px;height:6px}.banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-size:13.5px;font-weight:600;cursor:pointer;border:0;width:100%;text-align:left}.banner .t{flex:1}.banner .num{font-weight:700}.banner .go{background:var(--accent-ink);color:var(--accent);border-radius:8px;padding:5px 10px;font-size:12.5px}.field{display:grid;gap:5px}.field label{font-size:12.5px;color:var(--muted)}.input{width:100%;font:inherit;font-family:var(--f-mono);font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 12px}.input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}select.input{font-family:var(--f-body);appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}.inline{display:flex;gap:8px;align-items:center}.inline .input{flex:1;min-width:0}.mono-box{font-family:var(--f-mono);font-size:12.5px;word-break:break-all;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px}.memo-box{font-family:var(--f-mono);font-size:20px;font-weight:600;letter-spacing:.08em;text-align:center;background:var(--accent-soft);color:var(--accent);border-radius:10px;padding:10px}.qr{width:172px;height:172px;justify-self:center;background:#fff;border-radius:12px;padding:6px}.qr svg{width:100%;height:100%;display:block}.warn-note{font-size:12.5px;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 8%,var(--surface));border-radius:10px;padding:9px 11px}.screen-head{display:flex;align-items:center;gap:8px}.screen-head h2{font-family:var(--f-display);font-size:19px;font-weight:700}.bigtimer{font-family:var(--f-display);font-size:40px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.how-hero{display:grid;gap:10px;padding:18px 16px;border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),var(--surface));border:1px solid var(--line)}.how-hero h2{font-family:var(--f-display);font-size:22px;font-weight:700;line-height:1.2}.how-hero p{margin:0;color:var(--ink-2);font-size:14px}.step{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px}.step svg{width:92px;height:72px;display:block}.step h3{font-size:15px;margin-bottom:3px}.step p{margin:0;font-size:13px;color:var(--ink-2);line-height:1.45}.step .n{font-family:var(--f-mono);font-size:11px;color:var(--accent);font-weight:600}.faq details{border-bottom:1px solid var(--line);padding-block:10px}.faq details:last-child{border-bottom:0}.faq summary{cursor:pointer;font-weight:600;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:10px}.faq summary:after{content:"+";color:var(--muted);font-family:var(--f-mono)}.faq details[open] summary:after{content:"−"}.faq p{margin:8px 0 0;font-size:13.5px;color:var(--ink-2)}
