@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--accent-red-text:#ff4d4d;--accent-red-bg:#c00;--charcoal:#1c1c1e;--white:#fff;--gray-text:#a1a1aa;--bg-black:#09090b;--card-bg:#111114;--feature-bg:#18181b;--safe-green:#30d158;--warn-yellow:#ffd60a;--font-sans:"Inter", -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}body{background-color:var(--bg-black);color:var(--white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}.app-wrapper-box{background:var(--bg-black);box-sizing:border-box;border-radius:2rem;max-width:85rem;margin:3rem auto;overflow:hidden}.hero-banner-container{background:var(--bg-black);box-sizing:border-box;text-align:center;width:100%;margin:0;padding:3rem 2rem 2rem}.hero-banner{object-fit:contain;width:100%;height:auto;max-height:42rem;box-shadow:none;background:var(--bg-black);border:none;border-radius:1.5rem;margin:0 auto;display:block}.container{box-sizing:border-box;background:var(--bg-black);max-width:100%;margin:0;padding:1rem 3rem 3rem}.tabs{border-bottom:none;flex-wrap:wrap;gap:.85rem;margin-bottom:2.5rem;padding-bottom:1rem;display:flex}.tab-btn{color:var(--gray-text);font-family:var(--font-sans);cursor:pointer;background:#ffffff0a;border:.0625rem solid #ffffff14;border-radius:2rem;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s ease-in-out;display:flex}.tab-btn:hover{color:var(--white);background:#ffffff14}.tab-btn.active{background:var(--accent-red-bg);color:var(--white);border-color:var(--accent-red-text);box-shadow:0 .25rem 1rem #cc00004d}.tab-content{animation:.3s fadeIn;display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{border-color:#cc000080;box-shadow:0 0 .25rem #cc00004d}50%{border-color:var(--accent-red-text);box-shadow:0 0 1.25rem #ff4d4d99}to{border-color:#cc000080;box-shadow:0 0 .25rem #cc00004d}}.card{background:var(--card-bg);border:.0625rem solid #ffffff14;border-radius:1.25rem;padding:3rem}h1{font-family:var(--font-sans);letter-spacing:-.02rem;margin-top:0;margin-bottom:.75rem;font-size:2.2rem;font-weight:700}h2{font-family:var(--font-sans);color:var(--accent-red-text);margin-top:0;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}p{color:var(--gray-text);font-size:1rem}.input-mode-toggle{gap:1rem;margin-bottom:1.5rem;display:flex}.mode-btn{background:var(--bg-black);color:var(--gray-text);font-family:var(--font-sans);cursor:pointer;border:.0625rem solid #ffffff1a;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.mode-btn.active{background:var(--feature-bg);color:var(--white);border-color:#ffffff40}.input-panel{display:none}.input-panel.active{display:block}.upload-area{text-align:center;cursor:pointer;background:var(--feature-bg);border:.125rem dashed #ffffff26;border-radius:.75rem;margin:1.5rem 0;padding:3.5rem 2rem;transition:border-color .2s}.upload-area:hover{border-color:var(--gray-text)}.paste-textarea{background:var(--feature-bg);width:100%;height:14rem;color:var(--white);font-family:var(--font-mono);resize:vertical;box-sizing:border-box;border:.0625rem solid #ffffff1a;border-radius:.75rem;outline:none;padding:1.5rem;font-size:.9rem;transition:border-color .2s}.paste-textarea:focus{border-color:#ffffff4d}.btn{font-family:var(--font-sans);cursor:pointer;background:var(--accent-red-text);color:var(--white);border:none;border-radius:.5rem;width:100%;padding:1rem 2.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.6;cursor:not-allowed}.file-list{font-family:var(--font-mono);color:var(--safe-green);margin-top:1.2rem;font-size:.9rem}.results-container{margin-top:3rem;display:none}.triage-grid{grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));gap:1.5rem;margin-top:2rem;display:grid}.triage-card{background:var(--feature-bg);border:.0625rem solid #ffffff14;border-radius:1rem;flex-direction:column;padding:1.8rem;display:flex}.triage-card.safe{border-top:.25rem solid var(--safe-green)}.triage-card.codependent{border-top:.25rem solid var(--warn-yellow)}.triage-card.breaking{border-top:.25rem solid var(--accent-red-text)}.triage-card.runtime-alert{border-top:.25rem solid var(--accent-red-text);background:#cc00000d;animation:2s ease-in-out infinite pulseGlow}.metric-row{font-family:var(--font-mono);border-bottom:.0625rem solid #ffffff0d;justify-content:space-between;padding:.5rem 0;font-size:.85rem;display:flex}.metric-label{color:var(--gray-text);font-family:var(--font-sans)}.metric-value{color:var(--white);font-weight:600}.vuln-link{color:var(--accent-red-text);border-bottom:.0625rem dotted var(--accent-red-text);text-decoration:none;transition:opacity .2s}.vuln-link:hover{opacity:.8}.quick-info-box{border-left:.2rem solid var(--accent-red-text);background:#0000004d;border-radius:.5rem;margin:1.2rem 0;padding:1.2rem}.remediation-box{background:#ffffff08;border-radius:.5rem;margin-top:auto;padding:1rem;font-size:.9rem}.dual-code-container{grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.code-box-wrapper{background:var(--bg-black);border:.0625rem solid #ffffff14;border-radius:.75rem;flex-direction:column;display:flex;overflow:hidden}.code-box-wrapper.secure{border-color:#30d1584d}.code-box-header{font-family:var(--font-sans);color:var(--gray-text);background:#ffffff08;border-bottom:.0625rem solid #ffffff0d;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;font-size:.8rem;font-weight:600;display:flex}.code-box-content{font-family:var(--font-mono);white-space:pre-wrap;word-wrap:break-word;flex-grow:1;margin:0;padding:1.2rem;font-size:.85rem;overflow-x:auto}.copy-btn{border:.0625rem solid var(--safe-green);color:var(--safe-green);font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.copy-btn:hover{background:var(--safe-green);color:var(--bg-black)}.os-instructions{background:#0003;border:.0625rem solid #ffffff0d;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.os-instructions code{color:var(--safe-green);font-family:var(--font-mono);background:#000;border-radius:.5rem;margin:.5rem 0 1rem;padding:.75rem;display:block;overflow-x:auto}::selection{color:var(--white);background:#ff4d4d4d}::selection{color:var(--white);background:#ff4d4d4d}.architecture-intro{color:var(--gray-text);margin-bottom:1.5rem;font-size:1.1rem}.architecture-grid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem;margin-top:2rem;display:grid}.capability-card{background:var(--feature-bg);border:.0625rem solid #ffffff14;border-radius:.75rem;padding:1.5rem;transition:border-color .2s}.capability-card:hover{border-color:#fff3}.capability-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.capability-icon{font-size:1.4rem}.capability-card h3{font-family:var(--font-sans);color:var(--white);margin:0;font-size:1.1rem;font-weight:600}.capability-card p{color:var(--gray-text);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.capability-card ul{color:#a1a1aa;margin:0;padding-left:1.2rem;font-size:.85rem;line-height:1.6}.capability-card code{background:var(--bg-black);font-family:var(--font-mono);color:var(--safe-green);border:.0625rem solid #ffffff0d;border-radius:.25rem;padding:.15rem .4rem;font-size:.8rem}