*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;background-color:#f4f4f8;color:#333;display:flex;justify-content:center;min-height:100vh;padding:20px}#root{width:100%;max-width:1200px}h1,h2,h3{margin-bottom:.75em;color:#111}button{display:inline-block;padding:10px 20px;font-size:1rem;font-weight:500;color:#fff;background-color:#007aff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;margin:5px}button:hover:not(:disabled){background-color:#005ecb}input[type=text],input[type=number],select{display:block;width:100%;padding:10px;margin-bottom:15px;font-size:1rem;border:1px solid #c7c7cc;border-radius:6px;background-color:#fff}label{display:block;margin-bottom:5px;font-weight:500;color:#555}.error-message{color:#ff3b30;font-size:.9rem;margin-top:-10px;margin-bottom:10px}.success-message{color:#34c759;font-size:.9rem;margin-bottom:10px}.info-message{color:#555;font-size:.9rem;margin-bottom:10px;font-style:italic}.app-container{display:flex;flex-direction:column;min-height:calc(100vh - 40px);background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.main-nav{background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;padding:0 20px}.main-nav ul{list-style:none;display:flex;padding:0;margin:0}.main-nav li{margin-right:15px}.main-nav a{display:block;padding:15px 10px;color:#555;font-weight:500;text-decoration:none;border-bottom:3px solid transparent;transition:color .2s ease,border-bottom-color .2s ease}.main-nav a:hover{color:#007aff;text-decoration:none}.main-nav a.active-link{color:#007aff;border-bottom-color:#007aff}.content{flex-grow:1;padding:30px;overflow-y:auto}.app-footer{background-color:#f8f8f8;border-top:1px solid #e0e0e0;padding:15px 30px;text-align:center;font-size:.9rem;color:#888}.app-footer p{margin:0}.page-container{max-width:800px;margin:0 auto}.form-section,.results-section,.config-section,.summary-section,.details-section{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:25px;border:1px solid #e8e8e8}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.results-output p{margin-bottom:.5em;font-size:1.1rem}.results-output strong{display:inline-block;min-width:150px}.toggle-switch{display:flex;align-items:center;margin-top:15px;font-size:.9rem}.toggle-switch label{margin:0 10px 0 0;font-weight:400;color:#555}.betting-options button{background-color:#e5e5ea;color:#333;margin-right:10px}.betting-options button.selected{background-color:#007aff;color:#fff}.simulation-controls{display:flex;gap:15px;align-items:center;margin-bottom:20px}.simulation-controls label{margin-bottom:0}.simulation-runs{display:flex;align-items:center;gap:10px}.session-summary ul{list-style:none;padding-left:0}.session-summary li{margin-bottom:8px}.details-table{width:100%;border-collapse:collapse;margin-top:15px}.details-table th,.details-table td{border:1px solid #ddd;padding:8px 12px;text-align:left}.details-table th{background-color:#f2f2f2;font-weight:600}.details-table tbody tr:nth-child(2n){background-color:#f9f9f9}.chart-container{margin-top:20px;max-height:400px}.export-buttons button{margin-right:10px;background-color:#34c759}.export-buttons button:hover{background-color:#2ca048}.session-tabs{display:flex;margin-bottom:15px;border-bottom:1px solid #e0e0e0}.session-tab{padding:10px 15px;cursor:pointer;border:none;background:none;border-bottom:3px solid transparent;margin-right:5px;font-size:.95rem;color:#555}.session-tab.active{color:#007aff;border-bottom-color:#007aff;font-weight:500}.session-tab:hover:not(.active){background-color:#f0f0f0}.clear-sessions-button{background-color:#ff3b30;margin-left:auto}.clear-sessions-button:hover{background-color:#d92c23}@media (max-width: 768px){body{padding:10px}.app-container{border-radius:0}.content{padding:20px}.main-nav a{padding:12px 8px}.form-grid{grid-template-columns:1fr}.simulation-controls{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){h1{font-size:1.8rem}h2{font-size:1.5rem}button{padding:8px 15px;font-size:.9rem}input[type=text],input[type=number],select{padding:8px;font-size:.9rem}.content{padding:15px}.main-nav{padding:0 15px}.app-footer{padding:10px 15px;font-size:.8rem}.session-tabs{flex-wrap:wrap}.session-tab{padding:8px 10px;font-size:.9rem}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f8;color:#333;line-height:1.6}.app-container{max-width:1200px;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}h1,h2,h3{color:#111;margin-bottom:.8em}h1{border-bottom:2px solid #eee;padding-bottom:.5em;margin-bottom:1em}p{margin-bottom:1em}a{color:#007aff;text-decoration:none}a:hover{text-decoration:underline}nav{background-color:#f8f8f8;padding:10px 20px;border-bottom:1px solid #ddd;margin-bottom:20px;border-radius:6px 6px 0 0}nav ul{list-style:none;padding:0;margin:0;display:flex;gap:20px}nav ul li a{color:#555;font-weight:500;padding:8px 12px;border-radius:4px;transition:background-color .2s ease,color .2s ease}nav ul li a.active{background-color:#e0e0e0;color:#000}nav ul li a:hover:not(.active){background-color:#eee;color:#111}.page-container{padding:15px}.form-group{margin-bottom:1.5em}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px 20px;margin-bottom:1.5em}label{display:block;margin-bottom:5px;font-weight:500;color:#444;font-size:.95em}input[type=text],input[type=number],select{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1em;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 2px #007aff33}button{background-color:#007aff;color:#fff;padding:10px 18px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:500;transition:background-color .2s ease;margin-right:10px}button:hover{background-color:#005ecb}button:disabled{background-color:#c7c7cc;cursor:not-allowed}.config-section,.results-section,.calculator-section,.comparison-section{background-color:#f9f9f9;padding:20px;border-radius:6px;margin-bottom:25px;border:1px solid #e5e5e5}.config-section h2,.results-section h2,.calculator-section h2,.comparison-section h2{margin-top:0;border-bottom:1px solid #eee;padding-bottom:.5em;margin-bottom:1em;font-size:1.3em}.betting-options{display:flex;gap:10px;flex-wrap:wrap}.betting-options button{background-color:#e5e5e5;color:#333;font-weight:400}.betting-options button.selected{background-color:#007aff;color:#fff;font-weight:500}.betting-options button:hover:not(.selected){background-color:#dcdcdc}.results-summary p{margin-bottom:.5em}.results-summary strong{display:inline-block;min-width:180px}.results-details table,.comparison-section table{width:100%;border-collapse:collapse;margin-top:15px;font-size:.9em}.results-details th,.results-details td,.comparison-section th,.comparison-section td{border:1px solid #ddd;padding:8px 10px;text-align:left}.results-details th,.comparison-section th{background-color:#f2f2f2;font-weight:600}.results-details tbody tr:nth-child(2n){background-color:#f9f9f9}.results-details .win{color:green}.results-details .loss{color:red}.session-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px;border-bottom:1px solid #ccc;padding-bottom:5px}.session-tabs button{background-color:#f0f0f0;color:#333;padding:6px 12px;font-size:.9em;margin-right:0}.session-tabs button.active{background-color:#007aff;color:#fff;border-bottom:2px solid #005ecb;border-radius:5px 5px 0 0}.session-tabs button:hover:not(.active){background-color:#e0e0e0}.clear-sessions-btn{background-color:#ff3b30;margin-left:auto}.clear-sessions-btn:hover{background-color:#c50f05}.error-message{color:#ff3b30;font-size:.9em;margin-top:5px}.input-error{border-color:#ff3b30!important}.info-message{background-color:#eef6fc;border:1px solid #bce8f1;color:#31708f;padding:15px;border-radius:4px;margin-top:15px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.app-container{margin:10px;padding:15px}nav ul{gap:10px}nav ul li a{padding:6px 8px;font-size:.9em}}@media (max-width: 480px){h1{font-size:1.5em}button{padding:8px 12px;font-size:.95em}.results-details table,.comparison-section table{font-size:.8em}.results-details th,.results-details td,.comparison-section th,.comparison-section td{padding:5px 6px}}
