:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--text-primary: #e9ecef;--text-secondary: #adb5bd;--border: #495057;--accent: #9333ea;--accent-hover: #7e22ce;--success: #28a745;--warning: #ffc107;--card-shadow: 0 2px 8px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s;line-height:1.6}.app{min-height:100vh}.main-nav{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem 0;position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--accent);text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-primary);text-decoration:underline;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--accent)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;gap:4px;width:24px}.hamburger span{display:block;width:100%;height:2px;background:var(--text-primary);transition:all .3s ease;border-radius:2px}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.tabs-container{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0}.tabs{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;gap:0}.tab{background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);padding:1rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}.tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);background:transparent}.calculator-container{max-width:1200px;margin:0 auto;padding:2rem}.placeholder-content{padding:4rem 2rem;text-align:center;color:var(--text-secondary);font-size:1.1rem}.map-container{max-width:1200px;margin:0 auto;padding:2rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header h1{font-size:2rem;font-weight:700}.header p{color:var(--text-secondary);margin-top:.5rem}.mode-toggle{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-weight:600;transition:all .2s}.mode-toggle:hover{background:var(--accent-hover)}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media(max-width:968px){.calculator-grid{grid-template-columns:1fr}}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:var(--card-shadow)}.card h2{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary)}.card h3{font-size:1.1rem;margin:1.5rem 0 1rem;color:var(--accent)}.input-group{margin-bottom:1.5rem}.input-group label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.input-group .value{color:var(--accent);font-weight:700}.input-note{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem;font-style:italic}input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--bg-tertiary);outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}input[type=range][orient=vertical]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 2px 4px #0003}input[type=range][orient=vertical]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;box-shadow:0 2px 4px #0003}select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;cursor:pointer}select:focus{outline:2px solid var(--accent);outline-offset:2px}.section-header{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border)}.section-header h3{font-size:1.25rem;color:var(--text-primary)}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:.75rem}.result-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:.5rem;box-shadow:var(--card-shadow)}.result-label{font-size:.65rem;color:var(--text-secondary);margin-bottom:.15rem;font-weight:500}.result-value{font-size:1rem;font-weight:700;color:var(--accent);margin-bottom:.1rem}.result-context{font-size:.6rem;color:var(--text-secondary)}.methodology-note{margin-top:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;font-size:.85rem;line-height:1.5}.methodology-note strong{color:var(--accent)}.breakdown-table{width:100%;border-collapse:collapse;margin-top:1rem}.breakdown-table th,.breakdown-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}.breakdown-table th{font-weight:600;color:var(--text-secondary)}.breakdown-table tr:last-child td{border-bottom:none}.map-page{position:fixed;top:0;left:0;width:100%;height:100vh;padding-top:60px;z-index:1}.map-page iframe{border:none}.about-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.about-content h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary);line-height:1.2}.description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.author{font-size:.95rem;color:var(--text-secondary);margin-bottom:3rem}.author a{color:var(--accent);text-decoration:none;transition:color .2s}.author a:hover{color:var(--accent-hover);text-decoration:underline}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.module-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:2rem;box-shadow:var(--card-shadow);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.module-card:hover:not(.disabled){transform:translateY(-4px);box-shadow:0 4px 16px #0006}.module-card h2{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.module-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.module-link{display:inline-block;color:var(--accent);text-decoration:none;font-weight:600;transition:color .2s;margin-top:auto}.module-link:hover{color:var(--accent-hover)}.module-card.disabled{opacity:.6;cursor:not-allowed}.coming-soon-text{text-align:center;color:var(--text-secondary);font-size:1rem;margin:2rem 0}.coming-soon-text strong{color:var(--text-primary)}.about-footer{text-align:center;padding-top:3rem;border-top:1px solid var(--border);color:var(--text-secondary)}.image-section{margin:3rem 0}.image-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.data-image{width:100%;height:auto;border-radius:8px;border:1px solid var(--border);box-shadow:var(--card-shadow)}.image-citation{margin-top:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.image-citation a{color:var(--accent);text-decoration:none;transition:color .2s}.image-citation a:hover{color:var(--accent-hover);text-decoration:underline}.table-section{margin:3rem 0}.table-section h2{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.table-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.table-container{overflow-x:auto;margin:1.5rem 0}.summary-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:8px;overflow:hidden;box-shadow:var(--card-shadow)}.summary-table thead{background:var(--bg-tertiary)}.summary-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border)}.summary-table td{padding:.75rem 1rem;text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border)}.summary-table tbody tr:last-child td{border-bottom:none}.summary-table tbody tr:hover{background:var(--bg-tertiary)}.summary-table .group-header,.summary-table .group-header:hover{background:var(--bg-primary)}.summary-table .group-header .company-name{font-weight:700;font-size:1rem;color:var(--accent);padding:1rem;border-top:2px solid var(--border);border-bottom:1px solid var(--border)}.summary-table .note{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-left:.5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-badge.operational{background:var(--success);color:#000}.status-badge.planned{background:var(--accent);color:#fff}.power-source-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.power-source-badge.grid{background:#3b82f6;color:#fff}.power-source-badge.btm{background:#f59e0b;color:#000}.table-summary{margin-top:2rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.table-summary h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary)}.table-summary ul{list-style:none;padding:0}.table-summary li{padding:.5rem 0;color:var(--text-secondary);line-height:1.6}.table-summary li strong{color:var(--text-primary);font-weight:600}.framework-layout{display:flex;gap:2rem;max-width:1200px;margin:0 auto;position:relative}.framework-toc-sidebar{width:200px;flex-shrink:0}.toc-sticky{position:sticky;top:100px;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;max-height:calc(100vh - 120px);overflow-y:auto}.framework-toc-sidebar ul{list-style:none;padding:0;margin:0}.framework-toc-sidebar li{margin:.5rem 0}.framework-toc-sidebar a{color:var(--text-secondary);text-decoration:none;transition:color .2s;display:block;padding:.25rem .5rem;border-radius:4px;font-size:.9rem;line-height:1.4}.framework-toc-sidebar a:hover{color:var(--accent);background:var(--bg-tertiary)}.framework-toc-sidebar a.active{color:var(--accent);background:var(--bg-tertiary);font-weight:600}.toc-toggle-btn{display:none;background:var(--accent);color:#fff;border:none;border-radius:4px;width:28px;height:28px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:background .2s}.toc-toggle-btn:hover{background:var(--accent-hover)}.toc-list{max-height:1000px;overflow:hidden;transition:max-height .3s ease}.framework-content{flex:1;max-width:900px;line-height:1.8}.framework-content h2{font-size:1.75rem;margin:2rem 0 1rem;color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:.5rem}.framework-content h3{font-size:1.25rem;margin:1.5rem 0 .75rem;color:var(--text-primary)}.framework-content h4{font-size:1.1rem;margin:1.25rem 0 .5rem;color:var(--text-primary)}.framework-content p{margin:1rem 0;color:var(--text-secondary)}.framework-content ul,.framework-content ol{margin:1rem 0;padding-left:2rem;color:var(--text-secondary)}.framework-content li{margin:.5rem 0}.framework-content a{color:var(--accent);text-decoration:none;transition:color .2s}.framework-content a:hover{color:var(--accent-hover);text-decoration:underline}.framework-content pre{font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;color:var(--text-primary)}.framework-content table{margin:1.5rem 0}.framework-content strong{color:var(--text-primary);font-weight:600}.toc{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin:2rem 0}.toc h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin:.5rem 0}.toc a{color:var(--text-secondary);text-decoration:none;transition:color .2s;display:block;padding:.25rem 0}.toc a:hover{color:var(--accent)}@media(max-width:968px){.calculator-grid{grid-template-columns:1fr}.framework-layout{flex-direction:column}.framework-toc-sidebar{width:100%;order:-1}.toc-sticky{position:static;max-height:none}.toc-toggle-btn{display:block}.toc-list{max-height:0}.toc-list.toc-open{max-height:1000px}}@media(max-width:768px){.nav-container{position:relative}.mobile-menu-toggle{display:block}.pdf-download-btn{display:none!important}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border);flex-direction:column;padding:1rem 2rem;gap:1rem;box-shadow:0 4px 6px #0000004d}.nav-links.mobile-open{display:flex}.nav-links a{padding:.5rem 0;border-bottom:1px solid var(--border)}.nav-links a:last-child{border-bottom:none}.results-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.result-card{padding:.4rem}.result-label{font-size:.55rem}.result-value{font-size:.85rem}.result-context{font-size:.5rem}.calculator-container,.map-container{padding:1rem}.table-container{overflow-x:scroll}.summary-table{font-size:.9rem}.summary-table th,.summary-table td{padding:.5rem}.image-grid{grid-template-columns:1fr}}