.time-focus-float{right:var(--s5);bottom:var(--s5);z-index:40;gap:var(--s3);width:248px;padding:var(--s4);border-radius:var(--r-3);background:var(--ink);color:var(--paper);box-shadow:0 8px 28px var(--scrim);display:grid;position:fixed}.time-focus-float__open{gap:var(--s1);color:inherit;text-decoration:none;display:grid}.time-focus-float__label{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.time-focus-float__clock{font-family:var(--f-display);font-size:var(--t-xl);font-weight:700;line-height:1}.time-focus-float__buttons{gap:var(--s2);display:flex}.time-focus-float__form{gap:var(--s3);display:grid}.time-focus-float__input{box-sizing:border-box;width:100%;height:36px;padding:0 var(--s3);font:inherit;font-size:var(--t-md);color:var(--ink);background:var(--paper);border-radius:var(--r-2);border:0;outline:none}.time-focus-float__input:focus-visible{box-shadow:0 0 0 2px var(--blue)}.time-focus-float__sound{justify-content:space-between;align-items:center;gap:var(--s3);font-size:var(--t-sm);color:var(--ink-3);display:flex}.time-focus-float__off{align-items:center;gap:var(--s1);color:var(--paper);font-size:var(--t-sm);display:inline-flex}@media (width<=720px){.time-focus-float{right:var(--s3);left:var(--s3);bottom:calc(var(--s3) + env(safe-area-inset-bottom));grid-template-columns:1fr auto;align-items:center;width:auto}.time-focus-float__form,.time-focus-float__sound{grid-column:1/-1}}.shell-character{align-items:center;gap:var(--s6);padding:var(--s6);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.shell-character__who{align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.shell-character__progress{gap:var(--s4);display:grid}@media (width<=720px){.shell-character{gap:var(--s5);padding:var(--s5);grid-template-columns:1fr}}.shell-body{grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.shell-side{align-self:start;max-height:100dvh;position:sticky;top:0;overflow:auto}.shell-main{min-width:0}.shell-scrim{display:none}@media (width<=720px){.shell-body{grid-template-columns:minmax(0,1fr)}.shell-side{z-index:30;top:calc(56px + env(safe-area-inset-top));height:calc(100dvh - 56px - env(safe-area-inset-top));background:var(--paper);max-height:none;box-shadow:0 0 0 1px var(--tint-2);position:fixed;left:0}.shell-scrim{inset:calc(56px + env(safe-area-inset-top)) 0 0 0;z-index:29;background:var(--scrim);opacity:.35;display:block;position:fixed}}