@media (min-width:64rem){.sleep{grid-template-columns:22rem minmax(0,1fr);align-items:start}.sleep__guide{grid-column:1/-1}}.sleep__modes{display:flex}.sleep__time{min-block-size:3rem;font-family:"Literata Variable", var(--font-sans);font-size:var(--text-lg);font-weight:500}.sleep__now{gap:var(--space-1);display:grid}.sleep__clock{color:var(--ink);font-family:"Literata Variable", var(--font-display);font-size:var(--text-xl);font-weight:500;line-height:1.2}.sleep__settings{gap:var(--space-2);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.sleep__settings legend{margin-block-end:var(--space-2);padding:0}.sleep__pair{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.sleep__setting-label{color:var(--ink-2);font-weight:500}.sleep__number{font-family:"Literata Variable", var(--font-sans);font-size:var(--text-md);font-weight:500}.sleep__head{gap:var(--space-1);padding:var(--space-2) var(--space-5) var(--space-3);display:grid}.sleep__lead{color:var(--ink-2);font-size:var(--text-md)}.sleep__result.is-solved .sleep__lead{color:var(--ink);font-family:"Literata Variable", var(--font-display);font-size:var(--text-lg);font-weight:500}.sleep__assumptions{color:var(--ink-3);font-size:var(--text-sm)}.sleep__assumptions:empty{display:none}.sleep__options{padding:0 var(--space-5);border-block-start:1px solid var(--sheet-rule);margin:0;list-style:none;display:grid}@media (min-width:52rem){.sleep__options{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:0}}.sleep__option{gap:var(--space-1) var(--space-3);padding-block:var(--space-4);border-block-end:1px solid var(--sheet-rule);grid-template:"at pips""about about""range range"/minmax(0,1fr) auto;align-items:center;display:grid}.sleep__option:last-child{border-block-end:0}@media (min-width:52rem){.sleep__option{padding:var(--space-5);border-block-end:0;grid-template:"at""about""pips""range"/minmax(0,1fr);align-content:start;align-items:start}.sleep__option+.sleep__option{border-inline-start:1px solid var(--sheet-rule)}}.sleep__at{color:var(--ink-3);font-family:"Literata Variable", var(--font-display);letter-spacing:-.02em;white-space:nowrap;transition:color var(--duration) var(--ease-out);grid-area:at;font-size:clamp(2rem,1.6rem + 1.6vw,2.5rem);font-weight:500;line-height:1.1}.sleep__result.is-solved .sleep__at{color:var(--ink)}.sleep__result.is-solved .sleep__option.is-within .sleep__at{color:var(--accent)}.sleep__about{gap:var(--space-1);grid-area:about;display:grid}.sleep__duration{color:var(--ink);font-size:.875rem;font-weight:600}.sleep__asleep{color:var(--ink-2);font-size:var(--text-sm)}.sleep__asleep:empty{display:none}.sleep__pips{grid-area:pips;gap:3px;display:flex}@media (min-width:52rem){.sleep__pips{margin-block:var(--space-2) var(--space-1)}}.sleep__pip{background:color-mix(in srgb, var(--accent) 22%, var(--sheet));block-size:.3125rem;inline-size:.75rem;transition:background-color var(--duration) var(--ease-out);border-radius:2px}.sleep__result.is-solved .sleep__option.is-within .sleep__pip{background:var(--accent)}.sleep__range{padding:.0625rem var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink-2);font-size:var(--text-sm);grid-area:range;justify-self:start;font-weight:550}.sleep__range:empty{display:none}.sleep__option.is-within .sleep__range{background:var(--accent-soft);color:var(--ink);border-color:#0000}.sleep__dst{margin:0 var(--space-5) var(--space-3);font-size:var(--text-sm)}.sleep__dst .icon{color:var(--accent);flex:none;margin-block-start:.125rem}.sleep__estimate{padding:var(--space-3) var(--space-5) var(--space-4);border-block-start:1px solid var(--sheet-rule);color:var(--ink-3);font-size:var(--text-sm)}.sleep__bar{margin-block-start:auto}@media (min-width:52rem){.sleep__guide{column-gap:var(--space-6);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.sleep__guide .sheet__label{grid-column:1/-1}}.sleep__table{margin:var(--space-3) var(--space-5) var(--space-5);inline-size:calc(100% - 2 * var(--space-5));border-collapse:collapse;font-size:.875rem}.sleep__table th,.sleep__table td{padding:var(--space-2);border-block-end:1px solid var(--sheet-rule);text-align:start}@media (min-width:40rem){.sleep__table th,.sleep__table td{padding-inline:var(--space-3)}}.sleep__table thead th{color:var(--ink-2);font-size:var(--text-sm);font-weight:600}.sleep__table tbody th{font-weight:500}.sleep__table td{color:var(--ink-2);font-family:"Literata Variable", var(--font-sans);text-align:end;white-space:nowrap}.sleep__table thead th:last-child{text-align:end}.sleep__table tbody tr:last-child>*{border-block-end:0}.sleep__table tr.is-current>*{background:var(--accent-soft);color:var(--ink);font-weight:650}.sleep__table tr.is-current>:first-child{border-start-start-radius:var(--radius-sm);border-end-start-radius:var(--radius-sm)}.sleep__table tr.is-current>:last-child{border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm)}@media (min-width:52rem){.sleep__table{inline-size:calc(100% - var(--space-5));margin-inline-end:0}}.sleep__notes{align-content:start;gap:var(--space-3);padding:0 var(--space-5) var(--space-5);color:var(--ink-2);font-size:var(--text-sm);display:grid}@media (min-width:52rem){.sleep__notes{padding-block-start:var(--space-3);padding-inline-start:0}}.sleep__source{color:var(--ink-3)}
