:root{--bg:#f5f1e8;--surface:rgba(255,255,255,.72);--surface-solid:#fffdf8;--text:#17261f;--muted:#6e786f;--line:rgba(32,68,51,.13);--green:#145c43;--green-2:#2f8064;--gold:#c99b54;--shadow:0 24px 70px rgba(42,55,44,.10);--radius:28px;color-scheme:light}
html[data-theme="dark"]{--bg:#101814;--surface:rgba(30,43,36,.78);--surface-solid:#1b2922;--text:#edf5ee;--muted:#a2aea5;--line:rgba(225,242,230,.12);--green:#7fc7a8;--green-2:#a0d7bd;--gold:#e0b66f;--shadow:0 24px 70px rgba(0,0,0,.28);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;transition:background .25s,color .25s}.ambient{position:fixed;border-radius:50%;filter:blur(6px);pointer-events:none;z-index:-1}.ambient-one{width:520px;height:520px;right:-180px;top:-220px;background:radial-gradient(circle,rgba(204,162,89,.18),transparent 67%)}.ambient-two{width:480px;height:480px;left:-230px;top:45%;background:radial-gradient(circle,rgba(60,139,100,.13),transparent 67%)}button,select{font:inherit}.topbar{max-width:1180px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--bg);font-size:24px}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,serif;font-size:19px}.brand small{color:var(--muted);font-size:12px;margin-top:2px;letter-spacing:.08em;text-transform:uppercase}.top-actions{display:flex;gap:10px}.icon-button{height:44px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px}.icon-button{width:44px;cursor:pointer;font-size:18px;display:grid;place-items:center}.icon-button:hover,.month-toggle:hover{border-color:var(--green)}main{max-width:1180px;margin:0 auto;padding:30px 28px 72px}.hero{text-align:center;padding:54px 0 58px}.eyebrow,.kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--green);font-weight:800}.eyebrow{display:flex;align-items:center;justify-content:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#42a779;box-shadow:0 0 0 5px rgba(66,167,121,.12)}h1,h2{font-family:Georgia,"Times New Roman",serif;margin:0}h1{font-size:clamp(38px,6vw,70px);font-weight:500;letter-spacing:-.04em;margin-top:18px}h2{font-size:32px;font-weight:500}.date-line{display:flex;justify-content:center;gap:12px;color:var(--muted);font-size:15px;margin-top:18px}.date-divider{color:var(--gold)}.clock-zone{min-height:132px;display:grid;place-items:center;margin:32px 0 28px}.digital-clock{font-size:clamp(70px,12vw,128px);font-weight:250;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.07em}.status-card{max-width:660px;margin:auto;display:grid;grid-template-columns:1fr 1fr;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px 24px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.status-card>div{display:flex;flex-direction:column;gap:6px}.countdown-wrap{border-left:1px solid var(--line);padding-left:24px}.status-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.status-card strong{font-size:18px}.countdown-wrap strong{color:var(--green);font-variant-numeric:tabular-nums}.analog-clock{position:relative;width:150px;height:150px;border:2px solid var(--green);border-radius:50%;box-shadow:inset 0 0 0 6px var(--surface),var(--shadow);background:var(--surface-solid)}.hand{position:absolute;left:50%;bottom:50%;width:2px;transform-origin:bottom center;border-radius:2px;background:var(--text)}.hour-hand{height:38px;width:4px}.minute-hand{height:54px;width:3px}.second-hand{height:60px;background:var(--gold)}.clock-center{position:absolute;z-index:3;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:var(--gold)}.schedule-section{padding-top:48px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.kicker{margin:0 0 8px}.sun-summary{display:flex;gap:18px;color:var(--muted);font-size:13px}.sun-summary b{color:var(--text);font-variant-numeric:tabular-nums}.prayer-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.prayer-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px 16px;min-height:156px;transition:transform .2s,border .2s,background .2s}.prayer-card:hover{transform:translateY(-3px)}.prayer-card.active{background:var(--green);color:var(--bg);border-color:var(--green);box-shadow:0 18px 40px rgba(20,92,67,.22)}.active .prayer-sub{color:rgba(255,255,255,.72)}.prayer-name{display:block;font-family:Georgia,serif;font-size:17px;margin-top:14px;line-height:1.15}.prayer-sub{display:block;color:var(--muted);font-size:11px;margin-top:5px;min-height:26px}.prayer-time{display:block;font-size:25px;font-weight:650;margin-top:16px;font-variant-numeric:tabular-nums}.month-section{margin-top:34px}.month-toggle{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:20px;padding:19px 24px;display:flex;justify-content:space-between;text-align:left;align-items:center;cursor:pointer}.month-toggle span span{display:block;font-weight:750}.month-toggle small{color:var(--muted);display:block;margin-top:4px}.chevron{font-size:26px;transition:transform .2s}.month-toggle[aria-expanded="true"] .chevron{transform:rotate(180deg)}.month-panel{background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;margin:-12px 8px 0;padding-top:18px;overflow:hidden}.table-wrap{overflow:auto;max-height:620px}table{width:100%;border-collapse:collapse;min-width:950px;font-size:13px}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:center;font-variant-numeric:tabular-nums}th{position:sticky;top:0;background:var(--surface-solid);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;z-index:1}td:first-child,th:first-child{text-align:left;position:sticky;left:0;background:var(--surface-solid)}footer{border-top:1px solid var(--line);max-width:1124px;margin:auto;padding:32px 0 42px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}footer nav{display:flex;flex-wrap:wrap;gap:18px}footer button{padding:0;border:0;background:none;color:var(--muted);cursor:pointer}footer button:hover{color:var(--green)}.dialog{width:min(540px,calc(100% - 32px));padding:32px;border:1px solid var(--line);border-radius:26px;background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow)}.dialog::backdrop{background:rgba(5,15,10,.48);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:20px;top:18px;border:0;background:none;color:var(--muted);font-size:28px;cursor:pointer}.dialog h2{margin-bottom:25px}.dialog fieldset{border:0;padding:0;margin:24px 0 0}.dialog legend{font-weight:700;margin-bottom:10px}.segmented{display:grid;gap:8px;grid-template-columns:1fr 1fr}.dialog input{position:absolute;opacity:0}.dialog label span{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:8px;cursor:pointer}.dialog input:checked+span{border-color:var(--green);background:rgba(54,128,92,.10);box-shadow:inset 0 0 0 1px var(--green)}.dialog i{font-style:normal}.info-content{color:var(--muted);line-height:1.65}.info-content p{margin:0 0 12px}.cookie-banner{position:fixed;z-index:9;left:24px;right:24px;bottom:20px;max-width:780px;margin:auto;background:var(--surface-solid);border:1px solid var(--line);border-radius:20px;padding:18px 20px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie-banner p{margin:5px 0 0;color:var(--muted);font-size:12px}.cookie-banner button{border:0;border-radius:12px;background:var(--green);color:var(--bg);padding:11px 18px;cursor:pointer;white-space:nowrap}[hidden]{display:none!important}
@media(max-width:900px){.prayer-grid{grid-template-columns:repeat(4,1fr)}footer{margin:0 28px}.hero{padding-top:38px}}
@media(max-width:600px){.topbar{padding:18px}.brand strong{font-size:16px}.brand-mark{width:37px;height:37px}main{padding:12px 16px 50px}.hero{padding:35px 0 44px}h1{font-size:40px}.digital-clock{font-size:72px}.status-card{grid-template-columns:1fr;gap:16px}.countdown-wrap{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.section-heading{align-items:start;gap:12px}.sun-summary{flex-direction:column;gap:4px}.prayer-grid{grid-template-columns:repeat(2,1fr)}.prayer-card{min-height:142px}.prayer-grid .prayer-card:last-child{grid-column:span 2}.dialog{padding:26px 20px}footer{margin:0 18px;display:block}footer nav{gap:13px}footer p{margin-top:22px}.cookie-banner{left:12px;right:12px;bottom:12px;align-items:flex-end}.date-line{font-size:13px;flex-wrap:wrap}.date-divider{display:none}}

/* Постоянная панель и уточнённые карточки. */
.topbar{position:sticky;top:0;z-index:8;padding-top:18px;padding-bottom:18px;background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.prayer-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.prayer-card{min-height:145px}
.prayer-name{margin-top:0}
.dialog{max-height:calc(100vh - 32px);overflow:auto}
.suhoor-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.suhoor-list span{height:100%;justify-content:center;text-align:center}
@media(max-width:600px){.topbar{padding:13px 16px}.prayer-grid .prayer-card:last-child{grid-column:auto}.suhoor-list{grid-template-columns:1fr}.suhoor-list span{justify-content:flex-start;text-align:left}}

/* Компактный первый экран и полноширинная фиксированная панель. */
.topbar{width:100%;max-width:none;margin:0;padding:0 28px;background:color-mix(in srgb,var(--bg) 94%,transparent)}
.topbar-inner{width:100%;max-width:1124px;min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
main{padding-top:16px}
.hero{padding:12px 0 24px}
.date-line{margin-top:9px}
.clock-zone{min-height:82px;margin:13px 0 15px}
.digital-clock{font-size:clamp(56px,8vw,84px)}
.status-card{max-width:620px;padding:14px 20px}
.status-card strong{font-size:17px}
.schedule-section{padding-top:20px}
.section-heading{align-items:center;margin-bottom:16px;min-height:18px}
.section-heading .kicker{margin:0;line-height:1}
.sun-summary{align-items:center;line-height:1}
.prayer-card{min-height:142px;display:grid;grid-template-rows:42px 28px 1fr;align-items:start}
.prayer-name{margin:0;align-self:start}
.prayer-sub{min-height:0;margin-top:5px;align-self:start}
.prayer-time{margin-top:12px;align-self:end}
.info-dialog{width:min(760px,calc(100% - 32px))}
.info-content p{white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:600px){.topbar{padding:0 16px}.topbar-inner{min-height:62px}main{padding-top:8px}.hero{padding:8px 0 18px}.date-line{margin-top:7px}.clock-zone{min-height:62px;margin:9px 0 11px}.digital-clock{font-size:54px}.status-card{grid-template-columns:1fr 1fr;gap:0;padding:12px 14px}.countdown-wrap{border-top:0;border-left:1px solid var(--line);padding:0 0 0 14px}.status-card strong{font-size:14px}.schedule-section{padding-top:16px}.section-heading{align-items:center}.sun-summary{flex-direction:row;gap:10px}.prayer-card{min-height:132px;grid-template-rows:39px 25px 1fr;padding:16px 14px}.prayer-name{font-size:16px}.prayer-time{font-size:22px}}

/* Подсказки, таблица и управление аналитическими cookies. */
.tooltip-anchor{position:relative;cursor:help;outline:none}
.tooltip-anchor::after{content:attr(data-tooltip);position:absolute;z-index:80;left:50%;top:calc(100% + 9px);width:max-content;max-width:280px;padding:8px 10px;border-radius:9px;background:var(--text);color:var(--bg);font-size:11px;font-weight:500;line-height:1.35;letter-spacing:0;text-transform:none;text-align:left;white-space:normal;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translate(-50%,-4px);transition:opacity .16s,transform .16s,visibility .16s;pointer-events:none}
.tooltip-anchor:hover::after,.tooltip-anchor:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.pwa-active.tooltip-anchor:focus::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.sun-summary .tooltip-anchor:first-child::after{left:0;transform:translate(0,-4px)}
.sun-summary .tooltip-anchor:first-child:hover::after,.sun-summary .tooltip-anchor:first-child:focus-visible::after{transform:translate(0,0)}
.sun-summary .tooltip-anchor:last-child::after{left:auto;right:0;transform:translate(0,-4px)}
.sun-summary .tooltip-anchor:last-child:hover::after,.sun-summary .tooltip-anchor:last-child:focus-visible::after{transform:translate(0,0)}
table{table-layout:fixed}
col.date-column{width:190px}
col.prayer-column{width:auto}
tbody td{transition:background .15s,color .15s}
tbody tr:hover td{background:var(--green);color:var(--bg)}
.info-dialog{overflow:hidden;padding-right:20px}
.info-dialog form{max-height:calc(100vh - 96px);overflow-y:auto;padding-right:18px;scrollbar-gutter:stable}
.analytics-consent{display:flex;align-items:center;gap:9px;margin-top:11px;color:var(--text);font-size:12px;cursor:pointer}
.analytics-consent input{width:17px;height:17px;margin:0;accent-color:var(--green)}
.cookie-copy{min-width:0}
@media(max-width:600px){col.date-column{width:150px}.tooltip-anchor::after{max-width:210px}.cookie-banner{align-items:stretch;flex-direction:column}.cookie-banner button{align-self:flex-end}.info-dialog{padding-right:12px}.info-dialog form{padding-right:12px}.countdown-wrap strong{font-size:12px}}

/* Источник времени, SBB-циферблат и типографика с поддержкой татарского. */
.time-error{max-width:760px;margin:36px auto;padding:22px 24px;border:1px solid #b85050;border-radius:18px;background:rgba(184,80,80,.1);color:var(--text);font-weight:650;line-height:1.55;text-align:center}
.time-invalid .hero,.time-invalid .schedule-section,.time-invalid .month-section{display:none}
.prayer-name,.info-dialog h2{font-family:"Segoe UI",Arial,sans-serif}
.info-content section{margin:0 0 20px}
.info-content h3{margin:0 0 6px;color:var(--text);font-family:"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.35}
.info-content section p{margin:0}
.clock-zone{display:flex;align-items:center;justify-content:center}
.clock-zone.analog-mode{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:22px;width:100%;max-width:720px;margin-left:auto;margin-right:auto}
.analog-side-date{color:var(--muted);font-size:13px;line-height:1.45}
.analog-side-date:first-child{text-align:right}
.analog-side-date:last-child{text-align:left}
.analog-clock{width:150px;height:150px;border:3px solid #111;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.clock-marks{position:absolute;inset:0;border-radius:50%}
.clock-mark{position:absolute;z-index:1;left:50%;top:50%;width:2px;height:7px;background:var(--text);transform:translate(-50%,-50%) rotate(calc(var(--mark) * 6deg)) translateY(-64px);transform-origin:center}
.clock-mark.hour-mark{width:4px;height:13px;transform:translate(-50%,-50%) rotate(calc(var(--mark) * 6deg)) translateY(-61px)}
.analog-clock .hand{z-index:2;background:var(--text);border-radius:0}
.analog-clock .hour-hand{width:7px;height:40px}
.analog-clock .minute-hand{width:5px;height:59px}
.analog-clock .second-hand{width:2px;height:63px;background:#e1251b}
.analog-clock .second-hand::after{content:"";position:absolute;left:50%;top:8px;width:12px;height:12px;border:3px solid #e1251b;border-radius:50%;background:#fff;transform:translateX(-50%)}
.analog-clock .clock-center{z-index:4;width:10px;height:10px;background:var(--text)}
@media(max-width:600px){.clock-zone.analog-mode{grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr);gap:8px}.analog-clock{width:132px;height:132px}.clock-mark{transform:translate(-50%,-50%) rotate(calc(var(--mark) * 6deg)) translateY(-55px)}.clock-mark.hour-mark{transform:translate(-50%,-50%) rotate(calc(var(--mark) * 6deg)) translateY(-52px)}.analog-clock .hour-hand{height:34px}.analog-clock .minute-hand{height:51px}.analog-clock .second-hand{height:54px}.analog-side-date{font-size:11px}.time-error{margin:24px 0}}

/* Индикация локального времени и облегчённый циферблат. */
.eyebrow.local-source{color:#c83f3f}
.eyebrow.local-source .live-dot{background:#d64545;box-shadow:0 0 0 0 rgba(214,69,69,.48);animation:local-time-pulse 1s ease-out infinite}
@keyframes local-time-pulse{0%{box-shadow:0 0 0 0 rgba(214,69,69,.5);transform:scale(1)}55%{box-shadow:0 0 0 7px rgba(214,69,69,0);transform:scale(1.18)}100%{box-shadow:0 0 0 0 rgba(214,69,69,0);transform:scale(1)}}
.analog-clock{border:0;background:transparent;box-shadow:none}
.analog-clock .second-hand{background:var(--green)}
.analog-clock .second-hand::after{content:none}

/* Группы дней, дополнительные настройки и режим мечети. */
.mobile-only{display:none}
.schedule-flow{display:flex;gap:12px;align-items:stretch}
.day-group{flex:var(--card-count) 1 0;min-width:0}
.day-group .section-heading{min-height:22px}
.day-group .prayer-grid{grid-template-columns:repeat(var(--card-count),minmax(0,1fr))}
.split-flow .prayer-card{padding-left:12px;padding-right:12px}
.settings-select select{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text)}
.ui-icon{display:inline-block;width:23px;height:23px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
.settings-sliders-icon{--icon:url('assets/icons/ui-settings-sliders.svg')}
.settings-gear-circle-icon{--icon:url('assets/icons/ui-settings-gear-circle.svg')}
.mosque-button-icon{--icon:url('assets/icons/ui-mosque.svg');width:25px;height:25px}
.crescent-star-icon{--icon:url('assets/icons/ui-crescent-star.svg');width:25px;height:25px}
.install-desktop-icon{--icon:url('assets/icons/ui-install-desktop.svg');width:25px;height:25px}
.install-mobile-icon{--icon:url('assets/icons/ui-install-mobile.svg');display:none;width:25px;height:25px}
.app-icon{--icon:url('assets/icons/ui-app.svg');width:25px;height:25px}
.pwa-mobile-shield-icon{--icon:url('assets/icons/ui-pwa-mobile-shield.svg');display:none;width:25px;height:25px}
.flip-button{perspective:500px}
.coin-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s}
.flip-button:hover .coin-inner{transform:rotateY(180deg)}
.coin-face{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden}
.coin-back{transform:rotateY(180deg)}
.pwa-active .install-desktop-icon,.pwa-active .install-mobile-icon{display:none}
.pwa-active .coin-back{transform:none}
.pwa-active .app-icon{display:inline-block}
.pwa-active{color:var(--green)}
.pwa-active .coin-inner{transform:none!important}
.live-dot.sync-pulse{animation:server-sync-pulse .75s ease-out 1}
@keyframes server-sync-pulse{0%{box-shadow:0 0 0 0 rgba(66,167,121,.65);transform:scale(1)}55%{box-shadow:0 0 0 10px rgba(66,167,121,0);transform:scale(1.35)}100%{box-shadow:0 0 0 0 rgba(66,167,121,0);transform:scale(1)}}
.mini-clock{position:relative;align-self:end;display:block;width:64px;height:64px;margin:6px auto 0;border-radius:50%}
.mini-clock>i{position:absolute;left:50%;top:50%;width:3px;height:9px;background:currentColor;transform:translate(-50%,-50%) rotate(calc(var(--mini-mark) * 30deg)) translateY(-26px)}
.mini-clock>b{position:absolute;left:50%;bottom:50%;display:block;transform-origin:bottom center;transform:translateX(-50%) rotate(var(--angle));background:currentColor}
.mini-hour{width:5px;height:17px}.mini-minute{width:3px;height:24px}
.mini-clock>em{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%)}
.mobile-month-dialog{width:min(520px,calc(100% - 24px))}
.mobile-date-picker{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin:12px 0 18px}
.mobile-date-picker button{height:42px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:25px}
.mobile-date-picker button:disabled{opacity:.3}
.mobile-date-picker strong{text-align:center}.mobile-date-picker small{display:block;margin-top:4px;color:var(--muted);font-weight:400}
.mobile-day-schedule{display:grid;gap:7px}
.mobile-prayer-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.mobile-prayer-row span,.mobile-prayer-row small{display:block}.mobile-prayer-row small{margin-top:2px;color:var(--muted)}
.mobile-prayer-list{display:grid;gap:7px}
.mobile-prayer-row.active{background:var(--green);color:var(--bg);border-color:var(--green);box-shadow:0 14px 30px rgba(20,92,67,.18)}
.mobile-prayer-row.active small{color:rgba(255,255,255,.72)}
.mobile-layout-setting.mobile-only{display:none}
.mosque-identity{position:absolute;left:50%;top:50%;width:180px;height:48px;transform:translate(-50%,-50%);perspective:700px}
.mosque-coin{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s}
.mosque-coin.is-flipped{transform:rotateY(180deg)}
.mosque-face{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;color:var(--green);font-weight:800;letter-spacing:.04em}
.mosque-qr{transform:rotateY(180deg)}.mosque-qr svg,.mosque-qr img{width:46px;height:46px;background:#fff}
.mosque-exit{font-size:28px}
.mosque-mode{height:100vh;overflow:hidden}
.mosque-mode .month-section,.mosque-mode footer nav{display:none}
.mosque-mode footer{justify-content:center;padding:18px 0}.mosque-mode footer p{margin:0}
.mosque-mode main{height:calc(100vh - 126px);overflow:hidden;padding-bottom:8px}.mosque-mode .hero{padding-bottom:10px}.mosque-mode .schedule-section{padding-top:10px}.mosque-mode .prayer-card{min-height:126px}
.analog-side-date{font-size:15px}
@media(max-width:600px){.desktop-only{display:none!important}.install-desktop-icon{display:none}.install-mobile-icon{display:inline-block}.schedule-flow{display:block}.day-group{margin-bottom:20px}.day-group .prayer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-only{display:flex}.clock-zone.analog-mode{display:flex;width:auto;max-width:none}.clock-zone.analog-mode .analog-clock{width:176px;height:176px}.clock-zone.analog-mode .clock-mark{transform:translate(-50%,-50%) rotate(calc(var(--mark) * 6deg)) translateY(-76px)}.clock-zone.analog-mode .clock-mark.hour-mark{transform:translate(-50%,-50%) rotate(calc(var(--mark) * 6deg)) translateY(-72px)}.clock-zone.analog-mode .hour-hand{height:46px}.clock-zone.analog-mode .minute-hand{height:68px}.clock-zone.analog-mode .second-hand{height:72px}.date-line{font-size:13px}.mobile-month-dialog{padding:24px 14px}.month-panel{display:none!important}}
@media(max-width:600px){.pwa-active .coin-back{transform:rotateY(180deg)}.pwa-active .app-icon{display:none}.pwa-active .pwa-mobile-shield-icon{display:inline-block}}

/* Финальная геометрия циферблатов, дат и мобильных блоков. */
.mini-clock{width:100%;height:auto;aspect-ratio:1;margin:8px 0 0}
.mini-clock>i{width:4px;height:12px;transform:translate(-50%,-50%) rotate(calc(var(--mini-mark) * 30deg))}
.mini-clock .mini-hour{width:6%;height:28%}.mini-clock .mini-minute{width:4%;height:40%}.mini-clock>em{width:8%;height:8%}
.prayer-card.analog-card{grid-template-rows:42px 28px auto}
.date-line,.analog-side-date{font-size:17px}
.date-divider{font-size:21px;font-weight:900;line-height:.75}
.analog-side-date:first-child::after{content:" В·";font-size:21px;font-weight:900;color:var(--gold)}
.friday-date{color:var(--green)!important}
.mosque-mode main{display:flex;flex-direction:column;justify-content:center}
.mosque-mode .clock-zone.analog-mode{grid-template-columns:minmax(0,1fr) 225px minmax(0,1fr);max-width:820px}
.mosque-mode .analog-clock{width:225px;height:225px}
.mosque-mode .analog-clock .clock-mark{transform:translate(-50%,-50%) rotate(calc(var(--mark) * 6deg)) translateY(-101px)}
.mosque-mode .analog-clock .clock-mark.hour-mark{transform:translate(-50%,-50%) rotate(calc(var(--mark) * 6deg)) translateY(-96px)}
.mosque-mode .analog-clock .hour-hand{height:62px}.mosque-mode .analog-clock .minute-hand{height:91px}.mosque-mode .analog-clock .second-hand{height:98px}
@media(max-width:600px){.status-card{grid-template-columns:1fr;gap:12px}.countdown-wrap{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.date-line{font-size:13px;gap:8px}.date-divider{display:inline!important;font-size:18px;line-height:1}.mini-clock{max-width:none}.prayer-card.analog-card{min-height:auto}}

/* Даты всегда располагаются по сторонам от текущего времени. */
.clock-zone,.clock-zone.analog-mode{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:22px;width:100%;max-width:820px;margin-left:auto;margin-right:auto}
.analog-side-date{min-width:0}
.analog-side-date:first-child::after{content:" В·";font-size:1em;font-weight:800;line-height:1;vertical-align:.06em}
.clock-zone.analog-mode .analog-side-date:first-child::after{content:none}
@media(max-width:600px){.clock-zone,.clock-zone.analog-mode{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;width:100%}.analog-side-date{font-size:11px}.analog-side-date:first-child::after,.clock-zone.analog-mode .analog-side-date:first-child::after{content:" В·";color:inherit;font-size:1em;font-weight:700;line-height:1;vertical-align:.08em}}

/* Защитные интервалы и финальные косметические уточнения. */
@media(min-width:601px){.analog-side-date:first-child::after{content:none!important}}
.globe-face svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
tbody tr:hover .friday-date{color:var(--bg)!important}
.info-dialog .dialog-close{right:46px}
#settingsDialog h2{font-family:"Segoe UI",Arial,sans-serif}
.mosque-exit{width:auto!important;height:auto!important;padding:2px 6px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}

/* Прокрутка окна настроек находится внутри отступов окна. */
#settingsDialog{overflow:hidden;padding-right:20px}
#settingsDialog form{height:min(760px,calc(100vh - 96px));max-height:calc(100vh - 96px);overflow-y:auto;padding-right:18px;scrollbar-gutter:stable}
#settingsDialog .dialog-close{right:46px}
@media(max-width:600px){#settingsDialog{padding-right:12px}#settingsDialog form{height:calc(100vh - 84px);max-height:calc(100vh - 84px);padding-right:12px}#settingsDialog .dialog-close{right:38px}}

/* Радиокнопки в настройках привязаны к видимым плашкам, чтобы браузер не прокручивал dialog к невидимому input. */
.dialog label{position:relative}
.dialog input{inset:0;width:100%;height:100%;margin:0;pointer-events:none}
#settingsDialog form{height:auto;max-height:calc(100dvh - 96px)}
@media(max-width:600px){#settingsDialog form{height:auto;max-height:calc(100dvh - 84px)}}

.dialog-primary{width:100%;margin-top:18px;border:0;border-radius:14px;background:var(--green);color:var(--bg);padding:13px 16px;cursor:pointer;font-weight:700}
.language-welcome-dialog h2{white-space:pre-line;font-family:"Segoe UI",Arial,sans-serif;font-size:22px;line-height:1.35}
.language-welcome-dialog .settings-select{display:block;margin-top:18px}
@media(max-width:600px){.date-line .date-divider{display:none!important}}
@media(max-width:600px){.analog-side-date:first-child::after,.clock-zone.analog-mode .analog-side-date:first-child::after{content:none!important}}
@media(max-width:600px){.mobile-layout-setting.mobile-only{display:block}.mobile-row-flow .day-group{margin-bottom:14px}.mobile-row-flow .section-heading{margin-bottom:10px}.theme-options{grid-template-columns:1fr}}
.brand-mark{object-fit:contain;background:transparent!important;color:inherit!important;border-radius:0!important;padding:0}
.astro-summary{display:grid;grid-template-columns:repeat(8,max-content);gap:7px 10px;justify-content:end;align-items:center}
.sun-summary.astro-summary.mobile-only{display:none}
.astro-summary .tooltip-anchor{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.astro-icon{width:17px;height:17px;display:block;opacity:.95;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
@media(max-width:600px){.astro-summary{grid-template-columns:repeat(4,max-content);gap:5px 9px;justify-content:start}.sun-summary.astro-summary.mobile-only{display:grid}.astro-icon{width:16px;height:16px}.sun-summary.astro-summary{flex-direction:unset}}

/* Мобильная ширина: страница и всплывающие окна не должны создавать горизонтальную прокрутку. */
@media(max-width:600px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{position:relative}
  main,.topbar,.topbar-inner,footer,.hero,.schedule-section,.month-section,.schedule-flow,.day-group,.section-heading,.status-card,.clock-zone{max-width:100%;min-width:0}
  main{width:100%;padding-left:14px;padding-right:14px;overflow-x:hidden}
  .topbar{width:100%;overflow-x:hidden}
  .topbar-inner{gap:10px}
  .brand{min-width:0}
  .brand span:last-child{min-width:0}
  .brand strong,.brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .clock-zone,.clock-zone.analog-mode{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);overflow:hidden}
  .analog-side-date{min-width:0;overflow-wrap:anywhere}
  .digital-clock{min-width:0;font-size:clamp(44px,15vw,54px)}
  .section-heading{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:8px}
  .section-heading .kicker{min-width:0}
  .sun-summary.astro-summary{width:100%;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch}
  .astro-summary .tooltip-anchor{min-width:0;justify-content:flex-start;gap:3px;white-space:nowrap}
  .astro-summary b{min-width:0;font-size:12px}
  dialog.dialog{width:calc(100dvw - 18px)!important;max-width:calc(100dvw - 18px)!important;margin:auto;padding-left:16px;padding-right:16px;overflow-x:hidden}
  dialog.dialog form{max-width:100%;min-width:0;overflow-x:hidden}
  #settingsDialog{padding-right:16px}
  #settingsDialog form{padding-right:10px}
  #settingsDialog .dialog-close,.info-dialog .dialog-close{right:30px}
  .mobile-month-dialog{width:calc(100dvw - 18px)!important;max-width:calc(100dvw - 18px)!important}
  .mobile-date-picker{grid-template-columns:38px minmax(0,1fr) 38px}
  .mobile-date-picker strong{min-width:0;overflow-wrap:anywhere}
  .mobile-prayer-row{min-width:0}
  .mobile-prayer-row span{min-width:0}
  .segmented,.suhoor-list{grid-template-columns:1fr}
  .dialog label span{min-width:0;overflow-wrap:anywhere}
  .cookie-banner{max-width:calc(100dvw - 24px);overflow-x:hidden}
}

/* Мобильные режимы: сегодня / неделя / дата. */
.mobile-view-tabs{display:none}
.mobile-view-panel.mobile-only{display:none}

@media(max-width:600px){
  .mobile-view-tabs.mobile-only{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:16px auto 0;width:100%;max-width:430px}
  .mobile-view-tabs button{min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);padding:13px 8px;font-weight:800;cursor:pointer}
  .mobile-view-tabs button.active{background:var(--green);border-color:var(--green);color:var(--bg);box-shadow:0 12px 26px rgba(20,92,67,.18)}
  .mobile-view-panel.mobile-only{display:block}
  .mobile-week-section,.mobile-date-section{padding-top:16px;border-top:1px solid var(--line)}
  .mobile-week-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);-webkit-overflow-scrolling:touch}
  .mobile-week-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:auto;font-size:13px}
  .mobile-week-table th,.mobile-week-table td{position:static;height:58px;min-height:58px;min-width:72px;padding:7px 8px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font-variant-numeric:tabular-nums}
  .mobile-week-table th{font-size:10px;line-height:1.15;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;white-space:normal}
  .mobile-week-table th span{display:block;max-width:76px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.12}
  .mobile-week-table th small{display:none!important}
  .mobile-week-table th:first-child,.mobile-week-table td:first-child{position:sticky;left:0;z-index:1;min-width:58px;background:var(--surface-solid);text-align:center}
  .mobile-week-table td:first-child{cursor:pointer}
  .mobile-week-table th:first-child{z-index:2;color:var(--muted);font-weight:900;line-height:1.2;white-space:normal}
  .mobile-week-calendar-toggle{position:relative;width:100%;min-height:44px;border:0;background:transparent;color:inherit;padding:0;cursor:pointer;perspective:500px;font:inherit;font-weight:900;text-transform:uppercase}
  .mobile-week-calendar-toggle .calendar-main,.mobile-week-calendar-toggle .calendar-year{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;transition:transform .55s ease}
  .mobile-week-calendar-toggle .calendar-year{transform:rotateY(180deg);color:var(--green)}
  .mobile-week-calendar-toggle.hijri-mode .calendar-main{color:var(--green)}
  .mobile-week-calendar-toggle.is-switching .calendar-main{animation:week-header-flip .58s ease}
  .mobile-week-table tbody tr:last-child td{border-bottom:0}
  .mobile-week-table td:first-child span,.mobile-week-table td:first-child b{display:block}
  .mobile-week-date-flip{display:block;overflow:hidden}
  .mobile-week-table td:first-child span{font-size:12px;line-height:1;font-weight:800;color:var(--text)}
  .mobile-week-table td:first-child b{font-size:16px;line-height:1.05;margin-top:3px;color:var(--text)}
  .mobile-week-table td:first-child.friday-day span,
  .mobile-week-table td:first-child.friday-day b{color:var(--green)}
  .mobile-week-table tbody tr:hover td{background:transparent;color:var(--text)}
  .mobile-week-table tbody tr:hover td:first-child{background:var(--surface-solid)}
  .mobile-week-table tbody tr:hover td:first-child.friday-day span,
  .mobile-week-table tbody tr:hover td:first-child.friday-day b{color:var(--green)}
  .mobile-date-section{position:relative;overflow:hidden}
  .mobile-date-section .mobile-date-picker{margin-top:0}
  .mobile-date-section .mobile-inline-date-picker{display:grid;grid-template-columns:34px 38px minmax(0,1fr) 38px 34px;gap:7px;align-items:stretch;width:100%;max-width:100%;margin-top:0}
  .mobile-date-section .mobile-inline-date-picker button{min-height:52px}
  .mobile-inline-date-picker button{min-width:0}
  .mobile-inline-date-picker .week-jump{font-size:20px;font-weight:900}
  .mobile-date-title-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);padding:8px 10px;cursor:pointer;min-width:0}
  .mobile-date-title-button span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.15;font-weight:800}
  .mobile-date-title-button small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;line-height:1.15}
  #mobileInlineDaySchedule{will-change:transform;touch-action:pan-y}
  .mobile-date-astro{width:100%;margin:4px 0 10px;padding:0;border:0;border-radius:0;background:transparent}
  .mobile-day-ghost{position:absolute;z-index:2;pointer-events:none}
  .mobile-calendar-dialog{padding-top:26px}
  .mobile-calendar-dialog .dialog-close{top:16px;right:16px}
  .mobile-calendar-dialog form{gap:0;min-height:444px}
  .mobile-calendar-dialog .kicker{padding-right:48px;margin-bottom:12px}
  .mobile-calendar-header{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:center;margin:18px 0 14px}
  .mobile-calendar-header button{border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);font-size:24px;line-height:1;padding:10px 0;cursor:pointer}
  .mobile-calendar-header button:disabled{opacity:.35;cursor:default}
  .mobile-calendar-header strong{text-align:center;font-size:18px;line-height:1.2}
  .mobile-calendar-weekdays,.mobile-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
  .mobile-calendar-weekdays{margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:800;text-align:center;text-transform:uppercase}
  .mobile-calendar-grid{touch-action:pan-y;grid-template-rows:repeat(6,38px);min-height:258px}
  .mobile-calendar-grid button,.mobile-calendar-grid .calendar-empty{min-height:38px;border-radius:12px}
  .mobile-calendar-grid button{border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:800;cursor:pointer}
  .mobile-calendar-grid button.friday-date{color:var(--green)}
  .mobile-calendar-grid button.selected{background:var(--green);border-color:var(--green);color:var(--bg)}
  .mobile-calendar-grid button:disabled{opacity:.28;cursor:default}
  .mobile-calendar-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  .mobile-calendar-quick button{border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);padding:12px 10px;font-weight:800;cursor:pointer}
  .mobile-calendar-quick button:hover{border-color:var(--green);color:var(--green)}
}
@keyframes week-header-flip{0%{transform:rotateY(180deg)}100%{transform:rotateY(0)}}

/* Итоговые правки: настройки, астро-события, мобильные блоки. */
#settingsDialog form{padding-top:0}
.settings-dialog-head{position:sticky;top:0;z-index:4;margin:0 -2px 18px;padding:0 56px 14px 0;background:var(--surface-solid);border-bottom:1px solid var(--line)}
.settings-dialog-head .dialog-close{top:0}
.settings-dialog-head .kicker{margin:0 0 8px}
.settings-dialog-head h2{margin:0}
.checkbox-list{display:grid;gap:8px}
.checkbox-list label span{justify-content:flex-start}
.dialog label.disabled{opacity:.45}
.astro-next-day{margin-left:2px;color:var(--green);font-style:normal;font-size:.86em;font-weight:900}
.astro-event b{display:inline-flex;align-items:baseline}
.mobile-week-time-flip{display:block}
.mobile-week-date-flip{animation:none}

@media(max-width:600px){
  .topbar{overflow:visible}
  .topbar-inner{overflow:visible}
  .install-button.tooltip-anchor::after{left:auto;right:0;top:calc(100% + 10px);max-width:min(260px,calc(100vw - 28px));transform:translate(0,-4px)}
  .install-button.tooltip-anchor:hover::after,
  .install-button.tooltip-anchor:focus::after,
  .install-button.tooltip-anchor:focus-visible::after{transform:translate(0,0)}
  .mobile-blocks-setting.mobile-only{display:block}
  body.mobile-hide-source .hero .eyebrow{display:none}
  body.mobile-hide-clock .clock-zone{display:none}
  body.mobile-hide-date .analog-side-date,
  body.mobile-hide-date #dateLine{display:none!important}
  body.mobile-hide-date .clock-zone,
  body.mobile-hide-date .clock-zone.analog-mode{grid-template-columns:1fr!important;justify-items:center}
  body.mobile-hide-date #digitalClock,
  body.mobile-hide-date #analogClock{grid-column:1;justify-self:center}
  body.mobile-hide-status .status-card{display:none}
  body.mobile-hide-tabs #mobileViewTabs{display:none!important}
  .astro-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
  .astro-summary .tooltip-anchor{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center}
  .mobile-week-section.week-view-entering .mobile-week-date-flip,
  .mobile-week-section.week-view-entering .mobile-week-time-flip{animation:week-cell-slide .42s ease}
  .mobile-week-section.week-calendar-switching .mobile-week-date-flip{animation:week-cell-flip .58s ease}
}

@keyframes week-cell-flip{0%{transform:rotateY(180deg);opacity:.35}100%{transform:rotateY(0);opacity:1}}
@keyframes week-cell-slide{0%{transform:translateY(13px);opacity:.25}100%{transform:translateY(0);opacity:1}}