/* wattya / daily energy atlas */
:root{--text:#292f4b;--muted:#626b82;--line:#e4e4ee;--bg:#faf9f5;--mint:#6551c9;--atlas-purple:#6551c9;--atlas-ink:#33334f}
body{background:#faf9f5;color:var(--text)}
header{background:#ffffffed;border-bottom:1px solid #e9e7ef;padding:16px 4%;gap:20px}
header nav{background:#f5f4f8;padding:5px;border-radius:30px;gap:2px}
header nav a,header nav button{padding:9px 15px;font-size:14px;border-radius:24px}
header nav .active{background:#fff;color:#6551c9;box-shadow:0 2px 7px #30344b10}
header nav a:hover,header nav button:hover{background:#ece8fb;transform:none}
header .demo{background:#fff1b8;color:#65521d;border:1px solid #f4e4a1;letter-spacing:.025em;font-size:11px}
.brand{color:#4c439c}.brand small{background:#f0edfc;color:#7263ae}
main{max-width:1480px;padding:0 4%}
.page-heading{padding:25px 0 22px;gap:24px}
.page-heading .eyebrow{font-size:10px;letter-spacing:.16em;color:#81789d}
.page-heading h1{font:500 clamp(28px,2.5vw,38px)/1.16 'Fredoka',sans-serif;letter-spacing:-.8px;margin:7px 0}
.page-heading h1 span{color:#6853bd}.page-heading p{font-size:14px;color:#77778b;margin-top:5px}
.market .country-control select{box-shadow:0 2px 4px #33334f04;border-color:#e0ddea;background:#fff;border-radius:14px}
.market>span{font-size:11px;color:#76778b}
.map-panel{border:1px solid #dedde9;border-radius:24px;box-shadow:0 12px 38px #4541660a;background:#fff}
.map-panel>.panel-top{padding:17px 22px;min-height:72px;border-bottom:1px solid #e8e5f1;gap:15px;background:#fff}
.map-panel>.panel-top strong{font:500 23px 'Fredoka',sans-serif;color:#35324f}
.map-panel>.panel-top .signal{display:inline-block;width:9px;height:9px;background:#a391e3;box-shadow:0 0 0 5px #f0ecfb;border-radius:50%;margin-right:14px}
.segmented{background:#f4f2f9;border:1px solid #eae6f2;border-radius:14px;padding:4px;gap:3px}
.segmented button{font-size:12px;padding:9px 13px;border-radius:10px;min-height:36px}
.segmented button:hover{transform:none;background:#e7e0fa}
.segmented .active{background:#6954c6;box-shadow:0 3px 8px #6652bd30;color:white}
.map-canvas{background:radial-gradient(ellipse at 15% 35%,#fafff7 0,transparent 50%),linear-gradient(135deg,#eff8fb,#f0effb);border-bottom:1px solid #e5e3ef}
.map-canvas .map-note{padding:16px 22px 0;font-size:13px;color:#565074}
.map-note span{font-size:12px;color:#747b90}
.map-canvas .map-metric-switch{padding:10px 22px 2px;gap:7px}
.map-metric-switch>span{font-size:10px;color:#77718c;letter-spacing:.1em}
.map-metric-switch button{font-size:12px;border-radius:20px;padding:7px 15px;border:1px solid #dcd9ea;box-shadow:0 1px 2px #34345505;min-height:34px}
.map-metric-switch button:hover{transform:none;background:#eeebfb}
.map-metric-switch button[aria-pressed=true]{background:#6551b9;border-color:#6551b9;color:white}
.map-canvas .map-metric-switch small{font-size:10px;line-height:1.5;max-width:480px}
.map-canvas .map-legend{font-size:11px;color:#69617d;margin:0 20px 14px}
.map-legend .legend-small{font-size:10px;color:#798093}
.map-canvas .reset{border:1px solid #dcd9e9;border-radius:12px;font-size:11px;padding:8px 12px;margin:0 20px 14px 0;background:#ffffffdc}
.flow-node rect{rx:8;stroke:#c9c4df;stroke-width:.65;fill:#fffffff5}
.flow-geography{filter:drop-shadow(0 2px 2px #55617815)}
.flow-toolbar{padding:14px 20px;background:#fff;border-top:0;gap:12px}
.flow-toolbar b{font-size:13px;color:#48425f}.flow-toolbar small{font-size:11px;line-height:1.6;color:#818094}
.flow-tools{gap:7px}.flow-tools button,.flow-filters button,.flow-hour button{border:1px solid #e0dce9;border-radius:10px;padding:8px 12px;font-size:12px;min-height:36px;background:#fff}
.flow-tools button:hover,.flow-filters button:hover,.flow-hour button:hover{transform:none;background:#f0ebff;border-color:#b6a8dc}
.flow-tools button:last-child{background:#eae3fc;color:#5e48a6;border-color:#ddd2f4}
.flow-filters{background:#faf9fd;padding:12px 20px;border-top:1px solid #eeeaf5;gap:12px}
.flow-filters label{font-size:12px}.flow-filters select{border-radius:10px;min-height:36px;font-size:12px;border-color:#e0dce9}
.flow-hour{background:#f7f3ff;padding:12px 20px;border-top:1px solid #eeeaf5}.flow-hour b{font-size:11px}
#flow-inspector{padding:22px;background:#fff;gap:25px}#flow-inspector h3{font:500 24px/1.2 'Fredoka',sans-serif;color:#403650}
#flow-inspector p{font-size:13px;line-height:1.7}#flow-inspector .eyebrow{font-size:10px;letter-spacing:.13em;color:#8a779d}#flow-inspector .fine{font-size:11px}
.transfer-list{gap:8px}.transfer-list button{padding:12px 14px;border-radius:12px;font-size:12px}.transfer-list button:hover{transform:translateX(3px)}
.today{border:1px solid #e2dfed;border-radius:20px;box-shadow:none;background:#fff}.today>.panel-top{background:#f6f2fe}.metric{border:1px solid #ffffff80;border-radius:16px;padding:16px}.metric b{font-size:34px}.metric>span{font-size:13px}.metric em{font-size:11px;line-height:1.5}
section:not(.dashboard){margin-top:44px}.section-line{margin-bottom:22px}.section-line h2{font:500 31px/1.2 'Fredoka',sans-serif;color:#37334d;letter-spacing:-.5px}.section-line .muted{font-size:11px;letter-spacing:.1em}
.data-banner{border-radius:16px;border:1px solid #e1e5e2;background:#f5faf6;box-shadow:none}.health-panel{background:transparent;border:1px dashed #d9d7e4;border-radius:14px;color:#757187}
.daily-cards{gap:18px}.daily-cards article{position:relative;padding:25px;border-radius:22px;border:1px solid #dcd4f3;background:#ede6ff;overflow:hidden}
.daily-cards article:nth-child(2){background:#e6f4ec;border-color:#cce7d7}.daily-cards article:nth-child(3){background:#fff2ce;border-color:#eadfb4}
.daily-cards article>span{font-size:12px;letter-spacing:.025em}.daily-cards h3{font:500 29px/1.16 'Fredoka',sans-serif;letter-spacing:-.5px;margin:18px 0 12px}.daily-cards p{font-size:14px;line-height:1.7}.daily-cards small{font-size:11px;display:block;margin-top:15px;line-height:1.6}
.memory-row{font-size:12px;color:#7c778b;padding:14px 2px}.memory-row button{background:#fff;border-radius:20px;font-size:11px}
.energy-trail{border:1px solid #e8d49b;background:#fff0bd;border-radius:22px;padding:24px 30px;box-shadow:none}.trail-arrow{color:#b09a52}.trail-icon{font-size:32px}
.event{border:1px solid #e3dfed;border-radius:22px;box-shadow:0 4px 15px #40364e04;padding:25px}.event:hover{box-shadow:0 12px 28px #4a3b6810;transform:translateY(-4px);border-color:#cab9e7}.event h3{font-size:27px}.event-tag{font-size:11px}.everyday-note{background:#f7f5fb;border-radius:12px}
#fuel-team>button{border-width:1px;box-shadow:none;border-radius:20px;padding:22px 10px;transition:transform .2s,box-shadow .2s}#fuel-team>button:hover{transform:translateY(-4px);box-shadow:0 8px 20px #45405c10}
.ranking-main{border:1px solid #e2deec;border-radius:22px}.rank-tabs{background:#f5f2fb;padding:12px}.rank-tabs .active{background:#6853bc}.rank-row{padding:18px 20px}.rank-bar i{background:#a696d8}.context-card{background:#e9e1fa;border:1px solid #d9ccee;border-radius:22px}.context-card a{color:#66519e}
.my-energy{background:#dcf2e8;border:1px solid #bfe0d1;border-radius:28px;padding:38px;box-shadow:0 8px 28px #316e5208}.my-energy h2{font-size:44px;letter-spacing:-1px}.zip-card{border-radius:20px;background:#ffffffbd}.zip-card form button{background:#367760;box-shadow:0 4px 10px #36776020}
.money-cards{gap:18px}.money-cards>button{border-width:1px;border-radius:22px;padding:26px;transition:transform .2s,box-shadow .2s}.money-cards>button:hover{transform:translateY(-5px);box-shadow:0 12px 25px #38354812}.money-cards h3{font-size:27px;line-height:1.2}.card-icon{font-size:32px;margin-bottom:20px}.card-link{display:block;border-top:1px solid #514e7020;padding-top:16px;width:100%}
.seo-entry-links a{background:white;border:1px solid #e0dbea;border-radius:16px;padding:22px;font-size:15px;transition:background .2s,transform .2s}.seo-entry-links a:hover{background:#eee8fd;transform:translateY(-3px)}
#explore-links button{border-color:#e4deeb;border-radius:14px;font-size:13px;background:#fff}footer{padding:32px 0 40px;border-color:#e2dfe8;color:#81768a;gap:20px}footer .brand{color:#5b509b}
@media(max-width:1100px){header{gap:10px}header nav a,header nav button{padding:8px 10px}.map-metric-switch small{max-width:100%;margin-left:0}.money-cards>button{padding:20px}.money-cards h3{font-size:24px}.daily-cards h3{font-size:25px}}
@media(max-width:800px){header{padding:13px 5% 10px;flex-wrap:wrap}header nav{width:100%;justify-content:space-between;padding:4px;border-radius:14px}header nav a,header nav button{padding:9px 10px;font-size:12px}main{padding:0 4%}.page-heading{padding:18px 0}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.map-panel>.panel-top{padding:15px}.map-panel>.panel-top strong{font-size:21px}.map-canvas .map-note{padding:12px 14px 0}.map-canvas .map-metric-switch{padding:10px 14px 0}.map-metric-switch small{font-size:10px!important}.daily-cards{grid-template-columns:1fr}.daily-cards article{padding:22px}.daily-cards h3{font-size:29px;margin:12px 0}.daily-cards small{margin-top:10px}.money-cards{grid-template-columns:1fr 1fr}.my-energy{padding:28px}.section-line h2{font-size:28px}.flow-toolbar{padding:12px 14px}.flow-filters,.flow-hour{padding:12px 14px}.flow-hour{flex-wrap:wrap}.flow-hour input{flex:1}.flow-tools{flex-wrap:wrap}#flow-inspector{padding:18px}.map-canvas .map-legend{margin-left:14px}.map-canvas .reset{margin-right:14px}.energy-trail{padding:20px}}
@media(max-width:480px){header .demo{font-size:9px;padding:7px 9px}header nav a,header nav button{padding:8px;font-size:11px}.page-heading{gap:10px;padding:16px 0}.page-heading h1{font-size:24px}.page-heading .eyebrow,.page-heading p{display:none}.country-control{width:124px}.market .country-control select{font-size:11px}.map-panel{border-radius:20px}.map-panel>.panel-top{flex-wrap:wrap;gap:12px;padding:14px}.map-panel>.panel-top strong{font-size:22px}.segmented{width:100%;border-radius:12px}.segmented button{font-size:11px;padding:7px 6px;min-height:34px}.map-note span{display:block;font-size:10px;margin:3px 0 0}.map-metric-switch button{font-size:11px;padding:7px 10px}.map-canvas .map-legend{font-size:10px;line-height:1.5}.map-legend .legend-small{font-size:9px}.map-canvas .reset{font-size:10px}.flow-tools button,.flow-filters button,.flow-hour button{font-size:11px;padding:7px 9px}.flow-tools{width:100%}.flow-toolbar small{font-size:10px}.flow-filters{gap:8px}.flow-filters select{max-width:100%;font-size:11px}.flow-filters label{font-size:11px}.flow-hour b{font-size:10px}.memory-row{align-items:flex-start;gap:10px;font-size:11px}.memory-row button{flex:none}.my-energy{padding:25px 20px}.my-energy h2{font-size:36px}.money-cards{gap:12px}.money-cards>button{padding:19px 16px}.money-cards h3{font-size:23px}.money-cards p{font-size:13px}.card-link{font-size:11px}.seo-entry-links{gap:10px}.seo-entry-links a{padding:17px;font-size:13px}.energy-trail{padding:18px 10px}.trail-icon{font-size:25px}section:not(.dashboard){margin-top:34px}.section-line h2{font-size:27px}.rank-row{padding:15px 11px}.rank-tabs{padding:8px}.rank-tabs button{font-size:11px}footer{gap:16px}.daily-cards h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){a,button,.event,.money-cards>button,#fuel-team>button,.seo-entry-links a{transition:none!important}}