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