:root{--paper: #f4f1e4;--paper-dk: #e7e1cd;--ink: #1b2a1f;--ink-soft: #4a5a45;--leaf-dk: #16291f;--leaf: #2a5138;--leaf-lt: #79bb6b;--bush: #1f3f2c;--bush-dk: #152e24;--grass: #74ae3a;--grass-lt: #9ed24f;--bark: #4b3827;--bark-lt: #6f573c;--sky: #2f93e0;--sky-deep: #1566bd;--sky-pale: #a3ddf2;--sun: #f2d24a;--blossom: #e08fa8;--bg: var(--paper);--fg: var(--ink);--card-bg: var(--paper);--card-fg: var(--ink);--border: var(--leaf-dk);--accent: var(--leaf);--shadow: rgba(21, 46, 36, .18);--lift: 3px;--snap: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}::selection{background:#999;color:#fff}.x-app{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.x-main{flex:1 0 auto}.x-main{max-width:960px;margin:0 auto;padding:0 24px 80px;width:100%}.x-main.is-post{max-width:1180px}.x-hero-track{position:relative;height:190vh;width:100vw;margin-left:calc(50% - 50vw)}.x-hero{position:sticky;top:0;display:block;height:100svh;min-height:520px;overflow:hidden;width:100%;background:#1b78c9}.x-pixel-canvas{position:absolute;top:0;left:0;display:block;image-rendering:crisp-edges;image-rendering:pixelated}.x-hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:none;pointer-events:none}.x-hero-inner{position:absolute;left:6%;top:20%;right:50%;text-align:left;max-width:none;width:auto;margin:0;padding:0}.x-hero-line{position:relative;margin:0;font-size:clamp(16px,1.7vw,30px);white-space:nowrap;width:max-content;max-width:100%;color:var(--paper);min-height:1.4em;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 2px rgba(8,16,24,.95),0 2px 10px rgba(8,16,24,.8),0 4px 26px rgba(8,16,24,.5)}.x-hero-name{font-size:clamp(30px,5.2vw,100px);white-space:nowrap;font-weight:700;margin:8px 0;color:#fff;letter-spacing:-1px;text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.8),0 4px 24px rgba(0,0,0,.55)}.x-scroll-hint{position:absolute;bottom:48px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:float 2.4s ease-in-out infinite;text-decoration:none}.x-scroll-text{font-size:13px;letter-spacing:.05em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.8)}.x-scroll-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--leaf-dk)}.x-ground-edge{position:relative;height:48px;width:100vw;margin-left:calc(50% - 50vw);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' shape-rendering='crispEdges'><rect x='0' y='10' width='32' height='6' fill='%23152e24'/><rect x='0' y='8' width='8' height='2' fill='%231f3f2c'/><rect x='9' y='7' width='7' height='3' fill='%231f3f2c'/><rect x='17' y='8' width='7' height='2' fill='%231f3f2c'/><rect x='25' y='7' width='7' height='3' fill='%231f3f2c'/><rect x='2' y='9' width='4' height='1' fill='%232d5638'/><rect x='11' y='8' width='4' height='1' fill='%232d5638'/><rect x='19' y='9' width='4' height='1' fill='%232d5638'/><rect x='27' y='8' width='4' height='1' fill='%232d5638'/><rect x='5' y='5' width='1' height='4' fill='%233f7a3f'/><rect x='13' y='4' width='1' height='4' fill='%233f7a3f'/><rect x='21' y='6' width='1' height='3' fill='%233f7a3f'/><rect x='29' y='5' width='1' height='3' fill='%233f7a3f'/><rect x='0' y='26' width='32' height='6' fill='%23152e24'/><rect x='0' y='24' width='8' height='2' fill='%231f3f2c'/><rect x='9' y='23' width='7' height='3' fill='%231f3f2c'/><rect x='17' y='24' width='7' height='2' fill='%231f3f2c'/><rect x='25' y='23' width='7' height='3' fill='%231f3f2c'/><rect x='2' y='25' width='4' height='1' fill='%232d5638'/><rect x='11' y='24' width='4' height='1' fill='%232d5638'/><rect x='19' y='25' width='4' height='1' fill='%232d5638'/><rect x='27' y='24' width='4' height='1' fill='%232d5638'/><rect x='6' y='22' width='1' height='3' fill='%233f7a3f'/><rect x='14' y='21' width='1' height='4' fill='%233f7a3f'/><rect x='22' y='21' width='1' height='4' fill='%233f7a3f'/><rect x='30' y='22' width='1' height='3' fill='%233f7a3f'/></svg>");background-size:96px 96px;background-repeat:repeat-x;background-position:0 0;animation:grassSway 5s steps(1) infinite;pointer-events:none}.x-ground-edge.is-hero{transform:scaleY(-1);margin-bottom:8px}.x-ground-edge.is-footer{margin-top:32px;margin-bottom:-1px}@keyframes grassSway{0%{background-position-y:0}50%{background-position-y:-48px}to{background-position-y:0}}.x-section{margin-top:40px}.x-section-header{margin-bottom:24px;text-align:center}.x-section-title{font-size:30px;font-weight:700;margin:0;color:var(--leaf-dk);display:inline-block;position:relative;letter-spacing:-.4px}.x-section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:56px;height:4px;background:repeating-linear-gradient(90deg,var(--grass) 0 8px,transparent 8px 12px)}.x-error{color:#8f2f28;margin:8px 0;padding:10px 14px;background:var(--paper-dk);border:3px solid #8f2f28;text-align:center;font-weight:600}.x-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px}.x-card{background:var(--card-bg);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;border:3px solid var(--leaf-dk);border-radius:0;box-shadow:5px 5px 0 var(--bush-dk);transition:transform .34s var(--snap),box-shadow .34s var(--snap),border-color .34s var(--snap);opacity:0}.x-list.visible .x-card{opacity:1;animation:cardAppear .72s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 90ms)}.x-card:hover{transform:translate(calc(var(--lift) * -1),calc(var(--lift) * -1));box-shadow:8px 8px 0 var(--bush-dk);border-color:var(--leaf)}.x-card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--bush-dk)}.x-card-img-wrap{width:100%;aspect-ratio:1;overflow:hidden;background:var(--sky-pale);border-bottom:3px solid var(--leaf-dk)}.x-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease-out)}.x-card:hover .x-card-img{transform:scale(1.06)}.x-card-title{padding:12px 10px;font-size:14px;font-weight:700;color:var(--card-fg);text-align:center;background:var(--paper)}.x-card-empty{padding:32px;text-align:center;cursor:default;color:var(--ink-soft);font-weight:500}.x-card-empty:hover{transform:none;box-shadow:5px 5px 0 var(--bush-dk);border-color:var(--leaf-dk)}.x-post-section{margin-top:32px;animation:rise .5s var(--ease-out);background:var(--paper);border-radius:0;padding:32px;border:3px solid var(--leaf-dk);box-shadow:6px 6px 0 var(--bush-dk)}.x-post-bar{display:flex;justify-content:flex-end;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:3px solid var(--paper-dk)}.x-btn{background:var(--grass);border:3px solid var(--leaf-dk);color:var(--leaf-dk);padding:9px 18px;font-size:13px;cursor:pointer;border-radius:0;font-weight:700;box-shadow:4px 4px 0 var(--bush-dk);transition:transform .24s var(--snap),box-shadow .24s var(--snap),background .24s var(--snap)}.x-btn:hover{background:var(--grass-lt);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--bush-dk)}.x-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--bush-dk)}.x-btn:focus-visible{outline:3px solid var(--sky-deep);outline-offset:3px}.x-post{padding:8px 28px 24px;background:transparent;border:none;min-height:200px;color:var(--ink);line-height:1.75;font-size:17.5px}.x-post p{margin-bottom:16px}.x-post h1,.x-post h2,.x-post h3{color:var(--leaf-dk);margin-top:32px;margin-bottom:16px;font-weight:700;clear:both}.x-post a{font-weight:600;color:var(--sky-deep);text-decoration-thickness:2px;text-underline-offset:3px}.x-post a:hover{color:var(--leaf);background:var(--sun)}.x-post img{max-width:100%;height:auto;border-radius:0;margin:16px 0;box-shadow:4px 4px 0 var(--bush-dk);border:3px solid var(--leaf-dk)}.x-post pre{background:var(--leaf-dk);color:var(--grass-lt);padding:16px;border-radius:0;overflow-x:auto;border:3px solid var(--bush-dk);margin:16px 0;font-family:Fira Code,Courier New,monospace;font-size:14px}.x-post pre code{background:none;border:none;color:inherit;padding:0}.x-post code{font-family:Fira Code,Courier New,monospace;background:var(--paper-dk);color:var(--leaf-dk);padding:2px 6px;border-radius:0;border:2px solid var(--paper-dk);font-size:13px}.x-post .md-figure{margin:24px 0;max-width:100%;width:fit-content}.x-post .md-img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover;border:3px solid var(--leaf-dk);box-shadow:5px 5px 0 var(--bush-dk);background:var(--paper-dk)}.x-post video.md-img{background:#000}.x-post .md-caption{margin-top:8px;font-size:14px;line-height:1.45;color:var(--ink-soft);font-style:italic}.x-post .md-figure-left{float:left;margin:8px 26px 14px 0}.x-post .md-figure-right{float:right;margin:8px 0 14px 26px}.x-post .md-figure-centre{float:none;margin-left:auto;margin-right:auto}.x-post .md-figure-full{width:100%;float:none;margin-left:0;margin-right:0}.x-post .md-gallery{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0;clear:both}.x-post .md-gallery .md-figure{flex:1 1 220px;width:auto;min-width:0;margin:0;float:none}.x-post .md-gallery-4 .md-figure{flex-basis:180px}.x-post .md-icon{height:18px;width:18px;vertical-align:middle;margin-right:6px;border:none;box-shadow:none}.x-footer{text-align:center;padding:36px 32px 44px;color:var(--grass-lt);font-size:13px;border-top:none;margin-top:0;background:var(--bush-dk)}.x-footer-content{display:flex;flex-direction:column;align-items:center;gap:8px}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cardAppear{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 600px){.x-main{padding:0 16px 60px}.x-hero-line{font-size:18px}.x-hero-name{font-size:36px}.x-hero{min-height:400px}.x-hero-track{height:165vh}.x-hero-scrim{background:linear-gradient(170deg,#0003,#00000017,#0000)}.x-hero-inner{left:5%;right:5%;top:6%}.x-list{grid-template-columns:1fr}.x-section{margin-top:60px}.x-post-section{padding:20px}}