/* Vibrozz 2 — Итоги недели (2.5), see pages/week.js. Stories in fixed colours (they are the same in both themes):
   yellow opens, a dark screen closes; one fact per screen, the number set huge in Onest 800 and fitted to the width. */
.wk{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;gap:28px;background:rgba(12,12,14,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.wk-phone{position:relative;flex:none;width:min(100vw,calc(min(100dvh,860px) * .5625),440px);height:min(100dvh,860px);border-radius:28px;overflow:hidden;
  container-type:inline-size;background:#1C1C1E;box-shadow:0 30px 90px rgba(0,0,0,.55);font-family:var(--f);-webkit-user-select:none;user-select:none}
.wk-bars{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:12px;display:flex;gap:4px;z-index:3}
.wk-bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.32);overflow:hidden}
.wk-bars b{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}
html.wk-open .v-toasts{z-index:160}
.wk-top{position:absolute;top:calc(24px + env(safe-area-inset-top,0px));left:14px;right:6px;display:flex;align-items:center;gap:10px;z-index:3;color:#fff}
.wk-top .ava{width:34px;height:34px;font-size:14px}
.wk-top b{display:block;font-size:14px;font-weight:700;line-height:1.2}
.wk-top small{display:block;font-size:12px;opacity:.72}
.wk-x{width:40px;height:40px;border:0;background:transparent;color:inherit;border-radius:50%;display:grid;place-items:center;flex:none}
.wk-x[data-close] .ic{transform:rotate(45deg)}
.wk-phone.on-light .wk-top{color:#1F2023}
.wk-phone.on-light .wk-bars i{background:rgba(31,32,35,.2)}.wk-phone.on-light .wk-bars b{background:#1F2023}
.wk-stage{position:absolute;inset:0}
.wk-s{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:100px 26px calc(36px + env(safe-area-inset-bottom,0px));color:#fff}
.wk-s.yellow{background:#FFDD2D;color:#1F2023}
.wk-s.green{background:#00A049}
.wk-s.red{background:#E2332B}
.wk-s.ink{background:#1C1C1E}
.wk-s.blue{background:#2F6BFF}
.wk-s.violet{background:#6D4AFF}
.wk-s.glow-up{background:radial-gradient(130% 60% at 50% 28%,rgba(48,209,88,.32),transparent 62%),#1C1C1E}
.wk-s.glow-dn{background:radial-gradient(130% 60% at 50% 28%,rgba(255,90,79,.3),transparent 62%),#1C1C1E}
.wk-c{display:flex;flex-direction:column;gap:12px;min-width:0}
.wk-k{font-size:17px;font-weight:600;opacity:.78}
.wk-huge{display:block;font-size:30cqw;font-weight:800;line-height:.86;letter-spacing:-.055em;white-space:nowrap;margin-left:-.05em;padding-bottom:.04em;font-variant-numeric:tabular-nums}
.wk-date{font-size:25cqw;letter-spacing:-.03em}
.wk-word{font-size:23cqw;color:#FFDD2D;letter-spacing:-.03em}
.wk-big{font-size:10cqw;font-weight:800;letter-spacing:-.035em;line-height:1}
.wk-big.up{color:#30D158}.wk-big.dn{color:#FF5A4F}
.wk-l{font-size:18px;font-weight:600;line-height:1.3;opacity:.92}
.wk-chip{align-self:flex-start;padding:8px 14px;border-radius:12px;background:rgba(255,255,255,.2);font-weight:700;font-size:15px}
.wk-coin{margin-bottom:6px}
.wk-coin .coin{width:24cqw;height:24cqw;border-radius:50%;box-shadow:0 12px 34px rgba(0,0,0,.35)}
.wk-flame{width:72px;height:72px;margin-bottom:4px}.wk-flame svg{width:72px;height:72px}
.wk-days{display:flex;align-items:flex-end;gap:7px;height:34cqw;margin:22px 0 4px}
.wk-day{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}
.wk-day i{display:block;width:100%;height:0;border-radius:9px;background:#1F2023;transition:height .7s cubic-bezier(.2,.9,.3,1.15)}
.wk-day.off i{background:rgba(31,32,35,.16)}
.wk-day span{font-size:13px;font-weight:700}
.wk-sum{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.wk-sum div{background:rgba(255,255,255,.08);border-radius:14px;padding:11px 14px;min-width:0}
.wk-sum small{display:block;font-size:12px;opacity:.65}
.wk-sum b{display:block;font-size:20px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-acts{display:flex;gap:10px;margin-top:6px}
.wk-btn{flex:1;height:54px;border:0;border-radius:16px;background:#FFDD2D;color:#1F2023;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}
.wk-btn.line{flex:0 0 auto;padding:0 18px;background:rgba(255,255,255,.12);color:#fff;font-weight:700}
.wk-btn.line.on{background:#fff;color:#1F2023}
.wk-btn:disabled{opacity:.5}
.wk-btn.sent:disabled{opacity:1}
.wk-nav{order:2;flex:none;width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;transition:background .15s}
.wk-nav.prev{order:0}.wk-phone{order:1}
.wk-nav:hover:not(:disabled){background:rgba(255,255,255,.22)}
.wk-nav:disabled{opacity:.2}
.wk-load{height:100%}
@media (max-width:560px){.wk{gap:0;background:#1C1C1E}.wk-phone{width:100vw;height:100dvh;border-radius:0;box-shadow:none}.wk-nav{display:none}}
@media (prefers-reduced-motion:reduce){.wk-day i{transition:none}}

/* /week: the same facts as a page */
.wkp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.wkp-hero{padding:20px 24px 24px;display:grid;gap:16px;justify-items:start;background:#FFDD2D;color:#1F2023}
.wkp-sw{display:flex;align-items:center;gap:6px;margin-left:-8px}
.wkp-sw b{font-size:17px;font-weight:700;padding:0 4px}
.wkp-sw .icon-btn{background:rgba(31,32,35,.08);color:#1F2023}
.wkp-pnl{font-size:clamp(48px,7vw,72px);font-weight:800;letter-spacing:-.05em;line-height:.95}
.wkp-style{font-size:15px;font-weight:700;padding:6px 12px;border-radius:10px;background:#1F2023;color:#FFDD2D}
.wkp-hero .btn{background:#1F2023;color:#fff;border-color:transparent}
.wkp-list{padding:6px 0}
.wkp-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:13px 24px;border-top:1px solid var(--line)}
.wkp-row:first-child{border-top:0}
.wkp-row span{color:var(--tx-2)}
.wkp-row b{font-weight:700;text-align:right}
@media (max-width:760px){.wkp{grid-template-columns:1fr;gap:14px}.wkp-hero{padding:18px 18px 20px}}
.wkp-hero .wkp-pnl.up{color:#00792F}.wkp-hero .wkp-pnl.dn{color:#C42620}