:root{--c-bg-top:#fff6e2;--c-bg-bottom:#ffe2bf;--c-ink:#6b4a2e;--c-accent:#f0803c;--c-accent-deep:#c75f22;--c-white:#fff;--frame-max:480px}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body,html{margin:0;padding:0}body{color:var(--c-ink);font-family:Hiragino Maru Gothic ProN,Hiragino Kaku Gothic ProN,M PLUS Rounded\ 1c,Segoe UI,system-ui,sans-serif;line-height:1.7;background:var(--c-bg-bottom);-webkit-text-size-adjust:100%}.app-frame{max-width:var(--frame-max);margin:0 auto;min-height:100dvh;background:linear-gradient(180deg,var(--c-bg-top) 0,var(--c-bg-bottom) 100%)}img{max-width:100%;height:auto;display:block}.prose{white-space:pre-wrap;word-break:break-word}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;border:3px solid var(--c-white);border-radius:999px;font:inherit;font-weight:800;color:var(--c-white);background:var(--c-accent);padding:14px 28px;cursor:pointer;box-shadow:0 5px 0 var(--c-accent-deep);text-decoration:none;text-align:center}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--c-accent-deep)}.btn--outline{color:var(--c-accent-deep);background:var(--c-white);border-color:#f6cfa8;box-shadow:0 5px 0 #e9b98d}.btn--outline:active{box-shadow:0 1px 0 #e9b98d}.btn--serial{background:#7aa84a;box-shadow:0 5px 0 #557a30}.btn--serial:active{box-shadow:0 1px 0 #557a30}.credit{text-align:center;font-size:11px;opacity:.7;padding:20px 16px 28px;margin:0}