*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f7ef;background:#061017;font-family:Inter,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}html{background:#061017;min-height:100%}body{background:linear-gradient(#050e146b,#03080dc7),radial-gradient(circle at 18% 20%,#76e7d347,#0000 34rem),url(/x4_screen_074.png) top/cover no-repeat fixed;min-width:360px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000005c,#0000 72%);mask-image:linear-gradient(#0000005c,#0000 72%)}button,input,select{font:inherit}.app-shell{width:min(1420px,100% - 32px);margin:0 auto;padding:34px 0 64px}.hero{-webkit-backdrop-filter:blur(9px)saturate(1.15);backdrop-filter:blur(9px)saturate(1.15);background:linear-gradient(135deg,#09181fb8,#1332367a);border:1px solid #d9ede557;border-radius:30px 18px 34px 22px;grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:center;gap:24px;padding:clamp(24px,4vw,42px);display:grid;position:relative;overflow:hidden;box-shadow:0 26px 90px #00000075,inset 0 1px #ffffff24}.hero:after{content:"";pointer-events:none;border:1px dashed #c4efdc2e;border-radius:24px 14px 28px 18px;position:absolute;inset:14px}.eyebrow{color:#9cf3dc;text-transform:uppercase;letter-spacing:.16em;text-shadow:0 1px 12px #00000080;margin:0 0 10px;font-size:.78rem;font-weight:800}h1{letter-spacing:-.045em;text-wrap:balance;text-shadow:0 4px 28px #000000b3;max-width:980px;margin:0;font-size:clamp(2.25rem,5.2vw,5.35rem);line-height:.93}.hero-title-prefix{display:inline}.hero-title-focus{letter-spacing:-.035em;vertical-align:baseline;font-size:.62em;line-height:1.02;display:inline-block}h2{letter-spacing:-.02em;margin:0 0 8px}p{color:#d2e0d9}.hero p:last-child{color:#e0eee8;max-width:880px;font-size:1.12rem}.hero-logo-card{-webkit-backdrop-filter:blur(5px)saturate(1.1);backdrop-filter:blur(5px)saturate(1.1);background:linear-gradient(135deg,#030c1257,#1f3c4438);border:1px solid #dcf1e940;border-radius:20px 28px 18px 24px;justify-self:end;width:min(100%,330px);padding:10px;box-shadow:0 18px 52px #0000005c,inset 0 1px #ffffff1f}.hero-logo-card img{filter:drop-shadow(0 12px 22px #0000008c);width:100%;height:auto;display:block}.panel,.note,.warnings{-webkit-backdrop-filter:blur(12px)saturate(1.12);backdrop-filter:blur(12px)saturate(1.12);background:#0712199e;border:1px solid #dcf1e938;border-radius:20px 26px 18px 24px;margin-top:18px;padding:22px;box-shadow:0 18px 56px #00000052,inset 0 1px #ffffff14}.controls{flex-wrap:wrap;align-items:end;gap:16px;display:flex}label{color:#d7e7fb;gap:7px;min-width:250px;font-weight:650;display:grid}select,input{color:#ecf4ff;background:#050f17c7;border:1px solid #dcf1e942;border-radius:12px;outline:none;padding:11px 12px}select:focus,input:focus{border-color:#9cf3dc;box-shadow:0 0 0 3px #9cf3dc24}button{color:#06101d;cursor:pointer;background:linear-gradient(135deg,#a9f5df,#7fc7ff);border:0;border-radius:12px 15px 11px 16px;align-items:center;gap:8px;padding:11px 14px;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #00000038}button:hover{filter:brightness(1.08)}button.secondary{color:#eaf5ff;background:#1c3a48b8;border:1px solid #9cf3dc47}button.icon{color:#ffdce8;background:#3a2030;border:1px solid #ff96b43d;padding:10px}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-header p{margin:0}.targets{gap:10px;display:grid}.target-row{grid-template-columns:minmax(220px,1fr) 160px 36px auto;align-items:center;gap:10px;display:grid}.builder-row{grid-template-columns:minmax(240px,1fr) 150px auto;align-items:end;gap:12px;margin-bottom:16px;display:grid}.builder-row label{min-width:0}.builder-row input,.builder-row select{width:100%;min-width:0}.infrastructure-controls{grid-template-columns:minmax(240px,420px) minmax(420px,1fr);align-items:end}.sector-select-field{max-width:420px}.preset-list{gap:10px;display:grid}.preset-row{background:#12243c6b;border:1px solid #dcf1e929;border-radius:16px 20px 15px 18px;grid-template-columns:minmax(260px,1fr) 140px auto;align-items:center;gap:12px;padding:12px;display:grid}.preset-row div{gap:3px;display:grid}.preset-row span,.muted{color:#9fb4cc}.ship-goals{gap:14px;display:grid}.ship-goal{background:#12243c57;border:1px solid #dcf1e929;border-radius:16px 21px 15px 18px;gap:10px;padding:12px;display:grid}.ship-goal .target-row{grid-template-columns:minmax(240px,1fr) 130px 80px 120px 100px auto}.inline-toggle{align-items:center;gap:10px;min-width:280px;display:flex}.inline-toggle input{width:auto}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.metric-card{background:#12243c57;border:1px solid #dcf1e929;border-radius:16px 20px 15px 18px;gap:6px;min-width:0;padding:14px;display:grid}.metric-card span{color:#9fb4cc}.metric-card strong{min-width:0;font-size:1.35rem}.metric-card small{overflow-wrap:anywhere;min-width:0}.solar-summary-card{grid-template-columns:minmax(170px,auto) minmax(260px,1fr);align-items:center;gap:4px 20px;padding:12px 14px}.solar-summary-main{gap:2px;min-width:0;display:grid}.solar-summary-details{gap:3px;min-width:0;display:grid}.solar-summary-card .metric-label{color:#9fb4cc;font-weight:700}.solar-summary-card .metric-value{color:#f2f7ef;line-height:1.05}.formula-card{color:#bed1e7;background:#050d1a7a;border:1px solid #9cf3dc26;border-radius:14px 18px 13px 16px;gap:5px;padding:12px;display:grid}.formula-card strong{color:#ecf4ff}button:disabled{opacity:.55;cursor:not-allowed}h3{color:#d7e7fb;margin:18px 0 10px}.compact{max-width:760px}.warnings{background:#432f0c8c;border-color:#ffc75f59}.warnings p{color:#ffe0a4;margin:6px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #94b7e021;padding:12px 10px}th{color:#9cf3dc;text-transform:uppercase;letter-spacing:.06em;font-size:.88rem}tr.raw td{color:#ffe1a3}.tree ul{border-left:1px solid #7fc7ff38;margin:0;padding-left:22px;list-style:none}.tree>ul{border-left:0;padding-left:0}.tree li{margin:8px 0}.tree-line{background:#12243cb3;border:1px solid #94b7e024;border-radius:999px;align-items:baseline;gap:12px;padding:7px 11px;display:inline-flex}.tree-line span{color:#a9bdd3}.note{color:#cfe3fb}@media (width<=720px){.hero{grid-template-columns:1fr}.hero-logo-card{justify-self:start;max-width:240px}.section-header{flex-direction:column;align-items:stretch}.target-row,.ship-goal .target-row,.builder-row,.preset-row{grid-template-columns:1fr}.controls{align-items:stretch}label{width:100%;min-width:0}}