:root{--bg:#07131c;--panel:#0d202d;--panel2:#102938;--text:#f1f7f9;--muted:#93a9b5;--line:#204050;--accent:#73e3d1;--good:#4fe08d;--fair:#e7c760;--poor:#e26f68}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#07131c,#0a1822 35%,#07131c);color:var(--text);font:15px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main,footer{max-width:1180px;margin:auto}header{padding:48px 24px 24px;display:flex;justify-content:space-between;gap:24px;align-items:end}h1{font-size:44px;line-height:1;margin:7px 0 10px;letter-spacing:-1.8px}h2{font-size:34px;line-height:1.12;margin:16px 0 8px}h3{margin:0;font-size:19px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--accent);font-weight:700}p{color:var(--muted);margin:8px 0 16px}button,input,select{font:inherit}button{border:1px solid var(--line);background:#102937;color:var(--text);padding:11px 15px;border-radius:11px;cursor:pointer}button:hover{border-color:#3a677a}.primary{background:var(--accent);color:#04211d;border-color:transparent;font-weight:700;width:100%}main{padding:0 24px 50px}.hero{background:radial-gradient(circle at 80% 20%,#1b5a69 0,transparent 35%),linear-gradient(135deg,#123447,#0a202d);border:1px solid #24546b;border-radius:24px;padding:30px;display:flex;justify-content:space-between;align-items:center;min-height:220px}.pill{background:#143646;border:1px solid #2c6074;color:#cfe7ef;padding:7px 10px;border-radius:999px;font-size:12px}.score{font-size:86px;font-weight:750;letter-spacing:-5px;color:var(--accent)}.score small{font-size:20px;color:var(--muted);letter-spacing:0}.grid{display:grid;gap:18px;margin-top:18px}.two{grid-template-columns:1.15fr .85fr}.card{margin-top:18px;background:rgba(13,32,45,.92);border:1px solid var(--line);border-radius:18px;padding:20px}.grid .card{margin-top:0}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sectionhead span{font-size:12px;color:var(--muted)}.lake{background:#091a24;border:1px solid #173747;border-radius:14px;padding:8px}.lake svg{width:100%;display:block}.lake .lake-shore{stroke:#4a91a4;stroke-width:2.5;stroke-linejoin:round}.lake .shore-highlight{fill:none;stroke:#78b5c4;stroke-width:1;opacity:.55}.map-label{pointer-events:none;user-select:none}.map-label.country{fill:#6d8b97;font-size:14px;letter-spacing:3px;font-weight:700}.map-label.lake-name{fill:#8fbac7;font-size:18px;letter-spacing:4px;font-weight:700;opacity:.75}.mappt{cursor:pointer}.mappt circle{stroke:#07131c;stroke-width:4}.mappt text{fill:#eaf7fa;font-size:20px;font-weight:700}.legend{display:flex;gap:16px;color:var(--muted);font-size:12px;padding:4px 8px 8px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.good{background:var(--good)}.fair{background:var(--fair)}.poor{background:var(--poor)}.windows{display:grid;gap:9px}.window{padding:12px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr auto}.window b{font-size:15px}.window small{display:block;color:var(--muted)}.badge{font-weight:800;font-size:20px}.spots{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.spot{white-space:nowrap}.spot.active{background:#1b4959;border-color:#3b8293}.timeline{display:grid;grid-template-columns:repeat(8,minmax(92px,1fr));gap:8px;overflow:auto;margin-top:16px}.hour{background:#091a24;border:1px solid #173747;border-radius:12px;padding:12px}.hour strong{font-size:23px}.hour small{display:block;color:var(--muted)}input[type=email],select{width:100%;border:1px solid var(--line);background:#091a24;color:var(--text);padding:12px;border-radius:10px;margin-bottom:10px}.upload{display:block;border:1px dashed #3d6879;border-radius:12px;padding:16px;text-align:center;margin:12px 0;color:#c8dce4;cursor:pointer}.upload input{display:none}.rangeLabel{display:block;color:var(--muted);margin:8px 0 14px}.rangeLabel input{width:100%}.result{margin-top:12px;padding:12px;border-radius:10px;background:#091a24;border:1px solid #173747}.muted{color:var(--muted)}.about p{max-width:850px}.error{color:#ffaaa5}footer{padding:0 24px 45px;color:#66818d;font-size:12px}@media(max-width:800px){header{align-items:start;flex-direction:column}h1{font-size:36px}.two{grid-template-columns:1fr}.hero{align-items:flex-start}.score{font-size:58px}.timeline{grid-template-columns:repeat(8,104px)}}