:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f1a;color:#fff;min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:20px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #2a2a4a;margin-bottom:30px}.app-header h1{font-size:28px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spot-price-display{text-align:right}.spot-price-label{font-size:12px;color:#888;margin-bottom:4px}.spot-price-value{font-size:24px;font-weight:700;color:#4ade80}.spot-price-updated{font-size:11px;color:#666;margin-top:4px}.error-banner{background:#f44;color:#fff;padding:12px 20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.error-banner button{background:#fff;color:#f44;border:none;padding:6px 16px;border-radius:4px;cursor:pointer}.app-main{display:grid;grid-template-columns:1fr 380px;gap:30px}@media (max-width: 1024px){.app-main{grid-template-columns:1fr}}.products-section h2{font-size:20px;margin-bottom:20px;color:#ccc}.loading-state{text-align:center;padding:40px;color:#888}.filters{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:16px;background:#1a1a2e;border-radius:12px}.filter-group{display:flex;align-items:center;gap:12px}.filter-group label{color:#888;font-size:14px}.filter-group select{background:#0f0f1a;border:1px solid #2a2a4a;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px}.type-tabs{display:flex;gap:8px}.type-tabs .tab{background:#0f0f1a;border:1px solid #2a2a4a;color:#888;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.type-tabs .tab:hover{border-color:#667eea;color:#fff}.type-tabs .tab.active{background:#667eea;border-color:#667eea;color:#fff}.type-tabs .tab.buy-low.active{background:#f59e0b;border-color:#f59e0b}.type-tabs .tab.sell-high.active{background:#10b981;border-color:#10b981}.product-section{margin-bottom:32px}.section-title{font-size:18px;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:8px}.section-title .icon{font-size:20px}.section-desc{font-size:13px;color:#888;margin-bottom:16px}.buy-low-section .section-title{color:#f59e0b}.sell-high-section .section-title{color:#10b981}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.product-card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;position:relative}.product-card:hover{border-color:#667eea;transform:translateY(-2px)}.product-card.selected{border-color:#667eea;background:#1f1f3a}.product-card.buy-low{border-left:3px solid #f59e0b}.product-card.sell-high{border-left:3px solid #10b981}.product-type-badge{font-size:11px;color:#888;margin-bottom:8px}.product-card.buy-low .product-type-badge{color:#f59e0b}.product-card.sell-high .product-type-badge{color:#10b981}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.strike-info{display:flex;flex-direction:column;gap:2px}.strike-price{font-size:18px;font-weight:700}.price-diff{font-size:12px;font-weight:500}.price-diff.positive{color:#10b981}.price-diff.negative{color:#f59e0b}.apy{font-size:18px;font-weight:700;color:#4ade80}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;color:#888}.deposit-currency strong{color:#fff}.product-expiry{font-size:13px;color:#888}.days-left{margin-left:4px;color:#667eea}.settlement-scenarios{display:flex;flex-direction:column;gap:8px}.scenario{font-size:12px;padding:8px 12px;border-radius:6px;background:#0f0f1a}.scenario.eth{border-left:3px solid #627eea}.scenario.usdc{border-left:3px solid #2775ca}.scenario-condition{color:#888;margin-bottom:4px}.scenario-currency strong{color:#fff}.calculator-section{position:sticky;top:20px;height:fit-content}.investment-calculator{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;padding:24px}.investment-calculator h3{font-size:18px;margin-bottom:20px;color:#fff}.investment-calculator .placeholder{text-align:center;color:#666;padding:40px 20px}.selected-product-info{background:#0f0f1a;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.selected-product-info div{margin-bottom:6px;color:#aaa}.selected-product-info div:last-child{margin-bottom:0}.input-group{margin-bottom:20px}.input-group label{display:block;font-size:14px;color:#888;margin-bottom:8px}.input-group input{width:100%;background:#0f0f1a;border:1px solid #2a2a4a;color:#fff;padding:12px 16px;border-radius:8px;font-size:16px}.input-group input:focus{outline:none;border-color:#667eea}.input-group input.error{border-color:#f44}.error-message{color:#f44;font-size:12px;margin-top:6px}.estimated-returns h4{font-size:16px;margin-bottom:16px;color:#ccc}.return-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #2a2a4a;font-size:14px}.return-item span:first-child{color:#888}.return-item.total{font-weight:700;font-size:16px;border-bottom:none;padding-top:16px}.return-item.total span:last-child{color:#4ade80}.settlement-outcomes{margin-top:24px;padding-top:20px;border-top:1px solid #2a2a4a}.settlement-outcomes h5{font-size:14px;color:#888;margin-bottom:12px}.outcome{background:#0f0f1a;padding:12px 16px;border-radius:8px;margin-bottom:10px}.outcome.eth{border-left:3px solid #627eea}.outcome.usdc{border-left:3px solid #2775ca}.outcome-title{font-size:12px;color:#888;margin-bottom:6px}.outcome-value{font-size:14px;font-weight:700}.no-products{text-align:center;padding:40px;color:#666}.product-type-label{font-weight:700;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #2a2a4a}.usd-equivalent{font-size:12px;color:#888;margin-top:6px}.outcome-desc{font-size:11px;color:#666;margin-bottom:4px}