@scope(.page-header){:scope{justify-content:space-between;align-items:flex-end;gap:var(--space-4) var(--space-5);flex-wrap:wrap;margin-block-end:var(--space-6);display:flex}.titles{gap:var(--space-2);flex:24rem;min-inline-size:min(100%,18rem);display:grid}.actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}}.page-title{font-size:clamp(1.75rem, 1.3rem + 1.5vw, var(--text-h1));letter-spacing:-.025em;font-weight:800;line-height:1.08}.subtitle{max-inline-size:60ch;color:var(--text-muted);font-size:1.0625rem}.section-title{align-items:baseline;gap:var(--space-1) var(--space-2);letter-spacing:-.015em;flex-wrap:wrap;font-size:1.1875rem;font-weight:700;display:flex;& .muted{letter-spacing:0;font-size:.9375rem;font-weight:500}}.section-head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.muted{color:var(--text-muted)}.card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card);@media (width>=768px){padding:var(--space-6)}&[data-pad=none]{padding:0;overflow:hidden}}.dashed-card{align-items:center;gap:var(--space-4);padding:var(--space-5);border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--text);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid;& strong{font-size:1.0625rem;display:block}& .plus{border-radius:var(--radius-pill);background:var(--color-ink);block-size:3rem;inline-size:3rem;color:var(--color-bg);place-items:center;display:grid}@media (hover:hover) and (pointer:fine){&:hover{border-color:var(--color-ink);background:var(--color-bg)}}@media (prefers-reduced-motion:no-preference){transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out);&:active{transform:scale(.99)}}}.list{border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card);display:grid;overflow:hidden;&>li+li{border-block-start:1px solid var(--line)}&[data-flush]{box-shadow:none;background:0 0;border-radius:0;overflow:visible}}@scope(.list-row){:scope{align-items:center;gap:var(--space-3) var(--space-4);min-block-size:4rem;padding:var(--space-3) var(--space-4);color:var(--text);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid;position:relative}:scope:is(a){@media (hover:hover) and (pointer:fine){&:hover{background:color-mix(in srgb, var(--color-surface) 55%, transparent)}}}.tile{border-radius:var(--radius-sm);background:var(--surface);block-size:2.75rem;inline-size:2.75rem;color:var(--text);place-items:center;display:grid}.tile[data-tone=blush]{background:var(--color-glow-blush)}.tile[data-tone=lilac]{background:var(--color-glow-lilac)}.tile[data-tone=peach]{background:var(--color-glow-peach)}.tile[data-tone=warning]{background:var(--color-warning-soft);color:var(--color-warning)}.body{gap:2px;min-inline-size:0;display:grid}.title{font-weight:600;line-height:1.3}.meta{color:var(--text-muted);font-size:var(--text-small)}.end{align-items:center;gap:var(--space-2);color:var(--text-subtle);display:flex}.value{color:var(--text-muted);font-weight:500}}@scope(.post-row){:scope{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3);grid-template-columns:3.25rem minmax(0,1fr) auto;padding-inline-end:var(--space-4);display:grid;position:relative}.body{gap:3px;min-inline-size:0;display:grid}.date{color:var(--text-muted);font-size:var(--text-caption);font-variant-numeric:tabular-nums;font-weight:600}.title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.title a{text-decoration:none;&:after{content:"";position:absolute;inset:0}}.meta{align-items:center;gap:var(--space-1) var(--space-2);color:var(--text-muted);font-size:var(--text-caption);flex-wrap:wrap;display:flex}.button{position:relative}@media (hover:hover) and (pointer:fine){:scope:hover{background:color-mix(in srgb, var(--color-surface) 55%, transparent)}}@media (width<600px){.button{display:none}:scope{grid-template-columns:3.25rem minmax(0,1fr) auto}:scope:after{content:"";border-block-start:1.75px solid var(--text-subtle);border-inline-end:1.75px solid var(--text-subtle);block-size:.5rem;inline-size:.5rem;margin-inline-end:var(--space-1);transform:rotate(45deg)}}}.stats{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@scope(.stat){:scope{align-content:start;gap:2px;display:grid}dt,.label{color:var(--text-muted);font-size:var(--text-small);order:2;font-weight:600}dd,.value{font-family:var(--font-heading);letter-spacing:-.03em;font-variant-numeric:tabular-nums;order:1;margin:0;font-size:2.5rem;font-weight:800;line-height:1}dd[data-unavailable]{min-block-size:2.5rem;color:var(--text-subtle);font-family:var(--font-ui);font-size:var(--text-small);letter-spacing:0;align-items:flex-end;font-weight:600;display:flex}}.thumb{--_c1:var(--brand-1,var(--color-glow-blush));--_c2:var(--brand-2,var(--color-glow-peach));inline-size:100%;aspect-ratio:var(--tile-ratio);border-radius:var(--radius-sm);object-fit:cover;background:var(--surface);flex:none;display:block;position:relative;overflow:hidden;&:is(span){background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--_c2) 70%, white) 0%, transparent 60%), color-mix(in srgb, var(--_c1) 55%, white);color:var(--color-ink);flex-direction:column;justify-content:space-between;padding:12%;display:flex;container-type:inline-size}&[data-tint="1"]{--_c1:var(--brand-2,var(--color-glow-lilac));--_c2:var(--brand-3,var(--color-glow-blush))}&[data-tint="2"]{--_c1:var(--brand-3,var(--color-glow-peach));--_c2:var(--brand-1,var(--color-glow-lilac))}& .icon{opacity:.8;block-size:auto;inline-size:clamp(.75rem,26cqi,1.5rem)}& .words{letter-spacing:-.01em;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(.6875rem,12cqi,1rem);font-weight:700;line-height:1.15;display:none;overflow:hidden}@container (inline-size>=4.5rem){& .words{display:-webkit-box}}}.glow{isolation:isolate;border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-glow-peach) 40%, var(--color-bg));position:relative;overflow:hidden;&:before{content:"";z-index:-1;background:radial-gradient(42% 46% at 22% 28%, var(--color-glow-blush) 0%, transparent 70%), radial-gradient(40% 44% at 80% 22%, var(--color-glow-lilac) 0%, transparent 70%), radial-gradient(48% 50% at 66% 82%, var(--color-glow-peach) 0%, transparent 72%), radial-gradient(30% 32% at 18% 86%, var(--color-accent-soft) 0%, transparent 70%);filter:blur(28px)saturate(1.15);position:absolute;inset:-12%}&[data-soft]{background:var(--color-bg)}}@scope(.empty-state){:scope{justify-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card);text-align:center;display:grid}:scope[data-flat]{padding-block:var(--space-6);box-shadow:none;background:0 0}.art{block-size:8.5rem;inline-size:11rem;border-radius:var(--radius-xl);place-items:center;margin-block-end:var(--space-2);display:grid;position:relative}.art img,.art .tile{inline-size:4.25rem;aspect-ratio:var(--tile-ratio);border-radius:var(--radius-sm);object-fit:cover;box-shadow:var(--shadow-float);position:absolute}.art img:first-child{translate:-2.75rem .5rem;rotate:-9deg}.art img:nth-child(2){translate:2.75rem .5rem;rotate:8deg}.art .tile{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-bg);inline-size:4.5rem;color:var(--color-accent-strong);place-items:center;display:grid}h2,h3{font-size:1.25rem;font-weight:800}p{max-inline-size:42ch;color:var(--text-muted)}.button{margin-block-start:var(--space-2)}}.avatar{background:radial-gradient(80% 80% at 30% 20%, var(--color-glow-peach), transparent), var(--color-accent);block-size:2.5rem;inline-size:2.5rem;color:var(--color-ink);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-size:1rem;font-weight:800;display:grid}.sheet{z-index:40;max-block-size:85dvh;inline-size:100%;max-inline-size:100%;padding:var(--space-5) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-bg);color:var(--text);box-shadow:var(--shadow-float), 0 0 0 100vmax color-mix(in srgb, var(--color-ink) 36%, transparent);border:0;margin:0;position:fixed;inset:auto 0 0;overflow:auto;&::backdrop{background:color-mix(in srgb, var(--color-ink) 36%, transparent)}&:modal{box-shadow:var(--shadow-float)}&:before{content:"";block-size:4px;inline-size:2.5rem;margin:calc(var(--space-2) * -1) auto var(--space-4);border-radius:var(--radius-pill);background:var(--line-strong);display:block}& h2{font-size:1.375rem;font-weight:800}& .buttons{flex-direction:column-reverse;align-items:stretch;margin-block-start:var(--space-5)}@media (prefers-reduced-motion:no-preference){animation:sheet-in var(--duration-slow) var(--ease-drawer) both}@media (width>=768px){inline-size:min(100% - 2 * var(--gutter), 28rem);block-size:fit-content;padding:var(--space-6);border-radius:var(--radius-xl);margin:auto;inset:0;&:before{display:none}& .buttons{flex-direction:row-reverse;justify-content:flex-start}@media (prefers-reduced-motion:no-preference){animation-name:dialog-in;animation-duration:var(--duration-medium)}}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes dialog-in{0%{opacity:0;transform:scale(.96)}}.back-link{align-items:center;gap:var(--space-1);min-block-size:var(--tap);padding-inline:var(--space-2) var(--space-3);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;background:0 0;border:0;margin-inline-start:calc(var(--space-2) * -1);font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;@media (hover:hover) and (pointer:fine){&:hover{background:var(--surface);color:var(--text)}}}.error-page{gap:var(--space-5);background:var(--page);& .empty-state{inline-size:min(100%,30rem)}}