@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/caveat-cyrillic-ext-wght-normal.DiMfzA-V.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/caveat-cyrillic-wght-normal.D5lnP6kL.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/caveat-latin-ext-wght-normal.Byk3UhVp.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/caveat-latin-wght-normal.C1hSzPvX.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Architects Daughter;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/architects-daughter-latin-ext-400-normal.BsHeVfRr.woff2) format("woff2"),url(/_astro/architects-daughter-latin-ext-400-normal.FqHtA13I.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}@font-face{font-family:Architects Daughter;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/architects-daughter-latin-400-normal.DOGE_9Aw.woff2) format("woff2"),url(/_astro/architects-daughter-latin-400-normal.Ze4cbGW2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-normal.Czsa-EzN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-normal.C-3rgBeH.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-normal.CCVVNp6i.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pen: "Caveat Variable", Caveat, "Segoe Script", cursive;--marker: "Architects Daughter", "Comic Sans MS", cursive;--read: "Newsreader Variable", Newsreader, Georgia, serif;--desk: #fdfdfb;--desk-edge: #f1f0ec;--ink: #1a1a18;--ink-soft: #56544e;--note-ink: #1a1a18;--ink-black: #1f1e1c;--ink-blue: #1a3a8f;--ink-green: #14532d;--rule: #e3e1da;--shadow: 20 18 14;--paper-broken: #ff8fb1;--paper-local: #7fd3f7;--paper-working: #b6ec5c;--paper-opinion: #ffe94d;--paper-fix: #ffae4a}:root{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100svh;background-color:var(--desk);background-image:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--desk) 94%,#fff) 0%,var(--desk) 55%,var(--desk-edge) 100%);color:var(--ink);font-family:var(--read);font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.6}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:2px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:50;padding:.5rem .75rem;background:var(--desk);font-family:var(--marker)}[data-hand=pen]{--hand: var(--pen);--hand-scale: 1.35}[data-hand=marker]{--hand: var(--marker);--hand-scale: 1}[data-ink=black]{--note-ink: var(--ink-black)}[data-ink=blue]{--note-ink: var(--ink-blue)}[data-ink=green]{--note-ink: var(--ink-green)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.intro{max-width:46rem;margin:0 auto;padding:clamp(3rem,12vh,8rem) clamp(1.25rem,5vw,3rem) 0;font-family:var(--pen);font-size:clamp(1.45rem,1.2rem + .9vw,2rem);line-height:1.45;color:var(--ink-blue)}.intro__line{display:block;margin:0 0 .35rem;font:inherit;min-height:1.75em}.intro h1.intro__line{margin-bottom:1.1rem}.intro__caret{display:inline-block;width:.45em;margin-left:.05em;border-bottom:2px solid currentColor;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.intro__caret{display:none}}.board{max-width:82rem;margin:0 auto;padding:clamp(2.5rem,8vh,5rem) clamp(1rem,4vw,3rem) 6rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:clamp(1.5rem,3vw,2.75rem);align-items:start;list-style:none}.board__item{display:flex;justify-content:center}.note{--paper: var(--paper-opinion);display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:16rem;min-height:11rem;padding:1.15rem 1.15rem 1rem;background-color:var(--paper);background-image:linear-gradient(165deg,#ffffff59,#fff0 42%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E");background-blend-mode:normal,multiply;color:var(--note-ink);text-decoration:none;cursor:pointer;transform:rotate(var(--tilt, 0deg)) translateY(var(--nudge, 0px));box-shadow:0 1px 1px rgb(var(--shadow) / .16),0 8px 14px -6px rgb(var(--shadow) / .3),0 18px 28px -18px rgb(var(--shadow) / .38);transition:transform .16s ease,box-shadow .16s ease}.note[data-category=broken]{--paper: var(--paper-broken)}.note[data-category=local]{--paper: var(--paper-local)}.note[data-category=working]{--paper: var(--paper-working)}.note[data-category=opinion]{--paper: var(--paper-opinion)}.note[data-category=fix]{--paper: var(--paper-fix)}.note:hover,.note:focus-visible{transform:rotate(calc(var(--tilt, 0deg) * .4)) translateY(calc(var(--nudge, 0px) - 4px));box-shadow:0 2px 2px rgb(var(--shadow) / .18),0 14px 22px -8px rgb(var(--shadow) / .32),0 26px 40px -22px rgb(var(--shadow) / .42)}.note:focus-visible{outline-color:var(--note-ink)}.note__title{margin:0;font-family:var(--hand, var(--marker));font-size:calc(1.15rem * var(--hand-scale, 1));font-weight:400;line-height:1.25}.note__meta{margin-top:auto;font-family:var(--marker);font-size:.78rem;text-transform:lowercase;color:color-mix(in srgb,var(--note-ink) 72%,transparent)}.panel{position:fixed;inset:0;z-index:20;display:grid;place-items:start center;padding:clamp(1rem,5vh,4rem) 1rem;overflow-y:auto;overscroll-behavior:contain;background:color-mix(in srgb,var(--desk) 72%,transparent);backdrop-filter:blur(3px)}.panel[hidden]{display:none}.panel__sheet{--paper: var(--paper-opinion);position:relative;width:min(44rem,100%);padding:clamp(1.75rem,5vw,3.25rem);background-color:var(--paper);background-image:linear-gradient(170deg,#ffffff4d,#fff0 35%);color:var(--note-ink);box-shadow:0 2px 3px rgb(var(--shadow) / .18),0 24px 48px -16px rgb(var(--shadow) / .45)}.panel__sheet[data-category=broken]{--paper: var(--paper-broken)}.panel__sheet[data-category=local]{--paper: var(--paper-local)}.panel__sheet[data-category=working]{--paper: var(--paper-working)}.panel__sheet[data-category=opinion]{--paper: var(--paper-opinion)}.panel__sheet[data-category=fix]{--paper: var(--paper-fix)}.panel__sheet :focus-visible{outline-color:var(--note-ink)}.panel__close{position:absolute;top:.5rem;right:.5rem;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;font-family:var(--marker);font-size:1.1rem;cursor:pointer}.panel__kicker{margin:0 0 .5rem;font-family:var(--marker);font-size:.82rem;color:color-mix(in srgb,var(--note-ink) 72%,transparent)}.panel__title{margin:0 0 1.5rem;font-family:var(--hand, var(--marker));font-size:calc(clamp(1.6rem,1.2rem + 1.6vw,2.2rem) * var(--hand-scale, 1));font-weight:400;line-height:1.2}.panel__body{font-size:1.075rem;line-height:1.7}.panel__body>:first-child{margin-top:0}.panel__body a{text-underline-offset:3px}.panel__resources{margin:2rem 0 0;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--note-ink) 25%,transparent);font-family:var(--marker);font-size:.92rem}.panel__resources h3{margin:0 0 .6rem;font:inherit;color:color-mix(in srgb,var(--note-ink) 72%,transparent)}.panel__resources ul{margin:0;padding-left:1.1rem}.panel__resources li{margin-bottom:.35rem}.panel__updated{margin:1.5rem 0 0;font-family:var(--marker);font-size:.82rem;color:color-mix(in srgb,var(--note-ink) 62%,transparent)}@media(max-width:40rem){.board{grid-template-columns:1fr;gap:1.25rem}.note{max-width:none;min-height:0;transform:rotate(calc(var(--tilt, 0deg) * .25))}.note:hover,.note:focus-visible{transform:rotate(calc(var(--tilt, 0deg) * .25)) translateY(-2px)}.panel{padding:0}.panel__sheet{min-height:100svh}}@media(prefers-reduced-motion:reduce){.note{transition:none}}
