@layer layout-desktop{div.Home>article>main{display:flex;flex-direction:column;gap:40px}div.Home.layout>article{grid-template-columns:52fr 28fr 20fr;grid-column-gap:40px;grid-template-areas:"main chat undo";--column-height: calc(100vh - 80px - 22px - 60px - var(--island-height))}div.Home>article{>.Chat,>.Undo{position:sticky;top:10px}>.Chat{grid-area:chat;height:var(--column-height)}>.Undo{grid-area:undo;max-block-size:var(--column-height)}}div.Person>article{grid-template-areas:"header header" "main aside";>header{grid-area:header;>.Avatar{inline-size:6rem;block-size:6rem;margin-block-end:1rem}>h1{margin-block-end:.5rem}>p.description{margin-block-end:.5rem;font-size:1.063rem;color:var(--theme-ink-normal)}>p.count{margin-block-end:2.5rem;font-size:.938rem;color:var(--theme-ink-light)}>a{display:block;color:inherit;text-decoration:none}>a:hover>h1{text-decoration:underline}>a>p.description{margin-block-end:.5rem;font-size:1.063rem;color:var(--theme-ink-normal)}}>main{grid-area:main;display:flex;flex-direction:column;gap:2.5rem;>section{display:flex;flex-direction:column;gap:2.5rem;>h2{font:500 .813rem/1.2 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--theme-ink-light)}}>section.quotes{gap:2rem}>p.nothing{font-size:1.063rem;color:var(--theme-ink-normal)}>hr{width:100%;margin:0;border:none;border-block-start:1px solid var(--theme-ink-hairline)}}}div.Search>article{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:80px;>header{grid-column:1 / -1;>h1>span.page-count{margin-inline-start:2ch;text-transform:none;letter-spacing:0;font:500 16px/1.2 var(--sans)}}>main>.Wizard{margin-block-end:1em}>aside{display:flex;flex-direction:column;gap:40px;height:calc(100vh - 102px);top:80px;>a.debug{font-size:12px;display:flex;flex-wrap:wrap;color:var(--theme-ink-light)}>.Histogram{flex-grow:1}}}div.Stories>article{grid-template-areas:"header header" "main aside";>header{grid-area:header;>h1{margin-block-end:.5rem}>p.count{margin-block-end:2.5rem;font-size:.938rem;color:var(--theme-ink-light)}}>main{grid-area:main;display:flex;flex-direction:column;gap:2.5rem;>section{display:flex;flex-direction:column;gap:2.5rem;>h2{font:500 .813rem/1.2 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--theme-ink-light)}}>hr{width:100%;margin:0;border:none;border-block-start:1px solid var(--theme-ink-hairline)}>p.empty{color:var(--theme-ink-light)}}}div.UndoDay>article{grid-template-columns:14rem minmax(0,1.9fr) minmax(0,1fr);grid-column-gap:3.25rem;grid-template-rows:auto auto;>header{grid-column:2;grid-row:1;display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;>a.close{font-size:1.875rem;font-weight:300;line-height:1;color:var(--theme-ink-light)}>a.close:hover{color:var(--theme-ink-normal)}}>main{grid-column:2;grid-row:2}>div.column{grid-column:3;grid-row:2;align-self:stretch}>aside{grid-column:1;grid-row:2;height:auto;top:1.25rem;>.Calendar{margin-block-start:.188rem}}}section.UndoEvent{display:grid;grid-template-columns:1fr;grid-template-areas:"title" "stories";column-gap:2.25rem;align-items:start;>header{grid-area:title;position:relative;margin-block-end:1.563rem;>h2{font:500 1.25rem/1.35 var(--sans);padding-inline-end:1.875rem}>a.close{position:absolute;top:0;right:0;font-size:1.5rem;font-weight:300;line-height:1;color:var(--theme-ink-light)}}>div.stories{grid-area:stories;display:flex;flex-direction:column;gap:1.688rem;>section{display:flex;flex-direction:column;gap:.375rem;>time{display:block;font:500 italic 1.125rem/1.4 Sofia Sans Extra Condensed;text-transform:uppercase;letter-spacing:.04em}>article{position:relative;margin-inline:-1rem;padding:.25rem 1rem;border-radius:var(--device-radius-medium);>a{font:400 .938rem/1.4 var(--sans);color:var(--theme-ink-normal)}>a:hover{color:var(--theme-ink-link-normal)}}>article.open{background-color:var(--theme-paper-bright);>a.close{position:absolute;top:.25rem;right:.5rem;font-size:1.125rem;line-height:1;color:var(--theme-ink-light)}}}}.UndoStory{grid-area:preview}}section.UndoEvent:has(.UndoStory){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"title title" "stories preview"}div.UndoMonth{>article{grid-template-columns:14rem minmax(0,1.69fr) minmax(0,1fr);grid-column-gap:3.25rem;grid-template-rows:auto auto;>h1{grid-column:2;grid-row:1}>main{grid-column:2;grid-row:2;align-self:stretch;view-transition-name:undo-list}>div.column{grid-column:3;grid-row:2;align-self:stretch;view-transition-name:undo-room}>aside{grid-column:1;grid-row:2;height:auto;top:1.25rem;>.Calendar{margin-block-start:.5rem}}}>article:has(.UndoEvent){grid-template-columns:14rem minmax(0,1.06fr) minmax(0,1fr)}>article:has(.UndoStory){grid-template-columns:14rem minmax(0,.47fr) minmax(0,1fr)}}aside.UndoStory{position:sticky;top:.625rem;align-self:start;padding:1rem;padding-inline-end:1.75rem;border-radius:var(--device-radius-medium);background-color:var(--theme-paper-bright)}aside.UndoStory.loading{opacity:.4}aside.UndoStory{>a.close{position:absolute;top:.375rem;right:.625rem;font-size:1.125rem;line-height:1;color:var(--theme-ink-light)}>p{color:var(--theme-ink-light)}}div.island-holder{view-transition-name:island}::view-transition-group(undo-room){animation-duration:.3s;animation-timing-function:ease-in-out}::view-transition-group(undo-list){animation-name:none}::view-transition-old(undo-list),::view-transition-new(undo-list),::view-transition-old(undo-room),::view-transition-new(undo-room){width:100%;height:100%;object-fit:none;object-position:left top;animation-duration:.12s;animation-timing-function:ease-out}}