:root{--paper: #FFF6EA;--ink: #211D1A;--muted: #6F635A;--card: #FFFDF8;--acc: #FF6B5E;--acc-soft: #FFE3E0;--note-1: #FFE8A3;--note-2: #FFD1CC;--note-3: #C9E8FF;--note-4: #C9F7DF;--note-5: #E6DBFF;--font-d: "Bricolage Grotesque", "Arial Black", sans-serif;--font-b: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-m: "DM Mono", "Courier New", monospace;--bw: 2px;--r: 18px;--max: 1140px;--pad: clamp(1.25rem, 5vw, 2.5rem);--spring: cubic-bezier(.34, 1.56, .64, 1)}[data-accent=marigold]{--acc: #F5A623;--acc-soft: #FFEEC9}[data-accent=sky]{--acc: #4FA8FF;--acc-soft: #DCEDFF}[data-accent=mint]{--acc: #2ECC8F;--acc-soft: #D3F6E7}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);background-image:radial-gradient(rgba(33,29,26,.055) 1.2px,transparent 1.2px);background-size:22px 22px;color:var(--ink);font-family:var(--font-b);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--acc);color:var(--paper)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;cursor:pointer}h1,h2,h3{font-family:var(--font-d);font-weight:800;line-height:1.05;letter-spacing:-.02em}.container{width:100%;max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}main{min-height:60vh}.page-main{padding-bottom:clamp(3rem,8vw,5rem)}.narrow{max-width:880px}.sparkle{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;font-size:1.1rem;color:var(--acc);transform:translate(-50%,-50%);transition:opacity .3s}@media(hover:none),(pointer:coarse){.sparkle{display:none}}#confetti{position:fixed;inset:0;z-index:9998;pointer-events:none}.nav{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:var(--bw) solid var(--ink)}.nav-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);height:70px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-logo{font-family:var(--font-d);font-weight:800;font-size:1.15rem;display:inline-flex;align-items:center;gap:.5rem}.nav-logo .dot{width:13px;height:13px;border-radius:50%;background:var(--acc);border:var(--bw) solid var(--ink);transition:transform .4s var(--spring)}.nav-logo:hover .dot{transform:scale(1.45) rotate(25deg)}.nav-right{display:flex;align-items:center;gap:1.4rem}.nav-links{display:flex;gap:1.4rem}.nav-links a{font-weight:600;font-size:.92rem;padding:.35rem .7rem;border:var(--bw) solid transparent;border-radius:99px;transition:transform .3s var(--spring),border-color .2s,background .2s}.nav-links a:hover{transform:rotate(-2deg) scale(1.06);border-color:var(--ink);background:var(--card)}.nav-links a.active{background:var(--acc);border-color:var(--ink);color:var(--paper);box-shadow:2px 2px 0 var(--ink)}[data-accent=marigold] .nav-links a.active{color:var(--ink)}.palette-btn{width:40px;height:40px;border-radius:50%;border:var(--bw) solid var(--ink);background:var(--card);box-shadow:3px 3px 0 var(--ink);display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:transform .35s var(--spring),box-shadow .2s;flex-shrink:0}.palette-btn:hover{transform:rotate(-12deg) scale(1.08)}.palette-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.palette-btn.spinning{animation:palette-spin .5s var(--spring)}@keyframes palette-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-burger{display:none;background:var(--card);border:var(--bw) solid var(--ink);border-radius:12px;width:42px;height:40px;box-shadow:3px 3px 0 var(--ink);flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0}.nav-burger span{width:18px;height:2px;background:var(--ink);border-radius:2px}.mobile-menu{display:none;position:sticky;top:70px;z-index:99;background:var(--paper);border-bottom:var(--bw) solid var(--ink);padding:.6rem var(--pad) 1.1rem;flex-direction:column;gap:.5rem}.mobile-menu.open{display:flex}.mobile-menu a{font-family:var(--font-d);font-weight:700;font-size:1.25rem;padding:.55rem .9rem;border:var(--bw) solid var(--ink);border-radius:14px;background:var(--card);box-shadow:3px 3px 0 var(--ink)}.mobile-menu a.active{background:var(--acc);color:var(--paper)}[data-accent=marigold] .mobile-menu a.active{color:var(--ink)}@media(max-width:800px){.nav-links{display:none}.nav-burger{display:flex}}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-d);font-weight:700;font-size:.98rem;padding:.8rem 1.6rem;border-radius:99px;border:var(--bw) solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .25s var(--spring),box-shadow .25s var(--spring),background .2s;will-change:transform}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active{transform:translate(2px,2px) scale(.97);box-shadow:0 0 0 var(--ink)}.btn-acc{background:var(--acc);color:var(--paper)}[data-accent=marigold] .btn-acc{color:var(--ink)}.btn-plain{background:var(--card);color:var(--ink)}.btn[disabled],.btn.disabled{opacity:.5;pointer-events:none;box-shadow:2px 2px 0 var(--ink)}.marquee{border-top:var(--bw) solid var(--ink);border-bottom:var(--bw) solid var(--ink);background:var(--acc);color:var(--paper);overflow:hidden;white-space:nowrap;padding:.7rem 0;transition:background .3s}[data-accent=marigold] .marquee{color:var(--ink)}.marquee-track{display:inline-flex;gap:2.5rem;padding-right:2.5rem;animation:scroll-x 22s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{font-family:var(--font-d);font-weight:800;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:2.5rem}@keyframes scroll-x{to{transform:translate(-25%)}}.section{padding:clamp(3.2rem,8vw,6rem) 0}.section-tag{display:inline-block;font-family:var(--font-m);font-size:.82rem;background:var(--ink);color:var(--paper);padding:.3rem .95rem;border-radius:99px;margin-bottom:1.3rem;transform:rotate(-1deg)}.section h2{font-size:clamp(1.9rem,4.5vw,3.2rem);margin-bottom:1rem}.section-head-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.view-all{font-weight:700;font-size:.95rem;color:var(--acc);white-space:nowrap}.view-all:hover{text-decoration:underline wavy;text-underline-offset:5px}.pop{opacity:0;transform:translateY(36px) scale(.96);transition:opacity .65s var(--spring),transform .65s var(--spring);transition-delay:var(--d, 0s)}.pop.in-view{opacity:1;transform:none}.page-head{padding:clamp(2.8rem,7vw,5rem) 0 clamp(1.8rem,4vw,2.6rem)}.page-head h1{font-size:clamp(2.6rem,7vw,5rem);margin-bottom:1.1rem}.page-head .lede{color:var(--muted);font-size:clamp(1rem,1.7vw,1.15rem);max-width:52ch}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:2rem}@media(max-width:760px){.cards-grid{grid-template-columns:1fr}}.cards-grid.single{grid-template-columns:1fr}.tcard{position:relative;display:flex;flex-direction:column;background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:6px 6px 0 var(--ink);padding:clamp(1.5rem,3.5vw,2.2rem);transition:box-shadow .3s var(--spring);transform-style:preserve-3d;will-change:transform}.tcard:hover{box-shadow:10px 10px 0 var(--ink)}.tcard-sticker{position:absolute;top:-14px;right:18px;font-family:var(--font-d);font-weight:700;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;background:var(--note-1);border:var(--bw) solid var(--ink);padding:.3rem .8rem;border-radius:99px;box-shadow:2px 2px 0 var(--ink);transform:rotate(6deg)}.tcard-sticker.live{background:var(--note-4)}.tcard-sticker.soon{background:var(--note-3)}.tcard h3{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:.7rem}.tcard p{color:var(--muted);font-size:.97rem}.tcard-foot{margin-top:auto;padding-top:1.4rem;font-weight:700;color:var(--acc)}.tcard-foot .arr{display:inline-block;transition:transform .3s var(--spring)}.tcard:hover .tcard-foot .arr{transform:translate(6px) rotate(-8deg)}.tcard-built{font-family:var(--font-m);font-size:.78rem;color:var(--muted);margin-top:.8rem}.tcard-built a{text-decoration:underline}.tcard-actions{margin-top:1.4rem}.about-box{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:6px 6px 0 var(--ink);padding:clamp(1.6rem,4.5vw,3rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem)}.about-box p{color:var(--muted);margin-bottom:1rem}.about-box p:last-child{margin-bottom:0}.about-box strong{color:var(--ink)}.about-box a{color:var(--acc);font-weight:700}.about-box a:hover{text-decoration:underline wavy;text-underline-offset:4px}@media(max-width:760px){.about-box{grid-template-columns:1fr}}.thought-card{display:flex;align-items:baseline;gap:1.4rem;background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:5px 5px 0 var(--ink);padding:1.4rem 1.8rem;margin-top:1.4rem;transition:transform .35s var(--spring),box-shadow .35s var(--spring)}.thought-card:hover{transform:translate(-3px,-3px) rotate(-.5deg);box-shadow:9px 9px 0 var(--ink)}.thought-date{font-family:var(--font-m);font-size:.8rem;color:var(--muted);white-space:nowrap}.thought-title{font-family:var(--font-d);font-weight:700;font-size:clamp(1.1rem,2.2vw,1.45rem);display:block}.thought-desc{color:var(--muted);font-size:.93rem;margin-top:.25rem;display:block}.thought-arr{margin-left:auto;font-size:1.4rem;color:var(--acc);transition:transform .3s var(--spring)}.thought-card:hover .thought-arr{transform:translate(6px)}@media(max-width:640px){.thought-card{flex-direction:column;gap:.4rem}.thought-arr{margin-left:0}}.empty-state{color:var(--muted);text-align:center;border:var(--bw) dashed var(--ink);border-radius:var(--r);padding:2.5rem;margin-top:1.4rem;background:var(--card)}.cta-box{background:var(--acc);border:var(--bw) solid var(--ink);border-radius:calc(var(--r) + 8px);box-shadow:8px 8px 0 var(--ink);padding:clamp(2.4rem,7vw,5rem) clamp(1.5rem,5vw,4rem);text-align:center;color:var(--paper);position:relative;overflow:hidden;transition:background .3s}[data-accent=marigold] .cta-box{color:var(--ink)}.cta-box h2{font-size:clamp(2rem,6vw,4.2rem);margin-bottom:.9rem}.cta-box p{opacity:.92;max-width:46ch;margin:0 auto 2rem}.cta-box .btn-plain:hover{background:var(--paper)}.guide-card{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(1.2rem,3vw,2.2rem);align-items:center;background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:6px 6px 0 var(--ink);padding:clamp(1.5rem,3.5vw,2.2rem);margin-bottom:1.6rem;transition:transform .35s var(--spring),box-shadow .35s var(--spring)}.guide-card:hover{transform:translate(-3px,-3px) rotate(-.4deg);box-shadow:10px 10px 0 var(--ink)}.guide-emoji{width:64px;height:64px;border-radius:16px;border:var(--bw) solid var(--ink);background:var(--acc-soft);display:flex;align-items:center;justify-content:center;font-size:1.7rem;box-shadow:3px 3px 0 var(--ink);transform:rotate(-4deg);transition:transform .4s var(--spring),background .3s}.guide-card:hover .guide-emoji{transform:rotate(4deg) scale(1.08)}.guide-tag{display:inline-block;font-family:var(--font-m);font-size:.72rem;background:var(--ink);color:var(--paper);padding:.16rem .7rem;border-radius:99px;margin-bottom:.5rem}.guide-card h2{font-size:clamp(1.3rem,2.6vw,1.8rem);margin-bottom:.5rem}.guide-card .desc{color:var(--muted);font-size:.95rem;max-width:60ch}.guide-actions{display:flex;flex-direction:column;gap:.7rem}@media(max-width:760px){.guide-card{grid-template-columns:1fr}.guide-actions{flex-direction:row}}.post-wrap{max-width:720px;margin:0 auto}.back-link{display:inline-block;font-weight:700;font-size:.9rem;background:var(--card);border:var(--bw) solid var(--ink);border-radius:99px;padding:.45rem 1.1rem;box-shadow:3px 3px 0 var(--ink);margin-bottom:2.4rem;transition:transform .3s var(--spring),box-shadow .3s}.back-link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.post-title{font-size:clamp(2.3rem,6vw,4rem);margin-bottom:1rem}.post-date{display:inline-block;font-family:var(--font-m);font-size:.85rem;background:var(--note-1);border:var(--bw) solid var(--ink);border-radius:99px;padding:.25rem .9rem;box-shadow:2px 2px 0 var(--ink);transform:rotate(-1.5deg);margin-bottom:2.6rem}.prose{font-size:1.08rem;line-height:1.85;color:var(--muted)}.prose p{margin-bottom:1.4rem}.prose strong{color:var(--ink)}.prose a{color:var(--acc);font-weight:700}.prose a:hover{text-decoration:underline wavy;text-underline-offset:4px}.prose h2{font-size:clamp(1.4rem,3vw,1.8rem);color:var(--ink);margin:2.4rem 0 .8rem}.prose h3{font-size:clamp(1.15rem,2.4vw,1.4rem);color:var(--ink);margin:2rem 0 .6rem}.prose ul,.prose ol{padding-left:1.5rem;margin-bottom:1.4rem}.prose li{margin-bottom:.4rem}.prose blockquote{border-left:4px solid var(--acc);background:var(--card);border-radius:0 var(--r) var(--r) 0;padding:1rem 1.25rem;margin:1.75rem 0}.prose blockquote p{margin:0}.prose code{font-family:var(--font-m);font-size:.85em;background:var(--card);border:1px solid var(--ink);padding:.1em .4em;border-radius:6px}.prose pre{background:var(--ink);color:var(--paper);border-radius:var(--r);border:var(--bw) solid var(--ink);box-shadow:4px 4px #211d1a66;padding:1.25rem;overflow-x:auto;margin-bottom:1.4rem}.prose pre code{background:none;border:none;padding:0;color:inherit;font-size:.9rem}.prose hr{border:none;border-top:var(--bw) dashed var(--ink);margin:2.5rem 0;opacity:.4}.gb-form{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:6px 6px 0 var(--ink);padding:clamp(1.5rem,4vw,2.2rem);margin-bottom:3rem}.gb-field{margin-bottom:1.2rem}.gb-field label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-d);font-weight:700;font-size:.95rem;margin-bottom:.5rem}.char-count{font-family:var(--font-m);font-size:.75rem;color:var(--muted);font-weight:400}.char-count.near-limit{color:var(--acc)}.gb-field input,.gb-field textarea{width:100%;background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);border-radius:12px;padding:.75rem 1rem;font:inherit;font-size:.95rem;transition:box-shadow .2s,transform .2s;-webkit-appearance:none}.gb-field input:focus,.gb-field textarea:focus{outline:none;box-shadow:4px 4px 0 var(--acc);transform:translate(-1px,-1px)}.gb-field textarea{resize:vertical;min-height:110px;line-height:1.6}#honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none;height:0}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.form-error{font-family:var(--font-m);font-size:.82rem;color:#d63b2f;margin:0;min-height:1.25rem}.form-success{font-family:var(--font-d);font-weight:700;font-size:1.05rem;background:var(--note-4);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:4px 4px 0 var(--ink);padding:1.5rem;margin-bottom:3rem;text-align:center;transform:rotate(-.5deg)}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.6rem;margin-top:1.8rem}.note{position:relative;min-height:165px;border:var(--bw) solid var(--ink);border-radius:4px;box-shadow:5px 5px #211d1ad9;padding:1.5rem 1.2rem 1.1rem;transform:rotate(var(--rot, -1deg));transition:transform .35s var(--spring),box-shadow .35s var(--spring);display:flex;flex-direction:column}.note:hover{transform:rotate(0) scale(1.04);box-shadow:8px 8px #211d1ad9;z-index:2}.note:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-2deg);width:86px;height:22px;background:#ffffffa6;border:1px solid rgba(33,29,26,.25)}.note-msg{font-size:.93rem;color:var(--ink);flex:1;word-break:break-word;white-space:pre-wrap}.note-meta{display:flex;align-items:baseline;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.note-name{font-family:var(--font-d);font-weight:700;font-size:.9rem}.note-date{font-family:var(--font-m);font-size:.7rem;color:var(--muted)}.entries-loading,.entries-empty{color:var(--muted);text-align:center;padding:2.5rem;border:var(--bw) dashed var(--ink);border-radius:var(--r);background:var(--card);margin-top:1.8rem}footer{border-top:var(--bw) solid var(--ink);margin-top:clamp(3rem,8vw,5rem);background:var(--card)}.footer-inner{max-width:var(--max);margin:0 auto;padding:2.2rem var(--pad);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-copy{font-family:var(--font-m);font-size:.82rem;color:var(--muted)}.footer-links{display:flex;gap:.8rem}.footer-links a{font-weight:700;font-size:.85rem;border:var(--bw) solid var(--ink);border-radius:99px;padding:.35rem 1rem;background:var(--paper);box-shadow:3px 3px 0 var(--ink);transition:transform .3s var(--spring),box-shadow .3s,background .2s}.footer-links a:hover{transform:translate(-2px,-2px) rotate(-2deg);box-shadow:5px 5px 0 var(--ink);background:var(--acc-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.pop{opacity:1;transform:none}.marquee-track{animation:none}.sparkle{display:none}}