:root{--bg-color: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #06b6d4;--accent-glow: rgba(6, 182, 212, .4);--panel-bg: rgba(30, 41, 59, .7);--panel-border: rgba(148, 163, 184, .1);--input-bg: rgba(15, 23, 42, .6);--font-family: "Inter", system-ui, -apple-system, sans-serif;--radius-lg: 16px;--radius-md: 8px}body{margin:0;padding:0;font-family:var(--font-family);background:var(--bg-color);background-image:radial-gradient(circle at 10% 20%,rgba(6,182,212,.1) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(99,102,241,.1) 0%,transparent 40%);color:var(--text-primary);min-height:100vh}.app-container{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:3rem}header h1{font-size:2.5rem;margin:0;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:-1px}header p{color:var(--text-secondary);font-size:1.1rem;margin-top:.5rem}.content-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.content-grid{grid-template-columns:1fr 1fr;align-items:start}}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}h2{margin-top:0;font-size:1.25rem;color:var(--accent-color);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.form-group{margin-bottom:1.5rem}label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}select,input{width:100%;padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all .2s;box-sizing:border-box}select:focus,input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #06b6d433}.hint{display:block;margin-top:.25rem;color:var(--text-secondary);font-size:.8rem}input[type=range]{padding:0;height:6px;background:var(--panel-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent-color);border-radius:50%;cursor:pointer;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.main-result{text-align:center;margin-bottom:2rem;padding:2rem 0;border-bottom:1px solid var(--panel-border)}.main-result .label{display:block;font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem}.main-result .value{font-size:4rem;font-weight:700;color:var(--text-primary);text-shadow:0 0 20px var(--accent-glow);line-height:1}.breakdown .row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--panel-border);font-size:.95rem;color:var(--text-primary)}.breakdown .row:last-child{border-bottom:none}.breakdown .total{font-weight:700;color:var(--accent-color);margin-top:.5rem;font-size:1.1rem}.info-box{margin-top:2rem;padding:1rem;background:#06b6d41a;border-radius:var(--radius-md);text-align:center;font-family:monospace;color:var(--accent-color);font-size:.9rem}.info-icon-wrapper{display:inline-flex;align-items:center;margin-left:.5rem;position:relative;cursor:help;color:var(--accent-color)}.info-icon{background:#06b6d426;width:18px;height:18px;border-radius:50%;border:1px solid var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:serif;font-style:italic}.tooltip-text{visibility:hidden;width:250px;background-color:var(--bg-color);color:var(--text-primary);text-align:left;border:1px solid var(--accent-color);border-radius:var(--radius-md);padding:1rem;position:absolute;z-index:100;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;box-shadow:0 4px 6px #0000004d;font-size:.85rem;font-weight:400;line-height:1.4}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--accent-color) transparent transparent transparent}.info-icon-wrapper:hover .tooltip-text{visibility:visible;opacity:1}