:root{--primary-color: #3b82f6;--secondary-color: #1e40af;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--info-color: #06b6d4;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-card: #1f2937;--bg-elevated: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-color: #374151;--border-light: #4b5563;--shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .3);--shadow: 0 .5rem 1rem rgba(0, 0, 0, .4);--shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--border-radius: .5rem;--border-radius-sm: .25rem;--border-radius-lg: .75rem;--transition: all .15s ease-in-out}#app{height:var(--content-height);width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);overflow:hidden;padding:20px;box-sizing:border-box}.hidden{display:none!important}#linksContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px;background:radial-gradient(ellipse at center,rgba(59,130,246,.1) 0%,transparent 70%);height:100%}.nav-link{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--text-primary);border:none;padding:18px 36px;font-size:16px;font-weight:600;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);min-width:280px;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.nav-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%)}.nav-link:hover:before{left:100%}.nav-link:active{transform:translateY(-1px);box-shadow:var(--shadow)}.section{padding:32px;height:100%;background:var(--bg-secondary);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);margin:0;box-shadow:var(--shadow);overflow-y:auto}.back-btn{background:linear-gradient(135deg,var(--bg-tertiary) 0%,#495057 100%);color:var(--text-primary);border:none;padding:12px 24px;border-radius:var(--border-radius);cursor:pointer;margin-bottom:24px;font-weight:600;transition:var(--transition);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:8px}.back-btn:before{content:"←";font-weight:700}.back-btn:hover{background:linear-gradient(135deg,#495057 0%,var(--bg-tertiary) 100%);transform:translateY(-1px);box-shadow:var(--shadow)}#ieee-content{max-width:700px;margin:0 auto;background:var(--bg-card);padding:32px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}#ieee-content h2{text-align:center;margin-bottom:32px;color:var(--text-primary);font-weight:700;font-size:2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#ieee-content div{margin-bottom:24px}#ieee-content label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-secondary);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}#ieee-content input{width:100%;padding:16px 20px;font-size:16px}#ieee-content input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary);box-shadow:0 0 0 3px #3b82f633;transform:translateY(-1px)}#ieee-content input[readonly]{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);color:var(--success-color);font-weight:600}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input{padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:14px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;background:var(--bg-elevated);color:var(--text-primary);transition:var(--transition);box-shadow:var(--shadow-sm);outline:none}input:focus{border-color:var(--primary-color);background:var(--bg-primary);box-shadow:0 0 0 3px #3b82f633;transform:translateY(-1px)}input::placeholder{color:var(--text-muted);font-style:italic}.row{display:flex;flex-direction:row;gap:24px}.column{display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow)}.marginleft1{margin-left:1%}.marginright1{margin-right:1%}.flex1{flex:1}#searchInput{padding:16px 20px;margin-bottom:16px;font-size:16px}#searchInput:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary);box-shadow:0 0 0 3px #3b82f633}#searchInput::placeholder{color:var(--text-muted);font-style:italic}#searchList{list-style-type:none;padding:0;margin:0;height:500px;overflow-y:auto;border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-elevated);box-shadow:inset 0 2px 4px #0000004d}#searchList::-webkit-scrollbar{width:8px}#searchList::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--border-radius-sm)}#searchList::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-sm)}#searchList::-webkit-scrollbar-thumb:hover{background:var(--border-light)}#searchList li{padding:0;border-bottom:1px solid var(--border-color);transition:var(--transition)}#searchList li:last-child{border-bottom:none}#searchList li:hover{background:linear-gradient(135deg,#3b82f61a,#1e40af1a)}#addedSkinsList{list-style-type:none;padding:0;margin:16px 0 0}#addedSkinsList li{margin-bottom:12px;display:flex;align-items:center;gap:12px;padding:8px;background:var(--bg-elevated);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:var(--transition)}#addedSkinsList li:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}#go,#resetAll{padding:14px 28px;margin-right:12px;margin-bottom:16px;background:linear-gradient(135deg,var(--success-color) 0%,#20c997 100%);color:var(--text-primary);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:600;font-size:16px;transition:var(--transition);box-shadow:var(--shadow);position:relative;overflow:hidden}#go:before,#resetAll:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}#go:hover,#resetAll:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}#go:hover:before,#resetAll:hover:before{left:100%}#resetAll{background:linear-gradient(135deg,var(--danger-color) 0%,#c82333 100%)}#outcomesArea{width:100%;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-primary) 100%);color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:20px;font-size:14px;line-height:1.6;box-shadow:inset 0 2px 4px #0000004d;resize:vertical}#outcomesArea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}.skin-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:4px 0;border-radius:var(--border-radius);transition:var(--transition);border:1px solid transparent}.skin-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.skin-add-btn,.skin-remove-btn{margin-right:0;padding:0;border:none;cursor:pointer;width:36px;height:36px;border-radius:var(--border-radius-sm);font-weight:700;font-size:20px;transition:var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;line-height:1}.skin-add-btn{background:linear-gradient(135deg,var(--success-color) 0%,#20c997 100%);color:var(--text-primary)}.skin-remove-btn{background:linear-gradient(135deg,var(--danger-color) 0%,#c82333 100%);color:var(--text-primary)}.skin-add-btn:hover,.skin-remove-btn:hover{transform:scale(1.05);box-shadow:var(--shadow)}.skin-add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;background:var(--text-muted)}.skin-name{flex:1;padding:12px 16px;margin-right:12px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-weight:600;font-size:14px;background:var(--bg-elevated);color:var(--text-primary);transition:var(--transition);box-shadow:var(--shadow-sm);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.skin-name:hover{border-color:var(--border-light);box-shadow:var(--shadow);transform:translateY(-1px)}.float-input{width:200px;padding:8px 12px}.float-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}.consumer{background:linear-gradient(135deg,silver,#a8a8a8);color:#2c2c2c;border-color:#999;box-shadow:0 2px 8px #c0c0c04d}.industrial{background:linear-gradient(135deg,#9cf,#7db8ff);color:#1a365d;border-color:#6ba3ff;box-shadow:0 2px 8px #9cf6}.mil-spec{background:linear-gradient(135deg,#00f,#00c);color:#e6e6e6;border-color:#33f;box-shadow:0 2px 8px #00f6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.restricted{background:linear-gradient(135deg,purple,#6b006b);color:#f0e6ff;border-color:#93c;box-shadow:0 2px 8px #80008066;text-shadow:0 1px 2px rgba(0,0,0,.5)}.classified{background:linear-gradient(135deg,#f0f,#e600e6);color:#2c1a2c;border-color:#f3f;box-shadow:0 2px 8px #f0f6;text-shadow:0 1px 2px rgba(0,0,0,.3)}.covert{background:linear-gradient(135deg,red,#c00);color:var(--text-primary);border-color:#f33;box-shadow:0 2px 8px #f006;text-shadow:0 1px 2px rgba(0,0,0,.5)}.consumer:hover{box-shadow:0 4px 16px #c0c0c080}.industrial:hover{box-shadow:0 4px 16px #9cf9}.mil-spec:hover{box-shadow:0 4px 16px #00f9}.restricted:hover{box-shadow:0 4px 16px #80008099}.classified:hover{box-shadow:0 4px 16px #f0f9}.covert:hover{box-shadow:0 4px 16px #f009}.simple-row{display:flex;flex-direction:row;gap:32px}.simple-column{display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow);min-width:280px;flex:1}.simple-column:first-child{flex:2}.simple-column h1{color:var(--text-primary);font-weight:700;font-size:1.5rem;margin-bottom:20px;text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vertCent{justify-content:center}.left2{margin-left:2%}.margin0{margin:0}.w100{width:100%}#floatInputs{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 32px;justify-content:center;margin:0 auto}#floatInputs input{width:100%}#infoInputs input{margin-bottom:12px;width:100%}#infoInputs h3,#calcOutputs h2{margin:0 0 8px;font-size:.9rem;font-weight:700;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);padding-bottom:4px}#calcOutputs h2{font-size:1rem;color:var(--success-color)}#calcOutputs input{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);border:2px solid var(--success-color);color:var(--success-color);font-weight:600;cursor:default}#calcOutputs input:focus{box-shadow:0 0 0 3px #10b98133}#infoInputs>div,#calcOutputs>div{margin-bottom:16px}#infoInputs>div:last-child,#calcOutputs>div:last-child{margin-bottom:0}.help-container{max-width:900px;margin:0 auto;padding:32px;line-height:1.7;background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}.help-container h2{text-align:center;margin-bottom:40px;color:var(--text-primary);font-weight:700;font-size:2.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.help-section{margin-bottom:40px;padding:24px;background:linear-gradient(135deg,#3b82f60d,#1e40af0d);border-radius:var(--border-radius);border:1px solid var(--border-color)}.help-section h3{color:var(--primary-color);border-bottom:3px solid var(--primary-color);padding-bottom:8px;margin-bottom:20px;font-weight:700;font-size:1.3rem;position:relative}.help-section h3:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:var(--secondary-color)}.help-section ul{padding-left:24px}.help-section li{margin-bottom:12px;position:relative}.help-section li::marker{color:var(--primary-color)}.help-section strong{color:var(--text-primary);font-weight:700}.help-section p{margin-bottom:16px;color:var(--text-secondary)}.float-ranges{background:linear-gradient(135deg,#1a1a1a,#2c2c2c);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:24px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;margin:20px 0;color:#0f0;font-size:16px;line-height:1.8;box-shadow:var(--shadow);position:relative;overflow:hidden}.float-ranges:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(0,255,0,.02) 50%,transparent 70%);animation:matrix 3s linear infinite}@keyframes matrix{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bookmarklet-container{text-align:center;margin:32px 0;padding:24px;background:linear-gradient(135deg,#10b9811a,#0596691a);border-radius:var(--border-radius);border:2px dashed var(--success-color)}.bookmarklet{display:inline-block;background:linear-gradient(135deg,var(--success-color) 0%,#20c997 100%);color:var(--text-primary);padding:16px 32px;border-radius:var(--border-radius);text-decoration:none;font-weight:700;font-size:18px;border:2px solid #1e7e34;transition:var(--transition);box-shadow:var(--shadow);position:relative;overflow:hidden}.bookmarklet:before{content:"🔗";margin-right:8px}.bookmarklet:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.bookmarklet:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);text-decoration:none}.bookmarklet:hover:after{left:100%}@media (max-width: 768px){.section{margin:0;padding:20px}.row{flex-direction:column;gap:16px}.simple-row{flex-direction:column;gap:20px}.nav-link{min-width:250px}.help-container{padding:20px}.help-container h2{font-size:2rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}