.svitlo-scope{--ink:#211d32;--muted:#726e80;--accent:#6551cc;--line:#e7e4ed;--paper:#faf9fc;--on:#e5f0e9;--off:#ecb8ba;--maybe:#f3dfa7;--radius-card:12px;--radius-panel:20px;--radius-control:8px}*{box-sizing:border-box}.svitlo-scope{scroll-behavior:smooth}.svitlo-scope{margin:0;background:var(--paper);color:var(--ink);font-family:'e-Ukraine',Arial,sans-serif;font-size:15px;line-height:1.55}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--accent)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a89af2;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}.skip{position:absolute;top:-80px}.skip:focus{top:12px;z-index:10;background:#fff;padding:12px}.preview-bar{background:#272036;color:#eeeaf7;display:flex;justify-content:space-between;padding:8px max(24px,calc((100vw - 1200px)/2));font-size:11px;letter-spacing:.02em}.masthead{max-width:1200px;margin:auto;display:flex;align-items:center;height:92px;border-bottom:1px solid var(--line);gap:28px}.logo{font-weight:800;font-size:44px;letter-spacing:-3px;color:var(--ink);text-decoration:none;line-height:1}.logo span{color:var(--accent)}.brand-note{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.clock{margin-left:auto;font-size:12px;display:flex;align-items:center;gap:8px}.clock i{width:6px;height:6px;background:#7863d0;border-radius:50%}main{max-width:1200px;margin:auto}.breadcrumb{font-size:11px;color:var(--muted);padding-top:24px;display:flex;gap:12px}.breadcrumb span{opacity:.4}.intro{display:flex;gap:32px;justify-content:space-between;align-items:end;padding:36px 0 32px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--accent);margin:0 0 12px}h1{font-size:clamp(32px,4vw,49px);letter-spacing:-1.8px;line-height:1.15;margin:0 0 18px;font-weight:650}h2{font-size:21px;line-height:1.3;letter-spacing:-.4px;margin:0 0 12px}p{margin:0 0 16px}.lead{font-size:16px;max-width:700px;color:#656071;margin:0;line-height:1.7}.intro-note{font-size:11px;color:var(--muted);min-width:245px;border-left:1px solid var(--line);padding-left:20px}.small-icon{display:block;color:var(--accent);font-size:24px;margin-bottom:5px}.tool{border:1px solid #dcd5ee;border-radius:20px;background:linear-gradient(145deg,#fff 50%,#f9f7ff);padding:30px}.selector{display:grid;grid-template-columns:minmax(180px,1.7fr) minmax(110px,1fr) auto;gap:20px;align-items:end}label{font-size:11px;font-weight:600;display:block;color:#645e75}select,input{display:block;width:100%;background:white;border:1px solid #d9d5e2;border-radius:8px;color:var(--ink);padding:13px 14px;margin-top:8px;height:49px;min-width:0}select{padding-right:26px;font-size:15px}.btn{border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;padding:12px 18px;font-size:12px;font-weight:600;min-height:46px}.btn.secondary{background:#fff;border-color:#ded9e9;color:var(--ink)}.text-btn{color:var(--accent);background:none;border:0;font-size:12px;padding:10px 0}.selection-foot{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px;font-size:11px}.selection-foot a{text-decoration:none}.selection-foot span{color:var(--muted)}#fetch-status{font-size:11px;margin-top:8px;color:var(--muted);min-height:17px}.rule{height:1px;background:var(--line);margin:20px 0}.schedule-head{display:flex;align-items:center;gap:20px;margin-bottom:24px}.tabs{display:flex;gap:4px;background:#eeebf4;padding:4px;border-radius:8px}.tabs button{border:0;background:none;padding:9px 18px;border-radius:6px;color:var(--muted);font-size:12px}.tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px #211d3210}#date-label{font-size:12px;color:var(--muted)}#share{margin-left:auto}.status-line{display:flex;gap:16px;align-items:center;margin:10px 0 24px}.status-symbol{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;background:#f2eff9;border-radius:12px;font-size:23px;color:var(--accent)}.status-line strong{font-size:23px;line-height:1.25;display:block;letter-spacing:-.6px}.status-line p{font-size:12px;color:var(--muted);margin:5px 0 0}.status-line.warn .status-symbol{background:#fbf1df;color:#866224}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:28px;gap:20px}.metric{padding-right:15px}.metric+.metric{border-left:1px solid var(--line);padding-left:24px}.metric small{color:var(--muted);font-size:11px;display:block}.metric strong{font-size:26px;font-weight:600;letter-spacing:-.5px}.metric .unit{font-size:12px;color:var(--muted);margin-left:5px}.chart-head{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:16px}.chart-head h2{font-size:15px;margin:0}.legend{display:flex;flex-wrap:wrap;gap:13px;font-size:10px;color:var(--muted)}.legend span{display:flex;gap:5px;align-items:center}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px}.on{background:var(--on)}.off{background:var(--off)}.maybe{background:var(--maybe)}.unknown{background:repeating-linear-gradient(135deg,#ecebf0,#ecebf0 3px,#faf9fc 3px,#faf9fc 6px)}.timeline{position:relative;padding-top:25px;margin-bottom:12px}.hours{display:flex;justify-content:space-between;position:absolute;top:0;left:0;right:0;font-size:10px;color:var(--muted)}.bar{display:flex;width:100%;border-radius:8px;overflow:hidden;height:56px;border:1px solid #dfdce6}.bar button{padding:0;border:0;border-right:1px solid #ffffff75;min-width:0;position:relative}.bar button:hover{filter:brightness(.92)}.bar button:focus-visible{outline-offset:-4px;z-index:3}.bar button span{font-size:10px;color:#604a4e;white-space:nowrap}.now-mark{position:absolute;top:22px;bottom:-4px;border-left:2px solid #4f3a9a;pointer-events:none}.now-mark:before{content:'';position:absolute;top:-5px;left:-5px;width:8px;height:8px;background:#4f3a9a;border-radius:50%}.chart-hint{font-size:10px;color:var(--muted);margin-top:14px}#slot-detail{font-size:12px;min-height:25px;color:var(--accent)}.interval-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}.interval-chip{border:1px solid #ead8da;padding:8px 13px;font-size:12px;border-radius:8px;background:#fff}.interval-chip b{font-weight:600}.interval-chip small{color:var(--muted);margin-left:8px}.schedule-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.source-line{font-size:10px;color:var(--muted);margin-top:20px;border-top:1px solid var(--line);padding-top:14px;line-height:1.8}.source-line a{text-decoration:underline}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.section-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.count{font-size:11px;color:var(--muted)}.muted{color:var(--muted);font-size:12px;line-height:1.7}.empty{font-size:12px;color:var(--muted);padding:28px 16px;text-align:center;border:1px dashed #d9d4e4;border-radius:12px;margin-top:18px}.saved-item{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.saved-item .open-place{background:none;border:0;text-align:left;flex:1;padding:0;color:var(--ink);min-width:0}.saved-item strong{display:block;font-size:13px;overflow-wrap:anywhere}.saved-item small{display:block;color:var(--muted);font-size:10px}.saved-item .remove{border:0;background:none;color:var(--muted);font-size:19px;padding:8px}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot.on{background:#679375}.dot.off{background:#c87f86}.mini-row{margin-top:16px}.mini-row>span{font-size:10px}.mini-row .bar{height:15px;border-radius:4px;margin-top:5px}.mini-row .bar button{pointer-events:none}.planner-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.planner-controls select{font-size:12px}.window{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.window strong{font-size:17px;letter-spacing:-.4px}.window span{color:var(--muted);font-size:11px}.fine{font-size:10px;line-height:1.7;color:var(--muted);margin:18px 0 0}.overview-section{margin:50px 0}.overview-section>.muted{margin-top:7px;max-width:800px}.search-label{width:220px}.search-label input{font-size:12px;margin:0;height:42px}#regions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.region-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px;text-align:left;color:var(--ink);min-width:0;transition:border-color .15s}.region-card:hover,.region-card.active{border-color:#9584d8}.region-card strong{display:block;font-size:12px;margin-bottom:9px}.region-card span{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.region-card small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.help{border-top:1px solid var(--line);padding-top:30px;max-width:830px;margin-bottom:50px}.help>p{font-size:13px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-size:13px;font-weight:600}details p{font-size:12px;color:var(--muted);padding:15px 20px 0 0;line-height:1.8}footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding:30px 0 40px}footer .logo{font-size:32px}footer p{font-size:10px;color:var(--muted);margin:0}footer>a:last-child{margin-left:auto;font-size:11px;text-decoration:none}dialog{border:1px solid var(--line);border-radius:20px;padding:30px;max-width:430px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#211d3266}dialog input{margin-bottom:20px}.close{position:absolute;right:14px;top:8px;border:0;background:none;font-size:25px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#2d2541;color:#fff;border-radius:8px;font-size:12px;padding:12px 20px;display:none;z-index:20;max-width:90vw}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1250px){main,.masthead{margin-left:28px;margin-right:28px}}@media(max-width:900px){.intro-note{display:none}#regions-grid{grid-template-columns:repeat(3,1fr)}.tool{padding:24px}.lower-grid{gap:16px}.section-box{padding:22px}.legend{gap:9px}.selector{gap:12px}}@media(max-width:650px){main,.masthead{margin-left:18px;margin-right:18px}.preview-bar{padding:7px 18px;font-size:9px}.masthead{height:76px;gap:15px}.logo{font-size:36px}.brand-note{display:none}.clock{font-size:10px}.intro{padding:28px 0 24px}.intro .eyebrow{font-size:9px}h1{font-size:35px;letter-spacing:-1.2px}.lead{font-size:13px}.tool{padding:19px 16px;border-radius:20px}.selector{grid-template-columns:1.6fr 1fr}.selector #refresh{grid-column:1/-1;min-height:38px;padding:8px;font-size:11px}.selector select{font-size:12px;padding-left:10px}.selection-foot{font-size:10px;gap:5px}.schedule-head{flex-wrap:wrap;gap:10px;margin-bottom:18px}#date-label{font-size:10px}#share{font-size:10px}.tabs button{padding:8px 13px;font-size:11px}.status-line strong{font-size:20px}.status-line p{font-size:11px}.status-symbol{width:40px;height:40px}.metrics{gap:8px;padding:16px 0}.metric{padding:0}.metric+.metric{padding-left:10px}.metric small{font-size:9px;line-height:1.5;min-height:28px}.metric strong{font-size:21px}.metric .unit{font-size:10px}.chart-head{gap:12px}.legend{font-size:9px;gap:8px}.bar{height:48px}.bar button span{display:none}.chart-hint{font-size:9px}.schedule-actions .btn{font-size:11px;padding:10px 12px}.source-line{font-size:9px}.lower-grid{grid-template-columns:1fr;gap:16px}.section-box{padding:22px 20px}h2{font-size:19px}.overview-section{margin:36px 0}.overview-section .section-title{flex-wrap:wrap}.search-label{width:100%}#regions-grid{grid-template-columns:repeat(2,1fr);gap:8px}.region-card{padding:13px 11px}.region-card strong{font-size:11px}.help{margin-bottom:30px}footer{gap:18px;flex-wrap:wrap}footer p{font-size:9px}footer>a:last-child{margin-left:0}.breadcrumb{font-size:9px}}@media print{.preview-bar,.selector,.selection-foot,#refresh,.schedule-actions,.overview-section,.help,footer,.planner-controls,#share,.remove,#toast{display:none}.svitlo-scope{background:#fff}.tool,.section-box{break-inside:avoid}.lower-grid{display:block}.section-box{margin-top:15px}.intro{padding:20px 0}.preview-bar{display:block}}

@font-face{font-family:e-Ukraine;src:url(e-ukraine.woff2) format("woff2");font-weight:100 900;font-display:swap}
/* Hour cards and independent second schedule, preview revision 2. */
.svitlo-scope{--accent:#514ac5;--on:#67c2a9;--off:#e98a7d;--maybe:#e9ca75;--unknown:#e5e1ea}
[hidden]{display:none!important}.tool{min-width:0;background:#fff;padding:24px}.workspace-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:20px}.workspace-toolbar #add-second{margin-left:auto}.workspace-toolbar .tabs{background:none;padding:0;gap:7px}.workspace-toolbar .tabs button{background:#fff;border:1px solid var(--line);min-height:46px;padding:10px 20px;font-size:13px}.workspace-toolbar .tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}.place-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.place-heading h2{margin:0;font-size:22px;overflow-wrap:anywhere}.place-heading button{flex-shrink:0}.schedule-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.schedule-workspace.has-second{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.place-tabs{display:none;gap:8px;margin-bottom:14px}.place-tabs button{min-width:44px;max-width:50%;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:8px;padding:10px 15px;min-height:44px;background:#fff;color:var(--muted);font-size:13px}.place-tabs button[aria-pressed=true]{border-color:var(--accent);background:#f5f2fb;color:var(--ink)}.live-status{background:#f5f2fb;border-radius:12px;padding:17px;margin:0 0 22px}.live-heading{font-size:12px;line-height:1.65;margin-bottom:9px;display:flex;gap:7px;align-items:start}.live-heading:before{content:'';height:8px;width:8px;border-radius:50%;background:var(--unknown);margin-top:6px;flex-shrink:0}.live-status.on .live-heading:before{background:var(--on)}.live-status.off .live-heading:before{background:var(--off)}.live-status.maybe .live-heading:before{background:var(--maybe)}.live-count-row{display:flex;justify-content:space-between;gap:14px;align-items:center}.live-count{font-size:34px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-1px;line-height:1.2;white-space:nowrap}.live-target{font-size:12px;color:var(--muted);text-align:right;white-space:pre-line;line-height:1.7}.live-note{font-size:11px;color:var(--muted);line-height:1.7;margin:10px 0 0}.hour-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:start;padding:5px 0}.hour-card{background:linear-gradient(to right,var(--hour-left) 50%,var(--hour-right) 50%);color:#2e342d;border:0;border-radius:12px;padding:22px 5px 9px;min-width:0;min-height:90px;position:relative;isolation:isolate;font-variant-numeric:tabular-nums}.hour-card.unknown{background:repeating-linear-gradient(135deg,var(--unknown),var(--unknown) 4px,#f5f2fb 4px,#f5f2fb 8px);color:var(--ink)}.hour-card strong{display:block;font-size:24px;font-weight:600;line-height:1.2}.hour-state,.hour-halves{font-size:12px;line-height:1.5;margin-top:6px;display:block}.hour-halves{display:flex;justify-content:space-around}.hour-now{position:absolute;top:4px;left:50%;transform:translateX(-50%);border-radius:4px;font-size:11px;line-height:1.35;padding:1px 5px;background:var(--accent);color:#fff;white-space:nowrap}.hour-card.current-hour{box-shadow:0 0 0 3px var(--accent),0 0 0 7px #514ac51c;z-index:1}.hour-card[aria-pressed=true]:not(.current-hour){outline:1px solid var(--muted);outline-offset:2px}.hour-card:focus-visible{outline:3px solid #a89af2;outline-offset:3px}.hour-detail{grid-column:1/-1;background:#f5f2fb;border-radius:11px;padding:14px 16px;margin:4px 0;font-size:13px;line-height:1.7;min-width:0}.hour-detail>strong{display:block;font-size:15px;margin-bottom:5px}.hour-detail-row{display:flex;gap:10px;align-items:start;padding:3px 0}.hour-detail-row b{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.hour-detail-row span{min-width:0}.hour-swatch{width:8px;height:8px;border-radius:2px;flex-shrink:0;margin-top:7px}#slot-detail:empty{display:none}.chart-head .legend{flex-basis:100%;font-size:11px;gap:12px}.chart-head #now-main{margin-left:auto}.chart-hint{font-size:11px;line-height:1.7}.second-settings>label{margin-bottom:15px}.second-selectors{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}.second-settings #save-second{margin-top:15px}.second-tool .chart-head{margin-top:24px}.second-tool .chart-head h2{margin:0}.schedule-workspace.has-second .selector{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}.schedule-workspace.has-second #refresh{grid-column:1/-1}.schedule-workspace.has-second select{font-size:13px;padding-left:10px}.schedule-workspace.has-second .metric small{font-size:11px;line-height:1.6;min-height:36px}.schedule-workspace.has-second .metric strong{font-size:24px}.schedule-workspace.has-second .metric+.metric{padding-left:12px}.schedule-workspace.has-second .metrics{gap:9px}.schedule-workspace.has-second .hour-grid{gap:8px}.schedule-workspace.has-second .hour-card{min-height:85px;padding:21px 3px 8px}.schedule-workspace.has-second .hour-card strong{font-size:21px}.schedule-workspace.has-second .hour-state,.schedule-workspace.has-second .hour-halves{font-size:11px}.schedule-workspace.has-second .hour-detail{font-size:12px;padding:12px}.schedule-workspace.has-second .hour-detail-row{gap:7px}.schedule-workspace.has-second .hour-detail>strong{font-size:14px}.schedule-workspace.has-second .live-count{font-size:30px}.schedule-workspace.has-second .live-target{font-size:11px}.schedule-workspace.has-second .live-status{padding:15px}.schedule-workspace.has-second .source-line{font-size:11px}.source-line{font-size:11px}.second-tool .source-line{margin-top:20px}.schedule-actions .btn,.text-btn,summary,.remove,.close,.open-place{min-height:44px}.remove,.close{min-width:44px}.saved-item small{font-size:11px}.legend i.unknown,.hour-swatch.unknown{background:var(--unknown)}.second-tool label{font-size:12px}
@media(max-width:999px){.schedule-workspace.has-second{grid-template-columns:minmax(0,1fr)}.place-tabs.enabled{display:flex}.schedule-workspace.has-second[data-active=main] .second-tool{display:none}.schedule-workspace.has-second[data-active=second] .main-tool{display:none}.schedule-workspace.has-second .hour-card strong{font-size:24px}.schedule-workspace.has-second .hour-state,.schedule-workspace.has-second .hour-halves{font-size:12px}}
@media(max-width:650px){.tool{padding:19px 16px}.workspace-toolbar{gap:10px;flex-wrap:wrap}.workspace-toolbar .tabs button{padding:9px 14px}.workspace-toolbar #add-second{font-size:11px;min-height:44px;padding:9px 10px}.workspace-toolbar #date-label{order:3;flex-basis:100%;font-size:11px}.hour-grid,.schedule-workspace.has-second .hour-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hour-card,.schedule-workspace.has-second .hour-card{min-height:85px;padding:22px 3px 8px}.hour-card strong,.schedule-workspace.has-second .hour-card strong{font-size:21px}.hour-state,.hour-halves,.schedule-workspace.has-second .hour-state,.schedule-workspace.has-second .hour-halves{font-size:11px}.live-count,.schedule-workspace.has-second .live-count{font-size:28px}.live-status,.schedule-workspace.has-second .live-status{padding:14px 12px}.live-target{font-size:11px}.hour-detail{padding:12px;font-size:12px}.hour-detail-row{gap:7px;flex-wrap:wrap}.hour-detail-row span{flex:1;min-width:95px}.hour-detail>strong{font-size:14px}.chart-head h2{font-size:14px}.chart-head .legend{gap:9px;font-size:10px}.second-selectors{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.second-settings input,.second-settings select{font-size:16px}.selector #refresh{min-height:44px}.metric small{font-size:10px}.source-line,.schedule-workspace.has-second .source-line{font-size:10px}.place-heading h2{font-size:20px}.hour-grid .hour-card{touch-action:manipulation}.chart-hint{font-size:11px}}
@media print{.workspace-toolbar,.place-tabs,.place-heading button,.second-settings,.text-btn{display:none!important}.schedule-workspace.has-second{display:block}.schedule-workspace.has-second .main-tool,.schedule-workspace.has-second .second-tool{display:block!important;margin-bottom:20px}.hour-card{print-color-adjust:exact;-webkit-print-color-adjust:exact}.live-count{font-size:24px}}
/* Compact desktop: make the whole day the first-screen content. */
.schedule-settings{border:1px solid var(--line);border-radius:9px;margin:0 0 16px;padding:0;min-width:0}.schedule-settings summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;font-size:12px;font-weight:500;list-style:none}.schedule-settings summary::-webkit-details-marker{display:none}.schedule-settings summary>span:first-child{min-width:0;overflow-wrap:anywhere}.settings-action{font-size:11px;color:var(--accent);flex-shrink:0}.settings-action:after{content:' ⌄'}.schedule-settings[open] .settings-action:after{content:' ⌃'}.settings-.svitlo-scope{padding:5px 12px 14px}.workspace-legend{margin:0 0 15px}.workspace-legend .legend{font-size:11px;gap:14px}.main-tool .metrics{margin:14px 0 18px}.schedule-settings .second-settings #save-second{margin-top:12px}
@media(min-width:1000px){
.preview-bar{padding-top:4px;padding-bottom:4px;font-size:10px}.masthead{height:50px;gap:20px}.masthead .logo{font-size:34px}.brand-note{font-size:11px}.breadcrumb{padding-top:7px;font-size:10px}.intro{padding:10px 0 13px;gap:24px;align-items:center}.intro .eyebrow{display:none}h1{font-size:30px;letter-spacing:-.8px;margin:0 0 5px}.lead{font-size:12px;line-height:1.6;max-width:850px}.intro-note{font-size:10px;min-width:190px;padding-left:15px}.intro-note .small-icon{display:none}.workspace-toolbar{gap:14px;margin-bottom:9px}.workspace-toolbar .tabs button{min-height:36px;padding:6px 16px;font-size:12px}.workspace-toolbar #add-second{min-height:36px;padding:7px 13px}.workspace-toolbar #date-label{font-size:11px}.workspace-legend{margin-bottom:11px}.workspace-legend .legend{font-size:10px}.tool{padding:14px 16px;border-radius:14px}.place-heading{margin-bottom:8px;gap:12px;min-height:28px}.place-heading h2{font-size:18px}.place-heading .text-btn{min-height:28px;padding:4px 0;font-size:11px}.schedule-settings{margin-bottom:10px}.schedule-settings summary{min-height:36px;padding:7px 10px;font-size:12px}.schedule-settings .selector{gap:12px}.schedule-settings select,.schedule-settings input{height:40px;margin-top:5px;padding:8px 10px;font-size:13px}.schedule-settings .btn{min-height:38px;padding:8px 12px}.schedule-settings .selection-foot{margin-top:8px}.settings-.svitlo-scope{padding:7px 10px 12px}.live-status,.schedule-workspace.has-second .live-status{padding:10px 12px;margin:0 0 8px;border-radius:9px}.live-heading{font-size:11px;margin-bottom:3px;line-height:1.5}.live-heading:before{margin-top:4px}.live-count,.schedule-workspace.has-second .live-count{font-size:26px;line-height:1.15}.live-target,.schedule-workspace.has-second .live-target{font-size:11px;line-height:1.45}.live-note{display:none}.chart-head,.second-tool .chart-head{margin:0 0 6px;min-height:30px;gap:10px}.chart-head h2{font-size:13px}.chart-head .text-btn{min-height:30px;padding:5px 0;font-size:11px}.hour-grid,.schedule-workspace.has-second .hour-grid{gap:7px;padding:4px 0;grid-template-columns:repeat(6,minmax(0,1fr))}.hour-card,.schedule-workspace.has-second .hour-card{min-height:54px;height:54px;padding:14px 4px 4px;border-radius:8px}.hour-card strong,.schedule-workspace.has-second .hour-card strong{font-size:19px;line-height:1.05}.hour-state,.hour-halves,.schedule-workspace.has-second .hour-state,.schedule-workspace.has-second .hour-halves{font-size:11px;line-height:1.2;margin-top:3px}.hour-now{font-size:10px;top:2px;line-height:1.1;padding:1px 5px}.hour-card.current-hour{box-shadow:0 0 0 2px var(--accent),0 0 0 5px #514ac51c}.hour-detail,.schedule-workspace.has-second .hour-detail{padding:9px 12px;font-size:12px;margin-top:6px}.hour-detail>strong,.schedule-workspace.has-second .hour-detail>strong{font-size:13px;margin-bottom:2px}.hour-detail-row{padding:1px 0}.chart-hint{margin:9px 0 12px;font-size:10px}.main-tool .metrics{padding:10px 0;margin:12px 0;gap:12px}.main-tool .metric small,.schedule-workspace.has-second .metric small{font-size:10px;min-height:0}.main-tool .metric strong,.schedule-workspace.has-second .metric strong{font-size:20px}.main-tool .interval-list{margin:8px 0 14px}.schedule-actions .btn{min-height:38px;padding:8px 12px;font-size:11px}.source-line,.schedule-workspace.has-second .source-line{margin-top:13px;padding-top:10px;font-size:10px}.lower-grid{margin-top:22px}
}
@media(min-width:1000px) and (max-height:700px){.breadcrumb{display:none}.intro{padding:9px 0 10px}.intro h1{font-size:27px}.hour-card,.schedule-workspace.has-second .hour-card{min-height:48px;height:48px;padding-top:13px}.hour-card strong,.schedule-workspace.has-second .hour-card strong{font-size:18px}.hour-now{font-size:10px}.hour-state,.hour-halves,.schedule-workspace.has-second .hour-state,.schedule-workspace.has-second .hour-halves{margin-top:2px}}
@media print{.schedule-settings{display:none!important}}
@media(min-width:1000px) and (max-height:700px){.preview-bar{font-size:9px;line-height:1.4;padding-top:2px;padding-bottom:2px}.masthead{height:40px}.masthead .logo{font-size:30px}.intro{padding:6px 0 8px}.intro h1{font-size:24px;line-height:1.1;margin-bottom:3px}.lead{font-size:11px;line-height:1.4}.intro-note{display:none}.workspace-toolbar{margin-bottom:6px}.workspace-toolbar .tabs button,.workspace-toolbar #add-second{min-height:32px;padding-top:5px;padding-bottom:5px}.workspace-legend{margin-bottom:6px}.workspace-legend .legend{font-size:10px;line-height:1.4}.tool{padding-top:12px}.place-heading{min-height:24px;margin-bottom:6px}.place-heading .text-btn{min-height:24px}.schedule-settings{margin-bottom:8px}.schedule-settings summary{min-height:32px;padding-top:5px;padding-bottom:5px}.live-status,.schedule-workspace.has-second .live-status{padding:7px 11px;margin-bottom:6px}.live-heading{line-height:1.3;margin-bottom:2px}.live-count,.schedule-workspace.has-second .live-count{font-size:24px;line-height:1.1}.live-target,.schedule-workspace.has-second .live-target{line-height:1.3}.chart-head,.second-tool .chart-head{min-height:26px;margin-bottom:4px}.chart-head .text-btn{min-height:26px;padding-top:3px;padding-bottom:3px}}
@media(min-width:1000px) and (pointer:coarse){.schedule-settings summary,.place-heading .text-btn,.chart-head .text-btn,.workspace-toolbar .tabs button,.workspace-toolbar #add-second{min-height:44px}}
/* Saved places, visible-pair comparison, and transparent source updates. */
.place-picker-label{min-width:0;max-width:48%;flex:1;margin:0}.place-picker-label select{height:32px;min-height:32px;margin:0;padding:2px 22px 2px 0;border:0;border-radius:0;background:transparent;font-size:18px;font-weight:600;color:var(--ink)}.place-heading #manage-current{font-size:11px;margin-left:auto}.place-heading #share{margin-left:0}.primary-label{display:inline-block;font-size:10px;font-weight:400;color:var(--accent);margin-left:6px}.place-menu{position:relative;border:0;margin:0;padding:0;flex-shrink:0}.place-menu summary{min-width:44px;min-height:44px;display:grid;place-items:center;padding:0;list-style:none;font-size:16px}.place-menu summary::-webkit-details-marker{display:none}.place-menu>div{position:absolute;z-index:8;right:0;top:100%;width:220px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:0 6px 20px #211d3215}.place-menu button{display:block;width:100%;min-height:44px;border:0;border-radius:6px;background:#fff;color:var(--ink);font-size:12px;text-align:left;padding:9px 10px}.place-menu button:hover{background:#f5f2fb}.visible-comparison{margin-top:20px;border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}.comparison-heading{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.comparison-heading h2{font-size:18px;margin:0}.comparison-modes{display:flex;gap:5px}.comparison-modes button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);padding:9px 12px;font-size:12px}.comparison-modes button[aria-pressed=true]{background:#f5f2fb;border-color:var(--accent);color:var(--ink)}.comparison-heading>label{margin-left:auto;font-size:11px}.comparison-heading select{min-width:110px;margin-top:4px;height:40px;padding:8px 10px;font-size:12px}.compare-window{display:flex;align-items:center;gap:18px;padding:12px 0;border-top:1px solid var(--line)}.compare-window strong{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.compare-window span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.compare-window.recommended strong{color:var(--accent)}.comparison-empty{font-size:13px;color:var(--muted);margin:0}.visible-comparison .fine{margin:10px 0 0}.live-heading{flex-wrap:wrap}.freshness-trigger{margin-left:auto;border:0;border-radius:4px;padding:2px 4px;background:transparent;color:var(--muted);font-size:10px;line-height:1.5;min-height:20px;white-space:nowrap}.freshness-trigger:after{content:' ⓘ'}.freshness-warning{color:#7b5d2c}.freshness-panel{border-top:1px solid #e3ddee;margin-top:10px;padding-top:10px;line-height:1.7}.freshness-panel dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:5px 12px;font-size:11px;margin:0}.freshness-panel dt{color:var(--muted)}.freshness-panel dd{margin:0;min-width:0;overflow-wrap:anywhere}.freshness-panel p{font-size:11px;color:var(--muted);margin:10px 0 0}.schedule-change{border:1px solid #e4cf95;background:#fff8e8;border-radius:7px;margin:0 0 8px;padding:0;color:#665027}.schedule-change summary{font-size:11px;line-height:1.4;min-height:24px;padding:4px 9px;font-weight:500}.schedule-change>div{padding:4px 10px 10px}.schedule-change p{font-size:11px;line-height:1.65;margin:3px 0}.hour-card.schedule-changed:after{content:'↺';position:absolute;right:4px;bottom:3px;font-size:12px;line-height:1;color:#594519;background:#fff1c9;border-radius:3px;padding:1px 2px}.hour-card.schedule-changed:not(.current-hour){outline:1px dashed #9a7629;outline-offset:2px}.hour-card.schedule-changed:focus-visible{outline:3px solid #a89af2;outline-offset:3px}#save-dialog{max-width:470px;padding:26px}#save-dialog h2{padding-right:22px}#save-dialog label{font-size:12px;margin-top:12px}#save-dialog input,#save-dialog select{font-size:16px;height:44px;margin-top:5px;margin-bottom:0}#save-dialog .primary-choice{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:400;margin:15px 0}#save-dialog .primary-choice input{height:20px;width:20px;min-height:20px;margin:0;flex-shrink:0}#save-dialog #profile-note{margin:10px 0 7px}#profile-official{font-size:12px}#save-dialog .profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}#save-dialog .profile-actions .btn{flex:1}#save-description{font-size:12px}.saved-item .open-place{min-height:44px}
@media(min-width:1000px){.live-heading{flex-wrap:nowrap;min-height:20px}.freshness-trigger{font-size:10px;line-height:1.4;padding:1px 3px;min-height:18px}.hour-card,.schedule-workspace.has-second .hour-card{height:52px;min-height:52px;padding-top:16px;padding-bottom:3px}.hour-card strong,.schedule-workspace.has-second .hour-card strong{font-size:19px;line-height:1}.hour-state,.hour-halves,.schedule-workspace.has-second .hour-state,.schedule-workspace.has-second .hour-halves{font-size:11px;line-height:1;margin-top:2px}.place-picker-label select{height:28px;min-height:28px;font-size:18px}.place-heading #manage-current{min-height:28px}.schedule-change summary{min-height:22px;padding-top:3px;padding-bottom:3px}}
@media(min-width:1000px) and (max-height:700px){.hour-card,.schedule-workspace.has-second .hour-card{height:48px;min-height:48px;padding-top:15px;padding-bottom:3px}.hour-card strong,.schedule-workspace.has-second .hour-card strong{font-size:17px;line-height:1}.hour-state,.hour-halves,.schedule-workspace.has-second .hour-state,.schedule-workspace.has-second .hour-halves{line-height:1;margin-top:1px}.live-heading{min-height:18px}}
@media(max-width:650px){.place-heading{gap:8px}.place-heading #share{font-size:10px}.place-picker-label select{font-size:16px;min-height:44px;height:44px;max-width:100%}.place-picker-label{max-width:45%}.place-heading #manage-current{font-size:10px;min-height:44px}.live-heading{gap:6px;align-items:center}.freshness-trigger{font-size:11px;min-height:44px;padding:5px 0}.freshness-panel dl{grid-template-columns:1fr;gap:2px}.freshness-panel dd{margin-bottom:6px}.comparison-heading{gap:12px}.comparison-heading h2{font-size:17px}.comparison-modes{flex-wrap:wrap}.comparison-modes button{font-size:11px;padding:8px 10px}.comparison-heading>label{margin-left:0;width:100%}.comparison-heading select{font-size:16px;height:44px}.visible-comparison{padding:16px;margin-top:16px}.compare-window{gap:6px;flex-wrap:wrap}.compare-window strong{font-size:17px}.compare-window span{flex-basis:100%}.place-menu>div{width:190px}.schedule-change summary{min-height:44px;padding:12px 9px}.freshness-panel p{font-size:11px}#save-dialog{padding:22px}.profile-actions .btn{min-height:44px}}
@media(pointer:coarse){.freshness-trigger{min-height:44px}.schedule-change summary{min-height:44px}}
@media print{.place-picker-label,.place-menu,.freshness-trigger,.visible-comparison .comparison-modes,#manage-current{display:none!important}}
@media(min-width:1000px){.breadcrumb{display:none}.schedule-change{margin-bottom:4px}.schedule-change summary{min-height:20px;padding-top:2px;padding-bottom:2px}}
@media(min-width:1000px) and (max-height:700px){.intro{padding-top:4px;padding-bottom:4px}.live-status,.schedule-workspace.has-second .live-status{padding-top:6px;padding-bottom:6px}}

.svitlo-scope{--ink:#f3f5f8;--muted:#abb5c3;--accent:#ff9900;--line:#303b49;--paper:#0b121c;--on:#169b30;--off:#c13a38;--maybe:#b98b2c;--unknown:#394452;--surface:#151e29;--raised:#1d2734;--soft:#202b38;background:radial-gradient(ellipse at 90% 6%,#5b321b44,transparent 28%),radial-gradient(ellipse at 45% 0,#12213d,transparent 45%),var(--paper);color:var(--ink);color-scheme:dark}.svitlo-scope[data-theme=light]{--ink:#202737;--muted:#606c7d;--line:#d6dce5;--paper:#f4f6f9;--surface:#fff;--raised:#f0f3f7;--soft:#e9eef5;--on:#7acb8a;--off:#ee9590;--maybe:#e8c56a;--unknown:#d8dee7;background:radial-gradient(ellipse at 95% 0,#ffe4b5,transparent 35%),var(--paper);color-scheme:light}.preview-bar{background:#080d14;color:#9cabbc;min-height:18px;font-size:9px;padding-top:2px;padding-bottom:2px}.masthead{max-width:1280px;height:60px;gap:28px;border-bottom:1px solid var(--line)}main{max-width:1280px}.logo{color:var(--ink);font-size:39px;letter-spacing:-2px}.logo span{color:var(--accent)}.site-nav{display:flex;gap:25px;align-items:center;font-size:12px}.site-nav a{color:var(--ink);text-decoration:none;font-weight:500}.site-nav .nav-active{background:linear-gradient(#ffac18,#f28b00);color:#18140b;border-radius:28px;padding:8px 20px}.clock{color:var(--muted);font-size:11px}.clock i{background:var(--accent)}.theme-toggle{height:36px;min-width:42px;border-radius:22px;border:1px solid var(--line);background:var(--raised);color:var(--accent);font-size:23px}.intro{position:relative;isolation:isolate;padding:18px 0 17px;min-height:100px}.intro:after{content:'';position:absolute;z-index:-1;right:30px;top:-5px;width:260px;height:110px;opacity:.35;background:repeating-linear-gradient(90deg,transparent 0 28px,#ff9b3f 29px 34px,transparent 35px 54px);mask-image:linear-gradient(transparent,#0003 65%,transparent);transform:skewY(-4deg);pointer-events:none}h1{font-size:35px;letter-spacing:-1px;margin:0 0 7px;line-height:1.15}.lead{font-size:12px;line-height:1.7;color:var(--muted);max-width:900px}.intro-note{display:none}.energy-controls{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:16px;background:linear-gradient(120deg,var(--raised),var(--surface));padding:10px 12px;margin-bottom:16px}.energy-controls #main-settings{flex:1;border:0;margin:0;min-width:0;background:none}.energy-controls #main-settings>summary{display:none}.energy-controls .settings-.svitlo-scope{padding:0}.energy-controls .selector{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(100px,.8fr) auto;gap:12px;align-items:center}.selector label{font-size:10px;color:var(--muted);font-weight:400}.energy-controls select{margin-top:3px;height:37px;padding:6px 10px;font-size:13px;font-weight:600;border:1px solid #ffffff14;background:var(--surface);color:var(--ink);border-radius:8px}.energy-controls #refresh{font-size:10px;min-height:37px;padding:7px 10px;margin-top:18px;background:var(--raised);border-color:var(--line);color:var(--muted)}.energy-controls .selection-foot,.energy-controls #fetch-status{display:none}.workspace-toolbar{margin:0;gap:10px;align-items:center;flex-wrap:wrap;max-width:285px;justify-content:flex-end}.workspace-toolbar #date-label{order:-1;flex-basis:100%;text-align:right;font-size:11px;color:var(--muted)}.workspace-toolbar .tabs{background:none;padding:0;gap:5px}.workspace-toolbar .tabs button{background:var(--surface);color:var(--muted);border:1px solid var(--line);min-height:32px;padding:5px 13px}.workspace-toolbar .tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#19130a}.workspace-toolbar #add-second{font-size:10px;min-height:32px;padding:5px 10px;background:var(--raised);border-color:var(--line);color:var(--ink)}.energy-overview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;margin-bottom:16px}.energy-hero{position:relative;display:flex;align-items:center;gap:22px;overflow:visible;isolation:isolate;padding:18px 24px;border-radius:22px;border:1px solid #ff9b24;background:linear-gradient(135deg,#71340e,#a54b03 60%,#ed8d00);box-shadow:0 0 23px #ff98001c,inset 0 0 20px #ffb52314;color:#fff}.energy-hero:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(125deg,transparent 45%,#ffba2329 45%,#ffba2312 70%,transparent 70%);pointer-events:none}.hero-bulb{width:100px;height:100px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ffdc54,#ff9e00 55%,#dd6b00);box-shadow:0 0 20px #ff9b0055,inset 0 1px 10px #ffe09488;color:#fff8bf}.hero-bulb svg{height:75px;width:67px;filter:drop-shadow(0 0 4px #fff7a5)}.energy-hero #status{flex:1;min-width:0;background:transparent;border-radius:0;padding:0;margin:0;color:white;display:flex;flex-direction:column}.energy-hero .live-heading{order:0;font-size:11px;line-height:1.4;min-height:0;flex-wrap:wrap;gap:4px;color:#ffe4bd}.energy-hero .live-heading:before{display:none}.energy-hero .freshness-trigger{color:#ffe7c1;margin-left:0;padding:0 0 0 7px;border-left:1px solid #ffe9bf55;font-size:9px;min-height:16px}.energy-hero .freshness-warning{color:#fff0d2}.energy-hero .live-count-row{display:flex;flex-direction:column-reverse;align-items:start;gap:5px;margin-top:4px}.energy-hero .live-target{white-space:normal;text-align:left;color:#fff}.target-action{display:block;font-size:11px;line-height:1.4}.target-time{display:block;font-size:29px;line-height:1.1;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}.energy-hero .target-action{font-size:18px;font-weight:600;line-height:1.15;max-width:250px}.energy-hero .target-time{font-size:60px;line-height:1;letter-spacing:-2px;margin:3px 0}.energy-hero .live-count{display:inline-block;font-size:15px;line-height:1.25;letter-spacing:0;font-weight:500;background:#ffffff17;border:1px solid #ffdfa85c;border-radius:22px;padding:5px 17px;min-width:125px;text-align:center}.energy-hero .live-count:before{content:'Через ';font-weight:400;font-size:11px}.energy-hero .live-note{display:none}.energy-hero .freshness-panel{background:#291b0f;border:1px solid #c17b32;padding:12px;border-radius:10px;color:#fff;position:absolute;top:calc(100% - 8px);left:16px;right:16px;z-index:7;box-shadow:0 6px 25px #0008}.energy-hero .freshness-panel dt,.energy-hero .freshness-panel p{color:#cfb897}.energy-hero .freshness-panel a{color:#ffc46b}.location-overview{padding:16px 18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(125deg,var(--surface),var(--raised))}.location-overview h2{font-size:17px;line-height:1.3;margin:0 0 12px}.location-overview h2:before{content:'▥';color:var(--accent);margin-right:9px}.location-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.location-mini{border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,var(--raised),var(--surface));color:var(--ink);padding:11px 15px;text-align:center;min-width:0;box-shadow:0 5px 14px #0002}.location-mini .mini-name{display:block;font-size:16px;font-weight:600;line-height:1.3;margin-bottom:3px;overflow-wrap:anywhere}.location-mini .mini-queue{display:block;color:var(--muted);font-size:11px;line-height:1.5}.mini-state{display:block;font-size:12px;font-weight:500;border-radius:22px;background:var(--soft);color:var(--ink);padding:5px 9px;margin:9px 0 6px}.location-mini[data-state=on] .mini-state{background:linear-gradient(#1aa632,#108b23);color:#fff}.location-mini[data-state=off] .mini-state{background:linear-gradient(#d34942,#aa2928);color:#fff}.location-mini[data-state=maybe] .mini-state{background:#9d741e;color:#fff}.mini-next{font-size:10px;line-height:1.5;color:var(--muted);display:block}.workspace-legend{display:none}.tool{background:linear-gradient(145deg,var(--surface),var(--raised));border:1px solid var(--line);border-radius:20px;color:var(--ink);padding:16px 18px}.place-heading{margin-bottom:8px}.place-heading h2{font-size:18px;color:var(--ink)}.place-picker-label select{color:var(--ink);background:transparent}.text-btn,.place-heading #manage-current{color:var(--muted)}.btn{background:var(--accent);color:#18130b;border-color:var(--accent)}.btn.secondary{background:var(--raised);color:var(--ink);border-color:var(--line)}select,input{background:var(--surface);border-color:var(--line);color:var(--ink)}label{color:var(--muted)}.schedule-settings{border-color:var(--line)}.settings-action{color:var(--accent)}.view-modes{display:flex;gap:4px;margin-left:auto}.view-modes button{min-height:30px;font-size:10px;padding:5px 10px;border:1px solid var(--line);border-radius:7px;background:var(--raised);color:var(--muted)}.view-modes button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#19130a}.chart-head{gap:12px;min-height:34px;margin-bottom:9px}.chart-head h2{font-size:18px}.chart-head h2:before{content:'◷';color:var(--accent);margin-right:8px}.chart-head #now-main{margin-left:0}.linear-axis{display:flex;justify-content:space-between;gap:4px;font-size:10px;color:var(--muted);margin-bottom:14px}.linear-bar{display:flex;border-radius:18px;overflow:hidden;height:35px;background:var(--soft);border:1px solid #ffffff17}.linear-segment{display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:500;color:#fff;min-width:0}.linear-segment.on{background:linear-gradient(#34c34b,#129329)}.linear-segment.off{background:repeating-linear-gradient(135deg,#d44842,#d44842 6px,#c03a35 6px,#c03a35 12px)}.linear-segment.maybe{background:repeating-linear-gradient(135deg,#bd922e,#bd922e 6px,#a87e27 6px,#a87e27 12px)}.linear-segment.unknown{background:repeating-linear-gradient(135deg,#425061,#425061 6px,#344150 6px,#344150 12px)}#linear-timeline{position:relative;padding-top:16px}.linear-now{position:absolute;top:4px;bottom:-4px;border-left:2px solid #fff;pointer-events:none}.linear-now>span{position:absolute;bottom:calc(100% - 3px);left:0;transform:translateX(-50%);background:var(--accent);border:1px solid #ffc564;border-radius:18px;padding:3px 9px;color:#171108;white-space:nowrap;font-size:10px;font-weight:600}.linear-now>i{position:absolute;bottom:0;left:-5px;height:9px;width:9px;border:2px solid white;border-radius:50%;background:var(--accent)}#linear-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}#linear-stats>span{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.5;border-radius:10px;background:var(--surface);padding:8px 13px;border:1px solid var(--line)}#linear-stats i{display:inline-block;height:12px;width:12px;border-radius:50%}#linear-stats b{font-weight:500}.hour-card{color:#fff;background:linear-gradient(to right,var(--hour-left) 50%,var(--hour-right) 50%)}.hour-card.on{background:linear-gradient(145deg,#15902c,#1b6f2b)}.hour-card.off{background:linear-gradient(145deg,#bd3937,#8d2b2e)}.hour-card.maybe{background:linear-gradient(145deg,#a77b25,#75591c)}.hour-card.unknown{background:repeating-linear-gradient(135deg,#354353,#354353 4px,#2e3948 4px,#2e3948 8px);color:#c0cbd8}.hour-now{background:var(--accent);color:#1d150b}.hour-card.current-hour{box-shadow:0 0 0 2px var(--accent),0 0 0 5px #ff990025}.hour-detail{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.hour-card:focus-visible,.btn:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible{outline-color:var(--accent)}.schedule-change{background:#473416;border-color:#976c23;color:#ffe3ad}.schedule-change p{color:#ffe3ad}.metrics{border-color:var(--line)}.metric small,.metric .unit{color:var(--muted)}.interval-chip{background:var(--surface);border-color:var(--line);color:var(--ink)}.section-box,.visible-comparison,.region-card{background:var(--surface);border-color:var(--line);color:var(--ink)}.region-card:hover,.region-card.active{border-color:var(--accent)}.comparison-modes button{background:var(--raised);border-color:var(--line);color:var(--muted)}.comparison-modes button[aria-pressed=true]{background:#ff990026;color:var(--ink);border-color:var(--accent)}.place-tabs button{background:var(--raised);color:var(--muted);border-color:var(--line)}.place-tabs button[aria-pressed=true]{background:#ff990022;border-color:var(--accent);color:var(--ink)}.place-menu>div,.place-menu button{background:var(--raised);color:var(--ink);border-color:var(--line)}.place-menu button:hover{background:var(--soft)}.live-status:not(#status){background:var(--surface);border:1px solid var(--line)}.live-target{color:var(--muted)}.freshness-warning{color:#e3be7d}.freshness-panel{border-color:var(--line)}.source-line,.chart-hint,.help>p,details p,.muted{color:var(--muted)}dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}dialog::backdrop{background:#02070dbb;backdrop-filter:blur(3px)}#toast{background:#ffb13f;color:#18130b;border:1px solid #ffd17d}.location-pages,.local-content{margin:35px 0;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.location-pages h2,.local-content h2{font-size:21px}.location-pages p,.local-content p,.local-content li{font-size:13px;line-height:1.85;color:var(--muted)}#location-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px}#location-links a{display:block;border:1px solid var(--line);border-radius:8px;padding:11px 13px;background:var(--raised);font-size:12px;text-decoration:none;color:var(--ink)}#location-links a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.local-content h2:not(:first-child){margin-top:26px}.local-content .local-source{font-size:11px}.local-content ol{padding-left:22px}.help{max-width:none}.help details{border-color:var(--line)}.fine,.eyebrow{color:var(--muted)}.eyebrow{color:var(--accent)}.svitlo-scope[data-view=timeline] .schedule-workspace.has-second{grid-template-columns:minmax(0,1fr)}.svitlo-scope[data-view=timeline] .main-tool{display:block!important}.svitlo-scope[data-view=timeline] #timeline,.svitlo-scope[data-view=timeline] #metrics,.svitlo-scope[data-view=timeline] #intervals,.svitlo-scope[data-view=timeline] .main-tool>.chart-hint,.svitlo-scope[data-view=timeline] .main-tool>.source-line{display:none!important}.svitlo-scope[data-view=timeline] .main-tool .schedule-actions{margin-top:13px;justify-content:flex-end}.svitlo-scope[data-view=timeline] .place-tabs{display:none!important}.svitlo-scope[data-view=timeline] #second-tool .chart-head,.svitlo-scope[data-view=timeline] #second-timeline,.svitlo-scope[data-view=timeline] #second-status,.svitlo-scope[data-view=timeline] #second-change,.svitlo-scope[data-view=timeline] #second-tool .chart-hint,.svitlo-scope[data-view=timeline] #second-tool .source-line{display:none!important}.svitlo-scope[data-view=cards] #linear-timeline,.svitlo-scope[data-view=cards] #linear-stats{display:none!important}.svitlo-scope[data-view=cards] .energy-overview{margin-bottom:13px}.svitlo-scope[data-view=cards] .energy-hero{padding-top:12px;padding-bottom:12px}.svitlo-scope[data-view=cards] .energy-hero .target-time{font-size:44px}.svitlo-scope[data-view=cards] .hero-bulb{height:80px;width:80px}.svitlo-scope[data-view=cards] .location-overview{padding-top:12px;padding-bottom:12px}
@media(max-width:1330px){main,.masthead{margin-left:28px;margin-right:28px}}
@media(min-width:1000px){.energy-overview{min-height:172px}.energy-hero .target-time{font-size:55px}.energy-hero .target-action{font-size:17px}.energy-hero .live-heading{min-height:16px}.chart-head{min-height:30px}.schedule-workspace.has-second .main-tool .chart-head h2{font-size:14px}.schedule-workspace.has-second .view-modes button{font-size:9px;padding-left:7px;padding-right:7px}.schedule-workspace.has-second .view-modes{gap:3px}.place-picker-label select{height:28px}.schedule-workspace.has-second .place-heading #manage-current{font-size:10px}.schedule-workspace.has-second .place-heading #share{font-size:10px}}
@media(min-width:1000px) and (max-height:760px){.masthead{height:48px}.masthead .logo{font-size:32px}.intro{padding:10px 0;min-height:73px}h1{font-size:28px}.lead{font-size:11px}.energy-controls{padding:7px 10px;margin-bottom:12px}.energy-overview{min-height:136px;gap:16px;margin-bottom:12px}.energy-hero{padding:12px 18px;gap:15px}.hero-bulb{width:77px;height:77px}.hero-bulb svg{height:58px}.energy-hero .target-time{font-size:45px}.energy-hero .target-action{font-size:15px}.energy-hero .live-count{font-size:13px;padding:3px 12px;min-width:112px}.location-overview{padding:10px 14px}.location-overview h2{font-size:15px;margin-bottom:8px}.location-mini{padding:8px 12px}.location-mini .mini-name{font-size:14px}.mini-state{font-size:11px;padding:4px 7px;margin:6px 0 4px}.location-mini-grid{gap:9px}.tool{padding:12px 15px}.place-heading{margin-bottom:5px}.view-modes button{min-height:26px;padding:4px 8px}.chart-head h2{font-size:16px}.linear-axis{margin-bottom:10px}.linear-bar{height:30px}#linear-stats{margin-top:11px}#linear-stats>span{padding:6px 11px}.main-tool .schedule-actions .btn{min-height:32px;padding:6px 11px}.source-line{font-size:10px}.svitlo-scope[data-view=cards] .energy-overview{min-height:120px}.svitlo-scope[data-view=cards] .energy-hero .target-time{font-size:37px}.svitlo-scope[data-view=cards] .hero-bulb{width:60px;height:60px}.svitlo-scope[data-view=cards] .hero-bulb svg{height:48px}.svitlo-scope[data-view=cards] .location-mini{padding:6px 11px}.svitlo-scope[data-view=cards] .location-overview h2{margin-bottom:5px}.svitlo-scope[data-view=cards] .mini-next{display:none}}
@media(max-width:999px){.site-nav{gap:15px;font-size:11px}.site-nav a:first-child{display:none}.energy-controls{flex-wrap:wrap}.workspace-toolbar{max-width:none;flex:1;justify-content:flex-start}.workspace-toolbar #date-label{flex-basis:auto;order:0;text-align:left}.energy-overview{grid-template-columns:1fr 1fr;gap:12px}.energy-hero{padding:15px;gap:13px}.hero-bulb{width:66px;height:66px}.hero-bulb svg{height:54px}.energy-hero .target-time{font-size:43px}.energy-hero .target-action{font-size:15px}.energy-hero .live-heading{font-size:10px}.location-overview{padding:13px}.location-overview h2{font-size:15px}.location-mini{padding:10px}.location-mini .mini-name{font-size:14px}.mini-state{font-size:10px;padding:4px}.location-mini-grid{gap:8px}.mini-next{font-size:9px}#location-links{grid-template-columns:repeat(3,minmax(0,1fr))}.site-nav .nav-active{padding:7px 13px}.view-modes button{min-height:36px}.svitlo-scope[data-view=cards] .main-tool .chart-head{flex-wrap:wrap}.linear-axis{font-size:9px}.chart-head h2{font-size:16px}}
@media(max-width:650px){main,.masthead{margin-left:14px;margin-right:14px}.preview-bar{font-size:8px;padding-left:14px;padding-right:14px}.masthead{height:58px;gap:12px}.masthead .logo{font-size:33px}.site-nav{display:none}.clock{font-size:9px}.theme-toggle{min-height:44px;min-width:44px}.intro{padding:19px 0 17px;min-height:0}.intro:after{display:none}h1{font-size:27px;line-height:1.2;letter-spacing:-.7px;margin-bottom:9px}.lead{font-size:12px;line-height:1.7}.energy-controls{padding:12px;border-radius:14px;gap:12px}.energy-controls #main-settings{flex-basis:100%}.energy-controls .selector{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px}.energy-controls select{font-size:16px;height:44px}.energy-controls #refresh{margin:0;min-height:44px;grid-column:1/-1;font-size:11px}.workspace-toolbar{gap:8px}.workspace-toolbar #date-label{flex-basis:100%;font-size:11px;order:-1}.workspace-toolbar .tabs button{min-height:44px;padding:8px 14px}.workspace-toolbar #add-second{min-height:44px}.energy-overview{grid-template-columns:minmax(0,1fr);gap:13px;margin-bottom:17px}.energy-hero{min-height:173px;padding:17px 20px;gap:20px;border-radius:18px}.hero-bulb{width:80px;height:80px}.hero-bulb svg{height:62px}.energy-hero .target-time{font-size:52px}.energy-hero .target-action{font-size:17px}.energy-hero .live-heading{font-size:10px;gap:3px}.energy-hero .freshness-trigger{font-size:10px;min-height:36px;border-left:0;padding-left:0;flex-basis:100%;text-align:left}.energy-hero .live-count{font-size:14px;padding:4px 12px}.energy-hero .freshness-panel{position:static;margin-top:12px;width:100%;font-size:11px}.location-overview{padding:15px;border-radius:17px}.location-overview h2{font-size:17px}.location-mini-grid{gap:10px}.location-mini{padding:11px 9px;border-radius:12px;min-height:130px}.location-mini .mini-name{font-size:15px}.location-mini .mini-queue{font-size:10px}.mini-state{font-size:11px;padding:5px 6px}.mini-next{font-size:10px}.tool{padding:16px 12px;border-radius:17px}.view-modes{margin-left:0;flex-basis:100%}.view-modes button{min-height:44px;font-size:11px;flex:1}.chart-head{gap:9px}.chart-head h2{font-size:17px}.chart-head #now-main{margin-left:auto}.place-heading{gap:7px;margin-bottom:14px}.place-heading #manage-current,.place-heading #share{font-size:10px}.linear-axis span:nth-child(even){display:none}.linear-axis{font-size:9px}.linear-bar{height:34px}.linear-segment{font-size:17px}.linear-now>span{font-size:9px;padding:4px 7px}#linear-timeline{padding-top:22px}.linear-now{top:12px}#linear-stats{gap:7px}#linear-stats>span{font-size:10px;padding:7px 10px}.location-pages,.local-content{padding:20px 16px;margin:25px 0}.location-pages h2,.local-content h2{font-size:20px}#location-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#location-links a{font-size:11px;padding:10px}.local-content p,.local-content li,.location-pages p{font-size:12px}.svitlo-scope[data-view=cards] .energy-hero .target-time{font-size:48px}.svitlo-scope[data-view=cards] .hero-bulb{height:78px;width:78px}.svitlo-scope[data-view=cards] .mini-next{display:block}.svitlo-scope[data-view=timeline] .main-tool .schedule-actions{justify-content:start}.target-time{font-size:25px}}
.svitlo-scope[data-theme=light] .energy-hero{color:white}.svitlo-scope[data-theme=light] .hour-card{color:#132c20}.svitlo-scope[data-theme=light] .hour-card.on{background:#8bdaa0}.svitlo-scope[data-theme=light] .hour-card.off{background:#efa29c}.svitlo-scope[data-theme=light] .hour-card.maybe{background:#edce83}.svitlo-scope[data-theme=light] .hour-card.unknown{color:#526074;background:repeating-linear-gradient(135deg,#dde3eb,#dde3eb 4px,#eef1f5 4px,#eef1f5 8px)}.svitlo-scope[data-theme=light] .schedule-change{background:#fff3d6;color:#73551b;border-color:#e5c681}.svitlo-scope[data-theme=light] .schedule-change p{color:#73551b}
@media print{.svitlo-scope{background:white!important;color:#172130!important}.masthead .site-nav,.theme-toggle,.energy-controls,.location-overview,.hero-bulb{display:none!important}.energy-overview{display:block}.energy-hero{background:#fff3dc!important;color:#172130!important;border-color:#b78631}.energy-hero #status,.energy-hero .live-target{color:#172130!important}.linear-bar{print-color-adjust:exact;-webkit-print-color-adjust:exact}.linear-now{display:none}.tool,.section-box,.visible-comparison{background:white!important;color:#172130!important}}
@media(min-width:1000px){.svitlo-scope[data-view=cards] .energy-controls #main-settings>summary{display:flex;min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.svitlo-scope[data-view=cards] .energy-controls #main-settings[open] .settings-.svitlo-scope{padding-top:8px}.svitlo-scope[data-view=cards] .energy-overview{display:block;min-height:0;margin-bottom:10px}.svitlo-scope[data-view=cards] .location-overview{display:none}.svitlo-scope[data-view=cards] .energy-hero{min-height:0;border-radius:13px;padding:8px 16px;gap:16px}.svitlo-scope[data-view=cards] .hero-bulb{width:48px;height:48px}.svitlo-scope[data-view=cards] .hero-bulb svg{height:39px}.svitlo-scope[data-view=cards] .energy-hero #status{display:block}.svitlo-scope[data-view=cards] .energy-hero .live-heading{font-size:10px;line-height:1.1;min-height:14px}.svitlo-scope[data-view=cards] .energy-hero .live-count-row{flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-top:2px;gap:15px}.svitlo-scope[data-view=cards] .energy-hero .live-target{display:flex;align-items:center;gap:14px}.svitlo-scope[data-view=cards] .energy-hero .target-action{font-size:13px;line-height:1.2;max-width:none}.svitlo-scope[data-view=cards] .energy-hero .target-time{font-size:29px;margin:0;letter-spacing:-.5px}.svitlo-scope[data-view=cards] .energy-hero .live-count{font-size:14px;padding:3px 13px}.svitlo-scope[data-view=cards] .energy-controls{padding:7px 10px;margin-bottom:10px}.svitlo-scope[data-view=cards] .energy-controls .workspace-toolbar #date-label{flex-basis:auto;order:0}.svitlo-scope[data-view=cards] .energy-controls .workspace-toolbar{max-width:none;flex-wrap:nowrap}.svitlo-scope[data-view=cards] .intro{min-height:0;padding-top:10px;padding-bottom:11px}}
@media(min-width:1000px) and (max-height:760px){.svitlo-scope[data-view=cards] .masthead{height:40px}.svitlo-scope[data-view=cards] .intro{padding:6px 0 7px}.svitlo-scope[data-view=cards] .intro h1{font-size:25px}.svitlo-scope[data-view=cards] .lead{font-size:11px}.svitlo-scope[data-view=cards] .energy-hero{padding-top:6px;padding-bottom:6px}.svitlo-scope[data-view=cards] .energy-hero .target-time{font-size:25px}.svitlo-scope[data-view=cards] .hero-bulb{height:42px;width:42px}.svitlo-scope[data-view=cards] .energy-controls{padding-top:5px;padding-bottom:5px}.svitlo-scope[data-view=cards] .energy-controls .workspace-toolbar #date-label{display:none}.svitlo-scope[data-view=cards] .energy-overview{margin-bottom:8px}.svitlo-scope[data-view=cards] .energy-hero .live-count{font-size:12px;padding-top:3px;padding-bottom:3px}}
.svitlo-scope[data-view=timeline] .energy-hero #second-status{display:none!important}.svitlo-scope[data-view=cards] .energy-hero #status,.svitlo-scope[data-view=cards] .energy-hero #second-status{flex:1;min-width:0;background:transparent;border:0;border-radius:0;color:#fff;padding:0;margin:0}.svitlo-scope[data-view=cards] .energy-hero #second-status .live-count-row{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:10px;margin-top:2px}.svitlo-scope[data-view=cards] .energy-hero #second-status .live-count{font-size:14px;padding:3px 13px;letter-spacing:0}.svitlo-scope[data-view=cards] .energy-hero #second-status .live-target{display:flex;gap:10px;align-items:center;color:#fff}.svitlo-scope[data-view=cards] .energy-hero #second-status .target-action{font-size:13px;line-height:1.2}.svitlo-scope[data-view=cards] .energy-hero #second-status .target-time{font-size:29px;letter-spacing:-.5px;margin:0}.svitlo-scope[data-view=cards] .energy-hero #second-status .live-heading{color:#ffe4bd;font-size:10px;line-height:1.1;min-height:14px}.svitlo-scope[data-view=cards] .energy-hero #second-status .live-note{display:none}.svitlo-scope[data-view=cards] .energy-hero #second-status:not([hidden]){padding-left:14px;border-left:1px solid #ffd7a44d}
@media(min-width:1000px) and (max-height:760px){.svitlo-scope[data-view=cards] .energy-hero #second-status .target-time{font-size:25px}.svitlo-scope[data-view=cards] .energy-hero #second-status .live-count{font-size:12px}.svitlo-scope[data-view=cards] .energy-hero .hero-bulb:has(~#second-status:not([hidden])){display:none}}
@media(max-width:999px){.svitlo-scope[data-view=cards] .energy-hero #second-status{display:none!important}}
.live-status[data-count-available=false] .live-count{display:none!important}.energy-hero .live-status[data-count-available=false] .target-action{font-size:22px;line-height:1.2}.primary-choice{min-height:44px}
@media(max-width:650px){.energy-hero .freshness-trigger{min-height:44px}}
@media(min-width:1000px){.svitlo-scope[data-view=timeline] .energy-controls .workspace-toolbar{flex:0 0 280px;max-width:280px}}
.linear-now[data-edge=start]>span{transform:translateX(0)}.linear-now[data-edge=end]>span{transform:translateX(-100%)}

/* The reference header artwork remains compact so the day stays above the fold. */
.intro:after{display:none}
.intro:before{content:'';position:absolute;inset:0 -12px;z-index:-1;pointer-events:none;background-image:url('assets/gosta-power-city-light-1800x600.webp');background-repeat:no-repeat;background-position:right center;background-size:auto 100%;mask-image:linear-gradient(90deg,transparent 30%,#000 70%);border-radius:0 0 14px 14px}
.intro>div:first-child{position:relative;max-width:calc(100% - 210px)}
.svitlo-scope[data-theme=light] .intro:before{mask-image:linear-gradient(90deg,transparent 45%,#0008 75%,#000 100%)}
.svitlo-scope[data-theme=light] .intro>div:first-child{background:linear-gradient(90deg,#f4f6f9 80%,#f4f6f900)}
@media(min-width:1000px) and (min-height:761px){.intro{min-height:125px}}
@media(min-width:1000px) and (max-height:760px){.intro>div:first-child{max-width:calc(100% - 160px)}}
@media(min-width:651px) and (max-width:999px){.intro{min-height:130px}.intro>div:first-child{max-width:calc(100% - 160px)}}
@media(max-width:650px){.intro{min-height:160px;align-items:center;padding-top:16px;padding-bottom:16px}.intro>div:first-child{max-width:calc(100% - 95px)}.intro:before{inset:0 -6px;background-size:auto 150px;background-position:right center;mask-image:linear-gradient(90deg,transparent 30%,#000 87%)}.svitlo-scope[data-theme=light] .intro:before{mask-image:linear-gradient(90deg,transparent 35%,#0009 75%,#000 100%)}.intro h1{font-size:25px}.intro .lead{font-size:11px;line-height:1.6}}
@media print{.intro:before{display:none}}

.add-place{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;min-height:56px;padding:14px 18px;border:1px dashed var(--muted);border-radius:13px;background:transparent;color:var(--ink);text-align:left}
.add-place[hidden]{display:none}
.add-place:hover{border-color:var(--accent);background:#ff99000c}
.add-place-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#ff99001c;color:var(--accent);font-size:28px;line-height:1}
.add-place strong{display:block;font-size:13px;font-weight:600}
.add-place small{display:block;font-size:10px;color:var(--muted);margin-top:3px;font-weight:400}
.add-place.first-place{min-height:135px;flex-direction:column;text-align:center;gap:9px}
.add-place.first-place .add-place-icon{width:45px;height:45px;font-size:34px}
.add-place.first-place strong{font-size:15px}
@media(max-width:650px){.add-place{min-height:60px}.add-place.first-place{min-height:140px}.add-place strong{font-size:14px}.add-place small{font-size:11px}}
@media print{.add-place{display:none}}

/* Exact interval labels, accessible inspection and touch selection. */
.linear-bar{height:44px}
.linear-segment{position:relative;container-type:inline-size;border:0;border-radius:0;padding:0;flex-shrink:0;flex-direction:column;gap:1px;cursor:pointer;overflow:hidden;font-family:inherit}
.linear-segment+.linear-segment{border-left:1px solid #ffffff66}
.segment-symbol{font-size:19px;line-height:19px}
.segment-range,.segment-start{display:none;white-space:nowrap;font-size:10px;line-height:13px;font-variant-numeric:tabular-nums;font-weight:600}
@container(min-width:85px){.segment-range{display:block}}
@container(min-width:46px) and (max-width:84px){.segment-start{display:block}}
.linear-segment:hover,.linear-segment.inspected{box-shadow:inset 0 0 0 2px #fff;filter:brightness(1.13)}
.linear-segment:focus-visible{outline:2px solid white;outline-offset:-3px;z-index:1}
.linear-tooltip{position:absolute;top:calc(100% + 8px);transform:translateX(-50%);z-index:9;width:255px;max-width:100%;padding:12px 15px;border:1px solid var(--accent);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 6px 24px #0005;pointer-events:none;text-align:left}
.linear-tooltip[hidden]{display:none}
.linear-tooltip strong{display:block;font-size:18px;line-height:1.3;font-variant-numeric:tabular-nums}
.linear-tooltip span{display:block;font-size:12px;margin-top:3px}
.linear-tooltip small{display:block;font-size:10px;margin-top:6px;color:var(--muted)}
.svitlo-scope[data-view=timeline] #slot-detail{font-size:10px;color:var(--muted);padding-top:5px;min-height:25px}
#linear-stats{margin-top:10px}
@media(min-width:1000px) and (max-height:760px){.linear-bar{height:44px}#linear-stats{margin-top:6px}}
@media(max-width:650px){.linear-bar{height:48px}.segment-range,.segment-start{font-size:9px}.linear-tooltip{width:235px}.svitlo-scope[data-view=timeline] #slot-detail{font-size:11px;line-height:1.6}}
@media print{.linear-tooltip{display:none!important}.linear-segment.inspected{box-shadow:none;filter:none}}
#linear-timeline{padding-top:12px}

@media(min-width:1000px) and (max-width:1150px){.intro h1{font-size:29px}}

/* Keep the next boundary visible while explaining uncertainty. */
.energy-hero [data-count-certainty=possible] .live-note,.energy-hero [data-count-available=false] .live-note{display:block;font-size:10px;line-height:1.45;color:#fff0d8;margin:8px 0 0;max-width:340px}
.energy-hero:has([data-count-certainty=possible]){gap:14px}
.energy-hero:has([data-count-certainty=possible]) .hero-bulb{width:68px;height:68px}
.energy-hero:has([data-count-certainty=possible]) .hero-bulb svg{height:56px}
.energy-hero [data-count-certainty=possible] .target-action{font-size:15px}
.energy-hero [data-count-certainty=possible] .target-time{font-size:48px}
@media(min-width:1000px) and (max-height:760px){.energy-hero [data-count-certainty=possible] .target-time{font-size:36px}.energy-hero [data-count-certainty=possible] .target-action{font-size:13px}.energy-hero [data-count-certainty=possible] .live-note,.energy-hero [data-count-available=false] .live-note{font-size:9px;line-height:1.35;margin-top:5px}.energy-hero:has([data-count-certainty=possible]) .hero-bulb{width:56px;height:56px}}
@media(min-width:1000px) and (max-height:760px){.svitlo-scope[data-view=cards] .energy-hero [data-count-certainty=possible] .target-time{font-size:25px}.svitlo-scope[data-view=cards] .energy-hero [data-count-certainty=possible] .live-note{font-size:9px;line-height:1.25}}
@media(max-width:650px){.energy-hero [data-count-certainty=possible] .live-note,.energy-hero [data-count-available=false] .live-note{font-size:11px}.energy-hero [data-count-certainty=possible] .target-time{font-size:46px}}
/* Countdown leads; the clock time remains a secondary reference. */
.energy-hero .live-count-row{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;align-items:start}
.energy-hero .live-target{display:contents!important}
.energy-hero .target-action{grid-row:1}
.energy-hero .live-count{grid-row:2;justify-self:start;background:none;border:0;border-radius:0;padding:0;min-width:0;font-size:56px;line-height:1.05;letter-spacing:-2px;font-weight:650;font-variant-numeric:tabular-nums}
.energy-hero .live-count:before{content:none}
.energy-hero .target-time,.energy-hero [data-count-certainty=possible] .target-time{grid-row:3;justify-self:start;display:inline-block;font-size:18px;line-height:1.3;letter-spacing:0;margin:0;border:1px solid #ffe0af66;border-radius:18px;padding:3px 12px}
.energy-hero .target-time:before{content:'О '}
@media(min-width:1000px) and (max-height:760px){.energy-hero .live-count{font-size:42px}.energy-hero .target-time,.energy-hero [data-count-certainty=possible] .target-time{font-size:14px;padding:2px 10px}.energy-hero .live-count-row{gap:3px}}
@media(min-width:1000px){.svitlo-scope[data-view=cards] .energy-hero .live-count-row,.svitlo-scope[data-view=cards] .energy-hero #second-status .live-count-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 14px;justify-content:start;align-items:center}.svitlo-scope[data-view=cards] .energy-hero .live-count,.svitlo-scope[data-view=cards] .energy-hero #second-status .live-count{grid-row:1/3;grid-column:1;font-size:36px;padding:0;letter-spacing:-1px}.svitlo-scope[data-view=cards] .energy-hero .target-action,.svitlo-scope[data-view=cards] .energy-hero #second-status .target-action{grid-row:1;grid-column:2;font-size:11px}.svitlo-scope[data-view=cards] .energy-hero .target-time,.svitlo-scope[data-view=cards] .energy-hero #second-status .target-time{grid-row:2;grid-column:2;font-size:14px;padding:1px 8px;letter-spacing:0}.svitlo-scope[data-view=cards] .energy-hero [data-count-certainty=possible] .live-note{max-width:none}}
@media(min-width:1000px) and (max-height:760px){.svitlo-scope[data-view=cards] .energy-hero .live-count,.svitlo-scope[data-view=cards] .energy-hero #second-status .live-count{font-size:29px}}
@media(max-width:650px){.energy-hero .live-count{font-size:clamp(28px,8.8vw,42px);letter-spacing:-1px}.energy-hero .target-time,.energy-hero [data-count-certainty=possible] .target-time{font-size:15px}}
.energy-controls .selector{grid-template-columns:minmax(140px,1.5fr) minmax(130px,1.1fr) minmax(85px,.65fr) auto}
.official-sources{margin:32px 0}
.official-sources h2{font-size:20px}
.official-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.official-links a{display:block;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;text-decoration:none;font-size:12px;background:var(--raised);color:var(--ink)}
.official-links a:hover{border-color:var(--accent);color:var(--accent)}
@media(min-width:1000px){.svitlo-scope[data-view=cards] .energy-hero [data-count-available=false] .target-action{grid-column:1/-1}}
@media(max-width:999px) and (min-width:651px){.energy-controls #main-settings{flex-basis:100%}.energy-controls .selector{grid-template-columns:minmax(0,1.4fr) minmax(0,1.1fr) minmax(90px,.7fr) auto}}
@media(max-width:650px){.energy-controls .selector{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.energy-controls #refresh{grid-column:auto;margin-top:18px}.energy-controls #group{min-width:0}.official-sources{padding:18px}.official-sources h2{font-size:18px}.official-links{display:grid;grid-template-columns:1fr}.official-links a{font-size:12px}}
@media(min-width:1000px) and (max-height:700px){.energy-hero:has([data-count-certainty=possible]){padding-top:9px;padding-bottom:9px}.energy-hero [data-count-certainty=possible] .live-count{font-size:38px}.energy-hero [data-count-certainty=possible] .target-time{font-size:13px;padding-top:1px;padding-bottom:1px}.energy-hero [data-count-certainty=possible] .live-count-row{gap:2px}.energy-hero [data-count-certainty=possible] .live-note{max-width:none;line-height:1.3}.svitlo-scope[data-view=cards] .energy-hero:has([data-count-certainty=possible]){padding-top:5px;padding-bottom:5px}}
@media(min-width:1000px) and (max-height:700px){.intro .lead{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}}
@media(min-width:1000px){.energy-overview{margin-bottom:12px}}

@media(max-width:999px){.svitlo-scope[data-view=cards] .energy-hero .target-time,.svitlo-scope[data-view=cards] .energy-hero [data-count-certainty=possible] .target-time{font-size:15px;letter-spacing:0}}
@media(min-width:1000px){.svitlo-scope[data-view=cards] .energy-hero [data-count-certainty=possible] .target-time{font-size:14px;letter-spacing:0}}

.energy-hero .target-action{max-width:none}
#location-links .hot-group{grid-column:1/-1;margin:12px 0 2px;font-size:15px;color:var(--muted)}

#location-links a{min-height:44px;display:flex;align-items:center}
/* Explicitly add places, then choose one or compare two. */
.workspace-toolbar #add-selection{font-size:10px;min-height:32px;padding:5px 10px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-toolbar #add-selection:disabled{opacity:1;background:var(--raised);color:var(--muted);border-color:var(--line)}
.workspace-toolbar #add-second{min-height:32px;font-size:10px;padding:5px 10px}
.location-overview h2:before{content:'⌂'}
.location-mini-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.location-mini[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.location-mini .mini-queue{font-size:10px;overflow-wrap:anywhere}
.location-mini-grid[data-count="3"] .location-mini{padding:9px 7px}
.location-mini-grid[data-count="3"] .mini-name{font-size:13px}
.location-mini-grid[data-count="3"] .mini-state{font-size:10px;padding:4px}
.mini-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-style:dashed;color:var(--muted);font-size:11px}
.mini-add-icon{font-size:28px;line-height:1;color:var(--accent)}
.places-feedback{font-size:10px;line-height:1.4;color:var(--muted);margin:9px 0 0}
.name-presets{display:flex;gap:8px;margin:12px 0}
.name-presets button{background:var(--raised);color:var(--ink);border:1px solid var(--line);border-radius:20px;min-height:40px;padding:7px 16px}
.name-presets button:hover{border-color:var(--accent)}
#second-linear-timeline{position:relative;padding-top:18px;margin-top:10px}
.svitlo-scope[data-view=timeline] #second-tool:not([hidden]){display:block!important}
.svitlo-scope[data-view=timeline] #second-tool .chart-head{display:flex!important}
.svitlo-scope[data-view=cards] #second-linear-timeline,.svitlo-scope[data-view=cards] #second-slot-detail{display:none!important}
@media(min-width:1000px){.energy-hero #second-status{display:none!important}.svitlo-scope[data-view=cards] .energy-controls .workspace-toolbar{flex-wrap:wrap;max-width:265px;gap:5px}.svitlo-scope[data-view=cards] .energy-controls .workspace-toolbar #date-label{display:none}.workspace-toolbar{max-width:290px}.places-feedback{margin-top:6px}}
@media(min-width:1000px) and (max-height:760px){.location-overview{padding-top:8px;padding-bottom:8px}.location-overview h2{margin-bottom:6px}.places-feedback{font-size:9px;line-height:1.25;margin-top:5px}.location-mini .mini-name{font-size:13px}.location-mini{padding:7px 10px}.location-mini .mini-state{font-size:10px;margin:5px 0 3px}.svitlo-scope[data-view=cards] .energy-controls{margin-bottom:8px}}
@media(max-width:650px){.location-mini-grid[data-count="3"] .mini-queue{font-size:10px}.location-mini-grid[data-count="3"] .mini-state{font-size:10px;line-height:1.3}.places-feedback{font-size:11px}.energy-controls .workspace-toolbar{display:flex;flex-wrap:wrap}.workspace-toolbar #add-selection,.workspace-toolbar #add-second{min-height:44px;font-size:11px}.name-presets button{min-height:44px}.mini-add{min-height:85px}.svitlo-scope[data-comparing=true][data-active-panel=second] .energy-hero #status{display:none!important}.svitlo-scope[data-comparing=true][data-active-panel=second] .energy-hero #second-status{display:flex!important;flex-direction:column;border:0;padding:0}.svitlo-scope[data-active-panel=main] .energy-hero #second-status{display:none!important}}
@media(min-width:1000px) and (max-height:700px){.energy-controls{margin-bottom:8px}.energy-overview{margin-bottom:8px}.tool{padding-top:10px;padding-bottom:10px}}
@media(max-width:999px){.svitlo-scope[data-comparing=true][data-active-panel=second] .energy-hero #status{display:none!important}.svitlo-scope[data-comparing=true][data-active-panel=second] .energy-hero #second-status{display:flex!important;flex-direction:column;border:0;padding:0}.svitlo-scope[data-active-panel=main] .energy-hero #second-status{display:none!important}}
@media(min-width:1000px){.svitlo-scope[data-view=cards] .energy-controls .workspace-toolbar{flex-wrap:nowrap;max-width:none;gap:6px;flex-shrink:0}.svitlo-scope[data-view=cards] .energy-controls .selector{column-gap:8px}.svitlo-scope[data-view=cards] .energy-controls .workspace-toolbar .tabs button{padding-left:9px;padding-right:9px}}
#second-tool .place-picker-label{margin-right:auto;min-width:0;max-width:65%}
#compare-place{min-width:120px;max-width:100%;height:32px;margin:0;font-size:15px;font-weight:600;padding:3px 28px 3px 4px;background:transparent;color:var(--ink);border-color:var(--line)}
@media(max-width:650px){#compare-place{height:44px;font-size:16px}}
/* A quiet text list, matching the operator-style schedule summary. */
.periods-panel h2{font-size:20px;line-height:1.35;margin:0 0 8px}
#periods-context{font-size:12px;line-height:1.6;margin-bottom:18px}
#day-periods{display:grid;gap:16px}
.period-group{background:transparent;color:var(--ink);padding:0;border:0}
.period-group h3,.period-group summary{font-size:13px;font-weight:500;margin:0 0 6px;color:var(--muted)}
.period-group summary{cursor:pointer;min-height:36px;padding:8px 0}
.period-group ul{list-style:none;padding:0;margin:0}
.period-group li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.period-group li strong{font-size:16px;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap}
.period-group li span{font-size:12px;color:var(--muted);white-space:nowrap}
.period-current strong:after{content:' · зараз';font-size:10px;font-weight:400;color:var(--accent)}
.periods-empty{font-size:13px;line-height:1.6;color:var(--muted)}
.periods-panel>.fine{margin-top:18px;line-height:1.5}
@media(max-width:650px){.periods-panel h2{font-size:21px}.period-group li strong{font-size:17px}.period-group li span{font-size:13px}.period-group h3,.period-group summary{font-size:14px}}

/* Compact source disclosure and naturally sized daily summaries. */
.logo{display:inline-flex;align-items:baseline;gap:2px;letter-spacing:-2px}
.logo small{font-size:12px;font-weight:650;letter-spacing:0;margin-left:4px;color:var(--ink)}
.energy-hero .source-info{display:inline-flex;align-items:center}
.energy-hero .source-info .freshness-trigger{font-size:10px;color:#ffe7c1;min-height:24px;padding:2px 5px;border:0;flex-basis:auto;white-space:nowrap}
.energy-hero .source-info .freshness-panel{position:fixed;right:auto;bottom:auto;margin:0;padding:10px 12px;z-index:40;max-width:calc(100vw - 24px);border-radius:9px;background:#291b0f;box-sizing:border-box;box-shadow:0 4px 15px #0005;text-align:left}
.energy-hero .source-info .freshness-panel[hidden]{display:none}
.energy-hero .source-info .freshness-panel dl{display:block;font-size:11px;line-height:1.4;margin:0}
.energy-hero .source-info .freshness-panel dt{font-size:10px;margin:0 0 2px}
.energy-hero .source-info .freshness-panel dd{margin:0 0 7px;overflow-wrap:anywhere;font-weight:500}
.energy-hero .source-info .freshness-panel dd:last-child{margin-bottom:0}
.source-line dl{display:flex;flex-wrap:wrap;gap:3px 7px;margin:6px 0 0;font-size:11px;line-height:1.5}
.source-line dt:after{content:':'}
.source-line dd{margin:0 12px 0 0}
.lower-grid{align-items:start}
.lower-grid>.section-box{min-height:0;height:auto;padding:16px 20px}
.lower-grid .eyebrow{margin:0 0 5px;font-size:11px}
.lower-grid .section-title{margin-bottom:6px}
.lower-grid .section-title h2{font-size:21px;margin:0}
.lower-grid>.section-box>.muted{font-size:13px;line-height:1.45;margin:6px 0 10px}
.lower-grid .saved-item{padding:8px 0;gap:9px}
.saved-state{font-size:16px;flex-shrink:0;width:22px;text-align:center}
.lower-grid .add-place,.lower-grid .add-place.first-place{min-height:64px;padding:8px 12px;margin-top:10px;flex-direction:row;gap:10px;text-align:left}
.lower-grid .add-place.first-place .add-place-icon{width:34px;height:34px;font-size:28px}
.lower-grid .add-place.first-place strong{font-size:14px}
.periods-panel h2{font-size:20px}
.periods-panel #periods-context{font-size:12px;margin:5px 0 12px}
.period-group{margin:10px 0 0}
.period-group h3,.period-group summary{font-size:13px;margin:0 0 3px}
.period-group li{padding:5px 0}
.period-group li strong{font-size:15px}
.period-group li span{font-size:12px}
.period-group summary{min-height:36px;padding:8px 0}
.periods-panel>.fine{font-size:11px;margin:10px 0 0}
/* The lamp reflects the selected plan, without suggesting measured voltage. */
.hero-bulb{position:relative;transition:background .2s,color .2s,box-shadow .2s}
.hero-bulb[data-state=off],.hero-bulb[data-state=unknown],.hero-bulb[data-state=maybe]{background:#33343a;box-shadow:inset 0 1px 5px #0005;color:#a0a3ac}
.hero-bulb[data-state=off] svg,.hero-bulb[data-state=unknown] svg,.hero-bulb[data-state=maybe] svg{filter:none}
.hero-bulb[data-state=maybe]:after,.hero-bulb[data-state=unknown]:after{content:'?';position:absolute;right:-1px;bottom:0;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e9b650;color:#28241a;font-size:17px;font-weight:700}
.hero-bulb[data-state=unknown]:after{background:#d3d5db;color:#292e39}
@media(max-width:999px){.energy-hero .source-info .freshness-trigger{min-height:44px}.lower-grid .section-box{margin-bottom:12px}.logo small{font-size:11px}.period-group summary{min-height:44px}.lower-grid>.section-box{padding:15px 16px}}
@media print{.source-info{display:none!important}}
@media screen{.svitlo-scope[data-view=cards] .energy-hero .hero-bulb:has(~#second-status:not([hidden])){display:grid}}
/* Render status signs consistently even on devices without emoji fonts. */
.lower-grid>.section-box{padding-top:12px;padding-bottom:12px}
#day-periods{gap:8px}
.period-group{margin:0}
.period-group h3{display:flex;align-items:center;gap:4px;line-height:1.4}
.period-group li{padding:3px 0;line-height:20px}
.period-group li strong,.period-group li span{line-height:20px}
.period-group summary{line-height:20px}
/* Keep the status label and source together; anonymous flex text must not split them. */
.energy-hero .live-heading,.svitlo-scope[data-view=cards] .energy-hero .live-heading,.svitlo-scope[data-view=cards] .energy-hero #second-status .live-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;min-height:0;margin:0;line-height:1.4}
.energy-hero .live-label{min-width:0;line-height:1.4}
.energy-hero .source-info{justify-self:end;align-self:center;margin:0}
.energy-hero .source-info .freshness-trigger{margin:0;flex-basis:auto;line-height:1.4}
.energy-hero .live-count-row{margin-top:8px}
.energy-hero .live-count{white-space:nowrap}
@media(min-width:1000px) and (max-height:760px){.energy-hero .live-count-row{margin-top:3px}}
.energy-hero .live-count-row{margin-top:4px}
@media(min-width:1000px) and (min-height:761px){.energy-hero{padding-top:12px;padding-bottom:12px}}
.energy-hero .live-label{display:flex;align-items:flex-start;gap:5px}
.energy-hero .live-label-text{min-width:0}
@media(min-width:1000px) and (max-height:700px){.energy-overview,.energy-controls{margin-bottom:6px}.energy-hero .live-count-row{margin-top:2px}}
/* A single places block above; its management controls stay in a compact disclosure. */
.places-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.places-footer .places-feedback{margin:0;min-width:0;flex:1}
.places-manage{position:relative;flex-shrink:0}
.places-manage>summary{font-size:10px;color:var(--muted);cursor:pointer;min-height:24px;display:flex;align-items:center;gap:6px;list-style:none}
.places-manage>summary::-webkit-details-marker{display:none}
.places-manage .count{font-size:10px;white-space:nowrap}
.places-manage-panel{position:absolute;bottom:calc(100% + 6px);right:0;z-index:30;width:340px;max-width:calc(100vw - 40px);padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--raised);box-shadow:0 8px 24px #0005}
.places-manage-panel .saved-item{padding:6px 0;gap:8px;flex-wrap:wrap}
.places-manage-panel .place-menu[open]{flex-basis:100%;order:3}
.places-manage-panel .place-menu[open]>div{position:static;width:100%;box-shadow:none}
.places-manage-panel .place-menu[open]>summary{min-height:30px}
.places-manage-panel .add-place{min-height:52px;margin-top:8px;padding:8px;flex-direction:row}
.daily-schedule{margin-top:24px}
.daily-schedule>.periods-panel{width:100%;padding:20px 24px}
.daily-schedule #day-periods{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px 32px}
.daily-schedule .period-group[data-state=unknown],.daily-schedule .periods-empty{grid-column:1/-1}
.daily-schedule .period-group h3{margin-bottom:8px}
.daily-schedule .period-group li{padding:7px 0}
.daily-schedule .periods-panel>.fine{margin-top:14px}
@media(max-width:650px){.places-manage>summary{min-height:44px}.daily-schedule #day-periods{grid-template-columns:1fr;gap:22px}.daily-schedule>.periods-panel{padding:16px}.daily-schedule .period-group li{padding:5px 0}}
@media print{.places-manage{display:none!important}}
.periods-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.periods-header h2{flex:1;min-width:0}
.periods-header #share{flex-shrink:0;min-height:36px;padding:7px 13px;text-decoration:none;font-size:12px}
#share[aria-disabled=true]{opacity:.45;cursor:default}
@media(max-width:650px){.periods-header{flex-wrap:wrap;gap:8px}.periods-header h2{flex-basis:100%}.periods-header #share{min-height:44px}.periods-panel #periods-context{margin-top:10px}}
@media print{.periods-header #share{display:none}}
.places-manage{border:0;margin:0;padding:0}
.places-manage>summary{padding:0;line-height:1.3;font-weight:500}
.main-tool .place-heading>.places-manage{margin-left:auto}
.location-overview h2:before{content:none}
@media(min-width:1000px) and (max-height:700px){.location-mini .mini-next{display:none}.places-footer{margin-top:4px}.places-manage>summary{min-height:20px}}
.chart-head h2:before,.energy-hero .source-info .freshness-trigger:after,.hour-card.schedule-changed:after{content:none}
.hero-bulb:after{display:none!important}
.energy-hero .live-status[data-returned-supply=true] .live-note{display:block;font-size:10px;line-height:1.4;margin:6px 0 0;color:#ffe7c1}
@media(min-width:1000px) and (max-height:700px){.location-mini{padding:5px 8px}.location-mini .mini-state{padding:2px 4px;margin:3px 0 1px;font-size:10px;line-height:1.2}}
@media(min-width:1000px) and (max-height:700px){.svitlo-scope[data-view=timeline] .energy-hero{padding-top:6px;padding-bottom:6px}.svitlo-scope[data-view=timeline] .energy-hero .live-status .live-count{font-size:34px;line-height:1}.svitlo-scope[data-view=timeline] .energy-hero .target-action{font-size:12px;line-height:1.15}.svitlo-scope[data-view=timeline] .energy-hero .live-status .live-note{font-size:9px;line-height:1.25;margin-top:3px}}
/* Status icons are used only for the two daily-table column headings. */
.period-status-icon{display:inline-block;width:15px;height:15px;flex-shrink:0;margin-right:3px;background-size:contain;background-position:center;background-repeat:no-repeat}
.period-status-icon.off{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' rx='5' fill='%23ba3333'/%3E%3Cpath d='m6 6 8 8m0-8-8 8' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}
.period-status-icon.on{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' rx='5' fill='%23209c40'/%3E%3Cpath d='m5 10 3 3 7-7' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* One compact rhythm between visible sections, without collapsing margins. */
.svitlo-scope{--section-gap:12px}
.svitlo-scope[data-view] main{display:flex;flex-direction:column;gap:var(--section-gap)}
.svitlo-scope[data-view] main>:is(.intro,.energy-controls,.energy-overview,.schedule-workspace,.daily-schedule,.location-pages,.official-sources,.local-content,.help,footer){margin-top:0;margin-bottom:0}
.svitlo-scope[data-view] .energy-overview,.svitlo-scope[data-view] .schedule-workspace{gap:var(--section-gap)}
.svitlo-scope[data-view] .schedule-workspace>.tool{margin-top:0;margin-bottom:0}

/* The chart title always names its own geography and queue. */
.tool .place-heading{flex-wrap:wrap;align-items:center;gap:6px 12px}
.tool .place-heading h2{flex:1 1 60%;min-width:0;line-height:1.35;margin:0}
.tool .place-heading .place-picker-label{flex:0 1 180px;max-width:35%;margin:0}
.tool .chart-head{justify-content:flex-end}
.tool .chart-head .view-modes{margin-left:auto}
@media(max-width:650px){.tool .place-heading h2{flex-basis:100%;font-size:18px}.tool .place-heading .place-picker-label{max-width:65%;flex-basis:180px}.tool .chart-head .view-modes{margin-left:0}.tool .chart-head{justify-content:flex-start}}

/* On phones: status then chart, with place management immediately below. */
@media(max-width:650px){
 .breadcrumb{display:none}
 .masthead{height:54px}
 .intro{min-height:145px;padding-top:12px;padding-bottom:12px}
 .intro h1{font-size:23px;margin-bottom:6px}
 .intro .lead{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .energy-controls{padding:8px 10px;gap:6px}
 .energy-controls #main-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:4px 0;list-style:none;font-size:12px;line-height:1.45}
 .energy-controls #main-settings>summary::-webkit-details-marker{display:none}
 .energy-controls #primary-selection-summary{min-width:0;overflow-wrap:anywhere}
 .energy-controls #main-settings>summary .settings-action{flex-shrink:0;font-size:11px}
 .energy-controls #main-settings[open] .settings-.svitlo-scope{padding-top:6px}
 .energy-controls .workspace-toolbar{flex-basis:100%;justify-content:space-between;gap:6px}
 .energy-controls .workspace-toolbar #date-label{order:0;flex-basis:auto;font-size:10px}
 .energy-controls .workspace-toolbar .tabs button{padding:6px 11px;min-height:44px;font-size:12px}
 .energy-hero{min-height:138px;padding:12px 14px;gap:14px}
 .hero-bulb{width:62px;height:62px}
 .hero-bulb svg{height:49px;width:44px}
 .energy-hero .target-action{font-size:15px}
 .energy-hero .live-count{font-size:32px}
 .location-overview{padding:12px 14px}
}
@media(max-width:360px){
 .intro>div:first-child{max-width:100%}
 .intro{min-height:132px}
 .intro:before{opacity:.55}
 .intro .eyebrow{margin-bottom:6px}
 .intro h1{font-size:22px}
 .energy-controls .workspace-toolbar .tabs button{font-size:11px;padding-left:8px;padding-right:8px}
 .energy-controls .workspace-toolbar #date-label{font-size:9px}
 .energy-hero{gap:12px}
 .hero-bulb{width:48px;height:48px}
 .hero-bulb svg{width:36px;height:40px}
 .energy-hero .target-action{font-size:14px}
 .energy-hero .live-count{font-size:30px}
}

/* Keep the cover inside the same edges as the tool panels. */
.intro:before{inset:0}
.energy-hero .live-heading,.svitlo-scope[data-view=cards] .energy-hero .live-heading,.svitlo-scope[data-view=cards] .energy-hero #second-status .live-heading{grid-template-columns:minmax(0,1fr)}

/* Size digits against their own text column, including tablet and zoomed layouts. */
.energy-hero #status,.energy-hero #second-status{container-type:inline-size}
.energy-hero #status .live-count,.energy-hero #second-status .live-count{font-size:clamp(24px,16cqi,56px);max-width:100%;letter-spacing:-1px}
.energy-hero .live-count-row{min-width:0}
@container(max-width:360px){
 .energy-hero .live-count-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important}
 .energy-hero .live-count-row .target-action{grid-row:1!important;grid-column:1!important}
 .energy-hero .live-count-row .live-count{grid-row:2!important;grid-column:1!important}
 .energy-hero .live-count-row .target-time{grid-row:3!important;grid-column:1!important}
}
@container(min-width:361px){
 .svitlo-scope[data-view=cards] .energy-hero .live-status .live-count{font-size:clamp(24px,8cqi,40px)}
}
/* Fade across the image itself, rather than across a larger empty pseudo-element. */
.intro:before{left:auto;right:0;width:min(58%,720px);background-size:cover;background-position:right center;mask-image:linear-gradient(90deg,transparent 0%,#0003 20%,#000b 45%,#000 68%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0003 20%,#000b 45%,#000 68%)}
.svitlo-scope[data-theme=light] .intro:before{mask-image:linear-gradient(90deg,transparent 0%,#0002 25%,#0009 53%,#000 85%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0002 25%,#0009 53%,#000 85%)}

:host{display:block;min-width:0}
.svitlo-scope{margin:0;padding:0;background:none;font-family:inherit}
main{width:100%;max-width:none;margin:0;padding:0}
.breadcrumb{display:none}.intro{margin-top:0!important}
@media(min-width:1000px) and (max-height:800px){.intro{min-height:56px!important;padding-top:0!important;padding-bottom:0!important}.intro .lead{margin-top:4px!important}}
@media(max-width:650px){main{padding:0}.intro h1{font-size:24px;line-height:1.22}.intro .lead{display:none}}
@media(max-width:650px){
 .intro{min-height:96px!important;padding:10px 0!important}
 .intro>div:first-child{width:100%!important;max-width:100%!important;padding-right:76px!important}
 .intro h1{font-size:21px!important;line-height:1.2!important}
 .intro .eyebrow{display:none}
 .main-tool .place-picker-label,.main-tool #manage-current{display:none!important}
 .main-tool .place-heading{padding:0;margin-bottom:8px;min-height:0}
 .energy-hero{min-height:112px!important;padding:12px!important}
 .chart-head{margin-top:0!important}
}
/* The now badge has its own row below the controls and above the hour axis. */
#linear-timeline,#second-linear-timeline{padding-top:34px!important}
.linear-now{top:24px!important}
.linear-now>span{bottom:calc(100% - 3px)}
@media(min-width:1000px) and (max-height:800px){.chart-head{margin-bottom:0!important}.main-tool .place-heading{margin-bottom:2px!important}.energy-hero{min-height:112px!important}.energy-overview .location-overview{padding-top:10px!important;padding-bottom:10px!important}}
@media(max-width:360px){.intro>div:first-child{padding-right:0!important}.hero-bulb{width:48px!important;height:48px!important}.energy-hero .target-action{font-size:12px!important;line-height:1.25!important}.main-tool .place-heading h2{font-size:17px!important}.chart-head{margin-bottom:2px!important}}
.page-theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--raised);color:var(--accent)}
@media(max-width:650px){.energy-controls .workspace-toolbar{flex-wrap:nowrap!important;max-width:none!important;min-width:0}.energy-controls .workspace-toolbar #date-label{font-size:0!important;white-space:nowrap;flex:0 1 auto}.energy-controls .workspace-toolbar #date-label:after{content:attr(data-compact-date);font-size:9px}.energy-controls .workspace-toolbar .tabs{flex-shrink:0}}