body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3d3d3d;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--border-color:#444;--hover-bg:#404040;--shadow:#0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{max-width:1200px;margin:0 auto;padding:20px}.app-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.app-header h1{color:var(--text-primary);font-size:2rem}.header-actions{align-items:center;gap:8px;display:flex}.settings-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:1.5rem;transition:all .2s}.settings-button:hover{background:var(--hover-bg);transform:scale(1.05)}.share-trade-btn-container{border-radius:8px;align-items:center;transition:background .2s;display:inline-flex;overflow:hidden}.share-trade-btn{white-space:nowrap;align-items:center;gap:6px;font-size:1.5rem;display:inline-flex}.share-trade-btn.copied{background:#e6f4ea;border-color:#a8d5b0}.share-trade-btn__icon--success{color:green;font-size:1rem}.share-trade-btn__expand{opacity:0;align-items:center;max-width:0;transition:max-width .3s,opacity .3s;display:flex;overflow:hidden}.share-trade-btn__expand--visible{opacity:1;max-width:300px}.share-trade-btn__link-text{border-left:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;-webkit-user-select:all;user-select:all;padding:8px 10px;font-family:monospace;font-size:13px}.share-trade-btn--inactive{opacity:.4;cursor:not-allowed}.trade-setup{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px;display:grid}.team-section{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:20px}.team-selector{margin-bottom:15px;position:relative}.team-input{background:var(--bg-tertiary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:10px;font-size:1rem}.team-input:focus{border-color:#666;outline:none}.team-dropdown{background:var(--bg-tertiary);border:1px solid var(--border-color);z-index:100;max-height:400px;box-shadow:0 4px 6px var(--shadow);border-top:none;border-radius:0 0 6px 6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.team-division-header{background:var(--bg-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-top:1px solid var(--border-color);padding:8px 10px;font-size:.85rem;font-weight:600}.team-option{cursor:pointer;padding:10px;transition:background .15s}.team-option:hover,.team-option.selected{background:var(--hover-bg)}.pick-selector{margin-bottom:15px;position:relative}.pick-input{background:var(--bg-tertiary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:10px;font-size:1rem}.pick-input:focus{border-color:#666;outline:none}.pick-dropdown{background:var(--bg-tertiary);border:1px solid var(--border-color);z-index:100;max-height:200px;box-shadow:0 4px 6px var(--shadow);border-top:none;border-radius:0 0 6px 6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.pick-option{cursor:pointer;padding:10px;transition:background .15s}.pick-option:hover,.pick-option.selected{background:var(--hover-bg)}.selected-picks-container{flex-direction:column;gap:10px;display:flex}.selected-picks{flex-wrap:wrap;gap:8px;min-height:40px;display:flex}.clear-picks-button{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-self:flex-start;padding:6px 12px;font-size:.85rem;transition:all .2s}.clear-picks-button:hover{background:var(--hover-bg);color:var(--text-primary);border-color:#666}.pick-tag{background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border:2px solid;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;transition:all .2s;display:inline-flex}.pick-tag:hover{background:var(--hover-bg);transform:scale(1.05)}.remove-icon{font-size:1.2rem;font-weight:700}.trade-charts{flex-direction:column;gap:20px;display:flex}.trade-chart-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:20px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.chart-header h3{color:var(--text-primary);font-size:1.3rem}.chart-empty{text-align:center;color:var(--text-secondary);padding:40px;font-style:italic}.info-tooltip-container{display:inline-block;position:relative}.info-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem;transition:color .2s}.info-icon:hover{color:var(--text-primary)}.tooltip{background:var(--bg-tertiary);border:1px solid var(--border-color);box-shadow:0 4px 6px var(--shadow);z-index:200;min-width:200px;color:var(--text-secondary);border-radius:6px;margin-top:5px;padding:10px;font-size:.8rem;position:absolute;bottom:100%;left:0}.trade-summary{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:15px;display:grid}.team-value{text-align:center}.team-value.left{text-align:left}.team-value.right{text-align:right}.team-name{margin-bottom:5px;font-size:.9rem;font-weight:600}.team-total{font-size:1.8rem;font-weight:700}.trade-assessment{text-align:center;color:var(--text-secondary);white-space:nowrap;font-size:1rem}.trade-value-bar{height:40px;box-shadow:0 2px 4px var(--shadow);border-radius:8px;margin-bottom:15px;display:flex;overflow:hidden}.bar-segment{transition:width .3s}.expand-button{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;border-radius:6px;padding:10px;font-size:.9rem;transition:all .2s}.expand-button:hover{background:var(--hover-bg)}.trade-details{border-top:1px solid var(--border-color);grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:15px;padding-top:15px;display:grid}.details-section h4{color:var(--text-primary);margin-bottom:10px;font-size:1rem}.details-section ul{margin-bottom:10px;list-style:none}.details-section li{color:var(--text-secondary);padding:4px 0;font-size:.9rem}.details-section .total{color:var(--text-primary);border-top:1px solid var(--border-color);padding-top:8px;font-weight:600}.closest-pick{color:var(--text-secondary);margin-top:8px;font-size:.9rem}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h2{color:var(--text-primary);font-size:1.5rem}.close-button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;width:30px;height:30px;padding:0;font-size:2rem;line-height:1}.close-button:hover{color:var(--text-secondary)}.modal-body{padding:20px}.settings-hint{color:var(--text-secondary);margin-bottom:15px;font-size:.9rem;font-style:italic}.chart-setting-row{background:var(--bg-tertiary);border-radius:6px;align-items:center;gap:10px;margin-bottom:8px;padding:12px;display:flex}.chart-setting-row input[type=checkbox]{cursor:pointer;width:18px;height:18px}.chart-setting-row input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.chart-setting-row label{cursor:pointer;color:var(--text-primary);flex:1}.order-buttons{gap:4px;display:flex}.order-buttons button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:.8rem;transition:all .2s}.order-buttons button:hover:not(:disabled){background:var(--hover-bg)}.order-buttons button:disabled{opacity:.3;cursor:not-allowed}@media (width<=768px){.trade-setup{grid-template-columns:1fr}.trade-summary{grid-template-columns:1fr;gap:10px}.team-value.left,.team-value.right{text-align:center}.trade-details{grid-template-columns:1fr}.app-header h1{font-size:1.5rem}}