*{margin:0;padding:0;box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#e8eaed;min-height:100vh;line-height:1.5}.app{max-width:1600px;margin:0 auto;padding:24px}.app-header{margin-bottom:20px;padding:0}.header-container{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.header-video{height:150px;width:auto;border-radius:8px;object-fit:contain;flex-shrink:0}.header-content{flex:1}.app-header h1{font-size:42px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.5px}.subtitle{font-size:18px;color:#e0e7ee;font-weight:400;margin-bottom:24px}.tab-navigation{display:flex;gap:8px;margin-top:24px}.tab-button{padding:12px 24px;border:none;background:#ffffff1a;color:#e0e7ee;font-size:16px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.tab-button:hover{background:#ffffff26;transform:translateY(-1px)}.tab-button.active{background:linear-gradient(135deg,#667eea,#4a9eff);border-color:#4a9eff;color:#fff;font-weight:600;box-shadow:0 2px 12px #4a9eff66}.app-main{display:flex;flex-direction:column;gap:32px}.strategy-analyzer{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;box-shadow:0 8px 32px #0000004d}.analyzer-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:calc(20% - 2px) calc(30% - 5px) calc(50% - 13px);gap:10px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#e0e7ee;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{padding:12px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:16px;transition:all .3s ease;outline:none}.form-group input:focus,.form-group select:focus{background:#ffffff1f;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1a}.form-group select option{background:#1a2332;color:#fff;padding:8px}.form-group small{font-size:13px;color:#c1cbd7}.ticker-input-group{display:flex;gap:8px}.ticker-input-group input{flex:1}.refresh-button{padding:12px 16px;background:#4a9eff33;border:1px solid rgba(74,158,255,.3);border-radius:8px;color:#4a9eff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:50px}.refresh-button:hover:not(:disabled){background:#4a9eff4d;border-color:#4a9eff;transform:rotate(180deg)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.live-indicator{color:#e2e8f0!important;font-weight:600;display:flex;align-items:center;gap:4px}.error-text{color:#f87171!important;font-weight:500}.analyze-button{padding:16px 32px;background:linear-gradient(135deg,#667eea,#4a9eff);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #4a9eff4d}.analyze-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #4a9eff66}.analyze-button:active{transform:translateY(0)}.analyzing-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;gap:16px}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#4a9eff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flash{0%,to{opacity:1}50%{opacity:.3}}.analyzing-message p{font-size:16px;color:#e0e7ee}.results-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;box-shadow:0 8px 32px #0000004d}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.results-header h2{font-size:28px;font-weight:700;color:#fff}.results-count{font-size:14px;color:#c1cbd7}.table-container{overflow-x:auto;max-height:600px;overflow-y:auto;border-radius:8px}.results-table{width:100%;border-collapse:collapse;font-size:14px}.results-table thead{background:#ffffff14}.results-table th{padding:20px 4px;text-align:center;font-weight:600;color:#e0e7ee;text-transform:uppercase;letter-spacing:.5px;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.3;transition:background .2s ease;position:sticky;top:0;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.results-table th:hover{background:#ffffff1f}.results-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease}.results-table tbody tr:hover{background:#ffffff0d}.results-table td{padding:14px 4px;color:#e8eaed;text-align:center}.strikes-cell{font-family:Courier New,monospace;font-weight:500;color:#4a9eff}.positive{color:#4ade80;font-weight:600}.negative{color:#f87171;font-weight:600}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#4a9eff);border-radius:3px;outline:none;height:6px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:linear-gradient(135deg,#667eea,#4a9eff);border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border:3px solid #4a9eff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #4a9eff99;transition:all .2s ease;margin-top:-6px}input[type=range]::-webkit-slider-thumb:hover{border-color:#667eea;transform:scale(1.15);box-shadow:0 3px 12px #4a9effcc}input[type=range]::-moz-range-track{width:100%;height:6px;background:linear-gradient(135deg,#667eea,#4a9eff);border-radius:3px}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#fff;border:3px solid #4a9eff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #4a9eff99;transition:all .2s ease}input[type=range]::-moz-range-thumb:hover{border-color:#667eea;transform:scale(1.15);box-shadow:0 3px 12px #4a9effcc}.range-slider-min,.range-slider-max{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent!important;pointer-events:none;z-index:3;height:6px}.range-slider-min::-webkit-slider-runnable-track,.range-slider-max::-webkit-slider-runnable-track{background:transparent!important;border:none;height:6px}.range-slider-min::-moz-range-track,.range-slider-max::-moz-range-track{background:transparent!important;border:none;height:6px}.range-slider-min::-webkit-slider-thumb,.range-slider-max::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff!important;border:3px solid #4a9eff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #4a9eff99;transition:all .2s ease;pointer-events:auto;position:relative;z-index:4;margin-top:-6px}.range-slider-min::-moz-range-thumb,.range-slider-max::-moz-range-thumb{width:18px;height:18px;background:#fff!important;border:3px solid #4a9eff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #4a9eff99;transition:all .2s ease;pointer-events:auto;position:relative;z-index:4}.range-slider-min::-webkit-slider-thumb:hover,.range-slider-max::-webkit-slider-thumb:hover{border-color:#667eea;transform:scale(1.15);box-shadow:0 3px 12px #4a9effcc}.range-slider-min::-moz-range-thumb:hover,.range-slider-max::-moz-range-thumb:hover{border-color:#667eea;transform:scale(1.15);box-shadow:0 3px 12px #4a9effcc}.range-slider-min::-webkit-slider-thumb:active,.range-slider-max::-webkit-slider-thumb:active{transform:scale(1.05)}.range-slider-min::-moz-range-thumb:active,.range-slider-max::-moz-range-thumb:active{transform:scale(1.05)}.filters-row-desktop{display:flex;flex-direction:column;gap:12px}@media (min-width: 769px){.filters-row-desktop{display:flex;flex-direction:row;gap:12px}.filters-row-desktop>div{flex:1}}.bias-strategy-container{display:flex;flex-direction:column;gap:12px}@media (min-width: 769px){.bias-strategy-container{display:flex;flex-direction:row;gap:12px}.bias-strategy-container .bias-section{flex:0 0 25%}.bias-strategy-container .strategy-section{flex:0 0 calc(75% - 12px)}}.strategy-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width: 769px){.strategy-buttons-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.app{padding:16px}.app-header h1{font-size:32px}.form-row{grid-template-columns:1fr;max-width:100%;overflow:hidden}.form-group{max-width:100%;overflow:hidden}.form-group>div{max-width:100%}.results-header{flex-direction:column;align-items:flex-start;gap:8px}.table-container{font-size:12px}.results-table th,.results-table td{padding:10px 4px}.expiration-profit-container{flex-direction:column!important}.expiration-range-wrapper,.profit-zone-wrapper{width:100%!important}.dynamic-price-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.grid-label-spread{grid-column:1!important;grid-row:1!important}.grid-label{grid-column:2!important;grid-row:1!important}.grid-adj1{grid-column:2!important;grid-row:2!important}.grid-thr1{grid-column:1!important;grid-row:3!important}.grid-adj2{grid-column:2!important;grid-row:4!important}.grid-thr2{grid-column:1!important;grid-row:5!important}.grid-adj3{grid-column:2!important;grid-row:6!important}.grid-thr3{grid-column:1!important;grid-row:7!important}.grid-adj4{grid-column:2!important;grid-row:8!important}.ticker-dropdown{width:calc(100vw - 48px)!important;max-width:100%!important;left:0!important;right:0!important}.form-group input,.form-group select{max-width:100%;box-sizing:border-box}.form-group [style*="display: flex"],.form-group [style*="display: grid"]{max-width:100%;overflow:hidden}.static-price-input{width:50%!important;max-width:50%!important}.dynamic-price-grid{grid-template-columns:calc(50% - 7px) calc(50% - 7px)!important}.grid-label{grid-column:1!important}.grid-adj1{grid-column:2!important}.grid-adj2{grid-column:1!important}.grid-adj3{grid-column:2!important}.grid-adj4{grid-column:1!important}.grid-label-spread{grid-column:2!important}.grid-thr1{grid-column:1!important}.grid-thr2{grid-column:2!important}.grid-thr3{grid-column:1!important}}
