@font-face{font-family:Gabarito;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/gabarito-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Gabarito;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/gabarito-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--substrate:#f5f2ed;--paper:#fdfcf9;--paper-warm:#f7f2e4;--paper-edge:color-mix(in srgb, var(--ink) 14%, var(--paper));--rule-line:color-mix(in srgb, #4a6fa5 26%, var(--paper));--grid-line:color-mix(in srgb, var(--ink) 10%, var(--paper));--margin-rule:color-mix(in srgb, var(--accent) 55%, var(--paper));--lift:0 1px 1px #30343a1a, 0 8px 18px -6px #30343a38;--lift-high:0 2px 3px #30343a1f, 0 26px 48px -14px #30343a57;--ink:#30343a;--accent:#c83232;--ink-80:color-mix(in srgb, var(--ink) 80%, var(--paper));--ink-55:color-mix(in srgb, var(--ink) 55%, var(--paper));--ink-32:color-mix(in srgb, var(--ink) 32%, var(--paper));--ink-16:color-mix(in srgb, var(--ink) 16%, var(--paper));--ink-08:color-mix(in srgb, var(--ink) 8%, var(--paper));--dot:color-mix(in srgb, var(--ink) 20%, var(--substrate));--dot-gap:22px;--dot-size:1.2px;--rule:color-mix(in srgb, var(--ink) 22%, var(--substrate));--rule-strong:color-mix(in srgb, var(--ink) 45%, var(--substrate));--font-display:Gabarito, "Helvetica Neue", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, 0, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.fact{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.type-display{letter-spacing:-.025em;font-size:30px;font-weight:600;line-height:34px}.type-title{letter-spacing:-.015em;font-size:19px;font-weight:600;line-height:26px}.type-body{letter-spacing:0;font-size:14px;font-weight:400;line-height:21px}.type-small{letter-spacing:0;font-size:12px;font-weight:400;line-height:17px}.type-label{letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:600;line-height:14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background-color:var(--substrate);background-image:radial-gradient(var(--dot) var(--dot-size), transparent var(--dot-size));background-size:var(--dot-gap) var(--dot-gap);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:23px}svg{stroke:currentColor;fill:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.page{min-height:100vh;padding:clamp(24px,5vw,64px)}.board{max-width:1180px;margin:0 auto}.masthead{margin:8px 0 clamp(28px,5vw,52px)}.masthead-name{letter-spacing:-.022em;margin:0;font-size:clamp(30px,5vw,46px);font-weight:600;line-height:1.05}.masthead-role{letter-spacing:.02em;color:color-mix(in srgb, var(--ink) 62%, var(--substrate));margin:8px 0 0;font-size:12px}.sheets{grid-template-columns:repeat(auto-fit,minmax(248px,1fr));grid-auto-flow:dense;align-items:start;gap:clamp(20px,3vw,38px);margin:0;padding:0;list-style:none;display:grid}.slot{min-width:0}.slot[data-format=landscape]{grid-column:span 2}.slot[data-open]{grid-area:1/1/auto/-1}.board[data-has-open] .slot:not([data-open]){opacity:.42}.slot:not([data-open]){transition:opacity .32s var(--ease)}@media (max-width:620px){.slot[data-format=landscape]{grid-column:span 1}}.paper{background:var(--paper);height:100%;box-shadow:var(--lift);transform:rotate(var(--tilt));transition:transform .42s var(--ease), box-shadow .26s var(--ease);flex-direction:column;padding:26px 24px 24px;display:flex;position:relative;container:sheet/inline-size}.slot:not([data-open]) .paper:hover{box-shadow:var(--lift-high);transform:rotate(var(--tilt)) translateY(-4px)}.slot[data-open] .paper{box-shadow:var(--lift-high)}.slot[data-format=portrait] .paper{min-height:400px}.slot[data-format=landscape] .paper{min-height:260px}.slot[data-format=square] .paper{aspect-ratio:1}.slot[data-open] .paper{aspect-ratio:auto;min-height:min(74vh,640px)}.paper-hit{z-index:3;position:absolute;inset:0}.paper-close{z-index:5;border:1px solid color-mix(in srgb, var(--ink) 20%, var(--paper));background:var(--paper);width:30px;height:30px;color:var(--ink);transition:background .16s var(--ease), color .16s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.paper-close svg{width:15px;height:15px}.paper-close:hover{background:var(--ink);color:var(--paper)}.paper[data-variant=ruled],.paper[data-variant=punched]{background-image:repeating-linear-gradient(transparent 0 27px, var(--rule-line) 27px 28px);background-position:0 44px}.paper[data-variant=ruled]:before,.paper[data-variant=punched]:before{content:"";inset-block:0;background:var(--margin-rule);width:1px;position:absolute;left:46px}.paper[data-variant=ruled],.paper[data-variant=punched]{padding-left:62px}.paper[data-variant=grid]{background-image:repeating-linear-gradient(transparent 0 21px, var(--grid-line) 21px 22px), repeating-linear-gradient(90deg, transparent 0 21px, var(--grid-line) 21px 22px)}.paper[data-variant=punched]{padding-left:78px}.punches{z-index:2;flex-direction:column;justify-content:space-between;width:16px;display:flex;position:absolute;top:12%;bottom:12%;left:18px}.punches i{background:var(--substrate);border-radius:50%;width:16px;height:16px;display:block;box-shadow:inset 0 1px 2px #30343a52}.paper[data-variant=sticky]{background:var(--paper-warm);box-shadow:var(--lift)}.paper[data-variant=sticky]:after{content:"";background:linear-gradient(135deg, transparent 50%, color-mix(in srgb, var(--ink) 12%, var(--paper-warm)) 50%);width:26px;height:26px;position:absolute;bottom:0;right:0}.shelf-frame{column-span:all}.shelf{flex-wrap:wrap;align-items:flex-start;gap:18px 22px;margin:6px 0 0;padding:8px 0 22px;list-style:none;display:flex}.film{width:92px;transform:rotate(var(--tilt)) translateY(var(--drop));transition:transform .22s var(--ease);position:relative}.film:hover{transform:rotate(0deg) translateY(calc(var(--drop) - 4px));z-index:20}.slot:not([data-open]) .film-link{pointer-events:none}.film-link{color:inherit;text-decoration:none;display:block}.film-poster{aspect-ratio:2/3;background:color-mix(in srgb, var(--ink) 9%, var(--paper));box-shadow:var(--lift);margin-bottom:7px;display:block;overflow:hidden}.film-poster img{object-fit:cover;width:100%;height:100%;display:block}.film-title{margin-bottom:3px;font-size:12px;font-weight:500;line-height:15px;display:block}.film-unrated{color:color-mix(in srgb, var(--ink) 45%, var(--paper));font-size:10px;display:block}.stars{letter-spacing:1px;align-self:flex-start;width:max-content;font-size:11px;line-height:1;display:inline-block;position:relative}.stars-track{color:color-mix(in srgb, var(--ink) 22%, var(--paper))}.stars-fill{width:var(--fill);white-space:nowrap;color:var(--accent);position:absolute;inset:0;overflow:hidden}.slot:not([data-open]) .shelf{z-index:1;flex-wrap:nowrap;position:relative;overflow:hidden}.slot:not([data-open]) .film{z-index:calc(30 - var(--i))}.slot:not([data-open]) .film[data-peek]{pointer-events:none;margin-left:-58px;-webkit-mask-image:linear-gradient(90deg,#000000b8,#0000 82%);mask-image:linear-gradient(90deg,#000000b8,#0000 82%)}.slot:not([data-open]) .film[data-peek] .film-meta{opacity:0}.slot:not([data-open]) .film[data-peek]:nth-child(n+5){display:none}.shelf-pager{display:flex}.shelf-frame[data-paged] .shelf-pager{scroll-snap-type:x mandatory;scrollbar-width:none;overflow-x:auto}.shelf-frame[data-paged] .shelf-pager::-webkit-scrollbar{display:none}.shelf-frame[data-paged] .shelf{scroll-snap-align:start;flex:0 0 100%}.pager{align-items:center;gap:14px;padding:2px 0 14px;display:flex}.pager-step{border:1px solid color-mix(in srgb, var(--ink) 22%, var(--paper));background:var(--paper);width:28px;height:28px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.pager-step svg{width:14px;height:14px}.pager-step:disabled{opacity:.3;cursor:default}.pager-dots{align-items:center;gap:7px;display:flex}.pager-dot{background:color-mix(in srgb, var(--ink) 22%, var(--paper));cursor:pointer;width:7px;height:7px;transition:background .18s var(--ease), transform .18s var(--ease);border:none;border-radius:50%;padding:0}.pager-dot[data-on]{background:var(--accent);transform:scale(1.3)}.shelf-note{color:color-mix(in srgb, var(--ink) 45%, var(--paper));font-size:11px}.paper-head{align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.paper-index{letter-spacing:.14em;color:var(--accent);font-size:10px}.paper-title{letter-spacing:-.012em;margin:0;font-size:21px;font-weight:600;line-height:28px}.paper-body{flex:1;min-height:0}.lede{max-width:46ch;color:color-mix(in srgb, var(--ink) 88%, var(--paper));margin:0 0 16px}.tasks{gap:9px;margin:0 0 18px;padding:0;list-style:none;display:grid}.task{align-items:flex-start;gap:10px;display:flex}.task-box{border:1.5px solid color-mix(in srgb, var(--ink) 45%, var(--paper));flex:none;place-items:center;width:16px;height:16px;margin-top:3px;display:grid}.task-box svg{stroke-width:2.2px;width:12px;height:12px;color:var(--accent)}.task[data-done] .task-text{color:color-mix(in srgb, var(--ink) 45%, var(--paper));text-decoration:line-through}.task-book{align-items:center;gap:12px}.task-book .task-box{margin-top:0}.book-cover{aspect-ratio:2/3;background:color-mix(in srgb, var(--ink) 9%, var(--paper));width:30px;box-shadow:var(--lift);flex:none;display:block;overflow:hidden}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-text{flex-direction:column;gap:3px;min-width:0;display:flex}.book-title{line-height:19px;display:block}.task-book[data-done] .task-text{text-decoration:none}.task-book[data-done] .book-title{text-decoration:line-through}.book-status{color:color-mix(in srgb, var(--ink) 45%, var(--paper));font-size:10px}.facts{gap:0;margin:0;display:grid}.facts div{border-bottom:1px solid color-mix(in srgb, var(--ink) 12%, var(--paper));justify-content:space-between;gap:18px;padding:8px 0;display:flex}.facts dt{color:color-mix(in srgb, var(--ink) 60%, var(--paper));font-size:13px}.facts dd{margin:0;font-size:13px}.scrawl{color:color-mix(in srgb, var(--ink) 55%, var(--paper-warm));margin:18px 0 0;font-size:15px;transform:rotate(-1.5deg)}@container sheet (width>=560px){.paper-body{columns:2;column-gap:40px}.paper-body>*{break-inside:avoid}.lede{max-width:none}.slot[data-open] .tasks{column-span:all;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px 34px;display:grid}}.slot:not([data-open]) .book-title{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}