:where(.site) .heat{flex-direction:column;gap:5px;margin-top:18px;display:flex}:where(.site) .heat-row{align-items:center;gap:5px;display:flex}:where(.site) .heat-label{color:var(--muted);flex:0 0 110px;font-size:13px}:where(.site) .heat-cell{border-radius:4px;flex:1;min-width:0;height:24px}@media (max-width:480px){:where(.site) .heat,:where(.site) .heat-row{gap:3px}:where(.site) .heat-label{flex-basis:88px;font-size:12px}:where(.site) .heat-cell{border-radius:3px;height:20px}}:where(.site) .heat-sw{border-radius:3px;width:10px;height:10px}:where(.site) .tone-secure{background:var(--ok)}:where(.site) .tone-practising{background:var(--warn)}:where(.site) .tone-stuck{background:var(--bad)}:where(.site) .tone-unseen{background:var(--line)}:where(.site) .heat-cell:not(.tone-unseen){opacity:.85}:where(.site) .mock-bar{background:color-mix(in srgb,var(--accent) 34%,transparent);border-radius:6px 6px 2px 2px;width:100%;max-width:44px;display:block}:where(.site) .mock-bar.now{background:var(--accent)}:where(.site) .theme-dot{width:22px;height:22px;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line);border-radius:50%}:where(.site) .bento .b-tall{grid-row:span 2}:where(.site) .bento .b-wide{grid-column:span 2}@media (max-width:820px){:where(.site) .bento{grid-template-columns:minmax(0,1fr)}:where(.site) .bento .b-tall,:where(.site) .bento .b-wide{grid-area:auto}}