@charset "UTF-8";:root{--bg-top: #eff2e2;--bg-mid: #cfdcb9;--bg-low: #b7c49e;--bg-bot: #c9bb9c;--glow-warm: #f4efd2;--glow-green: #dce9c0;--glow-moss: #a9be90;--glow-soil: #cdbc96;--paper: #fffcf5;--paper-deep: #f5eeda;--ink: #3a2f24;--ink-soft: #6b5942;--line: #8a6e4e;--line-soft: #b89a78;--accent: #e89968;--accent-d: #cc7e4e;--base-font-family: "Zen Maru Gothic", system-ui, sans-serif;--serif-font-family: "Klee One", serif;--hand-font-family: "Caveat", cursive}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure{margin:0}html{-webkit-text-size-adjust:100%;overflow-wrap:break-word}body{min-height:100vh;line-height:1.5;text-rendering:optimizeSpeed}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{font-family:inherit}html{scroll-behavior:smooth}@media(max-width:375px){html{font-size:4.2666666667vw}}html{font-size:16px}@media(min-width:768px){html{font-size:max(10px,1.4545454545vw)}}@media(min-width:1100px){html{font-size:16px}}body{width:100%;min-height:100%;color:var(--ink);font-family:var(--base-font-family);-webkit-font-smoothing:antialiased;background:radial-gradient(90% 65% at 12% 8%,var(--glow-warm) 0%,transparent 58%),radial-gradient(75% 55% at 88% 16%,var(--glow-green) 0%,transparent 62%),radial-gradient(70% 60% at 78% 86%,var(--glow-moss) 0%,transparent 58%),radial-gradient(80% 55% at 10% 94%,var(--glow-soil) 0%,transparent 60%),radial-gradient(45% 35% at 50% 45%,rgba(255,252,240,.35) 0%,transparent 70%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 45%,var(--bg-low) 75%,var(--bg-bot) 100%);background-attachment:fixed}::selection{background:var(--accent);color:var(--paper)}:where(a,button):focus-visible{outline:2px solid var(--accent-d);outline-offset:3px;border-radius:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.book{position:relative;background:linear-gradient(180deg,var(--paper) 0%,#fbf4e2 100%);border-radius:.875rem;box-shadow:0 1px #fff inset,0 -2px #8a6e4e12 inset,0 1.875rem 3.75rem -1.25rem #3a2f2447,0 .5rem 1rem -.5rem #3a2f242e;padding:4rem 3rem 2.625rem;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;color:var(--ink)}@media screen and (max-width:767px){.book{grid-template-columns:1fr;gap:2rem;padding:3.25rem 1.375rem 1.5rem;border-radius:.75rem}}@media(max-width:380px){.book{padding:3rem 1rem 1.25rem}}.book:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 50% 0%,rgba(255,240,210,.55),transparent 60%),radial-gradient(120% 80% at 50% 100%,rgba(180,140,90,.12),transparent 60%);mix-blend-mode:multiply;opacity:.9}.book:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.6%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22240%22%20height%3D%22240%22%20filter%3D%22url(%23n)%22%2F%3E%3C%2Fsvg%3E");background-size:15rem 15rem;mix-blend-mode:multiply;opacity:.26;filter:blur(.5px)}.avatar-mount{position:absolute;left:50%;top:-3.5rem;transform:translate(-50%);z-index:3;display:grid;place-items:center;text-align:center}@media screen and (max-width:767px){.avatar-mount{top:-2.875rem}}.avatar{--d: 6.75rem;width:var(--d);height:var(--d);border-radius:50%;background:var(--paper);box-shadow:0 0 0 .375rem var(--paper),0 0 0 .4375rem #8a6e4e40,0 .875rem 1.75rem -.625rem #3a2f2459;overflow:hidden;display:grid;place-items:center}@media screen and (max-width:767px){.avatar{--d: 5.75rem}}.avatar img{width:100%;height:100%;object-fit:cover}.name-block{position:absolute;left:50%;top:4.125rem;transform:translate(-50%);z-index:2;width:max-content;text-align:center;pointer-events:none}@media screen and (max-width:767px){.name-block{top:3.125rem}}.name{font-family:var(--serif-font-family);font-weight:600;font-size:1.875rem;letter-spacing:.04em;color:var(--ink);line-height:1}.name .en{font-family:var(--hand-font-family);font-weight:600;font-size:.65em;color:var(--ink-soft);display:block;margin-top:.25rem;letter-spacing:.05em}.tagline{font-family:var(--base-font-family);font-size:.875rem;color:var(--ink-soft);margin:.5rem 0 0;letter-spacing:.04em;line-height:1.45}.heading{display:flex;align-items:baseline;gap:.625rem;margin:0 0 1.125rem;font-family:var(--serif-font-family);font-weight:600;font-size:1.0625rem;color:var(--ink);letter-spacing:.08em}.heading .en{font-family:var(--hand-font-family);font-size:1.5rem;font-weight:600;color:var(--accent-d);letter-spacing:.02em;line-height:1}.heading .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--line-soft),transparent);transform:translateY(-.125rem)}.page{padding-top:7rem;min-width:0}@media screen and (max-width:767px){.page{padding-top:0}}.page-l{padding-right:.25rem}@media screen and (max-width:767px){.page-l{padding-top:6rem}}.page-r{padding-left:.25rem}.links{display:grid;gap:.75rem}.link{position:relative;z-index:1;display:grid;grid-template-columns:2.25rem 1fr auto;align-items:center;gap:.625rem;padding:.8125rem 1rem .8125rem .75rem;color:var(--ink);background:var(--paper);border:1px dashed rgba(138,110,78,.45);border-radius:.625rem;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;box-shadow:0 1px #fff inset,0 .375rem .75rem -.5rem #3a2f2438}.link:before,.link:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:.625rem;height:.625rem;border-radius:50%;background:var(--paper);border:1px dashed rgba(138,110,78,.45)}.link:before{left:-.375rem;border-right:0;clip-path:inset(0 50% 0 0)}.link:after{right:-.375rem;border-left:0;clip-path:inset(0 0 0 50%)}.link:hover{transform:translateY(-.125rem) rotate(-.3deg);box-shadow:0 1px #fff inset,0 .875rem 1.375rem -.625rem #3a2f2447;background:linear-gradient(180deg,#fffcf5,#fbf1dc)}.link:active{transform:translateY(0) rotate(0)}.link .icon{width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:.5rem;background:#8a6e4e14;color:var(--ink)}.link .icon svg{width:1.375rem;height:1.375rem}.link[data-link=note] .icon svg{width:1rem;height:1rem}.icon--img{overflow:hidden;background:none}.icon--img img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.link[data-link=xdcode] .icon--img img{transform:scale(1.3)}.link .body{display:grid;line-height:1.2;min-width:0}.link .ttl{font-family:var(--serif-font-family);font-weight:600;font-size:.9375rem;color:var(--ink);line-height:1.3}.link .sub{font-size:.75rem;color:var(--ink-soft);margin-top:.125rem;font-family:var(--base-font-family);letter-spacing:.02em}.link .arrow{width:1.125rem;height:1.125rem;color:var(--ink-soft);transition:transform .25s ease}.link:hover .arrow{transform:translate(.1875rem);color:var(--accent-d)}.stage{min-height:100vh;min-height:100dvh;display:flex;padding:3rem}@media screen and (max-width:767px){.stage{padding:7.5rem 1rem}}@media(max-width:380px){.stage{padding:7.5rem .5rem}}.book-wrap{position:relative;width:60rem;margin:auto}@media screen and (max-width:767px){.book-wrap{width:min(27.5rem,92vw)}}