:root{--bg:#f2f2f7;--surface:#fff;--surface-2:#f7f7fa;--ink:#111114;--ink-2:#55555e;--ink-3:#7c7c85;--accent:#0a5cff;--accent-press:#0849c7;--accent-soft:#eaf1ff;--accent-ink:#0847be;--accent-glow:#0a5cff59;--hero-gradient:linear-gradient(150deg, #0b1526 0%, #12233f 60%, #0e2e5c 100%);--win:#1f9d55;--win-ink:#146b39;--win-soft:#e7f6ec;--loss:#d93b3b;--loss-ink:#b4234d;--loss-soft:#fcecec;--warn-ink:#8a5a00;--warn-soft:#fff6e5;--warn-border:#f2dda9;--separator:#e4e4ea;--separator-2:#efeff4;--r-sm:10px;--r-md:14px;--r-lg:20px;--shadow-card:0 1px 2px #1111140a, 0 2px 8px #1111140a;--shadow-float:0 4px 14px #0a5cff52;--shadow-hero:0 8px 24px #0b152640;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.45}#root{min-height:100dvh}button{font-family:inherit;font-size:inherit;color:inherit}input,textarea{font-family:inherit}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::-webkit-scrollbar{width:0;height:0}a{color:inherit}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes haloRing{0%{opacity:.45;transform:scale(.85)}to{opacity:0;transform:scale(2)}}.fade-up{animation:.32s ease-out fadeUp}.shell{background:var(--bg);max-width:460px;min-height:100dvh;margin:0 auto;position:relative}.app-header{z-index:30;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#f2f2f7db;border-bottom:.5px solid #0000000a;justify-content:space-between;align-items:center;min-height:52px;padding:13px 16px 11px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.3px;font-size:17px;font-weight:700}.wordmark b{color:var(--accent);font-weight:700}.header-actions{align-items:center;gap:6px;display:flex}.lang-switch{background:#7676801f;border-radius:999px;gap:2px;padding:2px;display:flex}.lang-switch button{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:4px 9px;font-size:11.5px;font-weight:700}.lang-switch button.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #1111141f}.bell-btn{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.bell-badge{background:var(--loss);color:#fff;border:2px solid var(--bg);border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:2px;right:2px}.page{padding:16px 16px 118px}.tabbar{z-index:30;width:100%;max-width:460px;padding:7px 8px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px)saturate(180%);border-top:.5px solid var(--separator);background:#ffffffeb;align-items:flex-start;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{cursor:pointer;color:var(--ink-3);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 2px;display:flex}.tab.active{color:var(--accent)}.tab-label{font-size:11px;font-weight:600}.tab-fab{background:var(--accent);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:var(--shadow-float);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:-22px;display:flex}.tab-fab:active{background:var(--accent-press)}.overlay{z-index:60;background:var(--bg);min-height:100dvh;position:absolute;inset:0}.overlay-header{z-index:10;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#f2f2f7db;border-bottom:.5px solid #0000000a;align-items:center;gap:4px;min-height:52px;padding:12px 12px 10px;display:flex;position:sticky;top:0}.overlay-title{text-align:center;letter-spacing:-.3px;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:700;overflow:hidden}.back-btn{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:-6px;display:flex}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:16px}.list{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden}.list>*+*{border-top:.5px solid var(--separator-2)}.row{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;align-items:center;gap:12px;padding:13px 16px;display:flex}.hero-card{background:var(--hero-gradient);color:#fff;box-shadow:var(--shadow-hero);border-radius:24px;padding:20px;position:relative;overflow:hidden}.hero-card:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.hero-card>*{z-index:1;position:relative}.stat-tile{border-radius:var(--r-md);background:#ffffff1a;flex-direction:column;flex:1;align-items:center;gap:2px;padding:12px 8px;display:flex}.stat-tile .num{font-variant-numeric:tabular-nums;color:#fff;font-size:20px;font-weight:800}.stat-tile .lbl{color:#fff9;font-size:12px}.btn{border-radius:var(--r-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:16px;font-weight:600;display:flex}.btn:disabled{cursor:default;opacity:.55}.btn-primary{background:var(--accent);color:#fff}.btn-primary:not(:disabled):active{background:var(--accent-press)}.btn-quiet{background:var(--surface-2);color:var(--ink-2)}.btn-danger-quiet{background:var(--loss-soft);color:var(--loss)}.btn-secondary{border:1px solid var(--separator);background:var(--surface);width:auto;color:var(--ink);justify-content:center;align-items:center;display:inline-flex}.btn-sm{border-radius:12px;padding:8px 16px;font-size:14px;font-weight:600}.btn-social{border-radius:var(--r-md);cursor:pointer;width:100%;color:var(--ink);border:1px solid var(--separator);background:#fff;justify-content:center;align-items:center;gap:10px;padding:13px;font-size:15px;font-weight:600;display:flex}.btn-social-dark{background:var(--ink);color:#fff;border:none}.chip{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.pill-win,.pill-loss{flex-shrink:0;width:30px;height:30px;font-size:13px;font-weight:800}.pill-win{background:var(--win-soft);color:var(--win)}.pill-loss{background:var(--loss-soft);color:var(--loss)}.result-pill{border-radius:999px;align-items:center;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.result-pill.pill-win{background:var(--win-soft);width:auto;height:auto;color:var(--win)}.result-pill.pill-loss{background:var(--loss-soft);width:auto;height:auto;color:var(--loss)}.form-chip{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.form-chip.pill-win{background:var(--win-soft);color:var(--win);border-radius:8px}.form-chip.pill-loss{background:var(--loss-soft);color:var(--loss);border-radius:8px}.segmented{border-radius:var(--r-sm);background:#7676801f;gap:2px;padding:2px;display:flex}.segment{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 4px;font-size:13px;font-weight:600}.segment.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #1111141f}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-2);font-size:13px;font-weight:600}.input{border:1px solid var(--separator);border-radius:var(--r-md);width:100%;color:var(--ink);background:#fff;padding:13px 14px;font-size:16px}.input:focus{border-color:var(--accent);outline:none}.input::placeholder{color:var(--ink-3)}.alert-error,.alert-success{border-radius:12px;padding:10px 12px;font-size:13px;font-weight:500}.alert-error{background:var(--loss-soft);color:var(--loss-ink)}.alert-success{background:var(--win-soft);color:var(--win-ink)}.section-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.6px;margin:22px 4px 8px;font-size:13px;font-weight:600}.page-title{letter-spacing:-.6px;margin:2px 4px 16px;font-size:28px;font-weight:800}.loading,.muted{color:var(--ink-2);padding:16px 4px;font-size:14px}.meter{background:#ffffff2e;border-radius:999px;height:10px;margin-top:16px;position:relative;overflow:hidden}.meter-fill{background:#fff;border-radius:999px;height:100%}.divider-row{align-items:center;gap:12px;margin:18px 0;display:flex}.divider-row .line{background:var(--separator-2);flex:1;height:1px}.divider-row span{color:var(--ink-3);font-size:12px;font-weight:500}.connect-badge,.pw-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.connect-badge{background:var(--win-soft);color:var(--win)}.pw-icon{background:var(--accent-soft);color:var(--accent)}.follow-btn{cursor:pointer;border-radius:999px;flex:none;padding:6px 13px;font-size:12.5px;font-weight:600}.follow-btn.not-following{background:var(--accent);color:#fff;border:none}.follow-btn.is-following{border:1px solid var(--separator);color:var(--ink-2);background:#fff}.unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:9px;height:9px}.notif-row{background:0 0}.notif-row.unread{background:#f5f8ff}.success-ring{background:var(--win);border-radius:50%;animation:1.4s ease-out haloRing;position:absolute;inset:0}.success-icon-pop{animation:.45s cubic-bezier(.2,.8,.2,1) popIn}