:root{--paper:#f5f2eb;--paper-sunk:#eeeae1;--ink:#18181c;--ink-muted:#86837b;--accent:#183fc0;--rule:#18181c1f;--danger:#b3261e;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-ar:"Lateef", "Bricolage Grotesque", serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--space-xs:.5rem;--space-sm:.75rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:3.5rem;--radius-pill:999px;--dur:.3s;--ease:cubic-bezier(.165, .84, .44, 1)}*,:before,:after{box-sizing:border-box}*{margin:0}body{min-height:100svh;font-family:var(--font-display);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5}input,textarea,button,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul{padding:0;list-style:none}code{font-family:var(--font-mono);background:var(--paper-sunk);padding:.1em .35em;font-size:.88em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{background:0 0;width:.875rem;height:.875rem}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--ink) 28%, transparent) padding-box;border:.3125rem solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--ink) 48%, transparent);border-width:.234375rem}::-webkit-scrollbar-thumb:active{background-color:var(--accent);border-width:.234375rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink) 28%, transparent) transparent}}:lang(ar),[dir=rtl]{font-family:var(--font-ar)}input:lang(ar),textarea:lang(ar){font-size:1.3em;line-height:1.6}.mono{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:.78rem}.dot{color:var(--accent)}.wordmark{letter-spacing:-.03em;align-items:baseline;gap:.1em;font-size:1.5rem;font-weight:500;display:flex}.wordmark__label{letter-spacing:.06em;margin-inline-start:var(--space-sm)}.button{color:var(--paper);background:var(--ink);border:1px solid var(--ink);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);justify-content:center;align-items:center;padding:.55em 1.3em;display:inline-flex}.button:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.button:disabled{opacity:.5;cursor:default}.button--quiet{color:var(--ink);border-color:var(--rule);background:0 0}.button--quiet:hover:not(:disabled){color:var(--paper);background:var(--ink);border-color:var(--ink)}.button--danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:0 0}.button--danger:hover:not(:disabled){color:var(--paper);background:var(--danger);border-color:var(--danger)}.notice{align-content:center;gap:var(--space-lg);min-block-size:100svh;max-inline-size:34rem;padding:var(--space-lg) var(--space-md);margin-inline:auto;display:grid}.notice__title{letter-spacing:-.04em;font-size:clamp(2.5rem,2rem + 3vw,4rem);font-weight:400;line-height:1}.notice__body{gap:var(--space-md);display:grid}.notice__body>.button{justify-self:start}.notice__uid{padding:var(--space-xs) var(--space-sm);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;display:inline-block}.shell{--side:17rem;--bar:3.75rem;min-block-size:100svh;display:grid}.glyph{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.side{background:color-mix(in srgb, var(--paper-sunk) 55%, var(--paper));flex-direction:column;display:flex}.side__bar{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md) var(--space-md);display:flex}.side__menu{color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius-pill);cursor:pointer;background:0 0;padding:.4rem .9rem;display:none}.side__panel{flex-direction:column;flex:1;min-block-size:0;display:flex}.side__nav{min-block-size:0;padding:0 var(--space-sm) var(--space-md);scrollbar-gutter:stable;flex:1;overflow-y:auto}.side__list{gap:.15rem;padding:0;list-style:none;display:grid}.side__group{padding:var(--space-md) .65rem .4rem;justify-content:space-between;align-items:baseline;font-size:.7rem;display:flex}.side__tally{letter-spacing:0;opacity:.7}.side__link{color:color-mix(in srgb, var(--ink) 78%, transparent);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);border:1px solid #0000;border-radius:.65rem;grid-template-columns:1.4rem 1fr auto;align-items:center;gap:.55rem;padding:.45rem .65rem;font-size:.95rem;line-height:1.3;text-decoration:none;display:grid}.side__link:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 5%, transparent)}.side__link.active{color:var(--ink);background:var(--paper);border-color:var(--rule);box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent)}.side__mark{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-muted);place-items:center;font-size:.68rem;display:grid}.side__link.active .side__mark{color:var(--accent)}.side__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.side__link.active:after{content:"";background:var(--accent);block-size:.4rem;inline-size:.4rem;animation:dot-in .4s var(--ease);border-radius:50%}.side__count{min-inline-size:1.35rem;font-family:var(--font-mono);text-align:center;color:var(--paper);background:var(--accent);border-radius:var(--radius-pill);padding:0 .35rem;font-size:.7rem;line-height:1.35rem}.side__link.active:has(.side__count):after{display:none}@keyframes dot-in{0%{transform:scale(0)}}.side__foot{gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-md);border-block-start:1px solid var(--rule);display:grid}.side__account{grid-template-columns:2rem 1fr auto auto;align-items:center;gap:.4rem;display:grid}.side__avatar{block-size:2rem;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;font-size:.85rem;display:grid}.side__email{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;color:var(--ink-muted);padding-inline-start:.2rem;font-size:.82rem;overflow:hidden}.side__tool{block-size:2rem;inline-size:2rem;color:var(--ink-muted);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:1px solid #0000;border-radius:.55rem;place-items:center;padding:0;display:grid}.side__tool:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}.side__tool.active{color:var(--accent);background:var(--paper);border-color:var(--rule)}.side :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.publish{background:var(--paper);border:1px solid var(--rule);border-radius:.9rem;gap:.6rem;padding:.75rem;display:grid}.publish__status{color:var(--ink-muted);align-items:center;gap:.5rem;font-size:.82rem;line-height:1.35;display:flex}.publish__status--problem,.publish__note--problem{color:var(--danger)}.publish__note{font-size:.82rem;line-height:1.4}.publish__button{inline-size:100%}.publish__dot{background:color-mix(in srgb, var(--ink-muted) 60%, transparent);border-radius:50%;flex:none;block-size:.5rem;inline-size:.5rem}.publish__dot--pending{background:var(--accent);animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{box-shadow:0 0 0 .25rem color-mix(in srgb, var(--accent) 18%, transparent)}}@media (prefers-reduced-motion:reduce){.publish__dot--pending,.side__link.active:after{animation:none}}@media (width>=50rem){.shell{grid-template-columns:var(--side) 1fr}.side{border-inline-end:1px solid var(--rule);block-size:100svh;position:sticky;inset-block-start:0}}@media (width<=49.99rem){.side{z-index:20;border-block-end:1px solid var(--rule);position:sticky;inset-block-start:0}.side__bar{block-size:var(--bar);padding-block:0}.side__menu{display:block}.side__panel{display:none}.shell--open .side__panel{inset:var(--bar) 0 0;background:color-mix(in srgb, var(--paper-sunk) 55%, var(--paper));display:flex;position:fixed}.side__nav{padding-block-start:var(--space-xs)}}.screen{min-inline-size:0;padding:var(--space-lg) var(--space-md) var(--space-xl)}@media (width>=50rem){.screen{padding-inline:var(--space-xl)}}.screen__head{justify-content:space-between;align-items:end;gap:var(--space-md);flex-wrap:wrap;margin-block-end:var(--space-lg);display:flex}.screen__title{letter-spacing:-.04em;font-size:clamp(2.2rem,1.8rem + 2vw,3.4rem);font-weight:400;line-height:1}.back{margin-block-end:var(--space-sm);display:inline-block}.back:hover{color:var(--accent)}.empty{color:var(--ink-muted)}.stats{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin-block-end:var(--space-xl);display:grid}.stat{gap:var(--space-xs);border-block-start:1px solid var(--ink);padding-block-start:var(--space-sm);display:grid}.stat dd{letter-spacing:-.04em;font-size:3rem;line-height:1}.panel__head{justify-content:space-between;align-items:center;gap:var(--space-md);border-block-end:1px solid var(--ink);padding-block-end:var(--space-sm);display:flex}.row{justify-content:space-between;align-items:center;gap:var(--space-md);padding-block:var(--space-sm);border-block-end:1px solid var(--rule);display:flex}.row:hover .row__title{color:var(--accent)}.row__title{font-size:1.15rem}.tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--paper);background:var(--ink);border-radius:var(--radius-pill);flex:none;padding:.15em .7em;font-size:.72rem}.tag--draft{color:var(--ink-muted);background:var(--paper-sunk)}.table{border-collapse:collapse;inline-size:100%}.table th{padding-block:var(--space-xs);text-align:start;border-block-end:1px solid var(--ink);font-weight:400}.table td{padding-block:var(--space-sm);vertical-align:middle;border-block-end:1px solid var(--rule);padding-inline-end:var(--space-md)}.table__title{font-size:1.15rem}.table__title:hover{color:var(--accent)}@media (width<=50rem){.table th:nth-child(2),.table td:nth-child(2),.table th:nth-child(3),.table td:nth-child(3){display:none}}.form{gap:var(--space-md);display:grid}.signin{gap:var(--space-lg)}.field{gap:var(--space-xs);display:grid}.field input,.field textarea{inline-size:100%;padding:var(--space-xs) 0;border:0;border-block-end:1px solid var(--rule);transition:border-color var(--dur) var(--ease);background:0 0;border-radius:0}.field textarea{resize:vertical}.field input:hover:not(:focus,:disabled),.field textarea:hover:not(:focus,:disabled),.slug:hover:not(:focus-within){border-block-end-color:var(--ink)}.field select{inline-size:100%;padding:var(--space-xs) 0;border:0;border-block-end:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:0}.field select:hover{border-block-end-color:var(--ink)}.field select:focus,.field input:focus,.field textarea:focus{border-block-end-color:var(--accent);outline:none}.field input:disabled{color:var(--ink-muted)}.form__actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.form__error{padding:var(--space-sm) var(--space-md);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}.form__note{color:var(--accent)}.toggle{align-items:center;gap:var(--space-xs);cursor:pointer;display:flex}.toggle input{appearance:none;border:1px solid color-mix(in srgb, var(--ink) 35%, transparent);border-radius:var(--radius-pill);background:radial-gradient(circle, var(--ink-muted) .3rem, transparent .33rem) no-repeat;cursor:pointer;block-size:1.3rem;inline-size:2.25rem;transition:background-position var(--dur) var(--ease), border-color var(--dur) var(--ease);background-position:0;background-size:1.3rem 100%;flex:none;margin:0}.toggle input:checked{border-color:var(--ink);background-image:radial-gradient(circle, var(--accent) .36rem, transparent .39rem);background-position:100%}.toggle:hover input{border-color:var(--ink)}.toggle input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toggle input:disabled{opacity:.4;cursor:default}.editor__meta{gap:var(--space-md) var(--space-lg);align-items:end;padding-block-end:var(--space-lg);display:grid}@media (width>=60rem){.editor__meta{grid-template-columns:2fr 1fr auto}}.slug{border-block-end:1px solid var(--rule);align-items:baseline;display:flex}.slug:focus-within{border-block-end-color:var(--accent)}.slug .slug__prefix{text-transform:none;flex:none}.slug input{border:0}.tabs{gap:var(--space-xs);border-block-end:1px solid var(--ink);display:flex}.tabs__tab{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid #0000;cursor:pointer;background:0 0;border-block-end:0;font-size:1.05rem;display:inline-flex}.tabs__tab[aria-selected=true]{color:var(--paper);background:var(--ink)}.tabs__off{color:inherit;opacity:.6}.version{gap:var(--space-lg);padding-block-start:var(--space-md);display:grid}.version__fields{gap:var(--space-lg);transition:opacity var(--dur) var(--ease);border:0;padding:0;display:grid}.version__fields:disabled{opacity:.4}.input--title{letter-spacing:-.02em;font-size:1.6rem}.input--title:lang(ar){font-size:2rem}.input--body{font-family:var(--font-mono);font-size:.92rem;line-height:1.7}.input--body:lang(ar){font-family:var(--font-ar);font-size:1.3rem}.screen__lead{max-inline-size:52ch;color:var(--ink-muted);margin-block-start:var(--space-sm)}.field__hint{color:var(--ink-muted);font-size:.85rem}.field--short{max-inline-size:14rem}.form__note--quiet{padding:var(--space-sm) var(--space-md);color:var(--ink);background:var(--paper-sunk)}.shared{gap:var(--space-lg);padding-block-end:var(--space-lg);display:grid}.shared__title{border-block-end:1px solid var(--ink);padding-block-end:var(--space-xs)}.group{gap:var(--space-md);min-inline-size:0;padding:var(--space-md) 0 0;border:0;border-block-start:1px solid var(--rule);margin:0;display:grid}.group>legend{float:inline-start;inline-size:100%;margin-block-end:var(--space-xs)}.items{gap:var(--space-md);padding:0;list-style:none;display:grid}.item{gap:var(--space-md);padding:var(--space-md);background:var(--paper-sunk);display:grid}.item__head{justify-content:space-between;align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.item__tools{gap:var(--space-xs);display:flex}.chip{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-pill);cursor:pointer;padding:.2em .8em;font-size:.85rem}.chip:hover:not(:disabled){border-color:var(--ink)}.chip:disabled{opacity:.4;cursor:default}.chip--danger{color:var(--danger)}.cards{gap:var(--space-md);padding-block:var(--space-md) var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));display:grid}.card{align-content:start;gap:var(--space-xs);block-size:100%;padding:var(--space-md);background:var(--paper-sunk);transition:border-color var(--dur) var(--ease);border:1px solid #0000;display:grid}.card:hover{border-color:var(--ink)}.card__title{font-size:1.25rem}.card__desc{color:var(--ink-muted);font-size:.9rem}.card__meta{margin-block-start:var(--space-xs)}.icon{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.icon__touch{block-size:4.5rem;inline-size:4.5rem;box-shadow:0 0 0 1px var(--rule);border-radius:1rem}.icon__tab{block-size:1.5rem;inline-size:1.5rem}.icon__actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.u-hidden{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.import{justify-content:space-between;align-items:center;gap:var(--space-md) var(--space-lg);padding:var(--space-md) var(--space-lg);color:var(--paper);background:var(--ink);flex-wrap:wrap;margin-block-end:var(--space-xl);display:flex}.import__title{font-size:1.35rem;font-weight:400}.import__text{max-inline-size:60ch;color:color-mix(in srgb, var(--paper) 72%, transparent);margin-block-start:var(--space-xs)}.import .button{color:var(--ink);background:var(--paper);border-color:var(--paper)}.import .button:hover:not(:disabled){color:var(--paper);background:var(--accent);border-color:var(--accent)}.tabs--pills{gap:var(--space-xs);border:0}.tabs--pills .tabs__tab{border:1px solid var(--rule);border-radius:var(--radius-pill)}.messages{border-block-start:1px solid var(--ink)}.message{border-block-end:1px solid var(--rule)}.message__head{align-items:baseline;gap:var(--space-md);inline-size:100%;padding:var(--space-md) var(--space-xs);text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:.6rem minmax(10rem,14rem) 1fr auto;display:grid}.message__head:hover{background:var(--paper-sunk)}.message__dot{border-radius:50%;align-self:center;block-size:.6rem;inline-size:.6rem}.message--unread .message__dot{background:var(--accent)}.message__from{min-inline-size:0;display:grid}.message__name{font-size:1.1rem}.message--unread .message__name{font-weight:500}.message__email{text-overflow:ellipsis;text-transform:none;overflow:hidden}.message__preview{white-space:nowrap;text-overflow:ellipsis;color:var(--ink-muted);overflow:hidden}.message--open .message__preview{visibility:hidden}.message__body{gap:var(--space-md);padding:0 var(--space-xs) var(--space-lg) calc(.6rem + var(--space-md) + var(--space-xs));display:grid}.message__needs{gap:var(--space-xs);flex-wrap:wrap;display:flex}.message__needs .tag{text-transform:none}.message__text{white-space:pre-wrap;max-inline-size:70ch;font-size:1.1rem}.message__text:lang(ar){font-size:1.5rem;line-height:1.6}@media (width<=50rem){.message__head{grid-template-columns:.6rem 1fr}.message__preview,.message__when{grid-column:2}}.datefield{position:relative}.datefield__value{justify-content:space-between;align-items:center;gap:var(--space-sm);inline-size:100%;padding:var(--space-xs) 0;text-align:start;border:0;border-block-end:1px solid var(--rule);cursor:pointer;transition:border-color var(--dur) var(--ease);background:0 0;display:flex}.datefield__value:hover{border-block-end-color:var(--ink)}.datefield__value[aria-expanded=true],.datefield__value:focus-visible{border-block-end-color:var(--accent);outline:none}.datefield__value svg{fill:none;stroke:currentColor;stroke-width:1.4px;flex:none;inline-size:1.15rem}.calendar{z-index:20;inline-size:18.5rem;padding:var(--space-md);background:var(--paper);border:1px solid var(--rule);position:absolute;inset-block-start:calc(100% + var(--space-xs));inset-inline-start:0;box-shadow:0 24px 48px -28px #00000059}.calendar__head{justify-content:space-between;align-items:center;gap:var(--space-sm);border-block-end:1px solid var(--ink);margin-block-end:var(--space-sm);padding-block-end:var(--space-sm);display:flex}.calendar__month{letter-spacing:-.01em;font-size:1.1rem}.calendar__nav{gap:var(--space-xs);display:flex}.calendar__grid{grid-template-columns:repeat(7,1fr);gap:.15rem;display:grid}.calendar__weekday{padding-block:var(--space-xs);text-align:center;font-size:.7rem}.calendar__day{aspect-ratio:1;cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;border-radius:50%;font-size:.95rem;position:relative}.calendar__day:hover{background:var(--paper-sunk)}.calendar__day:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}.calendar__day--outside{color:color-mix(in srgb, var(--ink-muted) 60%, transparent)}.calendar__day--today:after{content:"";inset-block-end:.3rem;background:var(--accent);border-radius:50%;block-size:.28rem;inline-size:.28rem;position:absolute;left:50%;translate:-50%}.calendar__day--selected,.calendar__day--selected:hover{color:var(--paper);background:var(--ink)}.calendar__day--selected.calendar__day--today:after{background:var(--paper)}.calendar__foot{border-block-start:1px solid var(--rule);justify-content:flex-end;margin-block-start:var(--space-sm);padding-block-start:var(--space-sm);display:flex}