@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101720;--text:#f3f7f5;--muted:#9caab0;--line:rgba(214,231,226,.11);--mint:#b9f27c;--mint2:#8bdc8d;--blue:#75c9dc;--amber:#f2bd69}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 78% 5%,rgba(59,112,114,.15),transparent 34rem),var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.page-shell{max-width:1120px;margin:auto;padding:0 34px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:11px;align-items:center;text-decoration:none;font:800 20px Manrope,sans-serif;letter-spacing:-.8px}.brand-dot{color:var(--mint)}.brand-mark{width:26px;height:26px;border:1px solid rgba(185,242,124,.38);border-radius:9px;display:flex;align-items:end;justify-content:center;gap:3px;padding:6px}.brand-mark i{width:3px;border-radius:4px;background:var(--mint);box-shadow:0 0 8px rgba(185,242,124,.5)}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:9px}.source-link{color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}.source-link:hover,.disclaimer a:hover{color:var(--mint)}
.hero{min-height:430px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden}.hero-copy{padding:64px 0 70px;position:relative;z-index:2}.eyebrow,.section-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#95aaa8;margin:0}.eyebrow{display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;background:var(--mint);display:inline-block;border-radius:50%;box-shadow:0 0 12px rgba(185,242,124,.7)}.eyebrow b{color:#52636a}h1{font:700 clamp(48px,6vw,76px)/1.02 Manrope,sans-serif;letter-spacing:-4.5px;margin:27px 0 17px}h1 span{color:var(--mint)}.intro{font-size:16px;color:#a8b5b8;line-height:1.65;max-width:430px;margin:0 0 28px}.telegram-cta{display:flex;width:min(100%,344px);align-items:center;gap:13px;padding:13px 15px;background:var(--mint);color:#13201d;border-radius:13px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 7px 26px rgba(185,242,124,.1)}.telegram-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(185,242,124,.2)}.telegram-icon{width:36px;height:36px;border-radius:10px;background:rgba(18,34,30,.09);display:grid;place-items:center;font-size:16px}.telegram-cta strong,.telegram-cta small{display:block}.telegram-cta strong{font-size:13px}.telegram-cta small{font-size:11px;opacity:.7;margin-top:2px}.cta-arrow{margin-left:auto;font-size:18px}
.hero-art{height:360px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(137,206,153,.17),rgba(74,155,154,.08) 48%,transparent 70%);z-index:-2}.orbit{position:absolute;border:1px solid rgba(139,205,181,.17);border-radius:50%;transform:rotate(-27deg)}.orbit-one{width:390px;height:170px}.orbit-two{width:310px;height:260px;transform:rotate(38deg)}.sun{width:172px;height:172px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 31%,#e2ffad,#b8f27c 44%,#7bbd7f);box-shadow:0 0 38px rgba(185,242,124,.27),0 0 115px rgba(113,192,158,.18);position:relative;overflow:hidden}.sun:before,.sun:after{content:"";position:absolute;width:230px;height:1px;background:rgba(22,59,54,.18);transform:rotate(-31deg)}.sun:before{top:64px}.sun:after{top:99px;left:-24px}.sun span{width:62px;height:62px;border:1px solid rgba(23,60,50,.32);border-radius:50%;position:relative}.sun span:before,.sun span:after{content:"";position:absolute;background:rgba(23,60,50,.3)}.sun span:before{height:1px;width:80px;left:-10px;top:30px}.sun span:after{width:1px;height:80px;top:-10px;left:30px}.art-label{position:absolute;bottom:37px;right:4px;padding:9px 12px;border:1px solid var(--line);border-radius:20px;background:rgba(18,29,37,.75);font-size:9px;letter-spacing:1.1px;color:#d1ded8;display:flex;align-items:center;gap:8px}
.schedule-card{background:linear-gradient(135deg,rgba(30,43,54,.98),rgba(24,35,46,.98));border:1px solid rgba(207,230,223,.12);border-radius:20px;padding:27px 30px 18px;box-shadow:0 24px 65px rgba(0,0,0,.12)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.section-label{font-size:9px;letter-spacing:1.3px}h2{font:650 21px Manrope,sans-serif;letter-spacing:-.5px;margin:8px 0 0}.status-pill{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:30px;background:rgba(180,196,193,.08);color:#bbc5c3;font-size:11px;white-space:nowrap}.status-dot{height:6px;width:6px;border-radius:50%;background:#9eaaa8}.status-available{color:var(--mint);background:rgba(185,242,124,.1)}.status-available .status-dot{background:var(--mint)}.status-outage{color:var(--amber);background:rgba(242,189,105,.12)}.status-outage .status-dot{background:var(--amber)}.status-error{color:#f19b91;background:rgba(241,155,145,.1)}.status-error .status-dot{background:#f19b91}.current-status{margin:25px 0 22px;border-radius:13px;background:rgba(9,16,22,.24);padding:14px 16px;display:flex;align-items:center;gap:13px}.status-symbol{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(185,242,124,.1);color:var(--mint);font-size:22px}.current-status strong{font:600 14px Manrope,sans-serif}.current-status p{color:var(--muted);font-size:11px;margin:4px 0 0}
.timeline{height:28px;border-radius:7px;background:linear-gradient(90deg,#8cca9c 0 100%);position:relative;overflow:hidden}.timeline:after{content:"";position:absolute;left:var(--now-position,0%);height:100%;width:2px;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18);z-index:2}.outage-segment{position:absolute;height:100%;top:0;background:linear-gradient(135deg,#ddaa58,#c88d46);border-left:1px solid rgba(255,235,189,.8);border-right:1px solid rgba(255,235,189,.8)}.timeline-ticks{display:flex;justify-content:space-between;margin-top:8px;color:#7f8e93;font-size:9px}.legend{display:flex;justify-content:flex-end;gap:18px;margin-top:17px;color:#a2afb1;font-size:10px}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:7px;height:7px;border-radius:2px;background:#8cca9c}.legend .legend-outage{background:#d5a354}.now-legend i{width:2px;height:11px;background:#fff;border-radius:0}.schedule-list{margin-top:20px;border-top:1px solid var(--line);min-height:64px}.interval-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:13px 3px;border-bottom:1px solid var(--line);font-size:12px}.interval-time{font:600 13px Manrope,sans-serif}.interval-state{color:#a3b0b1}.interval-badge{color:#e9bc72;background:rgba(242,189,105,.1);padding:5px 8px;border-radius:20px;font-size:9px}.empty-state{height:64px;display:flex;align-items:center;gap:9px;color:#97a5a8;font-size:12px}.empty-icon{font-size:18px;color:var(--blue)}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:14px;color:#859499;font-size:10px}.refresh-mark{display:flex;align-items:center;gap:7px}.refresh-mark i{width:7px;height:7px;border-radius:50%;background:var(--mint2);box-shadow:0 0 8px rgba(139,220,141,.5)}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.info-card{min-height:112px;display:flex;align-items:flex-start;gap:13px;padding:19px 18px;border:1px solid var(--line);border-radius:15px;background:rgba(23,34,44,.72);position:relative}.info-icon{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:19px}.icon-pin{background:rgba(117,201,220,.1);color:var(--blue)}.icon-bell{background:rgba(185,242,124,.1);color:var(--mint)}.info-card h3{font:600 14px Manrope,sans-serif;margin:5px 0 3px}.info-card p:not(.section-label){font-size:10px;line-height:1.5;color:#94a3a6;margin:0}.card-arrow{margin-left:auto;text-decoration:none;color:#a8b6b6;font-size:16px}.disclaimer{font-size:10px;line-height:1.6;color:#76868a;margin:22px 0 33px}.disclaimer a{color:#a5b5b3;text-decoration:underline;text-decoration-color:rgba(165,181,179,.3);text-underline-offset:3px}footer{height:63px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#7f8e92;font-size:10px}footer span:first-child{font:600 11px Manrope,sans-serif;color:#a4b1b2}
@media(max-width:760px){.page-shell{padding:0 20px}.topbar{height:68px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:55px 0 8px}.hero-art{height:230px;margin-top:-4px}.hero-art:before{width:260px;height:260px}.orbit-one{width:300px;height:130px}.orbit-two{width:240px;height:200px}.sun{width:125px;height:125px}.sun span{width:47px;height:47px}.sun span:before{top:22px;left:-17px;width:80px}.sun span:after{left:22px;top:-17px;height:80px}.art-label{bottom:12px;right:9%}h1{font-size:58px;letter-spacing:-3.4px;margin-top:22px}.intro{font-size:14px}.schedule-card{padding:22px 18px 16px}.info-grid{grid-template-columns:1fr}.info-card{min-height:94px}.card-footer{align-items:flex-start;flex-direction:column;gap:9px}.legend{gap:12px;justify-content:flex-start;font-size:9px}.interval-row{grid-template-columns:1fr 1fr auto}.disclaimer{margin-top:19px}footer{font-size:9px}}
@media(max-width:390px){.page-shell{padding:0 15px}.source-link{font-size:11px}.hero-copy{padding-top:42px}h1{font-size:51px}.schedule-card{padding-left:14px;padding-right:14px}.status-pill{font-size:10px;padding:7px 9px}.legend{gap:8px}.legend span{gap:4px}.info-card{padding:16px 13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Phone layout: comfortable spacing, readable status, and reliable touch targets. */
@media(max-width:600px){
  html,body{width:100%;overflow-x:hidden}
  .page-shell{width:100%;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .topbar{height:64px}
  .source-link{min-height:44px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--line);border-radius:11px;font-size:11px}
  .hero-copy{padding-top:42px}
  h1{font-size:clamp(46px,13vw,58px);letter-spacing:-.065em;line-height:1.04}
  .intro{max-width:35ch}
  .telegram-cta{min-height:58px;width:100%;max-width:360px}
  .hero-art{height:205px}
  .schedule-card{overflow:hidden;border-radius:17px;padding:19px 15px 15px}
  .card-top{align-items:center;gap:8px}
  .card-top h2{font-size:18px}
  .status-pill{font-size:10px;padding:7px 9px}
  .current-status{margin:18px 0;padding:12px;gap:10px}
  .current-status strong{font-size:13px}
  .timeline{height:24px}
  .legend{justify-content:flex-start;flex-wrap:wrap;row-gap:9px}
  .interval-row{min-height:48px;grid-template-columns:1fr 1fr auto;gap:8px;font-size:11px}
  .interval-time{font-size:12px;white-space:nowrap}
  .interval-badge{white-space:nowrap}
  .info-grid{gap:10px}
  .info-card{min-height:88px;padding:16px 14px}
  .disclaimer{font-size:11px}
  footer{height:auto;min-height:64px;padding:14px 0 calc(14px + env(safe-area-inset-bottom));gap:8px;align-items:flex-start;flex-direction:column}
}
@media(max-width:360px){
  .page-shell{padding-left:max(13px,env(safe-area-inset-left));padding-right:max(13px,env(safe-area-inset-right))}
  .brand{font-size:18px;gap:8px}
  .source-link{font-size:10px;padding:0 8px}
  .schedule-card{padding-left:12px;padding-right:12px}
  .card-top{align-items:flex-start;flex-direction:column}
  .status-pill{align-self:flex-start}
  .legend{font-size:9px}
}
@media(hover:none){
  .telegram-cta:hover{transform:none;box-shadow:0 7px 26px rgba(185,242,124,.1)}
}

.schedule-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px}
.summary-item{min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(9,16,22,.22);display:flex;flex-direction:column;gap:6px}
.summary-item span{color:#94a3a6;font-size:10px;line-height:1.3}
.summary-item strong{color:var(--text);font:650 clamp(13px,2.2vw,17px)/1.2 Manrope,sans-serif;font-variant-numeric:tabular-nums}
@media(max-width:600px){.schedule-summary{gap:7px;margin-bottom:18px}.summary-item{padding:10px 9px;border-radius:10px}.summary-item span{font-size:9px}.summary-item strong{font-size:clamp(11px,3.5vw,15px);white-space:nowrap}}
@media(max-width:360px){.schedule-summary{gap:5px}.summary-item{padding:9px 7px}.summary-item span{font-size:8px}.summary-item strong{font-size:11px}}

.day-switch{display:flex;width:max-content;gap:4px;margin:19px 0 18px;padding:4px;border:1px solid var(--line);border-radius:12px;background:rgba(9,16,22,.26)}
.day-switch[hidden]{display:none}
.day-button{min-height:42px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:#a2afb1;font:600 12px "DM Sans",sans-serif;cursor:pointer;transition:background .18s,color .18s}
.day-button:hover{color:var(--text);background:rgba(255,255,255,.05)}
.day-button.is-active{background:var(--mint);color:#17231a;box-shadow:0 3px 12px rgba(185,242,124,.12)}
.day-button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
@media(max-width:600px){.day-switch{margin:15px 0 16px}.day-button{min-height:44px;padding:0 18px}}
.legend .now-legend[hidden]{display:none}