.page{min-height:100vh;padding:0;display:block}.appbar{z-index:20;justify-content:space-between;align-items:center;gap:var(--s3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f1e8eb;border-bottom:1px solid #d8d0c1bf;min-height:56px;padding:10px 14px;display:flex;position:sticky;top:0}.wordmark{color:var(--ink-0);font-family:var(--font-display);font-size:20px;text-decoration:none}.appnav{align-items:center;gap:2px;display:flex}.appnav a:not(.btn):not(.fab),.appnav button:not(.btn){border-radius:var(--r-sm);min-height:40px;color:var(--ink-1);background:0 0;border:0;align-items:center;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex;position:relative}.appnav a:not(.btn):not(.fab):hover,.appnav button:not(.btn):hover,.appnav a[aria-current]{color:var(--ink-0)}.appnav a[aria-current]:after{background:var(--brand);content:"";border-radius:2px;height:2px;position:absolute;bottom:4px;left:12px;right:12px}.appnav .btn{margin-left:var(--s2)}.nav-more{position:relative}.nav-desk{display:none}.nav-create{margin-left:var(--s2)}.nav-create-label{display:none}.pop-menu{z-index:30;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--paper-3);width:172px;box-shadow:var(--sh-2);position:absolute;overflow:hidden}.pop-menu>a,.pop-menu>button{width:100%;min-height:var(--tap);padding:0 var(--s4);border:0;border-bottom:1px solid var(--line-soft);color:var(--ink-0);text-align:left;background:0 0;border-radius:0;align-items:center;font-size:14px;text-decoration:none;display:flex}.pop-menu>:last-child{border-bottom:0}.pop-menu>a:hover,.pop-menu>button:hover{background:var(--paper-2)}.nav-more-menu{top:46px;right:0}@media (min-width:768px){.nav-desk{align-items:center;gap:2px;display:flex}.nav-more{display:none}.nav-create-label{display:inline}}.shell{width:min(100%, var(--w-timeline));padding:38px var(--gutter) 88px;margin:0 auto}.shell--read{width:min(100%, var(--w-read))}.shell--wide{width:min(100%,900px)}.page-heading>h1{margin-top:10px;font-size:40px}.page-heading>p:last-child{color:var(--ink-2);margin:6px 0 0;font-size:14px}.card{padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:#fffdf8b8}.card h2{margin:0;font-size:24px}.card>div>p{color:var(--ink-1);margin:7px 0 0}.empty-state{margin-top:var(--s5);padding:clamp(32px, 7vw, 56px) var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);text-align:center;background:radial-gradient(circle at 26% 18%,#b3916621,#0000 46%),#fffdf8b8}.empty-state h2{margin:var(--s2) 0 6px;font-size:30px}.empty-state p{margin:0 auto var(--s4);max-width:42ch;color:var(--ink-1)}.section-intro{max-width:650px;color:var(--ink-1);line-height:1.7}.skeleton{gap:10px;display:grid}.skeleton i{animation:skeleton-sweep 1.3s var(--ease) infinite;background:linear-gradient(90deg,#0000,#ffffffa8,#0000) -180px 0/180px 100% no-repeat,#e6dfd0;border-radius:6px;display:block}@keyframes skeleton-sweep{to{background-position:calc(100% + 180px) 0,0 0}}.skeleton-entry{gap:var(--s3);padding:var(--s4) 0;border-top:1px solid var(--line);display:grid}.load-more{width:min(100%,280px);margin:var(--s6) auto 0;display:flex}