.notes-site,.note-page{background:radial-gradient(circle at 9% 14%,color-mix(in oklab,var(--primary)12%,transparent),transparent 30rem),radial-gradient(circle at 92% 34%,color-mix(in oklab,var(--secondary)38%,transparent),transparent 34rem),var(--background);min-height:100vh;color:var(--foreground);overflow:clip}.notes-site main{padding-top:5rem}.notes-hero{grid-template-columns:minmax(0,1.03fr) minmax(22rem,.72fr);align-items:center;gap:clamp(2rem,6vw,7rem);min-height:82vh;padding-top:7rem;padding-bottom:5rem;display:grid;position:relative}.notes-hero:after{content:"";background:linear-gradient(90deg,var(--primary),color-mix(in oklab,var(--primary)15%,transparent),transparent);height:1px;position:absolute;bottom:0;left:4rem;right:4rem}.notes-kicker{color:var(--primary);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:.6rem;font-size:.78rem;font-weight:700;display:inline-flex}.notes-kicker svg{width:1rem}.notes-hero h1{letter-spacing:-.065em;max-width:10ch;margin:1.4rem 0 1.5rem;font-size:clamp(3.35rem,7vw,7rem);font-weight:750;line-height:.96}.notes-hero h1 em{color:var(--primary);font-family:Georgia,Songti SC,serif;font-weight:400}.notes-hero-copy>p{max-width:37rem;color:color-mix(in oklab,var(--foreground)68%,transparent);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.85}.notes-hero-meta{color:color-mix(in oklab,var(--foreground)55%,transparent);flex-wrap:wrap;gap:.65rem 1.3rem;margin-top:2rem;font-size:.86rem;display:flex}.notes-hero-meta span{align-items:center;gap:.4rem;display:inline-flex}.notes-hero-meta svg{width:1rem}.notes-featured{border:1px solid color-mix(in oklab,var(--primary)45%,transparent);background:linear-gradient(160deg,color-mix(in oklab,var(--card)85%,transparent),var(--card)),var(--card);min-height:30rem;color:inherit;isolation:isolate;flex-direction:column;justify-content:flex-end;padding:clamp(1.8rem,4vw,3rem);text-decoration:none;transition:transform .45s cubic-bezier(.2,.75,.2,1),border-color .3s;display:flex;position:relative;box-shadow:0 32px 80px #00000047}.notes-featured:before{content:"";z-index:-1;background:linear-gradient(120deg,transparent 49.7%,color-mix(in oklab,var(--primary)18%,transparent)50%,transparent 50.3%),radial-gradient(circle at 78% 18%,color-mix(in oklab,var(--primary)34%,transparent),transparent 26%);opacity:.75;position:absolute;inset:0}.notes-featured:hover{border-color:var(--primary);transform:translateY(-7px)}.notes-featured-number{color:color-mix(in oklab,var(--primary)22%,transparent);font:400 5.5rem/1 Georgia,serif;position:absolute;top:1.5rem;right:2rem}.notes-featured small{color:var(--primary);letter-spacing:.1em;font-weight:700}.notes-featured h2{letter-spacing:-.035em;margin:.8rem 0 1rem;font-size:clamp(1.65rem,2.8vw,2.45rem);line-height:1.2}.notes-featured p{color:color-mix(in oklab,var(--foreground)60%,transparent);line-height:1.7}.notes-featured-arrow{width:2rem;height:2rem;color:var(--primary);margin-top:2rem;transition:transform .3s}.notes-featured:hover .notes-featured-arrow{transform:translate(.65rem)}.notes-collection{padding-top:clamp(5rem,10vw,9rem);padding-bottom:clamp(5rem,10vw,9rem)}.notes-section-heading{grid-template-columns:minmax(9rem,.3fr) minmax(0,1fr);gap:3rem;margin-bottom:3.5rem;display:grid}.notes-section-heading>span{color:var(--primary);letter-spacing:.15em;font-size:.76rem;font-weight:700}.notes-section-heading h2{letter-spacing:-.055em;max-width:16ch;font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.04}.notes-section-heading p{max-width:42rem;color:color-mix(in oklab,var(--foreground)58%,transparent);margin-top:1rem;font-size:1.05rem;line-height:1.75}.notes-card-grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.notes-card{border:1px solid color-mix(in oklab,var(--border)65%,transparent);background:color-mix(in oklab,var(--card)88%,transparent);min-height:24rem;color:inherit;flex-direction:column;grid-column:span 6;padding:clamp(1.6rem,3vw,2.6rem);text-decoration:none;transition:transform .35s,background .35s,border-color .35s;display:flex}.notes-card:nth-child(2),.notes-card:nth-child(3){grid-column:span 6}.notes-card:hover{border-color:var(--primary);background:color-mix(in oklab,var(--card)93%,var(--primary)7%);transform:translateY(-5px)}.notes-card-index{color:var(--primary);font:400 2.8rem/1 Georgia,serif}.notes-card h3{letter-spacing:-.03em;max-width:16ch;margin:auto 0 1rem;font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.28}.notes-card p{color:color-mix(in oklab,var(--foreground)58%,transparent);line-height:1.7}.notes-card footer{border-top:1px solid color-mix(in oklab,var(--border)55%,transparent);color:color-mix(in oklab,var(--foreground)55%,transparent);justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.2rem;font-size:.8rem;display:flex}.notes-card footer span{align-items:center;gap:.4rem;display:inline-flex}.notes-card footer svg{width:1rem}.notes-code-agent{padding-top:3rem}.notes-rows{border-top:1px solid color-mix(in oklab,var(--primary)45%,transparent)}.notes-row{border-bottom:1px solid color-mix(in oklab,var(--border)65%,transparent);color:inherit;grid-template-columns:5rem minmax(0,1fr) 5rem 1.5rem;align-items:center;gap:2rem;padding:2.3rem 0;text-decoration:none;transition:padding .3s,color .3s;display:grid}.notes-row:hover{color:var(--primary);padding-left:1rem}.notes-row-index{color:var(--primary);font:400 1.7rem/1 Georgia,serif}.notes-row h3{letter-spacing:-.025em;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.3}.notes-row p{max-width:48rem;color:color-mix(in oklab,var(--foreground)52%,transparent);margin-top:.45rem;line-height:1.6}.notes-row-time{color:color-mix(in oklab,var(--foreground)45%,transparent);font-size:.78rem}.notes-row>svg{transition:transform .3s}.notes-row:hover>svg{transform:translate(.4rem)}.notes-footer{border-top:1px solid color-mix(in oklab,var(--border)70%,transparent);grid-template-columns:1fr 1fr auto;align-items:center;gap:2rem;padding-top:3rem;padding-bottom:3rem;display:grid}.notes-footer div,.notes-footer a{align-items:center;gap:.7rem;display:flex}.notes-footer div>span{color:var(--primary)}.notes-footer p{color:color-mix(in oklab,var(--foreground)50%,transparent)}.notes-footer a{color:var(--primary);font-weight:700;text-decoration:none}.note-shell{grid-template-columns:12rem minmax(0,48rem);justify-content:center;gap:clamp(2rem,6vw,7rem);width:min(100% - 2rem,1160px);margin:0 auto;padding-top:10rem;padding-bottom:8rem;display:grid}.note-rail{height:fit-content;color:color-mix(in oklab,var(--foreground)50%,transparent);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:flex-start;gap:1.1rem;padding-top:.5rem;font-size:.78rem;display:flex;position:sticky;top:8rem}.note-rail a{color:var(--primary);align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:inline-flex}.note-rail a svg{width:1rem}.note-rail strong{color:color-mix(in oklab,var(--primary)26%,transparent);font:400 5rem/1 Georgia,serif}.note-article{min-width:0}.note-article>header{border-bottom:1px solid color-mix(in oklab,var(--primary)45%,transparent);padding-bottom:3.5rem}.note-meta{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;gap:1rem;font-size:.8rem;font-weight:700;display:flex}.note-meta span{align-items:center;gap:.4rem;display:flex}.note-meta svg{width:1rem}.note-article h1{letter-spacing:-.055em;text-wrap:balance;margin:1.35rem 0 1.5rem;font-size:clamp(2.45rem,5vw,4.7rem);line-height:1.05}.note-article>header>p{color:color-mix(in oklab,var(--foreground)62%,transparent);font-size:1.15rem;line-height:1.8}.note-prose{color:color-mix(in oklab,var(--foreground)86%,transparent);padding-top:3.5rem;font-size:1.05rem;line-height:1.9}.note-prose h2{letter-spacing:-.035em;color:var(--foreground);margin:4.5rem 0 1.4rem;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2}.note-prose h3{color:var(--foreground);margin:3.2rem 0 1rem;font-size:1.45rem}.note-prose p,.note-prose ul,.note-prose ol,.note-prose blockquote,.note-prose pre,.note-prose table{margin:1.25rem 0}.note-prose ul,.note-prose ol{padding-left:1.5rem}.note-prose li{margin:.55rem 0}.note-prose strong{color:var(--foreground)}.note-prose a{color:var(--primary);text-underline-offset:.22em}.note-prose blockquote{border-left:3px solid var(--primary);background:color-mix(in oklab,var(--card)84%,transparent);color:color-mix(in oklab,var(--foreground)72%,transparent);padding:1.2rem 1.5rem}.note-prose pre{border:1px solid color-mix(in oklab,var(--border)70%,transparent);color:#f4f0df;background:#080808;padding:1.25rem;font-size:.9rem;line-height:1.65;overflow-x:auto}.note-prose :not(pre)>code{background:color-mix(in oklab,var(--primary)14%,transparent);color:var(--primary);padding:.14rem .38rem;font-size:.9em}.note-prose table{border-collapse:collapse;width:100%;font-size:.92rem;display:block;overflow-x:auto}.note-prose th,.note-prose td{border:1px solid color-mix(in oklab,var(--border)75%,transparent);text-align:left;padding:.8rem}.note-prose th{color:var(--primary);background:color-mix(in oklab,var(--card)90%,transparent)}.note-pagination{border-top:1px solid color-mix(in oklab,var(--border)70%,transparent);grid-template-columns:1fr 1fr;gap:1rem;margin-top:5rem;padding-top:2rem;display:grid}.note-pagination a{border:1px solid color-mix(in oklab,var(--border)70%,transparent);color:inherit;flex-direction:column;gap:.7rem;padding:1.4rem;text-decoration:none;display:flex}.note-pagination a:last-child{text-align:right;align-items:flex-end}.note-pagination small{color:var(--primary);font-weight:700}.note-pagination span{align-items:center;gap:.5rem;line-height:1.4;display:flex}.note-pagination svg{flex:none;width:1rem}@media (max-width:1023px){.notes-hero{grid-template-columns:1fr;min-height:auto;padding-top:8rem}.notes-featured{min-height:24rem}.note-shell{grid-template-columns:1fr}.note-rail{flex-direction:row;align-items:center;position:static}.note-rail strong{margin-left:auto;font-size:2rem}}@media (max-width:680px){.notes-site main{padding-top:4rem}.notes-hero{gap:3rem;padding-top:5rem;padding-bottom:4rem}.notes-hero:after{left:2rem;right:2rem}.notes-hero h1{max-width:none;font-size:clamp(2.7rem,11vw,3.25rem)}.notes-featured{min-height:27rem}.notes-section-heading{grid-template-columns:1fr;gap:1rem}.notes-card-grid{scroll-snap-type:x mandatory;margin-right:-2rem;padding-right:2rem;display:flex;overflow-x:auto}.notes-card{scroll-snap-align:start;min-width:min(82vw,21rem);min-height:25rem}.notes-row{grid-template-columns:3rem minmax(0,1fr) 1.25rem;gap:1rem}.notes-row-time,.notes-row p{display:none}.notes-footer{grid-template-columns:1fr auto}.notes-footer p{display:none}.note-shell{width:min(100% - 2.5rem,48rem);padding-top:7.5rem;padding-bottom:5rem}.note-rail>span{display:none}.note-article h1{font-size:clamp(2.25rem,11vw,3.2rem)}.note-prose{font-size:1rem;line-height:1.85}.note-pagination{grid-template-columns:1fr}.note-pagination a:last-child{text-align:left;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.notes-featured,.notes-card,.notes-row,.notes-featured-arrow{transition:none}}