@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/m-plus-rounded-1c-latin-700-normal.BYs1YzuX.woff2)format("woff2"),url(/_astro/m-plus-rounded-1c-latin-700-normal.DpYetMpZ.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/m-plus-rounded-1c-latin-800-normal.941enk6N.woff2)format("woff2"),url(/_astro/m-plus-rounded-1c-latin-800-normal.B5F1WBCU.woff)format("woff")}@font-face{font-family:ArtIFab Pixel;src:url(/_astro/ArtIFab-Solid.DLVbs9U6.woff2)format("woff2");font-display:swap}@font-face{font-family:ArtIFab Pixel Tiles;src:url(/_astro/ArtIFab-Tiles.Do0gCNsy.woff2)format("woff2");font-display:swap}:root{color-scheme:dark;--af-bg:#18161f;--af-panel:#221f2b;--af-raise:#2a2634;--af-line:#2c2936;--af-fg:#ede6f0;--af-dim:#9e97a8;--af-faint:#7f7989;--af-amber:#ffb547;--af-coral:#ff5a5f;--af-violet:#b04dff;--af-teal:#3ec9b0;--af-stage:#0b0a0f;--af-accent:#ff7a4d;--af-on-accent:#18161f;--af-grad:linear-gradient(100deg, #ffb547 0%, #ff5a5f 52%, #b04dff 100%);--af-ok:#3ec9b0;--af-warn:#ffb547;--af-bad:#ff4d5e;--af-unknown:#7f7989;--af-s1:#ffb547;--af-s2:#ff5a5f;--af-s3:#b04dff;--af-s4:#3ec9b0;--af-s5:#6aa8ff;--af-display:"ArtIFab Pixel Tiles", system-ui, sans-serif;--af-text:"ArtIFab Pixel", system-ui, sans-serif;--af-small:system-ui, -apple-system, "Segoe UI", sans-serif;--af-radius:14px;--af-gap:16px;--af-ease:cubic-bezier(.2, .7, .2, 1)}:root[data-theme=light]{color-scheme:light;--af-bg:#f4f1ec;--af-panel:#fbfaf7;--af-raise:#fff;--af-line:#dcd8d0;--af-fg:#2a2d3a;--af-dim:#5f616c;--af-faint:#8a8494;--af-accent:#bf4119;--af-on-accent:#fff;--af-ok:#0f8a74;--af-warn:#a86400;--af-bad:#cc2337;--af-unknown:#7d7787;--af-s1:#b87200;--af-s2:#d63f45;--af-s3:#8f3be0;--af-s4:#10937c;--af-s5:#2f6fd6}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--af-bg:#f4f1ec;--af-panel:#fbfaf7;--af-raise:#fff;--af-line:#dcd8d0;--af-fg:#2a2d3a;--af-dim:#5f616c;--af-faint:#8a8494;--af-accent:#bf4119;--af-on-accent:#fff;--af-ok:#0f8a74;--af-warn:#a86400;--af-bad:#cc2337;--af-unknown:#7d7787;--af-s1:#b87200;--af-s2:#d63f45;--af-s3:#8f3be0;--af-s4:#10937c;--af-s5:#2f6fd6}}.af{background:var(--af-bg);color:var(--af-fg);font:15px/1.55 var(--af-text);-webkit-font-smoothing:antialiased}.af :is(h1,h2,h3){font-family:var(--af-display);letter-spacing:.01em;color:var(--af-fg);margin:0;font-weight:400}.af h1{font-size:clamp(1.6rem,4vw,2.4rem)}:where(.af) a{color:var(--af-accent)}.af :focus-visible{outline:2px solid var(--af-accent);outline-offset:2px}.af-eyebrow{font:600 .72rem/1 var(--af-small);letter-spacing:.14em;text-transform:uppercase;color:var(--af-accent)}.af-grad-text{background:var(--af-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.af-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.af-tile{background:var(--af-panel);border:1px solid var(--af-line);border-radius:var(--af-radius);color:inherit;padding:14px 16px 14px 20px;text-decoration:none;display:block;position:relative;overflow:hidden}.af-tile:before{content:"";background:var(--af-st,var(--af-unknown));width:5px;position:absolute;inset:0 auto 0 0}.af-tile[data-status=ok]{--af-st:var(--af-ok)}.af-tile[data-status=warn]{--af-st:var(--af-warn)}.af-tile[data-status=bad]{--af-st:var(--af-bad);border-color:color-mix(in srgb, var(--af-bad) 45%, var(--af-line))}.af-tile-name{font:.78rem/1.3 var(--af-small);color:var(--af-dim);justify-content:space-between;gap:8px;display:flex}.af-tile-name b{color:var(--af-st,var(--af-unknown));font-weight:600}.af-tile-value{font:2rem/1.1 var(--af-display);font-variant-numeric:tabular-nums;margin:6px 0 2px}.af-tile-value small{font:.8rem var(--af-small);color:var(--af-dim);white-space:nowrap;margin-left:6px}.af-tile-value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.af-tile-target{font:.78rem/1.35 var(--af-small);color:var(--af-dim);margin-bottom:6px}.af-tile[data-status=unknown] .af-tile-value,.af-tile:not([data-status]) .af-tile-value{color:var(--af-unknown)}.af-tile-why{font:.82rem/1.35 var(--af-small);color:var(--af-dim)}.af-tile-err{font:.78rem/1.35 var(--af-small);color:var(--af-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.af-trend{font:.78rem var(--af-small)}.af-trend.good{color:var(--af-ok)}.af-trend.bad{color:var(--af-bad)}.af-trend.flat{color:var(--af-dim)}a.af-tile:hover{border-color:var(--af-accent)}.af-changes{gap:6px;margin:0;padding:0;list-style:none;display:grid}.af-changes li{background:var(--af-panel);font:.9rem/1.4 var(--af-small);border-radius:10px;grid-template-columns:1.4em 1fr auto;align-items:baseline;gap:10px;padding:8px 12px;display:grid}.af-changes time{color:var(--af-dim);font-size:.78rem}.af-state{font:600 .82rem/1.2 var(--af-small);color:color-mix(in srgb, var(--af-c,var(--af-dim)) 80%, var(--af-fg));white-space:nowrap;align-items:center;gap:.4em;display:inline-flex}.af-state:before{content:var(--af-g,"?");color:var(--af-c,var(--af-dim))}.af-state[data-state=done]{--af-c:var(--af-ok);--af-g:"●"}.af-state[data-state=running]{--af-c:var(--af-s5);--af-g:"◐"}.af-state[data-state=needs]{--af-c:var(--af-warn);--af-g:"▲"}.af-state[data-state=failed]{--af-c:var(--af-bad);--af-g:"✕"}.af-state[data-state=parked]{--af-c:var(--af-dim);--af-g:"‖"}.af-status{font:600 .82rem/1.2 var(--af-small);color:color-mix(in srgb, var(--af-c,var(--af-unknown)) 80%, var(--af-fg));white-space:nowrap;align-items:center;gap:.4em;display:inline-flex}.af-status:before{content:var(--af-g,"?");color:var(--af-c,var(--af-unknown))}.af-status[data-status=ok]{--af-c:var(--af-ok);--af-g:"●"}.af-status[data-status=warn]{--af-c:var(--af-warn);--af-g:"▲"}.af-status[data-status=bad]{--af-c:var(--af-bad);--af-g:"✕"}.af-tag{font:600 .72rem/1 var(--af-small);color:var(--af-dim);border:1px solid var(--af-line);background:var(--af-raise);border-radius:99px;padding:4px 8px;display:inline-block}.af-btn{font:600 .85rem/1 var(--af-small);border:1px solid var(--af-line);color:var(--af-fg);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.af-btn:hover{background:var(--af-raise)}.af-btn.primary{background:var(--af-accent);border-color:var(--af-accent);color:var(--af-on-accent)}.af-btn:not(.primary),.af-tag{border-color:color-mix(in srgb, var(--af-dim) 45%, var(--af-panel))}.af-chip.af-chip{min-height:32px;font:500 .85rem/1 var(--af-small);color:var(--af-fg);border:1px solid color-mix(in srgb, var(--af-dim) 45%, var(--af-panel));cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:.4em;padding:6px 12px;text-decoration:none;display:inline-flex}.af-chip.af-chip:hover{background:var(--af-raise)}.af-chip.af-chip:is([aria-current]:not([aria-current=false]),[aria-pressed=true]){background:var(--af-raise);border-color:var(--af-dim);font-weight:700}.af-chip.af-chip.empty{color:var(--af-dim)}.af-chip b[data-status]{font-weight:400}.af-chip b[data-status=ok]{color:var(--af-ok)}.af-chip b[data-status=warn]{color:var(--af-warn)}.af-chip b[data-status=bad]{color:var(--af-bad)}.af-chip b[data-status=unknown]{color:var(--af-unknown)}.af-sec{border:1px solid var(--af-line);border-radius:var(--af-radius);background:var(--af-panel);margin:12px 0}.af-sec>summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px 44px 14px 18px;list-style:none;display:flex;position:relative}.af-sec>summary::-webkit-details-marker{display:none}.af-sec>summary:after{content:"+";color:var(--af-dim);font-family:var(--af-display);position:absolute;top:14px;right:18px}.af-sec[open]>summary:after{content:"−"}.af h3,.af-sec>summary h2{font-family:var(--af-text)}.af-sec>summary h2{color:var(--af-fg);font-size:1.15rem}.af-sec>summary .af-headline{font:1.1rem var(--af-text);color:var(--af-fg);white-space:nowrap}.af-sec .af-chart{max-width:520px}.af-sec>div{padding:0 18px 18px}.af-table{border-collapse:collapse;width:100%;font:.82rem/1.4 var(--af-small);font-variant-numeric:tabular-nums}.af-table th{text-align:left;color:var(--af-dim);border-bottom:1px solid var(--af-line);padding:6px 8px;font-weight:600}.af-table td{border-bottom:1px solid color-mix(in srgb, var(--af-line) 60%, transparent);padding:6px 8px}.af-table td.num,.af-table th.num{text-align:right}@keyframes af-drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.af-rain>*{animation:af-drop .5s var(--af-ease) both;animation-delay:calc(var(--i,0) * 45ms)}@media (prefers-reduced-motion:reduce){.af-rain>*{animation:none}}:root{--bg:var(--af-bg);--fg:var(--af-fg);--dim:var(--af-dim);--line:var(--af-line);--card:#e9e5de;--accent:var(--af-accent);--grad:var(--af-grad);--display:"M PLUS Rounded 1c",system-ui,sans-serif;--radius:var(--af-radius);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--card:var(--af-panel);color-scheme:dark}}:root[data-theme=dark]{--card:var(--af-panel);color-scheme:dark}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit}body{background:var(--bg);color:var(--fg);flex-direction:column;min-height:100dvh;margin:0;display:flex}main{flex:1}a{color:inherit}::selection{background:var(--af-coral);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,.brand,.eyebrow,.btn{font-family:var(--display)}:root[data-font=pixel]{--display:"ArtIFab Pixel Tiles", "M PLUS Rounded 1c", system-ui, sans-serif;font-family:ArtIFab Pixel,system-ui,sans-serif}:root[data-font=pixel] :is(code,kbd,samp,pre){font-family:inherit}.ai{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.top{z-index:30;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:14px 16px;display:flex;position:sticky;top:0}.top.overlay{-webkit-backdrop-filter:none;color:#fff;background:linear-gradient(#00000080,#0000);border:0;position:absolute;inset:0 0 auto}.brand{letter-spacing:-.02em;align-items:center;gap:9px;font-size:1.35rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.wm{aspect-ratio:349.69/100;height:1.25em;display:block;position:relative}.wm img{width:106.863%;max-width:none;height:124%;position:absolute;top:-12%;left:-3.432%}.wm img.wm-intro{width:120.513%}.wm.tone-auto img.wm-dark{display:none}.wm-playing img:not(.wm-intro){visibility:hidden}.top .wm{height:30px}.top nav{align-items:center;gap:18px;font-size:.95rem;display:flex}.top nav a{color:var(--dim);text-decoration:none;position:relative}.top nav a:hover,.top nav a[aria-current]{color:var(--fg)}.top nav a[aria-current]:after{content:"";background:var(--grad);border-radius:2px;height:2px;position:absolute;bottom:-6px;left:0;right:0}.top.overlay nav a{color:#ffffffd1}.top.overlay nav a:hover{color:#fff}#theme{border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:99px;width:34px;height:34px;font-size:1rem}.top.overlay #theme{border-color:#fff6}.foot{border-top:1px solid var(--line);color:var(--dim);margin-top:48px;padding:36px 16px 28px;font-size:.9rem}.foot-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto;display:flex}.foot .brand{color:var(--fg)}.foot p{margin:.5em 0 0}.social{gap:10px;margin:0;padding:0;list-style:none;display:flex}.social a{border:1px solid var(--line);width:42px;height:42px;color:var(--fg);border-radius:99px;place-items:center;transition:border-color .2s,transform .2s;display:grid}.social a:hover{border-color:var(--accent);transform:translateY(-2px)}.foot .fine{max-width:1400px;margin:22px auto 0;font-size:.82rem}.foot a{color:inherit}.foot .fine a{padding:6px 2px;display:inline-block}.wrap{max-width:1400px;margin:0 auto;padding:0 16px 32px}.prose{max-width:66ch;margin:0 auto;padding:8px 16px 48px}h1{letter-spacing:-.025em;margin:.6em 0 .5em;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:700;line-height:1.1}h2{letter-spacing:-.02em;margin:1.6em 0 .6em;font-size:1.5rem;font-weight:700}.lede{color:var(--dim);margin-top:-.3em}.empty{color:var(--dim);padding:48px 0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:600;display:block}.btn{border:1px solid var(--line);color:var(--fg);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{background:var(--card)}.btn.primary{background:var(--grad);color:#fff;border:0;padding:12px 22px;box-shadow:0 8px 30px -10px #ff5a5fb3}.btn.primary:hover{transform:translateY(-2px)}.btn.ghost{padding:11px 20px}.hero{cursor:pointer;background:var(--af-stage);color:#fff;isolation:isolate;align-items:end;min-height:84dvh;display:grid;position:relative;overflow:hidden}.hero-img{z-index:-2;position:absolute;inset:0}.hero-img+.hero-img{opacity:0;visibility:hidden}.hero-img img{object-fit:cover;width:100%;height:100%;display:block}.hero:after{content:"";z-index:-1;background:linear-gradient(#08080a00 30%,#08080a40 55%,#08080ad9 100%),linear-gradient(90deg,#08080a8c,#08080a00 60%);position:absolute;inset:0}.hero-in{width:100%;max-width:1400px;margin:0 auto;padding:0 16px 9dvh}.hero-title{letter-spacing:-.055em;margin:0;font-size:clamp(4rem,15vw,11rem);font-weight:700;line-height:.85}.hero-tag{color:#ffffffe0;max-width:34ch;margin:18px 0 26px;font-size:clamp(1.05rem,2.2vw,1.4rem)}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.hero .btn.ghost{color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff0f;border-color:#ffffff73}.hero .btn.ghost:hover{background:#ffffff29}.hero-cap{z-index:2;color:#ffffffb3;font-size:.8rem;text-decoration:none;position:absolute;bottom:16px;right:16px}.hero-cap:hover{color:#fff}.hero-replay{z-index:2;color:#ffffff73;cursor:pointer;background:0 0;border:0;border-radius:50%;width:30px;height:30px;padding:6px;position:absolute;bottom:16px;left:16px}.hero-replay:hover,.hero-replay:focus-visible{color:#fff;background:#ffffff1f}.hero-replay svg{width:100%;height:100%;display:block}.grid{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.grid li{flex:calc(var(--ar) * 100) 1 calc(var(--ar) * 220px);background:var(--card);border-radius:6px;overflow:hidden}.grid:after{content:"";flex-grow:1000000}.grid a{display:block}.grid img{width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .3s;display:block}.grid a:hover img{filter:brightness(1.06);transform:scale(1.04)}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:16px;padding:0;list-style:none;display:grid}.cards a{border-radius:var(--radius);background:var(--card);color:#fff;text-decoration:none;display:block;position:relative;overflow:hidden}.cards img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:block}.cards a:after{content:"";background:linear-gradient(#0000 45%,#000000bf);position:absolute;inset:0}.cards a:hover img{transform:scale(1.06)}.cards .meta{z-index:1;color:#fffc;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 18px;font-size:.85rem;display:flex;position:absolute;bottom:0;left:0;right:0}.cards .meta b{font-family:var(--display);color:#fff;letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.sec{justify-content:space-between;align-items:end;gap:12px;margin:56px 0 18px;display:flex}.sec h2{margin:.15em 0 0;font-size:clamp(1.6rem,3.4vw,2.3rem)}.sec>a{color:var(--dim);font-size:.92rem;text-decoration:none}.sec>a:hover{color:var(--fg)}.sec h1{margin:.15em 0 0}.sec.sub{margin-top:32px}.sec.sub h3{margin:.15em 0 0;font-size:clamp(1.2rem,2.4vw,1.5rem)}.apps{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.apps a{height:100%;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;text-decoration:none;transition:transform .25s,border-color .25s;display:flex;overflow:hidden}.apps a[href]:hover{border-color:var(--accent);transform:translateY(-3px)}.app-art{aspect-ratio:16/9;background:var(--grad);place-items:center;display:grid;position:relative}.app-art:before{content:"";background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.app-art svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:square;stroke-linejoin:miter;filter:drop-shadow(0 4px 12px #00000040);width:34%;height:auto;position:relative}.app-meta{padding:16px 18px 20px}.app-kind{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);justify-content:space-between;gap:8px;font-size:.75rem;display:flex}.app-kind em{color:var(--accent);font-style:normal}.app-meta b{font-family:var(--display);margin:8px 0 4px;font-size:1.35rem;display:block}.app-meta p{color:var(--dim);margin:0}.apps.full{grid-template-columns:1fr}@media (width>=760px){.apps.full a{flex-direction:row}.apps.full .app-art{aspect-ratio:auto;flex:0 0 38%;min-height:200px}.apps.full .app-meta{flex:1;align-self:center;padding:24px 28px}}.apps-lede{max-width:60ch;margin-bottom:24px}.posts{gap:10px;margin:0;padding:0;list-style:none;display:grid}.posts a{border:1px solid var(--line);border-radius:var(--radius);color:var(--fg);grid-template-columns:auto 1fr;gap:4px 18px;padding:16px 18px;text-decoration:none;transition:border-color .25s;display:grid}.posts a:hover{border-color:var(--accent)}.posts time{color:var(--dim);grid-row:span 2;padding-top:.2em;font-size:.85rem}.posts b{font-family:var(--display);font-size:1.15rem}.posts span{color:var(--dim)}@media (width<=520px){.posts a{grid-template-columns:1fr}.posts time{grid-row:auto}}.hello{background:radial-gradient(60% 120% at 100% 100%, #b04dff47, transparent 70%), radial-gradient(50% 100% at 80% 0%, #ffb54738, transparent 70%), var(--card);border-radius:24px;margin:72px 0 8px;padding:clamp(28px,6vw,56px);position:relative;overflow:hidden}.hello h2{margin:0;font-size:clamp(2rem,5vw,3.2rem);position:relative}.hello p{color:var(--dim);margin:.4em 0 22px;position:relative}.hello-row{flex-wrap:wrap;gap:10px;display:flex;position:relative}.hello-row svg{width:18px;height:18px}@media (prefers-reduced-motion:no-preference){.hero-img{animation:slide calc(var(--n) * 7s) calc(var(--i) * 7s - 1.4s) linear infinite}.hero-img:only-of-type{animation:none}.hero-img img{animation:drift calc(var(--n) * 7s) calc(var(--i) * 7s - 1.4s) linear infinite}.hero-in>*{animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.hero-in>:nth-child(2){animation-delay:.12s}.hero-in>:nth-child(3){animation-delay:.24s}@supports (animation-timeline:view()){.grid li,.cards li,.hello{animation:linear both rise view();animation-range:entry entry 35%}}}@keyframes drift{0%{transform:scale(1.1)}30%{transform:scale(1)}to{transform:scale(1)}}@keyframes slide{0%{opacity:0;visibility:visible}4%,22%{opacity:1;visibility:visible}26%,to{opacity:0;visibility:hidden}}@keyframes rise{0%{opacity:0;transform:translateY(28px)}}.photo-page{flex-direction:column;height:calc(100dvh - 62px);min-height:360px;display:flex}.stage{background:var(--af-stage);touch-action:none;-webkit-user-select:none;user-select:none;cursor:zoom-in;outline:none;flex:1;min-height:0;position:relative;overflow:hidden}.stage.zoomed{cursor:grab}.stage .layer{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.stage .layer picture,.stage .layer img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.stage .before{clip-path:inset(0 var(--cut,50%) 0 0)}.stage .tag{color:#fff;pointer-events:none;background:#0000008c;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600;position:absolute;top:10px}.stage .tag.l{left:10px}.stage .tag.r{right:10px}.stage .div{cursor:ew-resize;touch-action:none;z-index:3;width:44px;margin-left:-22px;position:absolute;top:0;bottom:0}.stage .div:before{content:"";background:#fff;width:2px;position:absolute;top:0;bottom:0;left:21px;box-shadow:0 0 3px #0009}.stage .div:after{content:"↔";text-align:center;color:#111;background:#fff;border-radius:50%;width:30px;height:30px;margin-top:-15px;line-height:30px;position:absolute;top:50%;left:7px;box-shadow:0 0 4px #0009}.stage.full{z-index:50;position:fixed;inset:0}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 16px;display:flex}.bar .cap{max-width:60ch;margin:2px 0 0;font-size:.92rem}.bar .t{font-weight:600}.bar .m{color:var(--dim);font-size:.88rem}.bar .ctl{align-items:center;gap:8px;display:flex}.navbtn{z-index:4;color:#fff;cursor:pointer;opacity:0;background:#00000059;border:0;place-items:center;width:44px;height:64px;font-size:26px;text-decoration:none;transition:opacity .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.stage:hover .navbtn,.navbtn:focus-visible{opacity:1}.navbtn.p{border-radius:0 8px 8px 0;left:0}.navbtn.n{border-radius:8px 0 0 8px;right:0}@media (hover:none){.navbtn{opacity:.7;width:36px}}.post{padding:0;list-style:none}.post li{border-bottom:1px solid var(--line);padding:12px 0}.post time{color:var(--dim);font-size:.85rem;display:block}@media (width<=480px){.top{gap:8px;padding:12px 16px}.top nav{gap:10px;font-size:.85rem}.top .wm{height:24px}#theme{width:30px;height:30px}.hero{min-height:80dvh}.cards .meta{padding:14px}}.album-bg{z-index:-1;background:var(--album-bg) center / cover no-repeat;position:fixed;inset:0}.album-bg:after{content:"";background:color-mix(in srgb, var(--bg) 78%, transparent);position:absolute;inset:0}.album-song{z-index:20;position:fixed;bottom:16px;right:16px}.album-song .btn{color:#fff;background:#0009;border-color:#0000}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .wm.tone-auto img.wm-dark{display:block}:root:not([data-theme=light]) .wm.tone-auto img.wm-light{display:none}}:root[data-theme=dark] .wm.tone-auto img.wm-dark{display:block}:root[data-theme=dark] .wm.tone-auto img.wm-light{display:none}@media (prefers-reduced-motion:reduce){.wm img.wm-intro{display:none}.wm-playing img:not(.wm-intro){visibility:visible}}#lang{border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:99px;height:34px;padding:0 10px;font-size:.85rem}.top.overlay #lang{border-color:#fff6}:root:not([data-lang=th]) .l-th,:root[data-lang=th] .l-en{display:none!important}:root[data-lang=th] .wm{aspect-ratio:450.77/100}:root[data-lang=th] .wm img,:root[data-lang=th] .wm img.wm-intro{width:105.324%;left:-2.662%}:root[data-lang=th] .hero-title .wm{height:min(1.25em,21.7391vw - 6.95652px)}@media (width<=480px){.top nav{gap:6px;font-size:.8rem}#lang{height:30px;padding:0 6px;font-size:.75rem}:root[data-lang=th] .top .wm{height:19px}}.menu-btn{z-index:2;width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;place-content:center;justify-items:end;gap:5px;margin-right:-8px;display:grid;position:relative}.menu-btn i{background:currentColor;width:24px;height:4px;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .2s;display:block;-webkit-mask:repeating-linear-gradient(90deg,#000 0 4px,#0000 4px 5px);mask:repeating-linear-gradient(90deg,#000 0 4px,#0000 4px 5px)}.menu-btn i:nth-child(2){background:var(--grad);width:15px}.menu-btn:hover i:nth-child(2){width:24px}.menu-open .menu-btn i:first-child{transform:translateY(9px)rotate(45deg)}.menu-open .menu-btn i:nth-child(2){opacity:0;transform:scaleX(0)}.menu-open .menu-btn i:nth-child(3){transform:translateY(-9px)rotate(-45deg)}html.menu-open{overflow:hidden}.menu-open .top{z-index:50;color:#fff;-webkit-backdrop-filter:none;background:0 0;border-color:#0000}.menu-open .top .wm.tone-auto img.wm-light{display:none}.menu-open .top .wm.tone-auto img.wm-dark{display:block}.menu{z-index:40;padding:96px max(20px, env(safe-area-inset-right,0px)) max(28px, env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-left,0px));color:#f2ecf4;opacity:0;background:radial-gradient(110% 70% at 100% 0,#b04dff4d,#0000 60%),radial-gradient(90% 60% at 0 100%,#ffb54729,#0000 60%),#0d0c12;grid-template-rows:1fr auto;gap:24px;transition:opacity .22s;display:grid;position:fixed;inset:0;overflow-y:auto}.menu:before{content:"";pointer-events:none;opacity:.45;background:repeating-linear-gradient(0deg,#00000059 0 1px,#0000 1px 3px);position:absolute;inset:0}.menu[hidden]{display:none}.menu.on{opacity:1}.menu nav{align-self:center;gap:4px;width:100%;max-width:1400px;margin:0 auto;display:grid;position:relative}.menu nav a{width:fit-content;color:inherit;flex-wrap:wrap;align-items:baseline;gap:4px 20px;padding:2px 0 2px 34px;text-decoration:none;display:flex;position:relative}.menu nav a:before{content:"";background:var(--grad);border-radius:3px;width:14px;height:14px;margin-top:-7px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);position:absolute;top:50%;left:4px;transform:scale(0)}.menu nav a:hover:before,.menu nav a:focus-visible:before,.menu nav a[aria-current]:before{transform:scale(1)}.m-word{font-family:"ArtIFab Pixel Tiles", var(--display);letter-spacing:.02em;font-size:clamp(2.6rem,10vw,6.5rem);line-height:1.02;display:inline-flex}.ch{display:inline-block}.menu nav a:hover .m-word,.menu nav a:focus-visible .m-word{text-shadow:-3px 0 #00e5ff,3px 0 #ff2bd6}.menu small{color:#f2ecf48c;font-size:.85rem}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.menu-foot{flex-wrap:wrap;align-items:center;gap:10px;width:100%;max-width:1400px;margin:0 auto;display:flex;position:relative}.menu-foot #lang,.menu-foot #theme{width:auto;height:40px;color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff47;border-radius:99px;padding:0 16px;font-size:.9rem}.menu-foot #lang:hover,.menu-foot #theme:hover{background:#ffffff24}.menu-foot b{margin-right:4px;font-weight:700}.menu-foot .social{margin-left:auto}.hero-down{z-index:2;cursor:pointer;background:0 0;border:0;width:48px;height:48px;margin-left:-24px;padding:0;position:absolute;bottom:12px;left:50%}.hero-down i{border-radius:2px;width:8px;height:8px;position:absolute}.hero-down i:first-child{background:var(--af-amber);top:16px;left:11px}.hero-down i:nth-child(2){background:var(--af-violet);top:16px;left:29px}.hero-down i:nth-child(3){background:var(--af-coral);top:25px;left:20px}.hero-down:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #fff}@media (prefers-reduced-motion:no-preference){.hero-down i{animation:2.4s cubic-bezier(.5,0,.75,0) infinite both tile-drop}.hero-down i:nth-child(2){animation-delay:.12s}.hero-down i:nth-child(3){animation-delay:.3s}.menu.on .ch{animation:rain-in .6s cubic-bezier(.3,.6,.2,1) calc(var(--l) * 90ms + var(--k) * 35ms) both}.menu.on small{animation:rise .5s calc(var(--l) * 90ms + .35s) both}.menu nav a:hover .ch{animation:.18s steps(2,end) 2 jitter}.menu:before{animation:.6s linear infinite roll}main.nudge{animation:1.2s cubic-bezier(.3,.7,.3,1) nudge}}@keyframes tile-drop{0%{opacity:0;transform:translateY(-10px)}25%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(4px)}}@keyframes rain-in{0%{opacity:0;text-shadow:-4px 0 #00e5ff,4px 0 #ff2bd6;transform:translateY(-70%)}55%{opacity:1;text-shadow:-4px 0 #00e5ff,4px 0 #ff2bd6;transform:none}68%{transform:translate(3px)}82%{text-shadow:-2px 0 #00e5ff,2px 0 #ff2bd6;transform:translate(-2px)}to{text-shadow:none;transform:none}}@keyframes jitter{50%{transform:translate(1px,-1px)}}@keyframes roll{to{background-position:0 3px}}@keyframes nudge{35%{transform:translateY(-30px)}70%{transform:translateY(4px)}}.view-switch{border:1px solid var(--line);border-radius:99px;gap:4px;margin:-4px 0 22px;padding:4px;display:inline-flex}.view-switch a{color:var(--dim);border-radius:99px;padding:6px 14px;font-size:.9rem;text-decoration:none}.view-switch a[aria-current]{background:var(--fg);color:var(--bg)}