@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/flow-free-tracker/assets/Geist-Variable-latin-BGnTDqni.woff2)format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/flow-free-tracker/assets/GeistMono-Variable-latin-pyAoGB9p.woff2)format("woff2")}:root{--background:#07090d;--surface:#11141bc7;--surface-strong:#151922f0;--border:#ffffff17;--border-strong:#ffffff26;--foreground:#f6f7f9;--muted:#979eab;--subtle:#6f7684;--accent:#7bf0b0;--accent-strong:#57d991;--flow-green:#51e79a;--flow-red:#ff6178;--flow-yellow:#f4cd5e;--flow-blue:#5ea5ff;--flow-orange:#ff994f;--font-sans:"Geist", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Geist Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{min-height:100vh;color:var(--foreground);font-family:var(--font-sans);margin:0}a{color:var(--subtle);text-decoration:underline}button,input,textarea{font:inherit}button{color:inherit}::selection{background:#7bf0b040}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ambient-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-glow,.ambient-flow{display:block;position:absolute}.ambient-glow{filter:blur(95px);opacity:.13;border-radius:50%;width:42rem;height:42rem}.ambient-glow-one{background:#7badff;top:-20rem;right:-13rem}.ambient-glow-two{background:#ff91a9;bottom:-24rem;left:-18rem}.ambient-flow{filter:blur(32px);opacity:.13;border-style:solid;border-radius:50%}.ambient-flow-one{border-width:2.2rem;border-color:#83e7b7 #83e7b7 #0000 #0000;width:62rem;height:25rem;top:11rem;left:-34rem}.ambient-flow-two{border-width:2.6rem;border-color:#0000 #0000 #ffdb9d #ffdb9d;width:54rem;height:38rem;top:33rem;right:-34rem}.site-shell{z-index:1;width:min(100% - 2rem,48rem);margin:0 auto;padding:4.5rem 0 3rem;position:relative}.hero{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem;display:flex}.hero-copy{max-width:34rem}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .65rem;font-size:.9rem;font-weight:700;line-height:1.2}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;margin-bottom:.85rem;font-size:clamp(2.6rem,8vw,4rem);font-weight:680;line-height:.95}.hero-description{color:#b8bec9;margin-bottom:0;font-size:1.04rem;line-height:1.6}.backup-button,.primary-button,.secondary-button,.reset-button,.icon-button{border:1px solid var(--border-strong);cursor:pointer;border-radius:.75rem;transition:background .16s,border-color .16s,transform .16s}.backup-button{color:#cdd2da;background:#0f1219c7;flex:none;align-items:center;gap:.55rem;min-height:2.7rem;padding:.7rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex}.backup-button span{color:var(--accent);font-size:1.05rem}.backup-button:hover,.secondary-button:hover,.icon-button:hover{background:#ffffff14;border-color:#ffffff40}.backup-button:active,.primary-button:active,.secondary-button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.summary-card,.game-tabs,.group-card{border:1px solid var(--border);box-shadow:0 18px 50px #0000003b,inset 0 1px #ffffff06}.summary-card{background:#0f1219c7;border-radius:1rem;margin-bottom:1rem;overflow:hidden}.summary-header{justify-content:space-between;align-items:center;padding:1.05rem 1.15rem .75rem;display:flex}.summary-header .eyebrow{margin:0}.summary-header>span{color:var(--subtle);font-size:.72rem}.summary-row{border-top:1px solid var(--border);grid-template-columns:minmax(7rem,.8fr) 1fr 1.45fr;align-items:center;gap:1rem;min-height:4.5rem;padding:.9rem 1.15rem;display:grid}.summary-label{font-size:.92rem;font-weight:630}.summary-metric{flex-direction:column;gap:.2rem;min-width:0;display:flex}.summary-value{color:#f3f5f7;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.summary-value span{color:#8a919e}.summary-caption{color:var(--subtle);font-family:var(--font-mono);letter-spacing:.015em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.65rem;overflow:hidden}.progress-value{color:#d4d4d4}.chart-card-header{border-bottom:1px solid var(--border);min-height:3.55rem;padding-bottom:1.05rem}.game-chart-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:0;display:grid}.chart-pane{min-width:0;padding:1.05rem 1rem 1.15rem}.chart-pane h2{color:#cdd2da;text-align:center;margin:0 0 .35rem;font-size:.78rem;font-weight:600}.game-chart-canvas{height:16.5rem}.charts-empty-state{min-height:14rem;color:var(--muted);text-align:center;place-items:center;padding:2rem;font-size:.86rem;display:grid}.chart-toggle{color:#aeb4be;cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:none;padding:0;font-size:.72rem;font-weight:600}.chart-toggle:hover{color:#f3f5f7}.pack-chart-scroll{padding:.65rem 1rem .85rem}.pack-chart-scroll.is-expanded{scrollbar-color:#ffffff29 transparent;scrollbar-width:thin;max-height:min(72vh,54rem);overflow-y:auto}.pack-chart-canvas{min-width:0}.game-tabs{z-index:5;background:#0c0e14db;border-radius:.9rem;grid-template-columns:repeat(5,1fr);gap:.25rem;margin:1rem 0 1.6rem;padding:.3rem;display:grid;position:sticky;top:.75rem}.game-tabs button{--game-accent:#77808d;color:#777f8c;cursor:pointer;background:0 0;border:0;border-radius:.65rem;flex-direction:column;justify-content:center;gap:.45rem;min-width:0;min-height:2.85rem;padding:.55rem .4rem .5rem;font-size:.78rem;font-weight:620;transition:color .16s,background .16s,box-shadow .16s;display:flex}.game-tabs button[data-color=green]{--game-accent:var(--flow-green)}.game-tabs button[data-color=red]{--game-accent:var(--flow-red)}.game-tabs button[data-color=yellow]{--game-accent:var(--flow-yellow)}.game-tabs button[data-color=blue]{--game-accent:var(--flow-blue)}.game-tabs button[data-color=orange]{--game-accent:var(--flow-orange)}.game-tab-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.game-tab-progress{background:#ffffff13;border-radius:999px;width:100%;height:2px;overflow:hidden}.game-tab-progress>span{border-radius:inherit;background:var(--game-accent);height:100%;box-shadow:0 0 9px color-mix(in srgb, var(--game-accent) 55%, transparent);transition:width .18s;display:block}.game-tabs button:hover{color:#c7ccd4}.game-tabs button[aria-selected=true]{color:#fff;background:#ffffff16;box-shadow:inset 0 1px #ffffff0d}.game-panel{gap:.85rem;display:grid}.game-summary-card{margin-bottom:0}.group-card{--group-accent:#77808d;background:color-mix(in srgb, var(--group-accent) 8%, transparent);border-radius:1rem;overflow:hidden}.group-card[data-color=green]{--group-accent:var(--flow-green)}.group-card[data-color=red]{--group-accent:var(--flow-red)}.group-card[data-color=yellow]{--group-accent:var(--flow-yellow)}.group-card[data-color=blue]{--group-accent:var(--flow-blue)}.group-card[data-color=orange]{--group-accent:var(--flow-orange)}.group-heading{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;min-height:3.4rem;padding:.9rem 1.05rem;display:flex}.group-heading-main{flex:1;min-width:0}.group-marker{background:var(--group-accent);width:.48rem;height:.48rem;box-shadow:0 0 18px color-mix(in srgb, var(--group-accent) 65%, transparent);border-radius:999px;flex:none}.group-heading h2{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.2rem;font-weight:650;overflow:hidden}.group-progress-track{background:#fff1;border-radius:999px;width:min(100%,15rem);height:2px;margin-top:.55rem;overflow:hidden}.group-progress-track span{border-radius:inherit;background:var(--group-accent);height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--group-accent) 45%, transparent);transition:width .18s;display:block}.group-numbers{min-width:10.4rem;color:var(--subtle);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:.28rem;margin-left:auto;font-size:.65rem;display:flex}.group-numbers-levels{font-size:.8rem}.pack-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.2rem;padding:.78rem 1.05rem;display:grid}.pack-row+.pack-row{border-top:1px solid #ffffff0e}.pack-identity{min-width:0}.pack-title-line{align-items:center;gap:.48rem;display:flex}.pack-title-line h3{color:#dfe2e7;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.87rem;font-weight:520;overflow:hidden}.paid-badge{border:1px solid color-mix(in srgb, var(--group-accent) 38%, transparent);background:color-mix(in srgb, var(--group-accent) 9%, transparent);width:1.15rem;height:1.15rem;color:var(--group-accent);font-family:var(--font-mono);border-radius:50%;flex:none;place-items:center;font-size:.6rem;font-weight:700;display:inline-grid}.pack-progress-track{background:#ffffff0e;border-radius:999px;width:min(100%,15rem);height:2px;margin-top:.55rem;overflow:hidden}.pack-progress-track span{border-radius:inherit;background:var(--group-accent);height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--group-accent) 45%, transparent);transition:width .18s;display:block}.pack-numbers{flex-direction:column;align-items:flex-end;gap:.28rem;min-width:10.4rem;display:flex}.level-input-wrap{color:#8d94a0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:.42rem;font-size:.75rem;display:flex}.level-input-wrap input{color:#f3f5f7;width:4.4rem;height:1.95rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;background:#0000003d;border:1px solid #ffffff1f;border-radius:.45rem;outline:none;padding:.25rem .45rem;font-size:.78rem;transition:border-color .15s,background .15s}.level-input-wrap input:hover{background:#00000057;border-color:#ffffff38}.level-input-wrap input:focus{border-color:color-mix(in srgb, var(--group-accent) 60%, white 5%)}.path-progress{color:#6f7682;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.65rem}footer{color:#5e6571;text-align:center;padding:2.4rem 1rem 0;font-size:.9rem;line-height:1.5}.loading-state,.error-state{border:1px solid var(--border);background:var(--surface);min-height:12rem;color:var(--muted);text-align:center;border-radius:1rem;justify-content:center;align-items:center;gap:.7rem;padding:2rem;display:flex}.loading-state span{background:var(--accent);border-radius:50%;width:.65rem;height:.65rem;animation:1.3s ease-in-out infinite loading-pulse;box-shadow:0 0 14px #7bf0b08c}@keyframes loading-pulse{50%{opacity:.35;transform:scale(.75)}}.dialog-backdrop{z-index:20;background:#000000ad;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.transfer-dialog{border:1px solid var(--border-strong);background:#12161e;border-radius:1.1rem;width:min(100%,32rem);max-height:calc(100vh - 2rem);padding:1.3rem;overflow-y:auto;box-shadow:0 28px 90px #00000085}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.3rem;display:flex}.dialog-heading .eyebrow{margin-bottom:.35rem}.dialog-heading h2{letter-spacing:-.025em;margin:0;font-size:1.15rem;font-weight:650}.icon-button{color:#aab0ba;background:#ffffff09;flex:none;place-items:center;width:2.1rem;height:2.1rem;padding:0;font-size:1.25rem;display:grid}.transfer-section{flex-direction:column;align-items:flex-start;gap:.65rem;display:flex}.transfer-section label{color:#cbd0d8;font-size:.78rem;font-weight:600}.transfer-section textarea{resize:vertical;border:1px solid var(--border);color:#aeb6c2;width:100%;font-family:var(--font-mono);background:#00000040;border-radius:.65rem;outline:0;padding:.72rem;font-size:.68rem;line-height:1.45}.transfer-section textarea:focus{border-color:#7bf0b073}.transfer-divider{background:var(--border);height:1px;margin:1.2rem 0}.primary-button,.secondary-button,.reset-button{min-height:2.35rem;padding:.58rem .8rem;font-size:.75rem;font-weight:650}.primary-button{background:var(--accent-strong);color:#07150e;border-color:#7bf0b047}.primary-button:hover{background:#6be4a0}.secondary-button{color:#d3d7dd;background:#ffffff0b}.reset-button{background:var(--flow-red);color:#07150e;border-color:#7bf0b047}.reset-button:hover{background:#ff7b8f}.dialog-message{color:var(--accent);margin:1rem 0 0;font-size:.74rem}@media (width<=640px){.site-shell{width:min(100% - 1.2rem,48rem);padding-top:2.6rem}.hero{margin-bottom:1.7rem;display:block}.backup-button{margin-top:1.2rem}.summary-row{grid-template-columns:1fr 1fr;gap:.75rem 1rem}.summary-label{grid-column:1/-1}.game-chart-grid{grid-template-columns:1fr}.chart-pane{padding-left:.75rem;padding-right:.75rem}.game-chart-canvas{height:15rem}.pack-chart-scroll{padding-left:.15rem;padding-right:.45rem}.game-tabs{grid-template-columns:repeat(5,minmax(5rem,1fr));overflow-x:auto}.pack-row{grid-template-columns:minmax(0,1fr) auto;gap:.7rem;padding-left:.85rem;padding-right:.85rem}.pack-numbers{min-width:8.7rem}.pack-progress-track{width:100%}footer{font-size:.75rem}}@media (width<=390px){.summary-header>span{display:none}.group-heading{align-items:flex-start;padding-left:.85rem;padding-right:.85rem}.group-numbers{min-width:8.7rem}.pack-row{grid-template-columns:1fr;gap:.65rem}.pack-numbers{align-items:flex-end;min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}