body { margin: 0; min-height: 100vh; background: var(--kvyk-background); }
.status { box-sizing: border-box; max-width: 760px; margin-inline: auto; padding: var(--kvyk-space-2xl) var(--kvyk-margin-mobile); display: flex; flex-direction: column; gap: var(--kvyk-space-xl); }
.status .kvyk-brand { font-size: 20px; }
.status .kvyk-brand__mark { width: 22px; height: 22px; }
.status__languages { display: flex; gap: var(--kvyk-space-md); font-size: 14px; }
.status__part { display: flex; flex-direction: column; gap: var(--kvyk-space-xs); padding-block: var(--kvyk-space-md); border-top: 1px solid var(--kvyk-outline-variant); }
.status__part:first-child { border-top: 0; padding-top: 0; }
.status__days { display: flex; gap: 2px; height: 28px; }
.status__day { flex: 1; min-width: 0; border-radius: 2px; background: var(--kvyk-outline-variant); }
.status__day[data-state="up"] { background: var(--kvyk-tertiary-fixed-dim); }
.status__day[data-state="slow"] { background: var(--kvyk-secondary); }
.status__day[data-state="down"] { background: var(--kvyk-error); }
.status__updates { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--kvyk-space-sm); }
.status__form { display: flex; flex-wrap: wrap; gap: var(--kvyk-space-sm); align-items: flex-end; }
.status__form .kvyk-field { flex: 1 1 240px; }