:root{--bgA: #f4ecd9;--bgB: #f0dde2;--paper: rgba(255,255,255,.56);--paper2: rgba(255,255,255,.42);--ink: #3f2c2a;--muted: rgba(63,44,42,.72);--rose: #b06a7a;--sage: #7b8b6f;--shadow: rgba(23, 16, 15, .18);--shadow2: rgba(23, 16, 15, .1);--grid: rgba(63,44,42,.07)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--ink);background:radial-gradient(1200px 780px at 18% 0%,var(--bgB),transparent 58%),radial-gradient(1200px 900px at 86% 10%,rgba(176,106,122,.14),transparent 55%),linear-gradient(180deg,var(--bgA) 0%,#f6f0e3 55%,var(--bgB) 100%);font-family:Yomogi,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.2px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:42px 42px;opacity:.3;mix-blend-mode:multiply}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:url(/grain.svg);opacity:.18;mix-blend-mode:multiply}.skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip:focus{left:16px;top:16px;width:auto;height:auto;padding:10px 12px;background:#ffffffd9;box-shadow:0 18px 55px var(--shadow)}.wrap{min-height:100%;display:grid;place-items:center;padding:38px 16px 64px}.shell{width:min(920px,100%);display:grid;gap:18px}.panel{background:var(--paper);box-shadow:0 18px 55px var(--shadow),0 6px 18px var(--shadow2);padding:18px}.row{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}@media(max-width:860px){.row{grid-template-columns:1fr}}.h1{font-family:Fredoka,Darumadrop One,system-ui,sans-serif;font-size:clamp(44px,6vw,68px);line-height:.95;letter-spacing:.2px;margin:6px 0 8px}@media(prefers-reduced-motion:no-preference){.h1,.motion-title{display:inline-block;font-variation-settings:"wght" 620;text-rendering:geometricPrecision;animation:titleFloat 6.4s ease-in-out infinite;transform-origin:35% 60%;will-change:transform}}@keyframes titleFloat{0%{transform:translateY(0) rotate(-.35deg);font-variation-settings:"wght" 590;letter-spacing:.15px}35%{transform:translateY(-2px) rotate(.25deg);font-variation-settings:"wght" 700;letter-spacing:.35px}70%{transform:translateY(1px) rotate(-.15deg);font-variation-settings:"wght" 640;letter-spacing:.25px}to{transform:translateY(0) rotate(-.35deg);font-variation-settings:"wght" 590;letter-spacing:.15px}}.sub{color:var(--muted);font-size:18px;margin:0}.tagline{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.pill{background:var(--paper2);padding:8px 10px;font-family:Kiwi Maru,system-ui,serif;font-size:14px;box-shadow:0 10px 30px var(--shadow2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;background:#b06a7a2e;color:var(--ink);text-decoration:none;cursor:pointer;user-select:none;box-shadow:0 16px 40px var(--shadow2);border:none;font:600 15px/1.1 Kiwi Maru,system-ui,serif;letter-spacing:.2px;border-radius:0}.btn:hover{background:#b06a7a40}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px #b06a7a40,0 16px 40px var(--shadow2)}@keyframes wobbleRadius{0%{border-radius:0;transform:translateY(0)}25%{border-radius:10px 0 16px;transform:translateY(-1px)}50%{border-radius:0 14px 0 10px;transform:translateY(0)}75%{border-radius:12px 0 0 18px;transform:translateY(-1px)}to{border-radius:0;transform:translateY(0)}}.btn.wobble:hover{animation:wobbleRadius .52s ease-in-out 1}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;background:#fff6;padding:6px 8px}hr.sep{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(63,44,42,.18),transparent);margin:14px 0}.frame{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#fff3;box-shadow:0 22px 60px var(--shadow),0 6px 18px var(--shadow2)}.frame:before{content:"";position:absolute;inset:-16px;background:#ffffff38;transform:rotate(-1.3deg);z-index:0}.frame:after{content:"";position:absolute;inset:-18px;background:#b06a7a1f;transform:rotate(1.2deg);z-index:-1}.frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(.95);z-index:1}.frame .cap{position:absolute;left:14px;bottom:12px;background:#ffffff9e;padding:8px 10px;font-family:Kiwi Maru,system-ui,serif;font-size:14px;box-shadow:0 12px 32px var(--shadow2);z-index:2}.term{background:#ffffff7a;box-shadow:0 20px 58px var(--shadow),0 6px 18px var(--shadow2);padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13.5px;line-height:1.55}.term .line{white-space:pre-wrap}.term .prompt{color:#3f2c2ac7}.term .good{color:#7b8b6f}.term .warn{color:#b06a7a}.gb{display:grid;gap:10px}.gb input,.gb textarea{width:100%;padding:12px;background:#ffffff80;border:none;outline:none;box-shadow:0 16px 40px var(--shadow2);border-radius:0;font-family:Yomogi,system-ui,sans-serif;font-size:16px}.gb textarea{min-height:88px;resize:vertical}.gb .list{display:grid;gap:10px;margin-top:6px}.gb .item{background:#fff6;box-shadow:0 14px 36px var(--shadow2);padding:10px 12px}.small{color:var(--muted);font-size:13px}body.mode-67{background:radial-gradient(1000px 720px at 20% 0%,rgba(176,106,122,.22),transparent 55%),radial-gradient(900px 760px at 90% 12%,rgba(123,139,111,.22),transparent 55%),linear-gradient(180deg,#f0e6d6,#efe2e6 55%,#eadfd2)}.mode-67 .pill{background:#ffffff7a}.gate{position:fixed;inset:0;display:grid;place-items:center;padding:38px 16px 64px;z-index:50}.gate:before{content:"";position:absolute;inset:0;background:#f4ecd98c;backdrop-filter:blur(6px)}.gate .panel{position:relative;width:min(620px,100%)}.gate .row2{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}@media(max-width:520px){.gate .row2{grid-template-columns:1fr}}.gate input{width:100%;padding:12px;background:#ffffff85;border:none;outline:none;box-shadow:0 16px 40px var(--shadow2);border-radius:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:15px}.gate .err{margin-top:10px;color:#b06a7a;font-family:Kiwi Maru,system-ui,serif;font-size:14px}body.fx-lock,body.fx-lock *{pointer-events:none!important}.snapfx{position:fixed;inset:0;z-index:9999;pointer-events:none}.snapfx .half{position:absolute;top:0;height:100vh;width:50vw;will-change:transform}.snapfx .left{left:0}.snapfx .right{right:0}.snapfx .seam{position:absolute;top:0;left:calc(50vw - 1px);width:2px;height:100vh;background:linear-gradient(180deg,transparent,rgba(63,44,42,.22),transparent);opacity:.65}@media(prefers-reduced-motion:no-preference){.snapfx.play .left{animation:snapLeft 1.6s cubic-bezier(.2,.85,.2,1) both}.snapfx.play .right{animation:snapRight 1.6s cubic-bezier(.2,.85,.2,1) both}}@keyframes snapLeft{0%{transform:translateY(0) rotate(0)}18%{transform:translateY(-22px) rotate(-1.25deg)}36%{transform:translateY(14px) rotate(.85deg)}54%{transform:translateY(-12px) rotate(-.65deg)}72%{transform:translateY(8px) rotate(.45deg)}88%{transform:translateY(-4px) rotate(-.2deg)}to{transform:translateY(0) rotate(0)}}@keyframes snapRight{0%{transform:translateY(0) rotate(0)}18%{transform:translateY(22px) rotate(1.25deg)}36%{transform:translateY(-14px) rotate(-.85deg)}54%{transform:translateY(12px) rotate(.65deg)}72%{transform:translateY(-8px) rotate(-.45deg)}88%{transform:translateY(4px) rotate(.2deg)}to{transform:translateY(0) rotate(0)}}