:root{color-scheme:dark;--bg: #0b1020;--bg-elev: #131a32;--bg-elev-2: #1c2447;--border: #2a3360;--text: #e8ecf8;--muted: #8a93b8;--accent: #6cb1ff;--accent-2: #8b5cf6;--good: #5fd99c;--warn: #ffb86b;--bad: #ff6b8b}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at top,#15204a 0%,var(--bg) 60%) fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;font-size:16px;min-height:100vh}.app{max-width:880px;margin:0 auto;padding:20px 16px 64px}.hero{text-align:center;padding:16px 0 8px}.hero h1{margin:0;font-size:28px;letter-spacing:-.02em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:4px 0 0;color:var(--muted);font-size:14px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:16px 0;padding:12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px}.stat{text-align:center}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.stat-value{font-size:20px;font-weight:600;margin-top:2px}.stat-sub{font-size:11px;color:var(--good);margin-top:2px}.click-section{display:flex;justify-content:center;margin:18px 0}.click-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;border:none;border-radius:16px;padding:18px 36px;font-size:18px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 6px 20px #6cb1ff40;transition:transform .06s ease;-webkit-user-select:none;user-select:none}.click-button:active{transform:scale(.97)}.click-power{font-size:12px;opacity:.85;font-weight:500}h2{font-size:16px;margin:24px 0 8px;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}.contracts,.upgrades,.feedback{margin-top:20px}.contract-grid,.upgrade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.contract-card,.upgrade-card{text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:12px;color:var(--text);cursor:pointer;position:relative;transition:border-color .15s ease,transform .06s ease,background .15s ease}.contract-card:hover:not(:disabled),.upgrade-card:hover:not(:disabled){border-color:var(--accent);background:var(--bg-elev-2)}.contract-card:active:not(:disabled),.upgrade-card:active:not(:disabled){transform:scale(.99)}.contract-card:disabled,.upgrade-card:disabled{cursor:not-allowed;opacity:.55}.upgrade-card.affordable{border-color:var(--good)}.upgrade-card.maxed{border-color:var(--accent-2)}.contract-head,.upgrade-head{display:flex;justify-content:space-between;font-weight:600;margin-bottom:4px}.contract-reward{color:var(--good)}.upgrade-level{color:var(--muted);font-weight:500}.contract-desc,.upgrade-desc{font-size:13px;color:var(--muted);margin-bottom:8px;line-height:1.4}.contract-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--muted)}.contract-meta .badge{background:var(--accent-2);color:#fff;padding:2px 6px;border-radius:4px}.upgrade-cost{margin-top:4px;font-weight:600;color:var(--accent)}.locked-tag{margin-top:8px;display:inline-block;align-self:flex-start;background:#ff6b8b26;color:var(--bad);font-size:11px;padding:3px 8px;border-radius:4px;letter-spacing:.02em;font-weight:500}.active-contracts{display:grid;gap:8px;margin-bottom:12px}.active-contract{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.active-contract-name{font-weight:600;margin-bottom:6px}.progress{height:6px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--good));transition:width .25s linear}.feedback{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:16px}.ios-button{width:100%;background:var(--bg-elev-2);color:var(--text);border:1px solid var(--accent);border-radius:10px;padding:12px;font-size:15px;font-weight:500;cursor:pointer}.ios-button.active{background:var(--accent);color:#07122c}.feedback-form{margin-top:12px;display:flex;flex-direction:column;gap:8px}.feedback-form textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px;font-family:inherit;resize:vertical}.feedback-form button{align-self:flex-end;background:var(--accent);color:#07122c;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-weight:600}.feedback-form button:disabled{opacity:.5;cursor:not-allowed}.footer{display:flex;align-items:center;margin-top:32px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.footer-spacer{flex:1}.link-button{background:none;border:none;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:12px;padding:0}@media (max-width: 480px){.stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:18px}}.banner-corrupt{background:#5b1f1f;color:#ffd9d9;padding:10px 14px;border-radius:6px;margin:12px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}.banner-corrupt .link-button{color:#ffd9d9;background:transparent;border:1px solid #ffd9d9;padding:4px 10px;border-radius:4px;cursor:pointer}.banner-corrupt .link-button:hover{background:#ffd9d9;color:#5b1f1f}.metrics-panel{max-width:720px;margin:0 auto;padding:24px 16px 64px;color:#e7ecf5}.metrics-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.metrics-header h1{font-size:18px;letter-spacing:.02em;margin:0;color:#c8d2e0}.metrics-back{color:#8aa1c5;font-size:14px;text-decoration:none;border-bottom:1px dashed transparent}.metrics-back:hover{border-bottom-color:#8aa1c5}.metrics-banner{padding:10px 14px;border-radius:6px;font-size:14px;margin-bottom:16px}.metrics-banner-warn{background:#5b1f1f;color:#ffd9d9}.metrics-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.metrics-summary-stat{background:#131a2b;border-radius:8px;padding:12px 14px}.metrics-summary-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#8aa1c5}.metrics-summary-value{font-size:24px;font-weight:600;color:#f3f6fa;margin-top:4px}.metrics-rates{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.metrics-rate-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:14px}.metrics-rate-label{color:#c8d2e0}.metrics-rate-value{font-variant-numeric:tabular-nums;font-weight:600}.metrics-rate-value.pass{color:#6fdc8c}.metrics-rate-value.fail{color:#ff8a8a}.metrics-rate-value small{color:#6f7c93;font-weight:400}.metrics-bar-track{position:relative;height:10px;background:#1d2536;border-radius:5px;overflow:hidden}.metrics-bar-fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:5px;transition:width .2s ease-out}.metrics-bar-fill.pass{background:linear-gradient(90deg,#1f7a3d,#6fdc8c)}.metrics-bar-fill.fail{background:linear-gradient(90deg,#553030,#ff8a8a)}.metrics-bar-threshold{position:absolute;top:-2px;bottom:-2px;width:2px;background:#f3f6fa;opacity:.7}.metrics-actions{display:flex;gap:12px}.metrics-button{background:#1d2536;color:#c8d2e0;border:1px solid #2d384e;padding:8px 14px;border-radius:6px;font-size:14px;cursor:pointer}.metrics-button:hover{background:#283248}.metrics-button.danger{color:#ffb3b3;border-color:#4a2c2c}.metrics-button.danger:hover{background:#3a2222}