.nutrition-label{max-width:800px;margin:var(--spacing-2xl) auto 0;padding:var(--spacing-xl);background:var(--color-surface);border:3px solid var(--color-primary);box-shadow:0 0 30px #ff8c0080,inset 0 0 50px #ff8c000d}.nutrition-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--color-primary)}.nutrition-section:last-of-type{border-bottom:none}.nutrition-section.package-info{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.nutrition-section.package-info>div{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-md);align-items:center}.nutrition-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.nutrition-section h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary);padding-bottom:var(--spacing-sm)}.nutrition-section h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md)}.stat-large{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);line-height:1;text-shadow:0 0 10px var(--color-primary)}.version{font-size:var(--font-size-lg);color:var(--color-secondary);font-weight:400;margin-left:var(--spacing-sm)}.description{margin-bottom:var(--spacing-md)}.license-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:#ff8c001a;border:1px solid var(--color-primary);font-size:var(--font-size-sm);margin-left:var(--spacing-sm)}.license-info{margin-bottom:var(--spacing-lg)}.license-type{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.license-compatibility{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid currentColor;box-shadow:0 0 5px currentColor}.severity-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);color:#fff;font-size:var(--font-size-sm);font-weight:600;margin-right:var(--spacing-sm);margin-bottom:var(--spacing-xs);border:1px solid currentColor;box-shadow:0 0 5px currentColor}.vulnerability-item{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:var(--spacing-xs) var(--spacing-md);align-items:start;padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-left:4px solid;background:#ff8c000d}.vulnerability-item>strong{grid-column:1;grid-row:1}.vulnerability-item .package-name{grid-column:2;grid-row:1}.vulnerability-item .vuln-summary{grid-column:1 / -1;grid-row:2}.vulnerability-item .cvss-score{grid-column:3;grid-row:1;justify-self:end}.vulnerability-item.critical{border-left-color:var(--color-critical);box-shadow:0 0 6px var(--color-critical)}.vulnerability-item.high{border-left-color:var(--color-high);box-shadow:0 0 6px var(--color-high)}.vulnerability-item.medium{border-left-color:var(--color-medium);box-shadow:0 0 6px var(--color-medium)}.vulnerability-item.low{border-left-color:var(--color-low);box-shadow:0 0 6px var(--color-low)}.vuln-summary{margin-top:var(--spacing-xs)}.cvss-score{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.package-name{margin-left:var(--spacing-sm);color:var(--color-text-secondary)}.no-vulnerabilities{padding:var(--spacing-md);background:#22c55e1a;color:#16a34a;border:2px solid #16A34A;text-align:center;font-weight:600}.risk-level{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-md);text-shadow:0 0 15px currentColor}.ai-unavailable{padding:var(--spacing-md);background:#ff8c000d;border:2px solid var(--color-border);color:var(--color-text-secondary);text-align:center}.nutrition-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:2px solid var(--color-primary);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.dependency-tree{margin-top:var(--spacing-md)}.dependency-tree h4{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.dependency-count{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-secondary)}.tree-container{max-height:400px;overflow-y:auto;overflow-x:hidden;border:2px solid var(--color-primary);padding:var(--spacing-sm);background:#1a1a1a80}.tree-root{list-style:none;border-left:2px solid var(--color-primary);padding-left:var(--spacing-lg);margin:0}.tree-node{position:relative;padding-left:var(--spacing-md);margin-bottom:var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:background-color .2s}.tree-node:before{content:"";position:absolute;left:0;top:50%;width:var(--spacing-md);border-top:2px solid var(--color-primary)}.tree-node:hover{background:var(--color-surface);padding-right:var(--spacing-sm);box-shadow:0 0 5px #ff8c004d}.tree-node .tree-root{margin-top:var(--spacing-xs);padding-left:var(--spacing-md)}.export-button-container{position:relative;display:inline-block;margin-bottom:var(--spacing-md)}.export-button{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-background);border:2px solid var(--color-primary);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s}.export-button:hover:not(:disabled){background:var(--color-accent);box-shadow:0 0 15px var(--color-primary)}.export-button:disabled{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-text);cursor:not-allowed;opacity:.6}.export-menu{position:absolute;top:calc(100% + var(--spacing-xs));right:0;background:var(--color-surface);border:2px solid var(--color-primary);box-shadow:var(--shadow-lg);z-index:10;min-width:200px;overflow:hidden}.export-menu button{display:block;width:100%;padding:var(--spacing-md);text-align:left;background:transparent;border:none;cursor:pointer;transition:background-color .2s;font-size:var(--font-size-base);color:var(--color-text);font-family:var(--font-family)}.export-menu button:hover{background:#ff8c001a}.export-menu button:not(:last-child){border-bottom:2px solid var(--color-primary)}@media(max-width:768px){.nutrition-label{padding:var(--spacing-md);margin-top:var(--spacing-lg)}.nutrition-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.stat-large{font-size:var(--font-size-2xl)}.license-type{font-size:var(--font-size-lg)}.status-badge{font-size:var(--font-size-xs)}.tree-root{padding-left:var(--spacing-md)}.export-button-container,.export-button{width:100%}.export-menu{left:0;right:0}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-critical: #DC2626;--color-high: #EA580C;--color-medium: #CA8A04;--color-low: #2563EB;--color-primary: #FF8C00;--color-secondary: #64748B;--color-background: #1A1A1A;--color-surface: #1A1A1A;--color-text: #FFA500;--color-text-secondary: #FFB366;--color-border: #FF8C00;--color-glow-red: #FF4500;--color-accent: #FFB366;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: "VT323", "Courier New", monospace;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--shadow-sm: 0 0 5px rgba(255, 140, 0, .3);--shadow-md: 0 0 10px rgba(255, 140, 0, .5);--shadow-lg: 0 0 20px rgba(255, 140, 0, .7)}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-background);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.1) 3px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-md)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:var(--color-surface);color:var(--color-text);padding:var(--spacing-xl);text-align:center;box-shadow:0 0 20px #ff8c0099,inset 0 0 30px #ff8c001a;border-bottom:2px solid var(--color-primary);position:relative}.app-header h1{margin-bottom:var(--spacing-sm)}.app-header p{font-size:var(--font-size-lg);opacity:.9;margin-bottom:0}.app-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}@media(max-width:768px){.app-header{padding:var(--spacing-lg)}.app-header h1{font-size:var(--font-size-2xl)}.app-main{padding:var(--spacing-lg) var(--spacing-md)}}.inspector-form{max-width:600px;margin:0 auto;padding:var(--spacing-xl);background:var(--color-surface);border:2px solid var(--color-primary);box-shadow:var(--shadow-lg)}.inspector-form label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-text)}.inspector-form input[type=text]{width:100%;padding:var(--spacing-md);border:2px solid var(--color-primary);font-size:var(--font-size-base);font-family:var(--font-family);background:#1a1a1acc;color:var(--color-text);transition:border-color .2s,box-shadow .2s;margin-bottom:var(--spacing-md)}.inspector-form input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.inspector-form input[type=text]:disabled{background:#1a1a1a80;cursor:not-allowed;opacity:.6}.inspector-form input[type=text]::placeholder{color:var(--color-text-secondary);opacity:.6}.inspector-form input[type=text]:disabled::placeholder{opacity:.4}.inspector-form select{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);border:2px solid var(--color-primary);margin-bottom:var(--spacing-md);background:#1a1a1acc;color:var(--color-text);font-family:var(--font-family);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23FF8C00' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-md) * 3);transition:border-color .2s,box-shadow .2s}.inspector-form select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.inspector-form select:disabled{background-color:#1a1a1a80;cursor:not-allowed;opacity:.6}.inspector-form input[type=text]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 10px var(--color-primary)}.inspector-form select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 10px var(--color-primary)}.inspector-form button[type=submit]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 15px var(--color-primary)}.input-with-prompt{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.terminal-prompt{color:var(--color-primary);font-weight:700;margin-right:var(--spacing-sm);font-size:var(--font-size-lg);text-shadow:0 0 5px var(--color-primary);flex-shrink:0}.input-with-prompt input[type=text]{margin-bottom:0;flex:1}.inspector-form button[type=submit]{width:100%;padding:var(--spacing-md);background:var(--color-primary);color:var(--color-background);border:2px solid var(--color-primary);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s}.inspector-form button[type=submit]:hover:not(:disabled){background:var(--color-accent);box-shadow:0 0 15px var(--color-primary)}.inspector-form button[type=submit]:disabled{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-text);cursor:not-allowed;opacity:.6}.inspector-form button[type=submit]:active:not(:disabled){transform:translateY(0)}.example-packages{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--color-primary);text-align:center}.example-packages-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.example-packages-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-md)}.example-package-button{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:2px solid var(--color-primary);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s;text-transform:lowercase;white-space:nowrap}.example-package-button:hover:not(:disabled){background:#ff8c0033;box-shadow:0 0 10px var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.example-package-button:active:not(:disabled){transform:translateY(0);box-shadow:0 0 5px var(--color-primary)}.example-package-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 10px var(--color-primary)}.example-package-button:disabled{opacity:.4;cursor:not-allowed;color:var(--color-text-secondary);border-color:var(--color-secondary)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.spinner{width:40px;height:40px;border:4px solid rgba(255,140,0,.2);border-top-color:var(--color-primary);border-radius:50%;box-shadow:0 0 10px var(--color-primary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.error-message{display:flex;align-items:center;padding:var(--spacing-md);background:#ff450033;border:2px solid var(--color-glow-red);box-shadow:0 0 15px var(--color-glow-red);color:var(--color-glow-red);margin-bottom:var(--spacing-md);position:relative}.error-icon{font-size:var(--font-size-xl);margin-right:var(--spacing-md);flex-shrink:0;color:var(--color-glow-red)}.error-text{flex:1;margin:0;font-size:var(--font-size-base)}.error-dismiss{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;background:transparent;border:none;color:var(--color-glow-red);font-size:var(--font-size-xl);cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.error-dismiss:hover{background:#ff45004d}.error-dismiss:focus{outline:2px solid var(--color-glow-red);outline-offset:2px}.text-center{text-align:center}.text-muted{color:var(--color-text-secondary)}.mt-lg{margin-top:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-md)}.settings-backdrop{position:fixed;inset:0;background:#000000d9;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.settings-modal{background:var(--color-surface);border:2px solid var(--color-primary);box-shadow:var(--shadow-lg),0 0 30px #ff8c0080,inset 0 0 50px #ff8c000d;max-width:500px;width:100%;padding:var(--spacing-xl);position:relative}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-primary);padding-bottom:var(--spacing-md)}.settings-header h2{margin:0;color:var(--color-text);text-shadow:0 0 10px var(--color-primary)}.settings-close{background:transparent;border:none;color:var(--color-text);font-size:var(--font-size-2xl);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-close:hover{color:var(--color-glow-red);text-shadow:0 0 10px var(--color-glow-red)}.settings-form{margin-bottom:var(--spacing-lg)}.settings-form label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text);font-weight:600}.settings-form input[type=password]{width:100%;padding:var(--spacing-md);border:2px solid var(--color-primary);font-size:var(--font-size-base);font-family:var(--font-family);background:#1a1a1acc;color:var(--color-text);transition:border-color .2s,box-shadow .2s}.settings-form input[type=password]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.settings-form input[type=password]::placeholder{color:var(--color-text-secondary);opacity:.6}.settings-help-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md)}.settings-help-text a{color:var(--color-primary);text-decoration:underline}.settings-help-text a:hover{text-shadow:0 0 5px var(--color-primary)}.settings-feedback{font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.settings-actions{display:flex;gap:var(--spacing-md)}.settings-actions button{flex:1;padding:var(--spacing-md);border:2px solid var(--color-primary);background:var(--color-primary);color:var(--color-background);font-family:var(--font-family);font-weight:600;cursor:pointer;transition:all .2s;font-size:var(--font-size-base)}.settings-actions button:hover{background:var(--color-accent);box-shadow:0 0 15px var(--color-primary)}.settings-actions button.secondary{background:transparent;color:var(--color-text)}.settings-actions button.secondary:hover{background:#ff8c001a}.settings-toggle{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:transparent;border:2px solid var(--color-primary);color:var(--color-text);font-size:var(--font-size-xl);width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-toggle:hover{box-shadow:0 0 15px var(--color-primary);color:var(--color-primary)}@media(max-width:768px){.inspector-form{padding:var(--spacing-md)}.error-message{flex-direction:column;align-items:flex-start}.error-icon{margin-bottom:var(--spacing-sm);margin-right:0}.settings-modal{padding:var(--spacing-md);max-width:90%}.settings-actions{flex-direction:column}.settings-toggle{top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px}.example-packages-buttons{grid-template-columns:repeat(2,1fr)}.example-package-button{padding:var(--spacing-md)}.example-packages-label{font-size:var(--font-size-base)}}
