/* Меню разделов слева, первый экран с наибольшей серией, переключатель Утро/Вечер */
.menu-btn{width:46px;height:46px;flex:none;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);display:grid;place-items:center;cursor:pointer;min-height:46px}
.menu-btn:active{background:linear-gradient(140deg,#7a3fbf,#b85cd6)}
.burger{display:grid;gap:5px}
.burger i{display:block;width:20px;height:2px;border-radius:2px;background:#f0cf8a}
.menu-btn[aria-expanded="true"] .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .burger i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.h-left{display:flex;align-items:center;gap:10px;min-width:0}
.h-txt{min-width:0}
.menu-scrim{position:fixed;inset:0;background:rgba(15,5,25,.6);z-index:45;opacity:0;transition:opacity .2s;pointer-events:none}
.menu-scrim.on{opacity:1;pointer-events:auto}
.menu-panel{position:fixed;top:0;left:0;bottom:0;width:min(84vw,290px);z-index:50;padding:18px 14px;display:flex;flex-direction:column;gap:6px;transform:translateX(-105%);opacity:0;pointer-events:none;transition:transform .24s ease,opacity .2s ease;background:linear-gradient(180deg,#3a1a4d,#2a1140);border-right:1px solid rgba(230,184,92,.25);box-shadow:18px 0 40px rgba(0,0,0,.45);overflow:auto}
.menu-panel.open{transform:none;opacity:1;pointer-events:auto}
.menu-cap{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#c79f5a;margin:2px 6px 8px}
.menu-panel button{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;gap:0 10px;background:transparent;border:1px solid transparent;border-radius:16px;padding:11px 12px;min-height:60px;cursor:pointer;color:#ffe6a8;font-family:inherit;width:100%}
.menu-panel button .mi{grid-row:1/3;font-size:22px;text-align:center}
.menu-panel button .mt{font-size:15px;font-weight:700;color:#ffe9b8;line-height:1.2}
.menu-panel button .mh{font-size:11.5px;color:#dcae5c;line-height:1.3}
.menu-panel button.on{background:linear-gradient(140deg,rgba(122,63,191,.55),rgba(184,92,214,.3));border-color:rgba(255,233,184,.45)}
body.menu-open{overflow:hidden}
/* Первый экран — одна наибольшая серия */
.tk-grid{display:block;margin-bottom:16px}
.hero{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(140deg,rgba(230,184,92,.16),rgba(255,255,255,.05));border:1px solid rgba(230,184,92,.35);border-radius:22px;padding:16px 18px;box-shadow:0 10px 28px rgba(0,0,0,.3)}
.hero-ic{font-size:34px;line-height:1;flex:none}
.hero-main{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;min-width:0}
.hero-num{font-size:40px;font-weight:800;color:#ffe9b8;line-height:1}
.hero-unit{font-size:16px;font-weight:700;color:#f0cf8a;line-height:1.2}
.hero-cap{flex:1 1 100%;font-size:12.5px;color:#dcae5c}
/* Переключатель Утро/Вечер */
.day-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:4px;margin:2px 0 16px;gap:0}
.day-switch .ds-thumb{position:absolute;top:4px;left:4px;bottom:4px;width:calc(50% - 4px);border-radius:13px;background:linear-gradient(140deg,#7a3fbf,#b85cd6);box-shadow:0 4px 14px rgba(91,42,140,.5);transition:transform .22s ease;z-index:0}
.day-switch[data-part="evening"] .ds-thumb{transform:translateX(100%)}
.ds-btn{position:relative;z-index:1;border:0;background:transparent;color:#dcae5c;font-family:inherit;font-size:14px;font-weight:700;min-height:46px;border-radius:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.ds-btn.on{color:#ffe9b8}
.ds-btn:active{transform:scale(.97)}
/* Золотые мраморные прожилки на фоне */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='820' height='820' viewBox='0 0 700 700'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.007 0.035' numOctaves='4' seed='9' result='t'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='t' scale='130' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cg filter='url(%23m)' fill='none' stroke-linecap='round'%3E%3Cpath d='M-60 200 C 120 110 260 270 400 200 S 620 130 760 220' stroke='%23e6b85c' stroke-width='2.6'/%3E%3Cpath d='M-60 450 C 140 380 300 520 460 440 S 640 380 760 460' stroke='%23f3d493' stroke-width='1.5'/%3E%3Cpath d='M300 -40 C 350 130 250 290 320 430 S 360 630 300 740' stroke='%23e6b85c' stroke-width='1.7'/%3E%3Cpath d='M-60 320 C 100 260 250 380 390 320 S 610 270 760 350' stroke='%23d3b3f5' stroke-width='1.8'/%3E%3Cpath d='M540 -40 C 490 140 580 270 510 410 S 480 630 550 740' stroke='%23b993ea' stroke-width='1.3'/%3E%3C/g%3E%3C/svg%3E");background-size:820px 820px;opacity:.34;mix-blend-mode:screen}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 18% 8%,rgba(230,184,92,.14),transparent 70%),radial-gradient(700px 480px at 88% 78%,rgba(184,92,214,.16),transparent 70%)}
.wrap{position:relative;z-index:1}
@media(max-width:520px){.hero-num{font-size:34px}.hero-ic{font-size:28px}.menu-panel{width:min(88vw,280px)}}

/* Статус дня и недели: засчитано или сколько осталось */
.dash-info{margin:0 0 12px;padding:10px 13px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(230,184,92,.28);color:#e9c983;font-size:12.5px;line-height:1.4}
.dash-ok{margin:0 0 12px;padding:10px 13px;border-radius:14px;background:rgba(125,211,196,.14);border:1px solid rgba(125,211,196,.45);color:#c9f3e8;font-size:12.5px;font-weight:700;line-height:1.4}