:root{--ph-roof:#a97c1a42;--ph-wall:#fff8e29e;--ph-shoji:#fffdf4e6;--ph-glow:#ffdc828c;--ph-interior:#ceb27057;--ph-counter:#fff8e2;--ph-stone:#968a6e4d;--ph-ground:#d6c4968c;--ph-noren:#e8be6880;--ph-win:#ffeeb4cc;--ph-sun:#f0b441;--ph-moon:#fff3cf;--ph-sun-o:1;--ph-moon-o:0;--ph-shade:#6046144d;--ph-in-o:.5;--ph-leaf:#aac4788c;--ph-leaf-line:#7f9a4a}:root[data-sky=night]{--ph-roof:#e9c16224;--ph-wall:#ffecbe0f;--ph-shoji:#ffde964d;--ph-glow:#ffc86e80;--ph-interior:#ffd28212;--ph-counter:#2e291c;--ph-stone:#ffecbe1a;--ph-ground:#ffecbe12;--ph-noren:#e9c16238;--ph-win:#262c42e6;--ph-sun-o:0;--ph-moon-o:1;--ph-shade:#0000008c;--ph-in-o:.22;--ph-leaf:#96b46e33;--ph-leaf-line:#a9c77a}.ph-stage{max-width:1040px;box-shadow:0 0 0 1px var(--po-frame);background:radial-gradient(110% 90% at 12% 0%, var(--po-world-1), transparent 62%), radial-gradient(90% 90% at 100% 35%, var(--po-world-2), transparent 66%), var(--po-world-3);border-radius:20px;margin:16px auto 0;position:relative;overflow:hidden}.ph-stage:after{content:"";background-image:var(--bh-grain);opacity:calc(var(--bh-grain-strength) * .45);pointer-events:none;position:absolute;inset:0}@media (max-width:1072px){.ph-stage{margin-left:16px;margin-right:16px}}.ph-scene{aspect-ratio:1200/760;width:100%;position:relative}@media (max-width:560px){.ph-scene{width:150%;margin-left:-13.75%}}.ph-scene svg{width:100%;height:100%;display:block;position:absolute;inset:0}.ph-scene .ln{fill:none;stroke:var(--po-office);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ph-scene .thin{stroke-width:1px;opacity:.55}.ph-scene .post{stroke-width:4px}.ph-scene .roof{fill:var(--ph-roof);stroke:var(--po-office);stroke-width:2px;stroke-linejoin:round}.ph-scene .wallf{fill:var(--ph-wall)}.ph-scene .shoji{fill:var(--ph-shoji)}.ph-scene .glow{fill:var(--ph-glow)}.ph-scene .glow-in{opacity:var(--ph-in-o)}.ph-scene .koshi{stroke-width:1.3px;opacity:.8}.ph-scene .twig{fill:none;stroke:var(--po-office-ink);stroke-width:1.3px;stroke-linecap:round}.ph-scene .bud{fill:var(--bh-line)}.ph-scene .interior{fill:var(--ph-interior)}.ph-scene .counter{fill:var(--ph-counter);stroke:var(--po-office);stroke-width:2px;stroke-linejoin:round}.ph-scene .stone{fill:var(--ph-stone)}.ph-scene .noren path{fill:var(--ph-noren);stroke:var(--po-office);stroke-width:1.5px;stroke-linejoin:round}.ph-scene .rose{fill:none;stroke:var(--bh-line);stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}.ph-scene .sheet{fill:var(--bh-sheet-solid,#fffdf6);stroke:var(--po-office);stroke-width:1.4px;stroke-linejoin:round}.ph-scene .crease{fill:none;stroke:var(--po-office);stroke-width:.8px;opacity:.35}.ph-scene #ph-lockers{cursor:pointer}.ph-scene #ph-lockers .label{opacity:0;transition:opacity .4s}.ph-scene #ph-lockers:hover .label,.ph-scene #ph-lockers:focus-visible .label{opacity:1}@media (hover:none){.ph-scene #ph-lockers .label{opacity:1}}.ph-scene .leaf{fill:var(--ph-leaf);stroke:var(--ph-leaf-line);stroke-width:1.6px}.ph-scene .trunk{fill:none;stroke:var(--po-office-ink);stroke-width:3px;stroke-linecap:round}.ph-scene .label{font:400 11px var(--po-mono);fill:var(--po-muted);text-anchor:middle}.ph-scene .tap{cursor:pointer}.ph-scene .tap,.ph-scene .tap:focus{-webkit-tap-highlight-color:transparent;outline:none}.ph-scene .tap:focus-visible{filter:drop-shadow(0 0 3px var(--po-office-halo)) drop-shadow(0 0 1px color-mix(in srgb, var(--po-office) 45%, transparent));outline:none}.ph-scene .sun{fill:var(--ph-sun);opacity:var(--ph-sun-o);transition:opacity 1.4s}.ph-scene .moon{fill:var(--ph-moon);opacity:var(--ph-moon-o);transition:opacity 1.4s}.ph-scene .win{fill:var(--ph-win);transition:fill 1.4s}.ph-scene .ripple{fill:none;stroke:var(--po-office);stroke-width:1.2px;opacity:0}.ph-scene .noren path,.ph-scene .furin,.ph-scene .strip{transform-box:fill-box;transform-origin:50% 0}@media (prefers-reduced-motion:no-preference){@keyframes ph-breath{0%,to{opacity:.35}50%{opacity:1}}@keyframes ph-drift{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}@keyframes ph-sway{0%{transform:skew(0)}22%{transform:skew(-7deg)}50%{transform:skew(4deg)}76%{transform:skew(-2deg)}to{transform:skew(0)}}@keyframes ph-swing{0%{transform:rotate(0)}12%{transform:rotate(18deg)}30%{transform:rotate(-14deg)}48%{transform:rotate(9deg)}64%{transform:rotate(-6deg)}80%{transform:rotate(3deg)}92%{transform:rotate(-1deg)}to{transform:rotate(0)}}@keyframes ph-stir{0%{transform:rotate(0)}25%{transform:rotate(7deg)}55%{transform:rotate(-5deg)}80%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes ph-flutter{0%{transform:rotate(0)}15%{transform:rotate(-22deg)}35%{transform:rotate(16deg)}55%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes ph-ripple{0%{r:12px;opacity:.8}to{r:54px;opacity:0}}.ph-scene .breath{animation:10s ease-in-out infinite ph-breath}.ph-scene .furin{animation:10s ease-in-out infinite ph-drift}.ph-scene .strip{animation:5s ease-in-out infinite reverse ph-drift}.ph-scene .noren.sway path{animation:5s ease-in-out ph-sway}.ph-scene .noren.sway path:nth-child(2){animation-delay:.12s}.ph-scene .noren.sway path:nth-child(3){animation-delay:.24s}.ph-scene .furin.ring{animation:3.4s ease-out ph-swing}.ph-scene .furin.stir{animation:1.8s ease-in-out ph-stir}.ph-scene .furin.ring .strip{animation:3s ease-out ph-flutter}.ph-scene .furin.stir .strip{animation:1.6s ease-in-out ph-flutter}.ph-scene #ph-bell{cursor:pointer}.ph-scene .furin.ring~.ripple{animation:1.8s ease-out ph-ripple}.ph-scene .furin.ring~.ripple.two{animation-delay:.35s}}@media (prefers-reduced-motion:reduce){.ph-scene .breath{opacity:.8}}.po-desk{box-sizing:border-box;resize:vertical;width:100%;min-height:300px;font:400 18px/1.7 var(--po-serif);color:var(--po-ink);caret-color:var(--bh-line);background:var(--bh-sheet);box-shadow:0 0 0 1px var(--bh-halo), 0 0 26px var(--bh-halo-soft);border:0;border-radius:6px;outline:0;padding:28px 30px;display:block}.po-desk:focus{box-shadow:0 0 0 1.5px var(--bh-line), 0 0 30px var(--bh-halo)}.po-desk::placeholder{color:var(--po-muted)}