/* Стили модуля js/myway.js. До 19.09.2026 скрипт вставлял их тегом <style>;
   с 19.09.2026 CSP сайта без 'unsafe-inline' такие теги не применяет, поэтому стили — здесь.
   Правите стили раздела — правьте этот файл и поднимайте его ?v=N в index.html. */
#mywayPage .myway-content{max-width:520px;margin:0 auto}
.mw-wrap{display:flex;flex-direction:column;gap:14px}
.mw-empty{padding:40px 16px;text-align:center;color:rgba(239,234,251,.6)}
.mw-card{position:relative;border-radius:22px;padding:16px;background:var(--glass-bg,rgba(255,255,255,.09));border:1px solid var(--glass-border,rgba(255,255,255,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.mw-head{display:flex;align-items:center;gap:11px}
.mw-who{display:flex;flex-direction:column;line-height:1.2}
.mw-who b{font-size:17px;font-weight:640}
.mw-who span{font-size:12.5px;color:rgba(239,234,251,.6)}
.mw-rank-pill{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;color:#ffcf5c;background:rgba(255,207,92,.14);border:1px solid rgba(255,207,92,.34)}
.mw-rank-pill svg{width:13px;height:13px}
.mw-streak{display:flex;align-items:center;gap:15px}
.mw-flame{width:60px;height:60px;flex:0 0 auto;display:grid;place-items:center}
.mw-flame svg{width:50px;height:50px;filter:drop-shadow(0 4px 14px rgba(224,138,74,.6));animation:mwFlick 2.6s cubic-bezier(.16,1,.3,1) infinite}
@keyframes mwFlick{0%,100%{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.06) rotate(1.5deg)}}
.mw-big{display:flex;flex-direction:column;line-height:1}
.mw-big b{font-size:40px;font-weight:700;letter-spacing:-.03em;background:linear-gradient(180deg,#fff,#f0b84a);-webkit-background-clip:text;background-clip:text;color:transparent}
.mw-big span{font-size:13px;color:rgba(239,234,251,.6);margin-top:6px}
.mw-week{display:flex;flex-direction:column;gap:11px}
.mw-week-top{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:rgba(239,234,251,.62)}
.mw-goal{font-weight:600;color:#f0b84a}
.mw-days{display:flex;justify-content:space-between;gap:6px}
.mw-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}
.mw-dl{font-size:10.5px;color:rgba(239,234,251,.55)}
.mw-dot{width:32px;height:32px;border-radius:11px;border:1.5px solid var(--glass-border,rgba(255,255,255,.18));display:grid;place-items:center;background:rgba(255,255,255,.05)}
.mw-dot.on{background:linear-gradient(150deg,#f0b84a,#e08a4a);border-color:transparent;box-shadow:0 6px 16px -8px rgba(240,184,74,.85)}
.mw-dot.on svg{width:16px;height:16px;color:#1c1630}
.mw-dot.today{border-color:#f0b84a;border-style:dashed}
.mw-dot.today .mw-td{color:#f0b84a;font-weight:700}
.mw-dot.future{opacity:.5}
.mw-rank{display:flex;flex-direction:column;gap:11px}
.mw-rank-top{display:flex;justify-content:space-between;align-items:baseline}
.mw-lv{font-size:15px;font-weight:620}
.mw-rt{font-size:12.5px;color:rgba(239,234,251,.6)}
.mw-rt b{color:#f0b84a;font-weight:700}
.mw-track{height:9px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--glass-border,rgba(255,255,255,.18));overflow:hidden}
.mw-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#e08a4a,#f0b84a,#ffcf5c);box-shadow:0 0 14px -2px rgba(240,184,74,.7);transition:width .6s cubic-bezier(.16,1,.3,1)}
.mw-next{display:flex;justify-content:space-between;font-size:11.5px;color:rgba(239,234,251,.55)}
.mw-brk{display:flex;gap:8px}
.mw-b{flex:1;border-radius:15px;padding:12px 10px;background:var(--glass-bg,rgba(255,255,255,.07));border:1px solid var(--glass-border,rgba(255,255,255,.18));display:flex;flex-direction:column;gap:3px}
.mw-b .mw-v{font-size:19px;font-weight:700;letter-spacing:-.02em}
.mw-b .mw-k{font-size:10.5px;color:rgba(239,234,251,.6)}
.mw-b.act .mw-v{color:#fff}.mw-b.ref .mw-v{color:#5aa9ff}.mw-b.sub .mw-v{color:#ffcf5c}
.mw-mini{display:flex;gap:9px}
.mw-m{flex:1;text-align:center;padding:11px 6px;border-radius:15px;background:var(--glass-bg,rgba(255,255,255,.07));border:1px solid var(--glass-border,rgba(255,255,255,.18))}
.mw-m b{display:block;font-size:17px;font-weight:700;letter-spacing:-.02em}
.mw-m b small{font-size:11px;font-weight:600;color:rgba(239,234,251,.45)}
.mw-m span{font-size:10.5px;color:rgba(239,234,251,.6)}
@media (prefers-reduced-motion:reduce){.mw-flame svg{animation:none}}