@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.mesh-gradient.svelte-16r9qyu{position:absolute;inset:0;z-index:0;background:conic-gradient(from var(--angle),hsl(355,85%,65%,.15),hsl(45,96%,56%,.15),hsl(280,85%,65%,.15),hsl(200,90%,56%,.15),hsl(355,85%,65%,.15));filter:blur(80px);animation:svelte-16r9qyu-rotate var(--rotate-duration) linear infinite}@keyframes svelte-16r9qyu-rotate{0%{--angle: 0deg}to{--angle: 360deg}}@media(prefers-reduced-motion:reduce){.mesh-gradient.svelte-16r9qyu{animation:none;--angle: 0deg}}svg.svelte-uy8c15{pointer-events:auto}canvas.svelte-1k3rccq{pointer-events:none}.shoji-spacer.svelte-npklv8{position:relative;width:100%;height:12vh}@media(max-width:767px){.shoji-spacer.svelte-npklv8{height:8vh}}@media(prefers-reduced-motion:reduce){.shoji-spacer.svelte-npklv8{height:4vh}}.shoji-panel.svelte-npklv8{position:fixed;inset:0;z-index:40;pointer-events:none;will-change:transform,opacity;transform:translateY(100%);background-color:#f5f0e6;border:16px solid #3d1f0a;box-sizing:border-box;background-image:repeating-linear-gradient(to right,#3d1f0a 0 5px,transparent 5px 33.33%),repeating-linear-gradient(to bottom,#3d1f0a 0 5px,transparent 5px 25%),radial-gradient(ellipse at 50% 35%,rgba(255,235,180,.4) 0%,transparent 70%);box-shadow:inset 0 0 80px #ffc87840}.dark .shoji-panel.svelte-npklv8{background-color:#f0e8cd;border-color:#2a1a08;background-image:repeating-linear-gradient(to right,#2a1a08 0 5px,transparent 5px 33.33%),repeating-linear-gradient(to bottom,#2a1a08 0 5px,transparent 5px 25%),radial-gradient(ellipse at 50% 35%,rgba(255,235,180,.35) 0%,transparent 70%);box-shadow:inset 0 0 80px #ffd28c33}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.reveal.in-view{opacity:1;transform:translateY(0)}