:root{--bg-light: #F4F4F0;--bg-dark: #0E0E0E;--text-light: #F4F4F0;--text-dark: #0E0E0E;--accent: #C52184;--font-sans: "Jost", -apple-system, sans-serif;--font-serif: "Bitter", serif;--font-mono: "JetBrains Mono", monospace}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body,html{margin:0;padding:0;background-color:var(--bg-light);color:var(--text-dark);font-family:var(--font-sans);overflow-x:hidden;cursor:crosshair}::selection{background:var(--text-dark);color:var(--bg-light)}.serif{font-family:var(--font-serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0}.sans-bold{font-family:var(--font-sans);font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:-.04em}.small{font-size:clamp(.7rem,1vw,1rem);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.text-accent{color:var(--accent)}.nav{position:fixed;top:2vw;left:2vw;right:2vw;display:flex;justify-content:space-between;z-index:100;mix-blend-mode:difference;color:#fff}.nav a{color:inherit;text-decoration:none;transition:color .3s}.nav a:hover{color:var(--accent)}.archive-page{min-height:100vh;padding:12vw 5vw 5vw;box-sizing:border-box}.archive-header{margin-bottom:8vw;max-width:1200px}.archive-title{font-size:clamp(3rem,8vw,10rem);font-weight:900;line-height:.9;text-transform:uppercase;letter-spacing:-.04em;margin:0 0 2vw}.archive-desc{font-size:clamp(1.2rem,2vw,2.5rem);line-height:1.4;max-width:800px;margin:0;color:#0e0e0eb3}.notes-list{list-style:none;padding:0;margin:0;border-top:2px solid var(--text-dark)}.notes-list li{display:none}.note-row{display:flex;flex-direction:column;padding:2.5vw 0;border-bottom:2px solid var(--text-dark);text-decoration:none;position:relative}@media(min-width:768px){.note-row{flex-direction:row;align-items:center;gap:2vw}}.note-meta{display:flex;gap:1.5vw;align-items:baseline;min-width:180px;margin-bottom:1vw;opacity:.5;transition:opacity .3s,color .3s;color:var(--text-dark)}@media(min-width:768px){.note-meta{margin-bottom:0}}.note-date{font-family:var(--font-sans);font-weight:700;font-size:clamp(.7rem,1vw,1rem);text-transform:uppercase;letter-spacing:.05em}.note-tag{font-size:clamp(.7rem,.9vw,.9rem);opacity:.6;text-transform:uppercase}.note-heading{font-size:clamp(1.8rem,4vw,5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin:0;background:linear-gradient(to right,var(--accent) 50%,var(--text-dark) 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;transition:background-position .5s cubic-bezier(.25,.8,.25,1)}.note-row:hover .note-heading{background-position:0% 0}.note-row:hover .note-meta{opacity:1;color:var(--accent)}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:4vw;padding-top:2vw;font-family:var(--font-sans);font-weight:900;text-transform:uppercase}.pagination-numbers{display:flex;gap:1.5vw}.page-btn{background:none;border:none;color:var(--text-dark);font-size:clamp(1.2rem,2vw,2rem);font-family:inherit;font-weight:inherit;cursor:pointer;padding:0;opacity:.3;transition:all .3s}.page-btn:hover{opacity:1;color:var(--accent)}.page-btn.active{opacity:1;color:var(--accent);text-decoration:underline;text-underline-offset:.3vw}.page-nav-btn{font-size:clamp(1rem,1.5vw,1.5rem);background:none;border:none;color:var(--text-dark);font-family:inherit;font-weight:inherit;cursor:pointer;transition:color .3s;display:inline-flex;align-items:center;gap:.5vw}.page-nav-btn:hover:not(:disabled){color:var(--accent)}.page-nav-btn:disabled{opacity:.2;cursor:not-allowed}.footer-simple{margin-top:10vw;padding-top:2vw;border-top:2px solid var(--text-dark);display:flex;justify-content:space-between;align-items:center}.back-link{font-size:clamp(1rem,1.5vw,1.5rem);font-weight:900;text-decoration:none;color:var(--text-dark);text-transform:uppercase;display:inline-flex;align-items:center;gap:.5vw;transition:color .3s}.back-link:hover{color:var(--accent)}