body.timeline-shell {
    --shell-bg: #ffffff;
    --shell-surface: #ffffff;
    --shell-surface-muted: #ffffff;
    --shell-line: #e4e4e1;
    --shell-line-strong: #cfcfcc;
    --shell-ink: #181818;
    --shell-muted: #666666;
    --shell-subtle: #8a8a8a;
    --shell-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 10px 24px rgba(0, 0, 0, 0.03);
    margin: 0;
    padding: 0 22px 72px 22px;
    background: var(--shell-bg);
    color: var(--shell-ink);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    overscroll-behavior-x: none;
}

body.timeline-shell a {
    color: inherit;
}

body.timeline-shell button,
body.timeline-shell input,
body.timeline-shell select,
body.timeline-shell textarea {
    font-family: inherit;
}

body.timeline-shell button {
    margin: 0;
    cursor: pointer;
}

body.timeline-shell button:focus-visible,
body.timeline-shell input:focus-visible,
body.timeline-shell select:focus-visible,
body.timeline-shell textarea:focus-visible,
body.timeline-shell a:focus-visible {
    outline: 2px solid #202020;
    outline-offset: 2px;
}

body.timeline-shell ::selection {
    background: rgba(0, 0, 0, 0.1);
    color: var(--shell-ink);
}

@media screen and (max-width: 640px) {
    body.timeline-shell {
        padding: 0 14px 48px 14px;
    }
}
