:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #fbbf24;--secondary-hover: #f59e0b;--text-main: #1e293b;--text-muted: #64748b;--text-light: #f8fafc;--bg-primary: #f8fafc;--bg-secondary: rgba(255, 255, 255, .5);--bg-card: rgba(255, 255, 255, .8);--bg-card-hover: rgba(255, 255, 255, .95);--text-primary: var(--text-main);--text-secondary: var(--text-muted);--accent-primary: var(--primary);--accent-secondary: var(--secondary);--accent-warning: #f59e0b;--accent-success: #10b981;--accent-error: #ef4444;--border-color: rgba(99, 102, 241, .15);--border-light: rgba(99, 102, 241, .1);--font-sans: "Outfit", system-ui, sans-serif;--font-serif: "Playfair Display", serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius: 1.25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh}body{font-family:var(--font-sans);background:radial-gradient(circle at top right,#eef2ff,#f8fafc);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;background-attachment:fixed}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.5);padding:var(--space-md) var(--space-xl);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--text-main)}.logo-icon{font-size:1.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.headline-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.logo-text{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav{display:flex;gap:var(--space-lg);align-items:center}.nav-link{color:var(--text-muted);text-decoration:none;font-weight:500;transition:all .2s;padding:.5rem .75rem;border-radius:var(--radius-sm)}.nav-link:hover{color:var(--primary);background:#6366f10d}.nav-link-sister{color:var(--secondary-hover);font-weight:600;display:flex;align-items:center;gap:.25rem}.nav-link-sister:hover{color:var(--secondary);background:transparent;transform:translateY(-1px)}.main{flex:1;padding:var(--space-xl);max-width:1400px;margin:0 auto;width:100%}.footer{background:#ffffff80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.3);padding:var(--space-md) var(--space-xl);margin-top:auto}.footer-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--text-muted);font-size:.875rem}.footer-divider{color:var(--text-muted);opacity:.5}.footer-link{color:var(--text-muted);text-decoration:none;font-weight:500}.footer-link:hover{color:var(--primary);text-decoration:underline}h1,.page-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:700;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.page-subtitle{font-size:1.125rem;color:var(--text-muted);margin-top:calc(-1 * var(--space-sm));margin-bottom:var(--space-xl);font-weight:300}.card,.race-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius);padding:var(--space-lg);box-shadow:var(--shadow-lg);transition:transform .2s,box-shadow .2s}.card-header,.race-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:var(--space-sm)}.card-title,.race-card-title{font-family:var(--font-sans);font-size:1.25rem;font-weight:600;color:var(--text-main)}.race-card:hover{transform:translateY(-4px);box-shadow:0 25px 30px -5px #00000026,0 15px 15px -5px #00000014;background:var(--bg-card-hover);border-color:#fffc}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-main);margin-bottom:var(--space-sm)}.form-input{width:100%;padding:.75rem 1rem;background:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-sans);font-size:1rem;transition:all .2s}.form-input:focus{outline:none;background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.form-input::placeholder{color:var(--text-muted);opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.5rem;font-family:var(--font-sans);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:none;letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #6366f166}.btn-secondary{background:#fffc;border:1px solid rgba(0,0,0,.1);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background:#fff;border-color:#0003;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.table-container{overflow-x:auto;border-radius:var(--radius-md)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9375rem}.table th{text-align:left;padding:1rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:2px solid rgba(0,0,0,.05)}.table td{padding:1rem;border-bottom:1px solid rgba(0,0,0,.05);background:#ffffff4d}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#fffc}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#10b98126;color:var(--accent-success)}.badge-warning{background:#f59e0b26;color:var(--accent-warning)}.badge-info{background:#6366f126;color:var(--primary)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid rgba(99,102,241,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s cubic-bezier(.55,.055,.675,.19) infinite;margin-right:var(--space-sm)}@keyframes spin{to{transform:rotate(360deg)}}.prob-bar{display:flex;align-items:center;gap:var(--space-sm)}.prob-bar-track{flex:1;height:10px;background:#0000000d;border-radius:99px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.prob-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#818cf8);border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #6366f166}.prob-bar-value{font-family:var(--font-mono);font-size:.875rem;font-weight:700;color:var(--text-main);min-width:50px;text-align:right}.strategy-tags{display:flex;flex-wrap:wrap;gap:.5rem}.strategy-tag{padding:.25rem .6rem;font-size:.75rem;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-sm);background:#fff;border:1px solid rgba(0,0,0,.1);color:var(--text-muted);box-shadow:var(--shadow-sm)}.strategy-tag.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:transparent;color:#fff;box-shadow:0 4px 6px #6366f140}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3{grid-template-columns:1fr}}.winner-pfo-card{border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);background:#ffffff8c;padding:var(--space-sm)}.winner-pfo-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs)}.winner-pfo-title{font-size:.875rem;font-weight:700;color:var(--text-main)}.winner-pfo-subtitle{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.winner-pfo-chart{height:64px;width:100%}.winner-pfo-stats{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid rgba(0,0,0,.05);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.winner-pfo-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.winner-pfo-stat-value{font-family:var(--font-mono);font-weight:800;font-size:.875rem;color:var(--text-main)}.winner-pfo-stat-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.winner-pfo-na{height:64px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-muted);font-style:italic}