:root{--font-display:"Anton", "IBM Plex Sans Thai", sans-serif;--font-body:"IBM Plex Sans Thai", sans-serif;--font-mono:"IBM Plex Mono", monospace;--bg:#f6f2e8;--surface:#fdfbf4;--ink:#0f211b;--muted:#5c6e63;--faint:#8a9a8e;--line:#dcd4bf;--line-strong:#0f211b;--green:#1c5c49;--green-deep:#123e31;--green-bright:#2e8c66;--gold:#d9a53a;--gold-deep:#b5821f;--red:#c23b2e;--sky:#4d9fd8;--accent:var(--gold);--accent-deep:var(--gold-deep);--halftone-dot:#1c5c4929;--speedline:#1c5c4914;--tex-opacity:1;--shadow-pop:6px 6px 0 var(--accent);--shadow-pop-sm:4px 4px 0 var(--accent)}html[data-theme=dark]{--bg:#0a1410;--surface:#101f18;--ink:#eaf3ed;--muted:#93ac9e;--faint:#67806f;--line:#21372c;--line-strong:#eaf3ed;--green:#3fae7e;--green-deep:#123e31;--green-bright:#4cc893;--gold:#e9bc52;--gold-deep:#c9982f;--red:#e25a4c;--sky:#6fb7e8;--halftone-dot:#4cc89321;--speedline:#4cc89312}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16.5px;line-height:1.75;transition:background-color .35s,color .35s}a{color:inherit}::selection{background:var(--gold);color:#0f211b}.wrap{max-width:1060px;margin:0 auto;padding:0 28px}.halftone{background-image:radial-gradient(var(--halftone-dot) 1.3px, transparent 1.3px);opacity:var(--tex-opacity);background-size:13px 13px}.speedlines{background-image:repeating-linear-gradient(-58deg, var(--speedline) 0px, var(--speedline) 2px, transparent 2px, transparent 17px);opacity:var(--tex-opacity)}.top-stripe{background:linear-gradient(90deg, var(--green-deep) 0%, var(--green-deep) 58%, var(--gold) 58%, var(--gold) 73%, var(--red) 73%, var(--red) 76%, var(--green-deep) 76%);height:6px}.site-header{border-bottom:2px solid var(--line-strong);background:var(--bg);transition:background-color .35s}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{width:auto;height:38px;display:block}.brand span{font-family:var(--font-mono);letter-spacing:.02em;font-size:13.5px;font-weight:600}.brand span b{color:var(--green);font-weight:600}.header-right,.site-nav{align-items:center;gap:18px;display:flex}.site-nav a{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;padding-bottom:2px;font-size:12.5px;text-decoration:none;position:relative}.site-nav a:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:2px;transition:transform .22s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.site-nav a:hover{color:var(--ink)}.site-nav a:hover:after{transform:scaleX(1)}.nav-mobile{display:none;position:relative}.nav-mobile summary{appearance:none;border:2px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;width:36px;height:36px;box-shadow:3px 3px 0 var(--accent);justify-content:center;align-items:center;font-size:16px;line-height:1;list-style:none;transition:transform .15s,box-shadow .15s;display:flex}.nav-mobile summary::-webkit-details-marker{display:none}.nav-mobile summary:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.nav-mobile[open] summary{box-shadow:none;transform:translate(3px,3px)}.nav-mobile nav{background:var(--surface);border:2px solid var(--line-strong);min-width:160px;box-shadow:var(--shadow-pop-sm);z-index:20;flex-direction:column;padding:10px 0;display:flex;position:absolute;top:calc(100% + 8px);right:0}.nav-mobile nav a{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);padding:9px 18px;font-size:12.5px;text-decoration:none}.nav-mobile nav a:hover{color:var(--ink);background:var(--bg)}.theme-toggle,.coffee-btn{appearance:none;border:2px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;width:36px;height:36px;box-shadow:3px 3px 0 var(--accent);justify-content:center;align-items:center;font-size:15px;line-height:1;transition:transform .15s,box-shadow .15s,background-color .35s;display:flex}.theme-toggle:hover,.coffee-btn:hover{box-shadow:4px 4px 0 var(--accent);transform:translate(-1px,-1px)}.theme-toggle:active,.coffee-btn:active{box-shadow:1px 1px 0 var(--accent);transform:translate(2px,2px)}.theme-toggle .moon,html[data-theme=dark] .theme-toggle .sun{display:none}html[data-theme=dark] .theme-toggle .moon{display:block}.coffee-btn{text-decoration:none}.hero{border-bottom:2px solid var(--line-strong);position:relative;overflow:hidden}.hero-tex{pointer-events:none;position:absolute;inset:0}.hero-tex .halftone{width:58%;height:100%;position:absolute;top:0;right:-8%;-webkit-mask-image:radial-gradient(at 70%,#000 30%,#0000 72%);mask-image:radial-gradient(at 70%,#000 30%,#0000 72%)}.hero-tex .speedlines{width:52%;height:100%;position:absolute;top:0;left:-4%;-webkit-mask-image:linear-gradient(100deg,#000 10%,#0000 65%);mask-image:linear-gradient(100deg,#000 10%,#0000 65%)}.hero .wrap{grid-template-columns:1.25fr .75fr;align-items:center;gap:32px;padding-top:64px;padding-bottom:64px;display:grid;position:relative}.hero-kicker{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);align-items:center;gap:10px;margin:0 0 18px;font-size:12px;font-weight:600;display:inline-flex}.hero-kicker:before{content:"";background:var(--red);width:9px;height:9px;display:inline-block}.hero h1{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;color:var(--ink);text-shadow:5px 5px 0 var(--accent);margin:0 0 22px;font-size:clamp(56px,8.5vw,92px);line-height:.95}.hero h1 .alt{color:var(--green)}.hero p.tagline{max-width:44ch;color:var(--muted);text-wrap:pretty;margin:0 0 26px;font-size:18px}.hero-links{flex-wrap:wrap;gap:14px;display:flex}.btn{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.05em;border:2px solid var(--line-strong);background:var(--green);color:#f6f2e8;box-shadow:var(--shadow-pop-sm);align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn.secondary{background:var(--surface);color:var(--ink)}.btn:hover{box-shadow:6px 6px 0 var(--accent);transform:translate(-2px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--accent);transform:translate(2px,2px)}.hero-art{justify-content:center;display:flex;position:relative}.hero-art .burst{background:radial-gradient(circle, var(--gold) 0%, var(--gold) 55%, transparent 56%);opacity:.22;border-radius:50%;width:320px;height:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-art .ring{border:2px dashed var(--green);opacity:.45;border-radius:50%;width:360px;height:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-art img{filter:drop-shadow(8px 10px #0f211b2e);width:270px;max-width:80%;height:auto;position:relative}html[data-theme=dark] .hero-art img{filter:drop-shadow(8px 10px #00000080)}.section-head{align-items:baseline;gap:16px;margin:0 0 26px;display:flex}.section-head h2{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0;font-size:30px}.section-head .rule{background:repeating-linear-gradient(-58deg, var(--green) 0 2px, transparent 2px 9px);opacity:.55;flex:1;align-self:center;height:8px}.section-head .count{font-family:var(--font-mono);white-space:nowrap;color:var(--bg);background:var(--green);letter-spacing:.08em;padding:3px 9px;font-size:12px;font-weight:600}.post-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.post-row{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr auto;align-items:baseline;gap:18px;padding:20px 6px;text-decoration:none;transition:background-color .2s;display:grid;position:relative}.post-row:hover{background:var(--surface)}.post-row:before{content:"";background:var(--accent);transform-origin:top;width:4px;height:100%;transition:transform .22s;position:absolute;top:0;left:-2px;transform:scaleY(0)}.post-row:hover:before{transform:scaleY(1)}.post-row .idx{font-family:var(--font-display);color:var(--line);letter-spacing:.04em;font-size:26px;transition:color .2s}.post-row:hover .idx{color:var(--accent)}.post-row .title-group{min-width:0}.post-row .post-title{color:var(--ink);background-image:linear-gradient(var(--accent), var(--accent));background-position:0 100%;background-repeat:no-repeat;background-size:0% 3px;padding-bottom:3px;font-size:18px;font-weight:700;transition:background-size .25s;display:inline}.post-row:hover .post-title{background-size:100% 3px}.post-row .post-meta{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tag{font-family:var(--font-mono);letter-spacing:.05em;color:var(--green);border:1px solid var(--green);background:0 0;padding:1px 8px;font-size:11px;font-weight:500;text-decoration:none;transition:background-color .18s,color .18s;display:inline-block;transform:skew(-8deg)}.tag:hover{background:var(--green);color:var(--bg)}.post-row .date{font-family:var(--font-mono);color:var(--faint);white-space:nowrap;font-size:12.5px}.section-cards{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.section-card{border:2px solid var(--line-strong);background:var(--surface);padding:26px 26px 22px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.section-card:hover{box-shadow:var(--shadow-pop);transform:translate(-3px,-3px)}.section-card .card-tex{width:45%;height:120%;position:absolute;top:-10px;right:-10px;-webkit-mask-image:linear-gradient(250deg,#000 20%,#0000 75%);mask-image:linear-gradient(250deg,#000 20%,#0000 75%)}.section-card h3{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 0 6px;font-size:26px;position:relative}.section-card p{color:var(--muted);margin:0 0 16px;font-size:14.5px;position:relative}.section-card .card-foot{justify-content:space-between;align-items:center;display:flex;position:relative}.section-card .count{font-family:var(--font-mono);color:var(--green);font-size:12px;font-weight:600}.section-card .arrow{font-family:var(--font-mono);color:var(--accent-deep);font-size:16px;font-weight:600;transition:transform .18s}.section-card:hover .arrow{transform:translate(5px)}.site-footer{border-top:2px solid var(--line-strong);background:var(--green-deep);color:#d8e6dc;margin-top:80px;position:relative;overflow:hidden}.site-footer .halftone{background-image:radial-gradient(#d9a53a24 1.3px,#0000 1.3px);background-size:13px 13px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(105deg,#0000 35%,#000 90%);mask-image:linear-gradient(105deg,#0000 35%,#000 90%)}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:26px;padding-bottom:26px;display:flex;position:relative}.site-footer .sig{font-family:var(--font-mono);letter-spacing:.05em;font-size:12.5px}.site-footer .sig b{color:var(--gold);font-weight:600}.site-footer nav{gap:18px;display:flex}.site-footer nav a{font-family:var(--font-mono);color:#aecbb8;font-size:12px;text-decoration:none}.site-footer nav a:hover{color:var(--gold)}.to-top{background:var(--gold);color:#0f211b;border:2px solid var(--line-strong);z-index:40;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .15s;display:flex;position:fixed;bottom:26px;right:26px;box-shadow:3px 3px #0f211b59}.to-top:hover{transform:translateY(-3px)}.article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:56px;padding-top:48px;padding-bottom:24px;display:grid}.back-link{font-family:var(--font-mono);letter-spacing:.05em;color:var(--muted);align-items:center;gap:7px;margin-bottom:30px;font-size:12.5px;font-weight:600;text-decoration:none;transition:color .18s;display:inline-flex}.back-link:hover{color:var(--green)}.back-link .arr{transition:transform .18s}.back-link:hover .arr{transform:translate(-4px)}.article-head{margin-bottom:38px}.article-head .kicker{font-family:var(--font-mono);letter-spacing:.14em;color:var(--green);align-items:center;gap:10px;margin:0 0 14px;font-size:12px;font-weight:600;display:inline-flex}.article-head .kicker:before{content:"";background:var(--red);width:9px;height:9px}.article-head h1{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;text-shadow:4px 4px 0 var(--accent);margin:0 0 16px;font-size:clamp(40px,6vw,62px);line-height:1.02}.article-head .meta-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.article-head .date{font-family:var(--font-mono);white-space:nowrap;color:var(--faint);font-size:13px}.article-rule{background:repeating-linear-gradient(-58deg, var(--gold) 0 2px, transparent 2px 9px);height:8px;margin-top:22px}.prose{max-width:70ch}.prose h2{font-family:var(--font-body);border-left:5px solid var(--gold);margin:2.2em 0 .7em;padding-left:16px;scroll-margin-top:24px;font-size:26px;font-weight:700;line-height:1.35}.prose h3{margin:1.8em 0 .6em;scroll-margin-top:24px;font-size:20px;font-weight:700}.prose p{margin:0 0 1.2em;line-height:1.95}.prose ul{margin:0 0 1.3em;padding-left:1.3em}.prose li{margin-bottom:.55em;line-height:1.9}.prose li::marker{color:var(--gold-deep)}.prose em{color:var(--muted)}.prose strong{color:var(--ink)}.prose a{color:var(--green);text-decoration:underline;-webkit-text-decoration-color:var(--gold);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:3px;text-decoration-thickness:2px}.prose a:hover{-webkit-text-decoration-color:var(--green);-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green)}.prose blockquote{border-left:5px solid var(--green);background:var(--surface);margin:1.6em 0;padding:16px 22px;position:relative}.prose blockquote p{margin:0}.prose img{border:2px solid var(--line-strong);max-width:100%;height:auto;box-shadow:var(--shadow-pop-sm);margin:1.4em 0}.prose hr{background:repeating-linear-gradient(-58deg, var(--line) 0 2px, transparent 2px 9px);border:none;height:8px;margin:2.4em 0}.prose .table-scroll{margin:1.5em 0;overflow-x:auto}.prose table{border-collapse:collapse;background:var(--surface);min-width:100%;margin:0}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 14px}.prose th{background:var(--green-deep);border-color:var(--green-deep);color:#f6f2e8;font-weight:700}.prose code{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--line);padding:1px 6px;font-size:.86em}.prose pre{background:var(--green-deep);color:#dcebdf;border:2px solid var(--line-strong);box-shadow:var(--shadow-pop-sm);margin:1.5em 0;padding:18px 22px;font-size:13.5px;line-height:1.7;overflow-x:auto}.prose pre code{color:inherit;background:0 0;border:none;padding:0}.toc{font-size:13px;position:sticky;top:28px}.toc .toc-label{font-family:var(--font-mono);letter-spacing:.16em;color:var(--faint);align-items:center;gap:8px;margin:0 0 14px;font-size:11px;font-weight:600;display:flex}.toc .toc-label:before{content:"";background:var(--gold);width:8px;height:8px}.toc ul{border-left:2px solid var(--line);flex-direction:column;gap:8px;margin:0;padding:0 0 0 14px;list-style:none;display:flex}.toc ul ul{border:none;margin-top:8px;padding-left:14px}.toc a{color:var(--muted);line-height:1.45;text-decoration:none;transition:color .15s}.toc a:hover{color:var(--green)}.toc-mobile{background:var(--surface);border:2px solid var(--line-strong);margin:0 0 32px;display:none}.toc-mobile summary{cursor:pointer;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding:14px 18px;font-size:11px;font-weight:600}.toc-mobile nav{padding:0 18px 18px}.toc-mobile ul{border-left:2px solid var(--line);flex-direction:column;gap:8px;margin:0;padding:0 0 0 14px;list-style:none;display:flex}.toc-mobile ul ul{border:none;margin-top:8px;padding-left:14px}.toc-mobile a{color:var(--muted);line-height:1.45;text-decoration:none;transition:color .15s}.toc-mobile a:hover{color:var(--green)}.toc-mobile summary:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.share-block{border-top:1px solid var(--line);margin-top:40px;padding-top:22px}.share-label{font-family:var(--font-mono);letter-spacing:.14em;color:var(--green);align-items:center;gap:10px;margin:0 0 14px;font-size:12px;font-weight:600;display:inline-flex}.share-label:before{content:"";background:var(--sky);width:9px;height:9px}.share-row,.share-fallback-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.share-btn{appearance:none;border:2px solid var(--line-strong);background:var(--surface);color:var(--ink);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;box-shadow:var(--shadow-pop-sm);justify-content:center;align-items:center;padding:8px 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .35s;display:inline-flex}.share-btn:hover{box-shadow:4px 4px 0 var(--sky);transform:translate(-1px,-1px)}.share-btn:active{box-shadow:1px 1px 0 var(--sky);transform:translate(2px,2px)}.share-btn:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.share-btn.share-native{display:none}.share-row.has-native-share .share-btn.share-native{display:inline-flex}.share-row.has-native-share .share-fallback-row{display:none}.share-status{font-family:var(--font-mono);color:var(--green);min-height:1em;font-size:12px}.article-foot{border-top:1px solid var(--line);margin-top:56px;padding-top:22px}.list-head{margin-bottom:8px;padding-top:48px}.list-head h1{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;text-shadow:4px 4px 0 var(--accent);margin:0 0 10px;font-size:clamp(46px,7vw,74px);line-height:1}.list-head .desc{color:var(--muted);max-width:52ch;margin:0}.list-body{padding-bottom:24px}@media (prefers-reduced-motion:no-preference){html.anim-pre .reveal{opacity:0;transform:translateY(14px)}.reveal{transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}.reveal.d1{transition-delay:70ms}.reveal.d2{transition-delay:.14s}.reveal.d3{transition-delay:.21s}.reveal.d4{transition-delay:.28s}}@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;padding-top:44px;padding-bottom:44px}.hero-art{order:-1}.hero-art img{width:190px}.hero-art .burst{width:230px;height:230px}.hero-art .ring{width:260px;height:260px}.article-layout{grid-template-columns:minmax(0,1fr);gap:0}.toc-aside{display:none}.toc-mobile{display:block}.section-cards{grid-template-columns:1fr}.post-row{grid-template-columns:44px 1fr}.post-row .date{grid-column:2}.post-row .idx{font-size:20px}.site-nav{display:none}.nav-mobile{display:block}.header-right{gap:10px}}