*{box-sizing:border-box;margin:0;padding:0}:root{--color-won:#22c55e;--color-lost:#ef4444;--color-push:#f59e0b;--accent-color:var(--tg-theme-button-color,#f59e0b);--page-bg:var(--tg-theme-bg-color,#1a1a1a);--page-text:var(--tg-theme-text-color,#fff);--hint-color:var(--tg-theme-hint-color,#999);--card-bg:var(--tg-theme-secondary-bg-color,#2a2a2a);--color-pending:var(--hint-color);--color-pending-border:#3b82f6;--radius:14px;--radius-sm:10px}body{background-color:var(--page-bg);min-height:100dvh;color:var(--page-text);padding:1rem;padding-top:calc(1rem + var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,env(safe-area-inset-top,0px)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.card{background-color:var(--card-bg);border-radius:var(--radius);padding:1rem}.card-accent{background:linear-gradient(135deg, var(--card-bg) 0%, color-mix(in srgb, var(--accent-color) 8%, var(--card-bg)) 100%);border:1px solid color-mix(in srgb, var(--accent-color) 15%, transparent);border-radius:var(--radius);padding:1rem}.card-won{border-left:3px solid var(--color-won);background-image:linear-gradient(135deg, color-mix(in srgb, var(--color-won) 6%, transparent), transparent)}.card-lost{border-left:3px solid var(--color-lost);background-image:linear-gradient(135deg, color-mix(in srgb, var(--color-lost) 6%, transparent), transparent)}.card-push{border-left:3px solid var(--color-push);background-image:linear-gradient(135deg, color-mix(in srgb, var(--color-push) 6%, transparent), transparent)}.hint{color:var(--hint-color)}.link{color:var(--tg-theme-link-color,#3390ec)}.text-won{color:var(--color-won)}.text-lost{color:var(--color-lost)}.text-push{color:var(--color-push)}.stat-value{letter-spacing:-.02em;font-size:clamp(1.25rem,4vw,1.625rem);font-weight:800;line-height:1.1}.stat-label{color:var(--hint-color);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.6875rem}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--hint-color);font-size:.8125rem;font-weight:700}.badge{white-space:nowrap;border-radius:100px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-won{background:color-mix(in srgb, var(--color-won) 15%, transparent);color:var(--color-won)}.badge-lost{background:color-mix(in srgb, var(--color-lost) 15%, transparent);color:var(--color-lost)}.badge-push{background:color-mix(in srgb, var(--color-push) 15%, transparent);color:var(--color-push)}.badge-pending{background:color-mix(in srgb, var(--hint-color) 15%, transparent);color:var(--hint-color)}.badge-premium{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 15%, transparent), color-mix(in srgb, var(--accent-color) 8%, transparent));border:1px solid color-mix(in srgb, var(--accent-color) 20%, transparent);color:var(--accent-color)}.badge-public{background:linear-gradient(135deg, color-mix(in srgb, var(--color-won) 15%, transparent), color-mix(in srgb, var(--color-won) 8%, transparent));border:1px solid color-mix(in srgb, var(--color-won) 20%, transparent);color:var(--color-won)}.divider{background:color-mix(in srgb, var(--hint-color) 15%, transparent);border:none;height:1px}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes pulse-soft{0%,to{opacity:.4}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:.35s ease-out both fade-in}.animate-up{animation:.4s ease-out both fade-in-up}.animate-scale{animation:.3s ease-out both scale-in}.stagger>*{animation:.35s ease-out both fade-in-up}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}.stagger>:nth-child(7){animation-delay:.3s}.stagger>:nth-child(8){animation-delay:.35s}.skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--page-text) 8%, var(--page-bg)) 25%, color-mix(in srgb, var(--page-text) 14%, var(--page-bg)) 50%, color-mix(in srgb, var(--page-text) 8%, var(--page-bg)) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{border-radius:4px;height:.875rem}.skeleton-title{border-radius:4px;width:60%;height:1.25rem}.skeleton-stat{border-radius:6px;width:3.5rem;height:2rem;margin:0 auto}.skeleton-card{border-radius:var(--radius);height:4rem}.page{min-height:calc(100dvh - 2rem - var(--tg-safe-area-inset-top,0px) - var(--tg-content-safe-area-inset-top,env(safe-area-inset-top,0px)));flex-direction:column;gap:1rem;display:flex}.page-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:80vh;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:.625rem;display:grid}.row{align-items:center;display:flex}.row-between{justify-content:space-between;align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap-xs{gap:.25rem}.gap-sm{gap:.5rem}.gap-md{gap:.75rem}.gap-lg{gap:1rem}.gap-xl{gap:1.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.feature-list{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.feature-item{overflow-wrap:break-word;word-break:break-word;align-items:flex-start;gap:.625rem;font-size:.875rem;line-height:1.4;display:flex}.feature-icon{background:color-mix(in srgb, var(--accent-color) 15%, transparent);width:1.375rem;height:1.375rem;color:var(--accent-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.price-display{text-align:center;padding:1.25rem 0}.price-amount{letter-spacing:-.03em;font-size:clamp(2rem,6vw,2.5rem);font-weight:800;line-height:1}.price-period{color:var(--hint-color);font-size:.875rem;font-weight:400}.streak{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-size:.875rem;font-weight:600;display:flex}.streak-won{background:color-mix(in srgb, var(--color-won) 10%, transparent);color:var(--color-won)}.streak-lost{background:color-mix(in srgb, var(--color-lost) 10%, transparent);color:var(--color-lost)}.brand-bar{border-radius:var(--radius) var(--radius) 0 0;background:var(--brand-bg,transparent);color:var(--brand-text,var(--page-text,#fff));align-items:center;gap:.75rem;margin:-1rem -1rem 0;padding:.75rem 1rem;display:flex}.brand-bar .prono-logo{border-color:var(--brand-text,#ffffff80)}.prono-header{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.prono-logo{object-fit:cover;border:2px solid var(--accent-color);border-radius:50%;width:2.5rem;height:2.5rem}.prono-name{letter-spacing:-.02em;font-size:1.125rem;font-weight:800}.teaser-card{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 15%, var(--card-bg)), var(--card-bg));border:1px solid color-mix(in srgb, var(--accent-color) 30%, transparent);border-radius:var(--radius);padding:1rem}.teaser-result{font-size:1.25rem;font-weight:800}.accent-border{border-left:3px solid var(--accent-color)}.accent-text{color:var(--accent-color)}.nav-bar{z-index:100;background:color-mix(in srgb, var(--page-bg) 85%, transparent);-webkit-backdrop-filter:blur(20px);border-top:1px solid color-mix(in srgb, var(--hint-color) 12%, transparent);padding-bottom:calc(var(--tg-safe-area-inset-bottom,0px) + var(--tg-content-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));position:fixed;bottom:0;left:0;right:0}.nav-bar-spacer{height:calc(5.5rem + var(--tg-safe-area-inset-bottom,0px) + var(--tg-content-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));flex-shrink:0}.nav-tabs{display:flex}.nav-item{color:color-mix(in srgb, var(--page-text) 50%, transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.125rem;padding:.625rem 0;font-family:inherit;transition:color .2s;display:flex}.nav-item.active{color:var(--accent-color)}.nav-icon{font-size:1.25rem;line-height:1}.nav-label{letter-spacing:.04em;text-transform:uppercase;font-size:.625rem;font-weight:600}.nav-powered{text-align:center;color:color-mix(in srgb, var(--page-text) 40%, transparent);padding:.125rem 0 .375rem;font-size:.625rem}.nav-powered a{color:var(--accent-color);font-weight:600;text-decoration:none}.hero-header{flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 0 .25rem;display:flex}.hero-logo-wrap{justify-content:center;align-items:center;display:flex;position:relative}.hero-glow{background:var(--accent-color);opacity:.25;filter:blur(12px);border-radius:50%;animation:3s ease-in-out infinite pulse-soft;position:absolute;inset:-6px}.hero-logo{object-fit:cover;border:2.5px solid var(--accent-color);border-radius:50%;width:4rem;height:4rem;position:relative}.hero-name{letter-spacing:-.03em;text-align:center;overflow-wrap:break-word;word-break:break-word;max-width:100%;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800}.hero-badge{background:color-mix(in srgb, var(--accent-color) 12%, transparent);color:var(--page-text);text-overflow:ellipsis;white-space:nowrap;border-radius:100px;align-items:center;gap:.375rem;max-width:100%;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex;overflow:hidden}.hero-badge-sep{opacity:.4}.sport-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.375rem;margin:0 -.25rem;padding:.125rem .25rem;display:flex;overflow-x:auto}.sport-tabs::-webkit-scrollbar{display:none}.sport-tab{white-space:nowrap;background:color-mix(in srgb, var(--hint-color) 10%, transparent);color:var(--hint-color);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:100px;padding:.375rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .2s}.sport-tab.active{background:var(--accent-color);color:#fff}.pick-card{background-color:var(--card-bg);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;will-change:transform;padding:.875rem 1rem;transition:transform .15s,opacity .15s}.pick-card:active{opacity:.85;transform:scale(.98)}.pick-card-locked{position:relative;overflow:hidden}.pick-card-locked:after{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 8%, transparent), transparent);border-radius:var(--radius);pointer-events:none;position:absolute;inset:0}.pick-lock-badge{color:var(--accent-color);opacity:.9;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;display:inline-flex}.pick-bet-type{background:color-mix(in srgb, var(--page-text) 8%, transparent);color:var(--page-text);border-radius:100px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.pick-odds-badge{background:color-mix(in srgb, var(--accent-color) 20%, transparent);color:var(--accent-color);white-space:nowrap;text-shadow:0 1px 2px color-mix(in srgb, var(--accent-color) 15%, transparent);border-radius:100px;justify-content:center;align-items:center;padding:.25rem .625rem;font-size:1rem;font-weight:700;display:inline-flex}.pick-combo-label{color:var(--hint-color);align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;display:inline-flex}.pick-card-won{border-left:3px solid var(--color-won)}.pick-card-lost{border-left:3px solid var(--color-lost)}.pick-card-push{border-left:3px solid var(--color-push)}.pick-card-pending{border-left:3px solid color-mix(in srgb, var(--color-pending-border) 40%, transparent)}.pick-card-pending-public,.pick-card-pending-premium{border-left:3px solid color-mix(in srgb, var(--color-pending-border) 50%, transparent)}.pick-leg{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--page-bg) 50%, transparent);border-left:2px solid #0000;padding:.75rem;transition:border-color .2s}.pick-leg-won{border-left-color:var(--color-won)}.pick-leg-lost{border-left-color:var(--color-lost)}.pick-leg-push{border-left-color:var(--color-push)}.pick-leg-pending{border-left-color:var(--color-pending-border)}.pick-footer{gap:.5rem;display:flex}.pick-footer-item{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--page-bg) 50%, transparent);flex-direction:column;flex:1;align-items:center;gap:.125rem;padding:.625rem .375rem;display:flex}.pick-footer-label{text-transform:uppercase;letter-spacing:.06em;color:var(--hint-color);font-size:.625rem;font-weight:600}.pick-footer-value{font-size:.9375rem;font-weight:700}.pick-leg-meta{flex-wrap:wrap;align-items:center;gap:.375rem;padding-left:1.25rem;display:flex}.pick-leg-odds{color:var(--accent-color);font-size:.8125rem;font-weight:700}.pick-bet-highlight{border:1px solid color-mix(in srgb, var(--accent-color) 20%, transparent);background:color-mix(in srgb, var(--accent-color) 5%, transparent);color:var(--accent-color);border-radius:.5rem;align-items:center;gap:.375rem;margin-top:.125rem;margin-left:1.75rem;padding:.3125rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.paywall-container{flex-direction:column;gap:1rem;display:flex}.paywall-preview{border-radius:var(--radius);position:relative;overflow:hidden}.paywall-preview-inner{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.paywall-overlay{background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--page-bg) 60%, transparent) 50%, var(--page-bg) 85%);pointer-events:none;position:absolute;inset:0}.paywall-cta{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:.5rem;margin-top:-2rem;display:flex;position:relative}.paywall-price{margin-top:.25rem}.subscriber-card{background-color:var(--card-bg);border-radius:var(--radius);text-align:center;padding:1.25rem 1rem}.subscriber-status{border-radius:100px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.subscriber-status-active{background:linear-gradient(135deg, color-mix(in srgb, var(--color-won) 15%, transparent), color-mix(in srgb, var(--color-won) 8%, transparent));color:var(--color-won)}.subscriber-status-grace{background:color-mix(in srgb, var(--color-push) 15%, transparent);color:var(--color-push)}.subscriber-detail{justify-content:space-between;padding:.5rem 0;font-size:.875rem;display:flex}.subscriber-detail+.subscriber-detail{border-top:1px solid color-mix(in srgb, var(--hint-color) 10%, transparent)}.manage-btn{border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--accent-color);color:#fff;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:48px;padding:.875rem;font-family:inherit;font-size:.9375rem;font-weight:700;transition:opacity .2s;display:flex}.manage-btn:active{opacity:.8}.manage-btn-outline{border:1.5px solid var(--accent-color);color:var(--accent-color);background:0 0}.manage-btn-disabled{opacity:.4;cursor:not-allowed}.warning-banner{border-radius:var(--radius-sm);background:color-mix(in oklch, var(--tg-theme-hint-color) 15%, transparent);border:1px solid color-mix(in oklch, var(--tg-theme-hint-color) 25%, transparent);color:var(--page-text);align-items:flex-start;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;line-height:1.4;display:flex}.payment-logos{justify-content:center;align-items:center;gap:.5rem;display:flex}.payment-logos svg{border-radius:4px;box-shadow:0 1px 3px #00000026}@keyframes pricing-shine{0%{left:-100%}50%,to{left:100%}}.price-shine{position:relative;overflow:hidden}.price-shine:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent-color) 12%, transparent), transparent);width:60%;height:100%;animation:3s ease-in-out infinite pricing-shine;position:absolute;top:0;left:-100%}.load-more-btn{border-radius:var(--radius-sm);border:1.5px solid color-mix(in srgb, var(--accent-color) 40%, transparent);background:color-mix(in srgb, var(--accent-color) 8%, transparent);width:100%;min-height:44px;color:var(--accent-color);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:.75rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:opacity .2s,background .2s;display:flex}.load-more-btn:active{opacity:.7}.load-more-btn:disabled{cursor:wait;opacity:.6}.load-more-spinner{border:2px solid color-mix(in srgb, var(--accent-color) 30%, transparent);border-top-color:var(--accent-color);border-radius:50%;width:1.25rem;height:1.25rem;animation:.6s linear infinite spin;display:inline-block}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}