/* Vaktija Stylesheet (cleaned & annotated) */
:root{
  color-scheme:dark;
  --bg:#071417; --card:#0e171a; --text:#e6f1ef; --muted:#9ec4be; --accent:#19a493; --ok:#2aa84a; --warn:#c98b18; --app-font-scale:1; --prayer-card-scale:1;
}
html[data-theme="light"],body[data-theme="light"]{
  color-scheme:light;
  --bg:#eef4ef; --card:#ffffff; --text:#17302d; --muted:#5e7873; --accent:#19a493; --ok:#277c43; --warn:#b86d00;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:calc(16px * var(--app-font-scale))/1.45 system-ui,-apple-system,Segoe UI,Roboto;display:flex;flex-direction:column;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at top left,rgba(53,200,179,.16),transparent 26%),linear-gradient(180deg,#082126 0%,#071417 100%);background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}
html[data-theme="light"] body::before,body[data-theme="light"]::before{background:radial-gradient(circle at top left,rgba(84,213,202,.22),transparent 30%),linear-gradient(180deg,#f2fbf9 0%,#e6f4f1 100%)}
.container{max-width:900px;margin:0 auto;padding:16px;flex:1 0 auto;width:100%}
.hero-signature{display:flex;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin:4px auto 10px;color:transparent;-webkit-text-fill-color:transparent;font-size:calc(12px * var(--app-font-scale));font-weight:700;letter-spacing:.24em;text-transform:uppercase;background:linear-gradient(90deg,rgba(188,197,204,.28) 0%,rgba(210,218,224,.36) 36%,rgba(251,252,253,.98) 48%,rgba(210,218,224,.36) 60%,rgba(188,197,204,.28) 100%);background-size:260% 100%;background-position:-260% 50%;-webkit-background-clip:text;background-clip:text;text-shadow:0 0 12px rgba(223,231,236,.08);animation:heroSignatureShimmer 13s linear infinite}
.hero-signature::selection{background:rgba(209,218,224,.2);color:#eef5f7}
@keyframes heroSignatureShimmer{
  0%{background-position:260% 50%}
  100%{background-position:-260% 50%}
}
.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#0b3d3a;position:sticky;top:0;z-index:10;color:#fff}
.app-header h1{margin:0;font-size:calc(20px * var(--app-font-scale));display:flex;align-items:center;gap:12px;flex-wrap:nowrap;flex:1 1 auto;min-width:0}
.app-header h1,.app-header button,.app-header .action-icon,.app-header .action-label,.app-header .settings-icon,.app-header .settings-label-full,.app-header .settings-label-compact{color:#fff}
.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;flex-wrap:nowrap;margin-left:auto}
.header-refresh-btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-width:112px}
.action-icon{font-size:18px;line-height:1}
.action-label{display:inline}
.settings-icon{font-size:18px;line-height:1}
.settings-label-full{display:inline}
.settings-label-compact{display:none}
.settings-panel{display:flex;flex-direction:column;gap:18px;flex:1 1 auto;min-height:0;overflow:auto;padding-right:4px}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))}
.settings-actions{display:flex;gap:8px;flex-wrap:wrap}
.select{appearance:none;background:var(--card);color:var(--text);border:1px solid #203033;border-radius:14px;padding:8px 12px}
.input{appearance:none;background:var(--card);color:var(--text);border:1px solid #203033;border-radius:12px;padding:8px 12px}
.input.large{font-size:calc(16px * var(--app-font-scale));padding:12px 14px}
.btn{border:1px solid #20413f;background:var(--accent);color:#052c29;padding:8px 12px;border-radius:12px;cursor:pointer;font-weight:600}
.btn-outline{background:transparent;color:var(--text);border-color:#2f3f42}
.btn-small{padding:6px 10px;font-size:calc(14px * var(--app-font-scale));border-radius:10px}
.btn:active{transform:translateY(1px)}
.btn-secondary{background:transparent;color:var(--text);border-color:#2f3f42}
.badge{padding:4px 8px;border-radius:999px;background:#213638;border:1px solid #335c5f;color:var(--muted);font-size:calc(12px * var(--app-font-scale))}
.current-loc{
  background:linear-gradient(180deg,#124743,#0f3a37);
  border:1px solid #2e7b72;
  color:#e9fffb;
  padding:10px 14px;
  border-radius:14px;
  font-weight:800;
  font-size:calc(16px * var(--app-font-scale));
  min-width:0;
  width:fit-content;
  max-width:min(70vw,420px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  letter-spacing:.2px;
  box-shadow:0 6px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
}
.picker-btn{
  text-align:left;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.picker-btn::after{
  content:"\25BE";
  opacity:.8;
}
.language-picker{
  padding:8px 12px;
  font-size:calc(14px * var(--app-font-scale));
  max-width:none;
}
.settings-inline-dropdown{position:relative;min-width:min(100%,240px)}
.settings-inline-dropdown .language-picker{width:min(100%,240px)}
.settings-inline-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:12;display:flex;flex-direction:column;gap:6px;min-width:min(100%,240px);width:240px;padding:8px;border-radius:18px;border:1px solid #2a4a4d;background:linear-gradient(180deg,#132528,#0f1d20);box-shadow:0 18px 36px rgba(0,0,0,.28)}
.settings-inline-menu[hidden]{display:none !important}
.settings-inline-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--text);font:inherit;font-size:calc(15px * var(--app-font-scale));font-weight:700;text-align:left;cursor:pointer}
.settings-inline-option:hover,.settings-inline-option:focus{border-color:#3b6a71;background:rgba(255,255,255,.04);outline:none}
.settings-inline-option.is-active{background:linear-gradient(180deg,#1a847e,#156e69);border-color:#156e69;color:#f8fffd;box-shadow:0 10px 24px rgba(26,132,126,.16)}
.current-loc optgroup{font-weight:800;color:#09312d}
.current-loc option{font-weight:600;color:#122729}
.app-footer{margin-top:auto;padding:0;opacity:1;width:100%;border-top:1px solid rgba(67,133,125,.35);background:linear-gradient(180deg,rgba(8,31,36,.98),rgba(7,20,23,1))}
.app-footer-inner{width:100%;max-width:none;margin:0;padding:38px clamp(18px,4vw,42px) 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start;justify-items:center;background:
  radial-gradient(circle at top left,rgba(35,141,128,.18),transparent 28%),
  linear-gradient(180deg,rgba(14,39,41,.98),rgba(9,20,23,.98));
box-shadow:inset 0 1px 0 rgba(164,235,224,.05)}
.app-footer-col{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0;width:100%;max-width:320px}
.app-footer-title{margin:0;color:#effffb;font-size:calc(18px * var(--app-font-scale));font-weight:700;letter-spacing:.01em;text-align:center}
.app-footer-list{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0;width:100%}
.app-footer-item{padding:0;border:none;background:transparent;color:#b7d8d2;text-decoration:none;font:inherit;font-size:calc(15px * var(--app-font-scale));line-height:1.35;text-align:center;cursor:pointer}
.app-footer-item:hover,.app-footer-item:focus{color:#f3fffd;outline:none}
.app-footer-button{appearance:none}
.app-footer-text{cursor:default;color:#96beb7}
.app-footer-note{margin:0;color:#c4ddd9;font-size:calc(15px * var(--app-font-scale));line-height:1.55;max-width:28ch;text-align:center}
.app-footer-meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.app-footer-badge{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:10px;border:1px solid rgba(76,182,165,.28);background:rgba(20,86,79,.26);color:#e7fffb;font-size:calc(12px * var(--app-font-scale));font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.app-footer-news #footerCopyright{margin-top:6px;color:#88b4ac;font-size:calc(12px * var(--app-font-scale));line-height:1.5;text-align:center}

.hero-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;align-items:stretch;margin:16px 0}
.now-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid #1d2a2d;border-radius:16px;padding:16px;margin:0}
.date-nav-card{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;background:var(--card);border:1px solid #1d2a2d;border-radius:16px;padding:12px;align-items:center}
.date-picker-wrap{position:relative}
.date-nav-btn,.date-picker-btn{padding:10px 0;min-height:44px}
.date-picker-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:calc(15px * var(--app-font-scale))}
.date-picker-icon{font-size:18px;line-height:1}
.date-picker-label{display:none}
.date-reset-btn{grid-column:1 / -1}
.today{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--text);font-size:calc(16px * var(--app-font-scale));font-weight:700}
.today-primary{font-size:calc(17px * var(--app-font-scale));font-weight:800;color:var(--text)}
.today-separator{width:1px;height:1.15em;background:rgba(127,149,145,.28)}
.today-secondary{color:var(--muted);font-size:calc(15px * var(--app-font-scale));font-weight:700}
.next{font-size:calc(18px * var(--app-font-scale));font-weight:700;white-space:pre-line}
.countdown{font-variant-numeric:tabular-nums;font-size:calc(32px * var(--app-font-scale));font-weight:800}
.now-card.is-preview{align-items:flex-start}
.now-card.is-preview .today{font-size:calc(16px * var(--app-font-scale))}
.now-card.is-preview .today-primary{color:#d7ece8}
.now-card.is-preview .today-secondary{color:#a9d5ce}
.now-card.is-preview .next{font-size:calc(17px * var(--app-font-scale));line-height:1.35;max-width:18ch}
.now-card.is-preview .countdown{display:none}

@media (max-width: 760px){
  .hero-row{grid-template-columns:1fr}
  .hero-signature{margin:2px 0 8px;font-size:11px;letter-spacing:.2em}
  .app-header{align-items:center}
  .app-header h1{max-width:calc(100% - 108px);gap:10px}
  .current-loc{flex:1 1 auto;width:auto;max-width:none;min-width:0}
  .date-nav-card{grid-template-columns:52px 1fr 52px}
  .header-actions{gap:8px;align-self:center}
  .header-refresh-btn{padding:8px 10px;font-size:14px;min-width:44px}
  .settings-btn{padding:8px 10px;min-width:auto}
  .action-label{display:none}
  .settings-label-full{display:none}
  .settings-label-compact{display:none}
  .date-picker-btn{font-size:18px}
  .settings-sheet{width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));box-sizing:border-box}
  .settings-sheet .modal-head{position:sticky;top:0;background:linear-gradient(180deg,#122025,#0e171a);padding-bottom:10px;z-index:1}
  .settings-row{align-items:flex-start;flex-direction:column}
  .settings-row > *{min-width:0;max-width:100%}
  .settings-row .switch{align-self:flex-end}
  .settings-row-slider{gap:12px;padding:12px 14px}
  .settings-slider-wrap{width:100%;min-width:0;flex:none}
  .settings-card .settings-row + .settings-row{margin-top:4px}
  .settings-inline-dropdown,.settings-inline-dropdown .language-picker,.settings-inline-menu{width:100%;min-width:100%}
  .settings-footer{justify-content:stretch;padding-top:12px;padding-bottom:6px;background:linear-gradient(180deg,rgba(14,23,26,0),#0e171a 28%)}
  .settings-done-btn{width:100%}
  .app-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));padding:28px 18px 22px;gap:24px}
}

@media (max-width: 560px){
  #appTitlePrefix{display:none}
  .app-header h1{max-width:calc(100% - 100px);gap:0}
  .now-card{flex-direction:column;align-items:stretch;gap:10px}
  .today{gap:10px;flex-wrap:nowrap;align-items:center;min-width:0}
  .today-primary{font-size:calc(15px * var(--app-font-scale));white-space:nowrap;min-width:0}
  .today-secondary{font-size:calc(14px * var(--app-font-scale));white-space:nowrap;min-width:0}
  .today-separator{flex:0 0 auto}
  .next{max-width:none}
  .countdown{align-self:flex-end;font-size:calc(26px * var(--app-font-scale))}
}

@media (max-width: 420px){
  .app-header{gap:10px}
  .app-header h1{max-width:calc(100% - 96px)}
  .header-actions{gap:6px}
  .header-refresh-btn,.settings-btn{padding:8px;min-width:44px}
}

.times-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(180px * var(--prayer-card-scale)),1fr));gap:calc(12px * var(--prayer-card-scale));min-height:calc(180px * var(--prayer-card-scale))}
@media (max-width: 620px){
  .times-grid{grid-template-columns:repeat(auto-fit,minmax(calc(150px * var(--prayer-card-scale)),1fr));gap:calc(10px * var(--prayer-card-scale))}
}
@media (max-width: 430px){
  .times-grid{grid-template-columns:repeat(auto-fit,minmax(calc(136px * var(--prayer-card-scale)),1fr));gap:calc(10px * var(--prayer-card-scale))}
}
.calc-info{margin-top:18px;padding:18px 18px 16px;border:1px solid #265158;border-radius:16px;background:linear-gradient(180deg,rgba(11,30,34,.96),rgba(11,22,25,.96));box-shadow:inset 0 1px 0 rgba(173,240,228,.05)}
.calc-info h2{margin:0 0 12px 0;font-size:calc(18px * var(--app-font-scale))}
.calc-info p{margin:8px 0}
.calc-info #calcInfoText{font-size:calc(16px * var(--app-font-scale));line-height:1.65;color:#eefcf9;font-weight:500}
.calc-info #calcInfoText strong{display:inline-block;padding:0 .35em;border-radius:999px;background:rgba(61,214,191,.16);color:#d6fffa;font-weight:900;letter-spacing:.01em}
.calc-info #calcInfoNote{margin-top:10px;color:#9dc0ba;font-size:calc(13px * var(--app-font-scale));line-height:1.55}
.calc-country-list{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:10px}
.calc-country-item{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(157,192,186,.18);color:inherit}
.calc-country-check{color:#39b86f;font-weight:800}
.calc-info ul{margin:8px 0 8px 18px;padding:0}
.muted-small{color:var(--muted);font-size:calc(13px * var(--app-font-scale))}
.time-card{background:var(--card);border:1px solid #1d2a2d;border-radius:calc(16px * var(--prayer-card-scale));padding:calc(14px * var(--prayer-card-scale));position:relative}
.time-card h3{margin:0 0 calc(6px * var(--prayer-card-scale)) 0;font-size:calc(14px * var(--app-font-scale) * var(--prayer-card-scale));font-weight:600;color:var(--muted)}
.time{font-variant-numeric:tabular-nums;font-size:calc(24px * var(--app-font-scale) * var(--prayer-card-scale));font-weight:800}
.chip{position:absolute;top:calc(10px * var(--prayer-card-scale));right:calc(10px * var(--prayer-card-scale));padding:calc(2px * var(--prayer-card-scale)) calc(8px * var(--prayer-card-scale));border-radius:999px;font-size:calc(11px * var(--app-font-scale) * var(--prayer-card-scale));border:1px solid #2b3e41;white-space:nowrap;font-variant-numeric:tabular-nums}
.chip.upcoming{background:#11302d;color:#9be3d8}
.chip.now{background:#2e1a12;color:#ffd8b0;border-color:#7d4b15}
.chip.current{background:#143022;color:#a9f0c7;border-color:#2b5f47}
.chip.past{background:#1a2326;color:#b9c5c8;border-color:#2b3e41;opacity:.8}

.time-card.past{opacity:.6}
.time-card.now{outline:2px solid var(--warn);}
.time-card.current{outline:2px solid var(--ok);}

/* Loading overlay */
.loader{position:fixed;inset:0;background:rgba(5,10,12,.7);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:9990}
.loader.show{display:flex}
.loader-box{background:#0e171a;border:1px solid #1d2a2d;border-radius:16px;padding:18px 20px;min-width:260px;text-align:center}
.spinner{width:28px;height:28px;border-radius:50%;border:3px solid #2a3b3e;border-top-color:var(--accent);animation:spin 1s linear infinite;margin:0 auto 10px}
@keyframes spin{to{transform:rotate(360deg)}}
.loader-text{color:var(--muted);font-size:calc(14px * var(--app-font-scale))}

/* Skeletons */
.skel{position:relative;overflow:hidden}
.skel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shimmer 1.2s infinite}
@keyframes shimmer{100%{transform:translateX(100%)}}

/* iOS toggle */
.switch{display:inline-flex;align-items:center;gap:10px}
.switch input{position:absolute;opacity:0;width:0;height:0}
.switch .slider{position:relative;width:46px;height:28px;background:#2b3b3e;border-radius:999px;transition:.2s;border:1px solid #3a4a4d;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.switch .slider::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:.2s}
.switch input:checked + .slider{background:linear-gradient(180deg,#38d39f,#19a493)}
.switch input:checked + .slider::after{transform:translateX(18px)}
.switch-label{font-size:calc(14px * var(--app-font-scale));color:var(--muted)}

/* Modal + Accordion */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:9995}
.modal.show{display:flex}
.modal-box{background:#0e171a;border:1px solid #1d2a2d;border-radius:16px;max-width:1150px;width:94%;max-height:82vh;overflow:auto;padding:16px}
.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.onboarding-modal-box{width:min(94vw,760px);max-width:760px;padding:22px 22px 18px}
.onboarding-modal-box .modal-head{margin-bottom:18px}
.onboarding-intro{margin:10px 0 0;max-width:58ch;line-height:1.62}
.onboarding-grid{display:grid;gap:18px}
.onboarding-card{padding:18px 18px 20px;border-radius:28px}
.onboarding-card .settings-copy{gap:8px;padding:0 8px 4px}
.onboarding-card .settings-item-title{line-height:1.2}
.onboarding-card .settings-item-note{line-height:1.55;max-width:60ch}
.onboarding-choice-row{padding:22px 8px 0;gap:10px;align-items:flex-start}
.onboarding-choice-btn{min-width:120px}
.onboarding-choice-btn.is-active{border-color:#4cc7b5;box-shadow:0 0 0 2px rgba(76,199,181,.16) inset;background:#183035}
.onboarding-footer{margin-top:20px}
.onboarding-continue-btn{min-width:140px}
.location-modal-box{width:min(96vw,920px);max-height:min(90vh,920px);overflow:visible;display:flex;flex-direction:column}
.location-modal-box .modal-head{position:relative;z-index:6;align-items:flex-start;column-gap:20px}
.location-modal-box .modal-head strong{padding-top:6px}
.location-modal-box .loc-list{flex:1 1 auto;min-height:0;max-height:calc(min(90vh,920px) - 132px);overflow:auto;padding:4px 4px 0 0}
.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:fit-content}
.modal-close-icon{display:none;font-size:24px;line-height:1}
.modal-actions{display:flex;gap:8px}
.settings-sheet{display:flex;flex-direction:column;max-width:760px;max-height:min(92vh,860px);padding:18px 18px 16px;background:linear-gradient(180deg,#122025,#0e171a);overflow:hidden}
.settings-sheet .modal-head{align-items:flex-start;margin-bottom:18px}
.settings-sheet .modal-head strong{display:block;font-size:calc(24px * var(--app-font-scale));letter-spacing:.2px}
.settings-intro{margin:6px 0 0;color:var(--muted);font-size:calc(14px * var(--app-font-scale));max-width:42ch}
.settings-group{display:flex;flex-direction:column;gap:10px}
.settings-group-head h2{margin:0;font-size:calc(14px * var(--app-font-scale));text-transform:uppercase;letter-spacing:.12em;color:#9fd2ca}
.settings-group-head p{margin:4px 0 0;color:var(--muted);font-size:calc(13px * var(--app-font-scale))}
.settings-card{background:rgba(255,255,255,.03);border:1px solid #223438;border-radius:22px;padding:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.settings-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.settings-item-title{font-size:calc(16px * var(--app-font-scale));font-weight:700;color:var(--text)}
.settings-item-note{font-size:calc(13px * var(--app-font-scale));line-height:1.4;color:var(--muted)}
.settings-actions-stack{display:flex;flex-direction:column;gap:8px}
.settings-action-btn{width:100%;justify-content:flex-start;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px}
.settings-footer{display:flex;justify-content:flex-end;margin-top:18px;position:sticky;bottom:0}
.settings-done-btn{min-width:120px}
.beta-warning-note{color:#d4b676}
.settings-row-slider{align-items:flex-start;justify-content:flex-start;gap:14px}
.settings-slider-wrap{display:flex;flex-direction:column;gap:10px;min-width:min(280px,100%);flex:1 1 auto}
.settings-scale-slider{width:100%;margin:0;accent-color:var(--accent);cursor:pointer}
.settings-scale-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;color:var(--muted);font-size:calc(12px * var(--app-font-scale));font-weight:700}
.settings-scale-labels span:nth-child(1){text-align:left}
.settings-scale-labels span:nth-child(2){text-align:center}
.settings-scale-labels span:nth-child(3){text-align:right}
.settings-sheet #privacySettingsBtn{display:none}
.loc-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .loc-supported-info{grid-column:1 / -1;margin:0 0 4px;color:#8db8b1;font-size:12px;line-height:1.45;text-align:center}
  .loc-cache-row{display:flex;align-items:center;justify-content:flex-start;padding:12px 14px;border:1px solid rgba(52,76,81,.55);border-radius:12px;background:rgba(11,20,22,.72);min-height:56px}
  .loc-cache-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#cfe2de;line-height:1.2;width:100%}
  .loc-cache-title .flag{font-size:16px}
  .loc-country-check{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:rgba(60,160,104,.16);border:1px solid rgba(104,214,149,.36);color:#88e5ae;font-size:14px;font-weight:900}
.loc-search-shell{position:relative;flex:1 1 420px;max-width:480px;margin:0 auto;z-index:4}
.loc-search-label{display:block;margin:0 0 8px 4px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9fd2ca}
.loc-search-input{width:100%;padding:13px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.58);background:rgba(255,255,255,.18);color:#fff;font:inherit;box-shadow:0 0 0 0 rgba(255,255,255,.28);animation:locSearchPulse 1.8s ease-in-out infinite}
.loc-search-input::placeholder{color:rgba(255,255,255,.8)}
.loc-search-input:focus{outline:none;border-color:#bff7ee;background:rgba(255,255,255,.22);box-shadow:0 0 0 5px rgba(25,164,147,.2);animation:none}
.loc-search-hint{min-height:16px;margin:8px 4px 0;font-size:12px;color:#7fa6a0;opacity:.88}
.loc-search-hint.is-active{color:#bff7ee}
  .loc-suggestions{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:16px;border:1px solid #25494e;background:rgba(10,24,27,.96);box-shadow:0 18px 40px rgba(0,0,0,.35);z-index:5;max-height:min(42vh,320px);overflow:auto}
  .loc-suggestions:empty{display:none}
  .loc-suggestions.is-hidden{display:none}
  .loc-suggestion-loading{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(78,207,188,.22);background:rgba(19,42,46,.72);color:#dff6f2;font-size:14px;font-weight:700}
  .loc-suggestion-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(191,247,238,.28);border-top-color:#bff7ee;animation:spin .8s linear infinite;flex:0 0 auto}
  .loc-suggestion-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;text-align:left}
.loc-suggestion-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.loc-suggestion-title{font-weight:800;color:#ecfffb}
.loc-suggestion-meta{font-size:12px;color:#96c1ba}
.city-match{background:rgba(61,214,191,.24);color:#f4fffd;padding:0 .08em;border-radius:6px}
@keyframes locSearchPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.16)}
  50%{box-shadow:0 0 0 8px rgba(255,255,255,.05)}
}
.country{border:1px solid #1d2a2d;border-radius:14px;background:#0f1b1d}
.country summary{list-style:none;cursor:pointer;padding:12px 14px;border-radius:14px;display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.2px}
.country summary .country-load-status{margin-left:auto;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:none}
.country summary .country-load-status.is-loading{background:rgba(25,164,147,.14);border:1px solid rgba(78,207,188,.35);color:#bff7ee}
.country summary .country-load-status.is-error{background:rgba(177,54,54,.14);border:1px solid rgba(255,107,107,.35);color:#ffd0d0}
.country summary:hover{background:#122427}
.country[open] summary{background:#132c2a}
.country[open] .city-group:first-of-type{padding-top:10px}
.flag{font-size:20px}
.loc-country-loading{margin:0 12px 12px;padding:12px 14px;border-radius:14px;border:1px dashed #2b5960;background:rgba(17,33,38,.68);color:#9fd2ca;font-size:13px}
.grid-cities{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 12px 12px}
.city-group{padding:0 12px 12px}
.city-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;padding:10px 12px;border-radius:14px;border:1px solid #244046;background:#112126;color:#dff6f2;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.city-group-toggle::after{content:"+";font-size:16px;line-height:1;color:#9fd2ca}
.city-group-toggle.is-open{background:#163036;border-color:#2f646d}
.city-group-toggle.is-open::after{content:"−"}
.city-btn{display:inline-block;text-align:center;background:#152427;border:1px solid #264449;border-radius:16px;padding:8px 12px;cursor:pointer;color:#eaf8f6;font-weight:700;letter-spacing:.2px}
.city-btn:hover,.city-btn:focus{border-color:#3b6a71;outline:none}
.date-picker-modal{width:min(94vw,360px);max-width:360px;padding:16px;background:linear-gradient(180deg,#122025,#0e171a)}
.date-picker-modal .modal-head{margin-bottom:14px}
.date-picker-month{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.date-picker-month-label{font-size:clamp(16px,4vw,18px);font-weight:800;letter-spacing:.2px;text-transform:capitalize;text-align:center}
.date-picker-weekdays,.date-picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.date-picker-weekdays{margin-bottom:8px}
.date-picker-weekday{display:flex;align-items:center;justify-content:center;height:28px;font-size:clamp(10px,2.8vw,12px);font-weight:700;color:var(--muted);text-transform:uppercase}
.date-picker-day{display:flex;align-items:center;justify-content:center;min-height:clamp(36px,10vw,42px);border-radius:14px;border:1px solid #223438;background:#132126;color:var(--text);font-weight:700;cursor:pointer}
.date-picker-day:hover,.date-picker-day:focus{border-color:#3b6a71;outline:none}
.date-picker-day.is-outside{opacity:.45}
.date-picker-day.is-selected{background:var(--accent);border-color:#37c6b2;color:#052c29}
.date-picker-day.is-today{box-shadow:inset 0 0 0 1px #5bcabb}
.date-picker-footer{display:flex;justify-content:space-between;gap:8px;margin-top:14px}
.date-picker-footer .btn{flex:1 1 auto}
@media (max-width: 520px){
  .location-modal-box{width:min(97vw,560px);max-height:min(92vh,920px);padding:14px}
  .location-modal-box .modal-head{flex-wrap:wrap;align-items:stretch;padding-right:52px}
  .location-modal-box .modal-head strong{flex:1 1 100%;padding-right:0}
  .location-modal-box .loc-search-shell{flex:1 1 100%;max-width:none}
  .location-modal-box .loc-list{padding-top:8px}
  .location-modal-box .loc-list{max-height:calc(min(92vh,920px) - 156px)}
  .location-modal-box .modal-close-btn{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;border-radius:999px;z-index:7}
  .location-modal-box .modal-close-label{display:none}
  .location-modal-box .modal-close-icon{display:block}
  .loc-list{grid-template-columns:1fr}
  .loc-cache-row{min-height:auto}
  .loc-search-label{margin-left:2px}
  .loc-suggestions{max-height:min(38vh,280px)}
  .date-picker-modal{width:min(92vw,340px);padding:14px}
  .date-picker-month{gap:8px;margin-bottom:10px}
  .date-picker-weekdays,.date-picker-days{gap:5px}
  .date-picker-day{border-radius:12px}
  .date-picker-footer{gap:6px}
}
@media (max-width: 860px){
  .loc-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 390px){
  .location-modal-box{width:min(98vw,420px);padding:12px}
  .location-modal-box .modal-head{padding-right:48px}
  .location-modal-box .loc-list{max-height:calc(min(92vh,920px) - 156px)}
  .date-picker-modal{width:min(92vw,320px);padding:12px}
  .date-picker-weekday{height:24px}
  .date-picker-day{min-height:34px;border-radius:10px;font-size:14px}
  .app-footer-inner{grid-template-columns:1fr;padding:24px 16px 20px;gap:22px}
}

/* Consent */
.consent-banner{
  position:fixed;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:10000;
  background:#0d1c1f;
  border:1px solid #23565a;
  border-radius:14px;
  padding:12px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  justify-content:space-between;
}
.consent-text{max-width:900px;font-size:14px;color:#d6ece8}
.consent-text a{color:#9fe3d8}
.consent-actions{display:flex;gap:8px}

/* Legal page */
.legal-page{max-width:980px;padding-top:30px;padding-bottom:30px}
.legal-page h1{margin-top:0}
.legal-card{background:#0e171a;border:1px solid #1d2a2d;border-radius:14px;padding:16px;margin:14px 0}
.legal-card h2,.legal-card h3{margin-top:0}
.legal-dialog-body{padding:14px 2px 4px;max-height:70vh;overflow:auto;color:#dcefed;line-height:1.65}
.legal-dialog-body a{color:#b7efe7;text-decoration:none}
.legal-dialog-body a:hover{text-decoration:underline}
.legal-dialog-card{margin:0}
.legal-dialog-body h2{margin:0 0 12px}
.legal-dialog-body h3{margin:0 0 10px}
.legal-dialog-body p{margin:0 0 12px}
.legal-dialog-body ul{margin:0;padding-left:18px}
.legal-dialog-body li + li{margin-top:8px}
.legal-contact-hero{background:linear-gradient(180deg,rgba(18,56,58,.92),rgba(11,28,31,.96));border-color:rgba(83,179,164,.3)}
.legal-contact-mail{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:14px;background:#1caa98;color:#062221 !important;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 30px rgba(28,170,152,.18)}
.legal-contact-mail:hover{background:#25bea9;text-decoration:none}
.legal-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.legal-contact-item{display:grid;gap:6px;padding:14px;border:1px solid rgba(141,184,177,.14);border-radius:14px;background:rgba(8,24,28,.55)}
.legal-contact-item strong{font-size:15px;color:#ecfaf7}
.legal-contact-item span{color:#b7d8d2;line-height:1.55}
.legal-meta-grid{display:grid;gap:12px}
.legal-meta-row{display:grid;grid-template-columns:minmax(110px,160px) 1fr;gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid rgba(141,184,177,.14)}
.legal-meta-row:last-child{border-bottom:none;padding-bottom:0}
.legal-meta-label{color:#8db8b1;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.legal-meta-value{color:#e8f7f3;font-size:15px;word-break:break-word}
.legal-list{display:grid;gap:0}
@media (max-width:640px){
  .legal-contact-grid{grid-template-columns:1fr}
  .legal-meta-row{grid-template-columns:1fr;gap:4px}
}

html[data-theme="light"] .btn,
body[data-theme="light"] .btn{border-color:#1f8f7f;background:var(--accent);color:#f7fffd}
html[data-theme="light"] .btn-secondary,
body[data-theme="light"] .btn-secondary{background:#f6fbf8;color:var(--text);border-color:#b8d3cb}
html[data-theme="light"] .hero-signature,
body[data-theme="light"] .hero-signature{color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,rgba(39,102,97,.42) 0%,rgba(28,116,108,.72) 35%,rgba(21,72,68,.96) 50%,rgba(28,116,108,.72) 65%,rgba(39,102,97,.42) 100%);background-size:260% 100%;background-position:-260% 50%;-webkit-background-clip:text;background-clip:text;text-shadow:0 0 10px rgba(18,70,65,.12)}
html[data-theme="light"] .app-header,
body[data-theme="light"] .app-header{background:#1a847e}
html[data-theme="light"] .app-header .btn-secondary,
html[data-theme="light"] .app-header .settings-btn,
body[data-theme="light"] .app-header .btn-secondary,
body[data-theme="light"] .app-header .settings-btn{background:rgba(8,52,49,.24);border-color:rgba(228,255,251,.36);color:#fff}
html[data-theme="light"] .app-header .btn-secondary .action-icon,
html[data-theme="light"] .app-header .btn-secondary .action-label,
html[data-theme="light"] .app-header .settings-btn .settings-icon,
html[data-theme="light"] .app-header .settings-btn .settings-label-full,
html[data-theme="light"] .app-header .settings-btn .settings-label-compact,
body[data-theme="light"] .app-header .btn-secondary .action-icon,
body[data-theme="light"] .app-header .btn-secondary .action-label,
body[data-theme="light"] .app-header .settings-btn .settings-icon,
body[data-theme="light"] .app-header .settings-btn .settings-label-full,
body[data-theme="light"] .app-header .settings-btn .settings-label-compact{color:#fff}
html[data-theme="light"] .settings-row,
body[data-theme="light"] .settings-row{background:linear-gradient(180deg,rgba(18,64,59,.03),rgba(18,64,59,.015))}
html[data-theme="light"] .current-loc,
body[data-theme="light"] .current-loc{background:linear-gradient(180deg,#f9fffd,#e9f5f1);border-color:#9ecfc4;color:#18413b;box-shadow:0 8px 22px rgba(26,67,60,.08),inset 0 1px 0 rgba(255,255,255,.9)}
html[data-theme="light"] .app-footer,
body[data-theme="light"] .app-footer{border-top:1px solid rgba(104,205,196,.34);background:linear-gradient(180deg,rgba(26,132,126,.98),rgba(17,92,88,1))}
html[data-theme="light"] .app-footer-inner,
body[data-theme="light"] .app-footer-inner{background:radial-gradient(circle at top left,rgba(122,233,223,.18),transparent 28%),linear-gradient(180deg,rgba(26,132,126,.98),rgba(18,98,93,.98));box-shadow:inset 0 1px 0 rgba(214,255,250,.08)}
html[data-theme="light"] .app-footer-item,
body[data-theme="light"] .app-footer-item{color:#d9f3ef}
html[data-theme="light"] .app-footer-text,
body[data-theme="light"] .app-footer-text{color:#b8dfd8}
html[data-theme="light"] .app-footer-note,
body[data-theme="light"] .app-footer-note{color:#d9eeea}
html[data-theme="light"] .app-footer-badge,
body[data-theme="light"] .app-footer-badge{border-color:rgba(173,255,247,.28);background:rgba(9,66,62,.24);color:#f2fffd}
html[data-theme="light"] .app-footer-news #footerCopyright,
body[data-theme="light"] .app-footer-news #footerCopyright{color:#b6ddd7}
html[data-theme="light"] .now-card,
html[data-theme="light"] .date-nav-card,
html[data-theme="light"] .time-card,
html[data-theme="light"] .country,
html[data-theme="light"] .loader-box,
html[data-theme="light"] .modal-box,
html[data-theme="light"] .legal-card,
body[data-theme="light"] .now-card,
body[data-theme="light"] .date-nav-card,
body[data-theme="light"] .time-card,
body[data-theme="light"] .country,
body[data-theme="light"] .loader-box,
body[data-theme="light"] .modal-box,
body[data-theme="light"] .legal-card{background:var(--card);border-color:#d4e4de;box-shadow:0 12px 32px rgba(19,47,42,.06)}
html[data-theme="light"] .calc-info,
body[data-theme="light"] .calc-info{border-color:#c8ddd6;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,250,248,.98));box-shadow:0 12px 30px rgba(19,47,42,.05)}
html[data-theme="light"] .calc-info #calcInfoText,
body[data-theme="light"] .calc-info #calcInfoText{color:#183833}
html[data-theme="light"] .calc-info #calcInfoText strong,
body[data-theme="light"] .calc-info #calcInfoText strong{background:rgba(31,143,127,.12);color:#176658}
html[data-theme="light"] .calc-info #calcInfoNote,
body[data-theme="light"] .calc-info #calcInfoNote{color:#607c76}
html[data-theme="light"] .calc-country-item,
body[data-theme="light"] .calc-country-item{background:rgba(26,132,126,.06);border-color:rgba(26,132,126,.16)}
html[data-theme="light"] .loader,
body[data-theme="light"] .loader{background:rgba(238,244,239,.72)}
html[data-theme="light"] .modal,
body[data-theme="light"] .modal{background:rgba(28,42,38,.18)}
html[data-theme="light"] .settings-sheet,
body[data-theme="light"] .settings-sheet{background:linear-gradient(180deg,#fbfefd,#eef5f2)}
html[data-theme="light"] .settings-sheet .modal-head,
body[data-theme="light"] .settings-sheet .modal-head{background:linear-gradient(180deg,#fbfefd,#eef5f2)}
html[data-theme="light"] .settings-card,
body[data-theme="light"] .settings-card{background:rgba(31,143,127,.035);border-color:#d5e4df}
html[data-theme="light"] .settings-footer,
body[data-theme="light"] .settings-footer{background:linear-gradient(180deg,rgba(251,254,253,0),#eef5f2 28%)}
html[data-theme="light"] .settings-inline-menu,
body[data-theme="light"] .settings-inline-menu{border-color:#d3e4de;background:linear-gradient(180deg,#ffffff,#f3f8f6);box-shadow:0 18px 40px rgba(19,47,42,.12)}
html[data-theme="light"] .settings-inline-option,
body[data-theme="light"] .settings-inline-option{color:#17302d}
html[data-theme="light"] .settings-inline-option:hover,
html[data-theme="light"] .settings-inline-option:focus,
body[data-theme="light"] .settings-inline-option:hover,
body[data-theme="light"] .settings-inline-option:focus{border-color:#86b9ad;background:#f2f8f5}
html[data-theme="light"] .settings-inline-option.is-active,
body[data-theme="light"] .settings-inline-option.is-active{background:linear-gradient(180deg,#1a847e,#156e69);border-color:#156e69;color:#f8fffd}
html[data-theme="light"] .settings-group-head h2,
body[data-theme="light"] .settings-group-head h2,
html[data-theme="light"] .loc-search-label,
body[data-theme="light"] .loc-search-label{color:#3d6e66}
html[data-theme="light"] .settings-item-note,
html[data-theme="light"] .settings-intro,
html[data-theme="light"] .settings-group-head p,
html[data-theme="light"] .loader-text,
html[data-theme="light"] .consent-text,
html[data-theme="light"] .legal-dialog-body,
html[data-theme="light"] .legal-contact-item span,
html[data-theme="light"] .legal-meta-value,
body[data-theme="light"] .settings-item-note,
body[data-theme="light"] .settings-intro,
body[data-theme="light"] .settings-group-head p,
body[data-theme="light"] .loader-text,
body[data-theme="light"] .consent-text,
body[data-theme="light"] .legal-dialog-body,
body[data-theme="light"] .legal-contact-item span,
body[data-theme="light"] .legal-meta-value{color:#4f6b66}
html[data-theme="light"] .loc-cache-row,
body[data-theme="light"] .loc-cache-row{border-color:#d4e3de;background:rgba(255,255,255,.88)}
html[data-theme="light"] .loc-cache-title,
html[data-theme="light"] .loc-suggestion-title,
html[data-theme="light"] .legal-contact-item strong,
body[data-theme="light"] .loc-cache-title,
body[data-theme="light"] .loc-suggestion-title,
body[data-theme="light"] .legal-contact-item strong{color:#17302d}
html[data-theme="light"] .loc-search-input,
body[data-theme="light"] .loc-search-input{border-color:#b8d7cf;background:rgba(255,255,255,.96);color:#17302d;box-shadow:none;animation:none}
html[data-theme="light"] .loc-search-input::placeholder,
body[data-theme="light"] .loc-search-input::placeholder{color:#7c9892}
html[data-theme="light"] .loc-search-hint,
html[data-theme="light"] .loc-suggestion-meta,
body[data-theme="light"] .loc-search-hint,
body[data-theme="light"] .loc-suggestion-meta{color:#607c76}
html[data-theme="light"] .loc-suggestions,
body[data-theme="light"] .loc-suggestions{border-color:#d3e4de;background:rgba(255,255,255,.98);box-shadow:0 18px 40px rgba(19,47,42,.12)}
html[data-theme="light"] .loc-suggestion-loading,
body[data-theme="light"] .loc-suggestion-loading{border-color:rgba(31,143,127,.22);background:rgba(31,143,127,.1);color:#184842}
html[data-theme="light"] .loc-suggestion-spinner,
body[data-theme="light"] .loc-suggestion-spinner{border-color:rgba(26,132,126,.22);border-top-color:#1a847e}
html[data-theme="light"] .loc-country-loading,
body[data-theme="light"] .loc-country-loading{border-color:#bad6cf;background:rgba(31,143,127,.04);color:#456d66}
html[data-theme="light"] .city-match,
body[data-theme="light"] .city-match{background:rgba(26,132,126,.2);color:#11443f}
html[data-theme="light"] .country summary:hover,
body[data-theme="light"] .country summary:hover{background:#f2f8f5}
html[data-theme="light"] .country[open] summary,
body[data-theme="light"] .country[open] summary{background:#eef7f3}
html[data-theme="light"] .city-btn,
html[data-theme="light"] .date-picker-day,
body[data-theme="light"] .city-btn,
body[data-theme="light"] .date-picker-day{background:#f7fbf9;border-color:#d0e0da;color:#17302d}
html[data-theme="light"] .city-btn:hover,
html[data-theme="light"] .city-btn:focus,
html[data-theme="light"] .date-picker-day:hover,
html[data-theme="light"] .date-picker-day:focus,
body[data-theme="light"] .city-btn:hover,
body[data-theme="light"] .city-btn:focus,
body[data-theme="light"] .date-picker-day:hover,
body[data-theme="light"] .date-picker-day:focus{border-color:#86b9ad}
html[data-theme="light"] .onboarding-choice-btn.is-active,
body[data-theme="light"] .onboarding-choice-btn.is-active{background:linear-gradient(180deg,#1a847e,#156e69);border-color:#156e69;color:#f8fffd;box-shadow:0 0 0 2px rgba(26,132,126,.16),0 10px 24px rgba(26,132,126,.16)}
html[data-theme="light"] .consent-banner,
body[data-theme="light"] .consent-banner{background:#ffffff;border-color:#d1e1db;box-shadow:0 14px 32px rgba(19,47,42,.1)}
html[data-theme="light"] .consent-text a,
html[data-theme="light"] .legal-dialog-body a,
body[data-theme="light"] .consent-text a,
body[data-theme="light"] .legal-dialog-body a{color:#1f8f7f}
html[data-theme="light"] .legal-contact-hero,
body[data-theme="light"] .legal-contact-hero{background:linear-gradient(180deg,rgba(31,143,127,.12),rgba(31,143,127,.05));border-color:rgba(31,143,127,.2)}
html[data-theme="light"] .legal-contact-item,
body[data-theme="light"] .legal-contact-item{border-color:#d7e6e1;background:rgba(31,143,127,.03)}
html[data-theme="light"] .legal-meta-label,
body[data-theme="light"] .legal-meta-label{color:#63807a}
html[data-theme="light"] .chip.past,
body[data-theme="light"] .chip.past{background:#edf3f1;color:#6d827d;border-color:#cad8d4}
html[data-theme="light"] .chip.upcoming,
body[data-theme="light"] .chip.upcoming{background:#eef7f5;color:#1f6057}
html[data-theme="light"] .now-card.is-preview .today-primary,
body[data-theme="light"] .now-card.is-preview .today-primary{color:#5b8f88}
html[data-theme="light"] .now-card.is-preview .today-secondary,
body[data-theme="light"] .now-card.is-preview .today-secondary{color:#4f938c}
html[data-theme="light"] .date-picker-day.is-today,
body[data-theme="light"] .date-picker-day.is-today{background:#dff3ee;border-color:#1a847e;box-shadow:inset 0 0 0 2px rgba(26,132,126,.28);color:#13534d}
html[data-theme="light"] .date-picker-day.is-selected.is-today,
body[data-theme="light"] .date-picker-day.is-selected.is-today{background:#1a847e;border-color:#1a847e;color:#f7fffd;box-shadow:0 0 0 2px rgba(26,132,126,.18)}


/* === State styles for prayer cards === */
.time-card{ transition: border-color .25s ease, box-shadow .25s ease, opacity .25s ease; }
.time-card .chip{ transition: background .25s ease, color .25s ease; }

/* Aktuell gerade JETZT (kleines Zeitfenster um Start) */
.time-card.now{
  border: 2px solid var(--ok);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--ok) 25%, transparent);
}

/* Laufend (zwischen Start und nächstem Namaz), außer Izlazak */
.time-card.current{
  border: 2px solid var(--accent);
}

/* Bereits vorbei */
.time-card.past{
  border: 1px solid var(--muted);
  opacity: .4;
}

/* Demnächst */
.time-card.upcoming{
  border: 1px solid var(--text);
}