:root{--bg: #f1f5f9;--surface: #ffffff;--primary: #6366f1;--primary-hover: #4f46e5;--text: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.08);--radius: 12px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{max-width:1200px;margin:0 auto;padding:32px 16px 64px}.App-title{font-size:1.875rem;font-weight:700;color:var(--text);margin:0 0 24px;text-align:center}.App-controls{display:flex;gap:16px;flex-wrap:wrap;position:sticky;top:0;z-index:10;background:var(--bg);padding:12px 0;margin-bottom:24px}.App-control-card{background:var(--surface);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow);flex:1;min-width:220px}.App-control-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px}.App-section-title{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px}.App-formula{background:var(--surface);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow);margin-top:48px;text-align:left}.App-formula-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px}.App-formula p{font-size:.8rem;color:var(--text-muted);margin:4px 0;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-formula a{color:var(--primary);text-decoration:none}.App-formula a:hover{text-decoration:underline}.App-footer{text-align:center;margin-top:16px;font-size:.8rem;color:var(--text-muted)}.App-footer a{color:var(--primary);text-decoration:none}.App-footer a:hover{text-decoration:underline}.patch-card{transition:transform .18s ease,box-shadow .18s ease}.patch-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000014,0 12px 32px #0000001f!important}.place-button{transition:all .15s ease}.place-button:hover{background-color:#dcfce7!important;border-color:#10b981!important;color:#059669!important}.placed-item{transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}.placed-item:hover{opacity:1!important;transform:scale(1.05);box-shadow:0 4px 8px #0000001a!important}.income-time-button{transition:all .15s ease}.income-time-button:hover:not(.selected){background-color:#f8fafc!important;border-color:#cbd5e1!important;color:#1e293b!important}.income-time-button.selected:hover{background-color:#4f46e5!important;border-color:#4f46e5!important}.sort-type-button{transition:all .15s ease}.sort-type-button:hover:not(.selected){color:#1e293b!important;background-color:#ffffff80!important}