@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Barlow+Condensed:wght@300;400;600;700&display=swap");:root{--bg:#0d0f0e;--bg-card:#141714;--bg-card2:#1a1d1a;--border:#2a2e2a;--amber:#e8a030;--amber-dim:#7a5218;--amber-glow:rgba(232,160,48,.15);--green:#4caf72;--red:#e05252;--text:#d4d8d4;--text-dim:#6a706a;--mono:"Share Tech Mono",monospace;--sans:"Barlow Condensed",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,hsla(0,0%,100%,.012) 0,hsla(0,0%,100%,.012) 4px)}.header{display:flex;align-items:flex-end;justify-content:space-between;padding:2rem 2.5rem 1.25rem;border-bottom:1px solid var(--border);gap:1rem;flex-wrap:wrap}.header-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.2em;color:var(--amber);display:block;margin-bottom:.25rem}.header-title{font-family:var(--sans);font-size:2rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff}.header-right{display:flex;align-items:center;gap:1.5rem}.last-updated{font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;color:var(--text-dim)}.last-updated span{color:var(--text)}.alert-badge{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;padding:.3rem .75rem;border-radius:2px;animation:blink 1.2s step-end infinite}.alert-badge--low{background:rgba(224,82,82,.15);color:var(--red);border:1px solid var(--red)}.alert-badge--high{background:rgba(232,160,48,.15);color:var(--amber);border:1px solid var(--amber)}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;height:60vh;font-family:var(--mono);font-size:.75rem;letter-spacing:.2em;color:var(--text-dim)}.loading-spinner{width:2rem;height:2rem;border:2px solid var(--border);border-top-color:var(--amber);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.grid{display:grid;grid-template-columns:280px 280px 1fr 1fr 1fr;grid-template-rows:auto auto auto;grid-gap:1px;gap:1px;background:var(--border);padding:1px}.card{background:var(--bg-card);padding:1.5rem;position:relative}.card-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;color:var(--text-dim);margin-bottom:1.25rem;text-transform:uppercase}.card--gauge{grid-column:1;grid-row:1/3}.card--chart{grid-column:3/6;grid-row:2}.card--alerts{grid-column:1/6;grid-row:3}.stat-card{background:var(--bg-card);padding:1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:center}.stat-label{font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;color:var(--text-dim);margin-bottom:.5rem}.stat-value{font-family:var(--mono);font-size:1.6rem;color:var(--amber);line-height:1}.stat-value--dim{color:var(--text)}.stat-sub{font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;color:var(--text-dim);margin-top:.4rem;text-transform:uppercase}.gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:.5rem}.gauge-tube,.gauge-tube-wrap{position:relative;width:80px}.gauge-tube{background:#000!important;height:260px;border:2px solid var(--border);border-radius:4px;overflow:hidden;background:#0a0c0a}.gauge-fill{width:100%;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--amber),#f0b84a);transition:height 1.2s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 20px var(--amber-glow)}.gauge-ticks{position:absolute;top:0;right:-28px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.gauge-tick{display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:.5rem;color:var(--text-dim)}.gauge-tick:before{content:"";display:block;width:6px;height:1px;background:var(--border)}.gauge-readout{text-align:center}.gauge-pct{font-size:2.5rem;color:var(--amber);line-height:1}.gauge-gal,.gauge-pct{font-family:var(--mono);display:block}.gauge-gal{font-size:.8rem;color:var(--text-dim);margin-top:.3rem}.chart-container{width:100%;height:180px}.alert-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.7rem}.alert-table th{text-align:left;color:var(--text-dim);letter-spacing:.12em;font-size:.58rem;padding:0 1rem .75rem 0;border-bottom:1px solid var(--border)}.alert-table td{padding:.6rem 1rem .6rem 0;border-bottom:1px solid rgba(42,46,42,.5);color:var(--text);vertical-align:middle}.alert-type{padding:.15rem .5rem;border-radius:2px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}.alert-type--low{background:rgba(224,82,82,.15);color:var(--red)}.alert-type--high{background:rgba(232,160,48,.15);color:var(--amber)}.alert-empty{color:var(--text-dim);font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;padding:1rem 0}@media (max-width:900px){.grid{grid-template-columns:1fr 1fr}.card--gauge{grid-column:1;grid-row:1}.card--reserve{grid-column:2;grid-row:1}.stat-card{grid-column:span 1}.card--alerts,.card--chart{grid-column:1/3}}@media (max-width:560px){.grid{grid-template-columns:1fr}.card--alerts,.card--chart,.card--gauge{grid-column:1}.header{padding:1.25rem}.header-title{font-size:1.4rem}}.card-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-label-row .card-label{margin-bottom:0}.chart-range-tabs{display:flex;gap:.25rem}.range-tab{background:transparent;border:1px solid hsla(0,0%,100%,.1);color:#6b7280;font-family:Share Tech Mono,monospace;font-size:.65rem;padding:.2rem .5rem;cursor:pointer;border-radius:2px;transition:all .15s}.range-tab--active,.range-tab:hover{border-color:#f59e0b;color:#f59e0b}.range-tab--active{background:rgba(245,158,11,.15)}@media (max-width:768px){.dashboard,.header{padding:.75rem}.header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.header-title{font-size:1.25rem}.header-right{flex-direction:row;flex-wrap:wrap;gap:.5rem}.grid{grid-template-columns:1fr 1fr;gap:.5rem}.card--gauge{grid-column:1!important;grid-row:1!important}.card--reserve{grid-column:2!important;grid-row:1!important;opacity:.55}.card--alerts,.card--chart{grid-column:1/-1}.card-label-row{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width:400px){.grid{grid-template-columns:1fr}}.header-logo{height:80px;opacity:.95}@media (max-width:768px){.header-logo{height:36px}}.tank-section-label{font-family:Share Tech Mono,monospace;font-size:.65rem;letter-spacing:.1em;color:#6b7280;margin-bottom:.5rem}.tank-capacity{color:#f59e0b;margin-left:.5rem}.gauge-tube--offline{border-color:#374151}.reserve-badge{font-family:Share Tech Mono,monospace;font-size:.6rem;letter-spacing:.12em;color:#4b5563;border:1px solid #374151;padding:.2rem .5rem;text-align:center;margin-top:.5rem}.card--reserve{grid-column:2;grid-row:1/3}@media (max-width:768px){.grid{grid-template-columns:1fr 1fr!important}.card--gauge{grid-column:1!important;grid-row:1!important}.card--reserve{grid-column:2!important;grid-row:1!important}.card--alerts,.card--chart{grid-column:1/-1!important}.stat-card{grid-column:span 1!important}}.header-logo{height:120px!important;width:auto}.card--pressure{grid-column:3;grid-row:1}.pressure-gauge-wrap{display:flex;flex-direction:column;align-items:center;padding:.5rem 0}.pressure-svg{width:100%;max-width:200px}.pressure-status{font-family:Share Tech Mono,monospace;font-size:.65rem;letter-spacing:.1em;margin-top:.25rem}@media (max-width:768px){.card--pressure{grid-column:1/-1!important;grid-row:2!important}}.card--clickable{cursor:pointer;transition:border-color .2s,box-shadow .2s}.card--clickable:hover{border-color:#10b981!important;box-shadow:0 0 20px rgba(16,185,129,.15)}.click-hint{font-size:.55rem;color:#4b5563;margin-left:.5rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-panel{background:#0d1117;border:1px solid #374151;border-radius:8px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;padding:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.modal-title-group{display:flex;flex-direction:column;gap:.25rem}.modal-label{font-family:Share Tech Mono,monospace;font-size:.65rem;letter-spacing:.15em;color:#6b7280}.modal-psi{font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:700;letter-spacing:.05em}.modal-close{background:transparent;border:1px solid #374151;color:#6b7280;font-size:1rem;width:2rem;height:2rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close:hover{border-color:#ef4444;color:#ef4444}.modal-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.modal-stat{background:#111827;border:1px solid #1f2937;border-radius:4px;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.modal-stat-label{font-family:Share Tech Mono,monospace;font-size:.6rem;letter-spacing:.1em;color:#4b5563}.modal-stat-value{font-family:Barlow Condensed,sans-serif;font-size:1.25rem;font-weight:600;color:#e5e7eb}.modal-range-tabs{display:flex;gap:.25rem;margin-bottom:1rem;flex-wrap:wrap}.modal-chart{min-height:320px;display:flex;align-items:center;justify-content:center}.modal-loading{font-family:Share Tech Mono,monospace;font-size:.75rem;color:#4b5563;letter-spacing:.1em}@media (max-width:600px){.modal-stats{grid-template-columns:repeat(2,1fr)}.modal-panel{padding:1rem}}.card--pressure-chart{grid-column:1/-1;grid-row:4}@media (max-width:768px){.card--pressure-chart{grid-column:1/-1!important}}.nav-btn{font-family:Share Tech Mono,monospace;font-size:.7rem;letter-spacing:.1em;color:#f59e0b;border:1px solid #f59e0b44;padding:.3rem .75rem;border-radius:2px;text-decoration:none;transition:all .15s}.nav-btn:hover{background:rgba(245,158,11,.1);border-color:#f59e0b}.data-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;padding:0}.card--chart-full{grid-column:1/-1}[data-theme=light]{--bg:#f0f2f0;--bg-card:#fff;--bg-card2:#f5f7f5;--border:#d0d4d0;--amber:#b87010;--amber-dim:#c8900a;--amber-glow:rgba(184,112,16,.1);--green:#2a7a48;--red:#c03030;--text:#1a1e1a;--text-dim:#7a807a}[data-theme=light] body{background-image:none}[data-theme=light] .header{border-bottom-color:var(--border)}[data-theme=light] .header-title{color:#111}[data-theme=light] .card{box-shadow:0 1px 4px rgba(0,0,0,.08)}.theme-toggle{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;padding:.3rem .6rem;border-radius:2px;cursor:pointer;transition:all .15s;white-space:nowrap}.theme-toggle:hover{border-color:var(--amber);color:var(--amber)}.export-btn{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.3rem .75rem;border-radius:2px;cursor:pointer;transition:all .15s}.export-btn:hover{border-color:var(--green);color:var(--green)}.refill-log{display:flex;flex-direction:column;gap:1.25rem}.refill-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.75rem;gap:.75rem}.refill-summary-item{background:var(--bg-card2);border:1px solid var(--border);border-radius:4px;padding:.75rem 1rem}.refill-summary-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;color:var(--text-dim);display:block;margin-bottom:.35rem}.refill-summary-value{font-family:var(--mono);font-size:1.1rem;color:var(--green);font-weight:600}.refill-table-wrap{overflow-x:auto}.refill-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.72rem}.refill-table thead tr{border-bottom:1px solid var(--border)}.refill-table th{text-align:left;padding:.5rem .75rem;color:var(--text-dim);letter-spacing:.1em;font-size:.62rem;font-weight:400}.refill-table td{padding:.6rem .75rem;border-bottom:1px solid hsla(0,0%,100%,.04);vertical-align:middle}.refill-table tbody tr:hover{background:var(--bg-card2)}.refill-date{color:var(--text)}.refill-time{color:var(--text-dim)}.refill-num{color:var(--text)}.refill-gal{color:var(--text-dim);font-size:.65rem;margin-left:.3rem}.refill-added{color:var(--green);font-weight:600}.refill-tank-badge{font-size:.6rem;letter-spacing:.1em;padding:.15rem .5rem;border-radius:2px}.refill-tank-badge--main{background:rgba(29,158,117,.15);color:#1d9e75;border:1px solid rgba(29,158,117,.3)}.refill-tank-badge--reserve{background:rgba(55,138,221,.15);color:#378add;border:1px solid rgba(55,138,221,.3)}.refill-change{display:flex;align-items:center;gap:.5rem;min-width:100px}.refill-change-bar{height:4px;background:var(--green);border-radius:2px;min-width:2px;opacity:.7}.refill-change-label{color:var(--green);font-size:.65rem;white-space:nowrap}.refill-empty{text-align:center;padding:3rem 1rem;color:var(--text-dim);font-family:var(--mono);font-size:.75rem}.refill-empty-icon{font-size:2rem;margin-bottom:1rem;opacity:.3}.refill-empty-sub{margin-top:.5rem;font-size:.65rem;opacity:.6}[data-theme=light] .refill-table td{border-bottom-color:rgba(0,0,0,.06)}.settings-wrap{max-width:860px;margin:0 auto;padding:2rem 2.5rem;display:flex;flex-direction:column;gap:2rem}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1.5rem}.settings-section-title{font-family:var(--mono);font-size:.75rem;letter-spacing:.15em;color:var(--amber);margin-bottom:.4rem}.settings-section-sub{font-family:var(--sans);font-size:.8rem;color:var(--text-dim);margin-bottom:1.25rem;line-height:1.5}.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem}@media (max-width:600px){.settings-grid{grid-template-columns:1fr}.settings-wrap{padding:1rem}}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-item-header{display:flex;justify-content:space-between;align-items:baseline}.setting-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.08em;color:var(--text-dim)}.setting-value{font-family:var(--mono);font-size:.85rem;font-weight:600;min-width:60px;text-align:right}.setting-slider-wrap{display:flex;flex-direction:column;gap:.25rem}.setting-slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,var(--clr,var(--green)) var(--pct,50%),var(--border) var(--pct,50%));outline:none;cursor:pointer}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--clr,var(--green));border:2px solid var(--bg-card);cursor:pointer}.setting-slider-bounds{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.6rem;color:var(--text-dim)}.settings-toggles{display:flex;flex-direction:column;gap:0}.setting-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--border);cursor:pointer;gap:1rem}.setting-toggle-row:last-child{border-bottom:none}.setting-toggle-row:hover .setting-toggle{border-color:var(--amber)}.setting-toggle-text{display:flex;flex-direction:column;gap:.2rem}.setting-toggle-sub{font-family:var(--sans);font-size:.75rem;color:var(--text-dim)}.setting-toggle{width:36px;height:20px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card2);position:relative;transition:all .2s;flex-shrink:0}.setting-toggle--on{background:rgba(76,175,114,.2);border-color:var(--green)}.setting-toggle-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-dim);transition:all .2s}.setting-toggle--on .setting-toggle-knob{left:18px;background:var(--green)}.settings-save-row{display:flex;align-items:center;gap:1rem}.settings-save-btn{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;background:var(--amber);color:#000;border:none;padding:.65rem 1.5rem;border-radius:3px;cursor:pointer;transition:opacity .15s}.settings-save-btn:hover{opacity:.85}.settings-save-btn--saving{opacity:.6;cursor:not-allowed}.settings-saved-msg{font-family:var(--mono);font-size:.7rem;color:var(--green);letter-spacing:.08em}.settings-notice{display:flex;gap:.75rem;background:rgba(232,160,48,.06);border:1px solid rgba(232,160,48,.2);border-radius:4px;padding:1rem 1.25rem}.settings-notice-icon{font-family:var(--mono);color:var(--amber);font-size:.8rem;flex-shrink:0;margin-top:1px}.settings-notice p{font-family:var(--sans);font-size:.8rem;color:var(--text-dim);line-height:1.6}.settings-notice code{font-family:var(--mono);font-size:.72rem;color:var(--amber)}.pin-screen{justify-content:center;min-height:60vh}.pin-card,.pin-screen{display:flex;align-items:center}.pin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:2.5rem;flex-direction:column;gap:1rem;width:100%;max-width:360px}.pin-icon{font-size:2rem;opacity:.4}.pin-title{font-family:var(--mono);font-size:.8rem;letter-spacing:.2em;color:var(--text)}.pin-sub{font-family:var(--sans);font-size:.8rem;color:var(--text-dim)}.pin-input{font-family:var(--mono);font-size:1.5rem;letter-spacing:.3em;text-align:center;background:var(--bg-card2);border:1px solid var(--border);color:var(--text);padding:.75rem 1rem;border-radius:4px;width:100%;outline:none;transition:border-color .15s}.pin-input:focus{border-color:var(--amber)}.pin-input--error{border-color:var(--red);animation:shake .3s ease}.pin-error{font-size:.65rem;color:var(--red);letter-spacing:.1em}.pin-btn,.pin-error{font-family:var(--mono)}.pin-btn{font-size:.75rem;letter-spacing:.15em;background:var(--amber);color:#000;border:none;padding:.65rem 2rem;border-radius:3px;cursor:pointer;width:100%;margin-top:.5rem;transition:opacity .15s}.pin-btn:hover{opacity:.85}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.email-recipients{display:flex;flex-direction:column;gap:.75rem}.email-list{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2rem}.email-empty{font-family:var(--mono);font-size:.65rem;color:var(--text-dim);align-self:center}.email-chip{display:flex;align-items:center;gap:.4rem;background:var(--bg-card2);border:1px solid var(--border);border-radius:3px;padding:.25rem .5rem .25rem .75rem}.email-chip-addr{font-family:var(--mono);font-size:.68rem;color:var(--text)}.email-chip-remove{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1rem;line-height:1;padding:0 .1rem;transition:color .15s}.email-chip-remove:hover{color:var(--red)}.email-add-row{display:flex;gap:.5rem}.email-add-input{flex:1 1;font-family:var(--mono);font-size:.75rem;background:var(--bg-card2);border:1px solid var(--border);color:var(--text);padding:.5rem .75rem;border-radius:3px;outline:none;transition:border-color .15s}.email-add-input:focus{border-color:var(--amber)}.email-add-input--error{border-color:var(--red)}.email-add-btn{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;background:transparent;border:1px solid var(--amber);color:var(--amber);padding:.5rem 1rem;border-radius:3px;cursor:pointer;transition:all .15s;white-space:nowrap}.email-add-btn:hover{background:rgba(232,160,48,.1)}.email-error{font-family:var(--mono);font-size:.65rem;color:var(--red);letter-spacing:.06em}.email-hint{font-family:var(--sans);font-size:.72rem;color:var(--text-dim);line-height:1.5}.dashboard--fullscreen{background:#000!important}.dashboard--fullscreen .header{display:none}.fullscreen-clock{position:fixed;top:1rem;right:1.5rem;font-size:1.1rem;z-index:100;display:flex;align-items:center;gap:1rem}.fullscreen-clock,.fullscreen-exit{font-family:var(--mono);color:var(--text-dim)}.fullscreen-exit{font-size:.65rem;letter-spacing:.1em;background:transparent;border:1px solid var(--border);padding:.2rem .6rem;border-radius:2px;cursor:pointer}.fullscreen-exit:hover{border-color:var(--red);color:var(--red)}.report-wrap{display:flex;align-items:flex-start;justify-content:center;padding:3rem 2rem}.report-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:2.5rem;max-width:520px;width:100%;display:flex;flex-direction:column;gap:1.5rem}.report-icon{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;color:var(--amber);background:rgba(232,160,48,.1);border:1px solid rgba(232,160,48,.3);padding:.4rem .8rem;border-radius:3px;align-self:flex-start}.report-title{font-family:var(--mono);font-size:.85rem;letter-spacing:.15em;color:var(--text)}.report-sub{font-family:var(--sans);font-size:.85rem;color:var(--text-dim);line-height:1.6}.report-select-wrap{display:flex;flex-direction:column;gap:.4rem}.report-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;color:var(--text-dim)}.report-select{font-family:var(--mono);font-size:.8rem;background:var(--bg-card2);border:1px solid var(--border);color:var(--text);padding:.6rem .75rem;border-radius:3px;outline:none;cursor:pointer;width:100%}.report-select:focus{border-color:var(--amber)}.report-btn{font-family:var(--mono);font-size:.8rem;letter-spacing:.12em;background:var(--amber);color:#000;border:none;padding:.85rem;border-radius:3px;cursor:pointer;transition:opacity .15s;font-weight:700}.report-btn:hover{opacity:.85}.report-btn--loading{opacity:.6;cursor:not-allowed}.report-status{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em}.report-status--ok{color:var(--green)}.report-status--error{color:var(--red)}.report-contents{background:var(--bg-card2);border:1px solid var(--border);border-radius:4px;padding:1rem 1.25rem}.report-contents-title{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;color:var(--text-dim);margin-bottom:.75rem}.report-contents ul{list-style:none;display:flex;flex-direction:column;gap:.4rem}.report-contents li{font-family:var(--sans);font-size:.8rem;color:var(--text-dim);padding-left:1rem;position:relative}.report-contents li:before{content:"—";position:absolute;left:0;color:var(--amber)}.gauge-fill--water{transition:height 1s ease}.gauge-wave{position:absolute;top:0;left:-50%;width:200%;height:8px;border-top:2px solid hsla(0,0%,100%,.25);border-radius:50%;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:translateX(0) scaleY(1)}50%{transform:translateX(5%) scaleY(1.2)}}.gauge-bubbles{position:absolute;bottom:4px;left:0;width:100%;height:100%;pointer-events:none}.bubble{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.15);animation:bubble-rise 3s ease-in infinite}.bubble--1{width:4px;height:4px;left:25%;animation-delay:0s;animation-duration:2.5s}.bubble--2{width:3px;height:3px;left:55%;animation-delay:1s;animation-duration:3.2s}.bubble--3{width:2px;height:2px;left:70%;animation-delay:.5s;animation-duration:2.8s}@keyframes bubble-rise{0%{transform:translateY(0);opacity:.6}to{transform:translateY(-60px);opacity:0}}.gauge-reflection{position:absolute;top:4px;left:8%;width:15%;height:40%;background:hsla(0,0%,100%,.08);border-radius:4px;transform:skewX(-5deg)}.pressure-readout{display:flex;align-items:baseline;justify-content:center;gap:.3rem;margin-top:.25rem}.pressure-psi-value{font-family:var(--mono);font-size:1.8rem;font-weight:700;line-height:1}.pressure-psi-unit{font-family:var(--mono);font-size:.75rem;color:var(--text-dim);letter-spacing:.1em}.wx-wrap{padding:1.5rem 2.5rem;display:flex;flex-direction:column;gap:1.5rem;max-width:1100px;margin:0 auto}.wx-station-bar{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;font-family:var(--mono);font-size:.65rem;color:var(--text-dim);letter-spacing:.08em;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.wx-station-id{color:var(--amber)}.wx-station-name{color:var(--text)}.wx-hero{display:flex;align-items:center;gap:2rem}.wx-temp-wrap{display:flex;align-items:flex-start;line-height:1}.wx-temp{font-family:var(--sans);font-size:6rem;font-weight:700;line-height:1}.wx-temp-unit{font-size:1.5rem;margin-top:.75rem}.wx-temp-meta,.wx-temp-unit{font-family:var(--mono);color:var(--text-dim)}.wx-temp-meta{display:flex;flex-direction:column;gap:.4rem;font-size:.75rem}.wx-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}@media (max-width:768px){.wx-grid{grid-template-columns:1fr 1fr}.wx-wrap{padding:1rem}.wx-temp{font-size:4rem}}@media (max-width:480px){.wx-grid{grid-template-columns:1fr}}.wx-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.wx-card-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;color:var(--amber);margin-bottom:.25rem}.wx-stat{display:flex;flex-direction:column;gap:.1rem}.wx-stat-label{font-family:var(--mono);font-size:.62rem;color:var(--text-dim);letter-spacing:.06em}.wx-stat-value{font-family:var(--mono);font-size:1.6rem;font-weight:700;line-height:1.1;color:var(--text)}.wx-stat-unit{font-size:.75rem;font-weight:400;color:var(--text-dim)}.wx-stat-sub{font-family:var(--mono);font-size:.65rem;color:var(--text-dim)}.wx-wind-wrap{display:flex;align-items:center;gap:1rem}.wx-uv-bar-wrap{margin-top:.5rem}.wx-uv-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.wx-uv-fill{height:100%;border-radius:2px;transition:width .5s ease}.wx-attribution{font-size:.6rem}.wx-attribution,.wx-error{font-family:var(--mono);color:var(--text-dim);text-align:center}.wx-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:.75rem}.wx-error-icon{font-size:2rem;color:var(--amber)}.wx-error-sub{font-size:.7rem;color:var(--red)}.wx-temp-pill{font-family:var(--mono);font-size:.8rem;color:var(--amber);border:1px solid var(--border);padding:.2rem .6rem;border-radius:2px;text-decoration:none;transition:all .15s}.wx-temp-pill:hover{border-color:var(--amber);background:rgba(232,160,48,.1)}.energy-wrap{padding:1.5rem 2.5rem;display:flex;flex-direction:column;gap:1.5rem;max-width:1100px;margin:0 auto}.energy-section-title{font-family:var(--mono);font-size:.65rem;letter-spacing:.18em;color:var(--amber);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.energy-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}@media(max-width:768px){.energy-flow-grid{grid-template-columns:1fr 1fr}.energy-wrap{padding:1rem}}.energy-flow-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1.25rem;text-align:center}.energy-flow-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;color:var(--text-dim);margin-bottom:.5rem}.energy-flow-value{font-family:var(--mono);font-size:1.8rem;font-weight:700;line-height:1}.energy-flow-unit{font-size:.8rem;font-weight:400;color:var(--text-dim);margin-left:2px}.energy-flow-sub{font-family:var(--mono);font-size:.62rem;color:var(--text-dim);margin-top:.35rem;letter-spacing:.06em}.energy-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem}@media(max-width:768px){.energy-stat-grid{grid-template-columns:1fr 1fr}}.energy-stat-card{background:var(--bg-card2);border:1px solid var(--border);border-radius:4px;padding:.75rem 1rem}.energy-stat-label{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;color:var(--text-dim);margin-bottom:.3rem}.energy-stat-value{font-family:var(--mono);font-size:1rem;font-weight:700;color:var(--text)}.energy-bms-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.energy-soc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1.25rem}.energy-soc-bar-wrap{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.energy-soc-bar{flex:1 1;height:12px;background:var(--bg-card2);border-radius:6px;overflow:hidden;border:1px solid var(--border)}.energy-soc-fill{height:100%;border-radius:6px;transition:width .5s ease}.energy-soc-pct{font-family:var(--mono);font-size:1.4rem;font-weight:700;min-width:56px;text-align:right}.energy-cell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));grid-gap:.5rem;gap:.5rem}.energy-cell{display:flex;flex-direction:column;align-items:center;gap:3px}.energy-cell-bar-wrap{height:60px;width:24px;background:var(--bg-card2);border:1px solid var(--border);border-radius:3px;display:flex;align-items:flex-end;overflow:hidden}.energy-cell-bar{width:100%;border-radius:2px;transition:height .5s ease}.energy-cell-val{font-family:var(--mono);font-size:.58rem;color:var(--text)}.energy-cell-num{font-family:var(--mono);font-size:.55rem;color:var(--text-dim)}.energy-fault-banner{display:flex;align-items:center;gap:.75rem;background:rgba(224,82,82,.1);border:1px solid var(--red);border-radius:4px;padding:.75rem 1rem;font-family:var(--mono);font-size:.72rem;color:var(--red);letter-spacing:.08em}.energy-fault-icon{font-size:1rem;font-weight:700}