.writeup{align-items:flex-start;gap:.75rem;display:flex;container-type:inline-size}.writeup-main{flex:1;min-width:0}.writeup-head{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.writeup-title{color:var(--xp-text);font:700 1.25rem/1.2 Georgia,Times New Roman,serif}.writeup-pages{background:var(--xp-screen);gap:.5rem;padding:.5rem;display:grid}.writeup-pages img{background:var(--xp-cream);width:100%;height:auto;display:block;box-shadow:0 2px 6px #0006}.writeup-empty{text-align:center;color:var(--xp-title-dark);justify-items:center;gap:.75rem;padding:2.5rem 1rem;font-style:italic;display:grid}.writeup-archive{display:none}.writeup-archive ul{gap:1px;display:grid}.writeup-archive .xp-drill{align-items:center;width:100%;min-height:2.75rem;padding:.25rem .5rem;display:flex}.writeup-archive .xp-drill:hover{background:var(--xp-menu-side);text-decoration:none}.writeup-archive .xp-drill:focus-visible{outline:2px dotted var(--xp-text);outline-offset:-2px}.writeup-archive [aria-current] .xp-drill{color:var(--xp-text-inverse);background:var(--xp-select)}@container (min-width:40rem){.writeup-archive{border:1px solid var(--xp-face-shadow);background:var(--xp-cream);flex:none;width:11rem;padding:.5rem;display:block;position:sticky;top:0}.writeup-archive-toggle{display:none}}@container (max-width:39.99rem){.writeup-pages{margin-inline:-.75rem;padding-inline:0}}.writeup-scrim{z-index:70;background:#0a1e504d;position:fixed;inset:0}.writeup-drawer .writeup-archive{z-index:71;width:min(18rem,85vw);padding:calc(.75rem + env(safe-area-inset-top)) .5rem .75rem max(.5rem, env(safe-area-inset-left));border-right:1px solid var(--xp-frame);background:var(--xp-cream);font-size:.875rem;display:block;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:3px 0 12px #0a1e5066}.upload-edition{width:min(26rem,100%);font-size:.8125rem;box-shadow:3px 4px 12px #0a1e5080}.upload-error{color:var(--xp-red);font-weight:700}.upload-progress{border:1px solid var(--xp-face-shadow);background:var(--xp-cream);border-radius:3px;height:1.25rem;padding:2px}.upload-progress span{background:repeating-linear-gradient(90deg, var(--xp-start-light) 0 .5rem, transparent .5rem .625rem);height:100%;transition:width .2s;display:block}@media (prefers-reduced-motion:reduce){.upload-progress span{transition:none}}
.profile-head{border:1px solid var(--xp-face-shadow);background:linear-gradient(var(--xp-cream), var(--xp-face));border-radius:3px;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.5rem;display:flex}.profile-avatar{border:1px solid var(--xp-face-shadow);width:3.5rem;height:3.5rem;font-family:var(--xp-title-font);background:var(--xp-cream);border-radius:3px;flex:none;place-items:center;font-size:1.5rem;font-weight:700;display:grid;overflow:hidden}.profile-name{font-family:var(--xp-title-font);align-items:center;gap:.375rem;font-size:1.125rem;font-weight:700;line-height:1.2;display:flex}.profile-stats{flex-wrap:wrap;flex:18rem;gap:.375rem 1.5rem;display:flex}.profile-stats dt{text-transform:uppercase;letter-spacing:.04em;color:var(--ice-label);font-size:.6875rem}.profile-stats dd{white-space:nowrap;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.25rem;font-weight:700;display:flex}.profile-chip{border:1px solid;border-radius:2px;align-items:center;gap:.25rem;padding:0 .3125rem;font-size:.6875rem;line-height:1.4;display:inline-flex}.profile-chip[data-tone=in]{color:var(--xp-start-dark);background:var(--xp-cream)}.profile-chip[data-tone=out]{color:var(--xp-text);background:var(--xp-face)}.profile-chip[data-tone=danger]{color:var(--xp-text);background:var(--xp-balloon);box-shadow:inset 3px 0 var(--xp-gold)}.profile-owed td{color:var(--ice-deep);background:var(--ice-tint)}@media (max-width:767.98px),(max-height:500px) and (pointer:coarse){.profile-chip{font-size:.75rem}}