.hr{color:#102b50;--p-navy:#102b50;--p-yellow:#ffd44c;background:#feecd6;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;min-height:100svh;padding:10px 0 4px;display:flex;position:relative}.hr-logo{margin:0;line-height:0}.hr-logo-img{width:min(620px,92vw);height:auto;display:block}.hr-tagline{text-align:center;align-self:center;margin:14px 0 4px;padding:0 16px;font:700 clamp(20px,2.7vw,31px)/1.25 Trebuchet MS,Arial,sans-serif}.hr-room{flex-shrink:0;width:min(100%,1920px);position:relative}.hr-room-art{width:100%;height:auto;display:block}.hr-row{pointer-events:none;position:absolute;inset:0}.hr-door,.hr-host,.hr-peaches{pointer-events:auto;height:calc(var(--h) * 1%);width:calc(var(--w) * 1%);left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);transform-origin:bottom;background:0 0;border-radius:6px;padding:0;transition:transform .3s cubic-bezier(.2,.75,.25,1),filter .3s;display:block;position:absolute;overflow:hidden}.hr-door{border-radius:50% 50% 2px 2px/25% 25% 2px 2px;overflow:visible}.hr-door.student{--x:2.6;--y:12.2;--w:16.4;--h:79.5}.hr-door.teacher{--x:23.1;--y:15;--w:15.3;--h:52.2}.hr-door.parent{--x:61.1;--y:15.3;--w:15.4;--h:70.1}.hr-door.admin{--x:80.5;--y:8.9;--w:16.4;--h:82.2}.hr-host{--x:38.5;--y:24;--w:23.8;--h:68;transform-origin:50% 80%;clip-path:polygon(72.3% 3.4%,83.6% 6.1%,87.4% 14.7%,86.1% 30.3%,81.1% 39.7%,89.9% 48.3%,97.5% 53.8%,99.5% 74.1%,98.7% 85.8%,47.1% 85.8%,47.1% 63.1%,4.3% 62.3%,3% 56.9%,11.8% 49.1%,29.5% 43.6%,25.7% 38.1%,24.4% 27.2%,29.5% 14.7%,44.6% 6.1%,59.7% 3.4%);border-radius:0}.hr-peaches{--x:22.3;--y:65.9;--w:12.8;--h:25.3;transform-origin:50%;clip-path:polygon(1.4% .8%,84.5% 0,100% 90.3%,15.5% 100%);border-radius:0}.hr-door{overflow:visible}.hr-door.student .hr-moving-art{clip-path:polygon(2.89% 23%,2.95% 21.74%,3.12% 20.5%,3.41% 19.29%,3.8% 18.14%,4.29% 17.06%,4.88% 16.07%,5.56% 15.18%,6.32% 14.4%,7.13% 13.75%,8.01% 13.23%,8.92% 12.85%,9.86% 12.63%,10.82% 12.55%,11.78% 12.63%,12.72% 12.85%,13.63% 13.23%,14.51% 13.75%,15.32% 14.4%,16.08% 15.18%,16.76% 16.07%,17.35% 17.06%,17.84% 18.14%,18.23% 19.29%,18.52% 20.5%,18.69% 21.74%,18.75% 23%,18.75% 84.69%,18.2% 84.96%,17.66% 85.24%,17.11% 85.52%,16.56% 85.65%,16.02% 85.79%,15.47% 86.07%,14.92% 86.35%,14.37% 86.48%,13.83% 86.76%,13.28% 87.04%,12.73% 87.18%,12.19% 87.45%,11.64% 87.73%,11.09% 87.87%,10.55% 88.14%,10% 88.42%,9.45% 88.7%,8.91% 88.84%,8.36% 89.11%,7.81% 89.39%,7.27% 89.53%,6.72% 89.8%,6.17% 90.08%,5.62% 90.36%,5.08% 90.5%,4.53% 90.77%,3.98% 91.05%,3.44% 91.33%,2.89% 91.6%)}.hr-door.teacher .hr-moving-art{clip-path:polygon(23.36% 25.5%,23.41% 24.27%,23.57% 23.06%,23.84% 21.89%,24.21% 20.76%,24.67% 19.71%,25.22% 18.74%,25.85% 17.87%,26.55% 17.11%,27.31% 16.48%,28.12% 15.97%,28.97% 15.61%,29.85% 15.38%,30.74% 15.31%,31.63% 15.38%,32.51% 15.61%,33.36% 15.97%,34.17% 16.48%,34.93% 17.11%,35.63% 17.87%,36.26% 18.74%,36.81% 19.71%,37.27% 20.76%,37.64% 21.89%,37.91% 23.06%,38.07% 24.27%,38.12% 25.5%,38.12% 66.15%,37.58% 66.15%,37.03% 66.15%,36.48% 66.15%,35.94% 66.01%,35.39% 66.84%,34.84% 66.84%,34.3% 66.84%,33.75% 66.84%,33.2% 66.84%,32.66% 65.6%,32.11% 65.6%,31.56% 65.74%,31.02% 65.88%,30.47% 65.88%,29.92% 65.88%,29.38% 66.01%,28.83% 66.01%,28.28% 66.84%,27.73% 66.84%,27.19% 66.84%,26.64% 66.29%,26.09% 66.29%,25.55% 66.43%,25% 66.43%,24.45% 66.57%,23.91% 66.71%,23.36% 66.84%)}.hr-door.parent .hr-moving-art{clip-path:polygon(61.7% 65.74%,61.7% 26%,61.76% 24.73%,61.94% 23.49%,62.24% 22.29%,62.65% 21.15%,63.17% 20.1%,63.78% 19.14%,64.48% 18.3%,65.25% 17.6%,66.08% 17.04%,66.96% 16.63%,67.87% 16.38%,68.8% 16.3%,69.73% 16.38%,70.64% 16.63%,71.52% 17.04%,72.35% 17.6%,73.12% 18.3%,73.82% 19.14%,74.43% 20.1%,74.95% 21.15%,75.36% 22.29%,75.66% 23.49%,75.84% 24.73%,75.9% 26%,75.9% 84.96%,75.62% 84.96%,75.08% 84.96%,74.53% 84.82%,73.98% 84.55%,73.44% 84.55%,72.89% 84.41%,72.34% 84.13%,71.8% 83.99%,71.25% 83.86%,70.7% 83.72%,70.16% 83.58%,69.61% 83.44%,69.06% 83.44%,68.52% 83.3%,67.97% 83.3%,67.42% 83.3%,66.88% 83.3%,66.33% 83.3%,65.78% 83.16%,65.23% 83.03%,64.69% 82.89%,64.14% 82.75%,63.59% 82.61%,63.05% 82.47%,62.5% 82.33%,61.95% 74.04%)}.hr-door.admin .hr-moving-art{clip-path:polygon(81.1% 84.27%,81.1% 22%,81.17% 20.43%,81.36% 18.89%,81.68% 17.41%,82.12% 16%,82.67% 14.69%,83.33% 13.51%,84.07% 12.48%,84.9% 11.61%,85.79% 10.91%,86.73% 10.41%,87.71% 10.1%,88.7% 10%,89.69% 10.1%,90.67% 10.41%,91.61% 10.91%,92.5% 11.61%,93.33% 12.48%,94.07% 13.51%,94.73% 14.69%,95.28% 16%,95.72% 17.41%,96.04% 18.89%,96.23% 20.43%,96.3% 22%,96.3% 90.77%,96.09% 90.63%,95.55% 90.5%,95% 90.22%,94.45% 89.94%,93.91% 89.8%,93.36% 89.53%,92.81% 89.39%,92.27% 89.11%,91.72% 88.84%,91.17% 88.7%,90.62% 88.42%,90.08% 88.14%,89.53% 88.01%,88.98% 87.73%,88.44% 87.45%,87.89% 87.31%,87.34% 87.04%,86.8% 86.9%,86.25% 86.62%,85.7% 86.35%,85.16% 86.21%,84.61% 85.93%,84.06% 85.65%,83.52% 85.52%,82.97% 85.24%,82.42% 85.1%,81.88% 84.82%,81.33% 84.55%)}.hr-moving-art{max-width:none;width:calc(10000% / var(--w));height:calc(10000% / var(--h));left:calc(-100% * var(--x) / var(--w));top:calc(-100% * var(--y) / var(--h));pointer-events:none;position:absolute}.hr-door:focus-visible{z-index:3;transform:translateY(-6px)scale(1.3)}.hr-host:focus-visible{z-index:3;transform:scale(1.12)}.hr-peaches:focus-visible{z-index:3;transform:scale(1.35)}.hr-door:focus-visible,.hr-host:focus-visible,.hr-peaches:focus-visible{outline:4px solid var(--p-navy);outline-offset:3px;box-shadow:0 0 0 8px var(--p-yellow)}.hr-mobile-links{display:none}@media (hover:hover) and (pointer:fine){.hr-door:hover{z-index:3;filter:drop-shadow(0 8px 8px var(--p-navy));transform:translateY(-6px)scale(1.3)}.hr-host:hover{z-index:3;transform:scale(1.12)}.hr-peaches:hover{z-index:3;transform:scale(1.35)}}@media (width<=700px){.hr{justify-content:flex-start;padding:16px 0 24px}.hr-tagline{margin:12px 0 4px;font-size:18px}.hr-room{width:100%}.hr-mobile-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding:0 16px;display:grid}.hr-mobile-links a{font-size:14px}.hr-door:hover,.hr-door:focus-visible{transform:scale(1.1)}.hr-host:hover,.hr-host:focus-visible,.hr-peaches:hover,.hr-peaches:focus-visible{transform:scale(1.12)}}@media (hover:none){.hr-door:active,.hr-host:active,.hr-peaches:active{z-index:3;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.hr-door,.hr-host,.hr-peaches{transition:none}.hr-door:hover,.hr-door:focus-visible,.hr-door:active,.hr-host:hover,.hr-host:focus-visible,.hr-host:active,.hr-peaches:hover,.hr-peaches:focus-visible,.hr-peaches:active{filter:none;transform:none}}.hr-window{--x:39.8;--y:6.2;--w:20.3;--h:20.7;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);cursor:pointer;pointer-events:auto;transform-origin:bottom;background:0 0;border:0;border-radius:50% 50% 0 0/100% 100% 0 0;padding:0;transition:transform .3s cubic-bezier(.2,.75,.25,1),filter .3s;position:absolute;overflow:hidden}.hr-window .hr-moving-art{max-width:none;width:calc(10000%/var(--w));height:calc(10000%/var(--h));left:calc(-100%*var(--x)/var(--w));top:calc(-100%*var(--y)/var(--h));pointer-events:none;position:absolute}.hr-window:focus-visible{z-index:3;filter:drop-shadow(0 0 22px #fff)drop-shadow(0 0 40px #fff6c8)brightness(1.18)saturate(1.2);outline:4px solid var(--p-navy);outline-offset:3px;transform:scale(1.25)}@media (hover:hover){.hr-window:hover{z-index:3;filter:drop-shadow(0 0 22px #fff)drop-shadow(0 0 40px #fff6c8)brightness(1.18)saturate(1.2);transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.hr-window{transition:none}.hr-window:hover,.hr-window:focus-visible{transform:none}}.pp-dialog{max-width:min(96vw,720px);max-height:96dvh;padding:1rem;overflow:auto}.pp-title{text-align:center;font-size:1.4rem}.pp{flex-direction:column;align-items:center;gap:1rem;display:flex}.pp-sky{aspect-ratio:3/4;border-radius:14px;width:min(100%,62dvh,520px);position:relative;overflow:hidden}.pp-sky-img{object-fit:contain;width:100%;height:100%;display:block}.pp-placeholder{background:radial-gradient(circle at 85% 12%,#fff8d6 0 6%,#ffe58a 10%,#0000 30%),linear-gradient(#2f86e6,#7fc3ff);border:4px dashed #2e9b4a;place-items:center;display:grid;position:absolute;inset:0}.pp-placeholder-tag{color:#1d2a5c;text-align:center;background:#ffffffe6;border-radius:6px;padding:4px 6px;font:600 .75rem/1.2 system-ui;position:absolute;top:8px;left:8px;right:8px}.pp-word{color:#fffdf7;text-shadow:0 0 10px #ffffffb3;font-family:Brush Script MT,Segoe Script,cursive;font-size:clamp(2rem,9vw,3.4rem)}.pp-box{aspect-ratio:1;fill:none;stroke:#fffdf7;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #ffffffe6);transform-origin:50%;width:76%;height:auto;position:absolute;top:24%;left:12%;transform:scale(.7)}.pp-box.started.full{animation:16s linear infinite paused pp-full}.pp-box.started.gentle{animation:8s linear infinite paused pp-gentle}.pp-box.started.running{animation-play-state:running}.pp-breath{--l:10;--t:16;--w:80;--h:62;left:calc(var(--l)*1%);top:calc(var(--t)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);pointer-events:none;transform-origin:50%;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;animation-play-state:paused;position:absolute;transform:scale(1);-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#0000,#000 9% 91%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.pp-breath-img{max-width:none;width:calc(10000%/var(--w));height:calc(10000%/var(--h));left:calc(-100%*var(--l)/var(--w));top:calc(-100%*var(--t)/var(--h));position:absolute}.pp-breath-glow{opacity:0;width:74%;height:72%;animation-play-state:inherit;border-radius:16%;position:absolute;top:13%;left:13%;box-shadow:0 0 28px 8px #fffdf4b3,inset 0 0 22px 6px #fffdf48c}.pp-breath.started.full{animation:16s linear infinite paused pp-breathe-full}.pp-breath.started.gentle{animation:8s linear infinite paused pp-breathe-gentle}.pp-breath.started.full .pp-breath-glow{animation:16s linear infinite paused pp-glow-full}.pp-breath.started.gentle .pp-breath-glow{animation:8s linear infinite paused pp-glow-gentle}.pp-breath.started,.pp-breath.started .pp-breath-glow{animation-play-state:paused}.pp-breath.started.running,.pp-breath.started.running .pp-breath-glow{animation-play-state:running}@keyframes pp-breathe-full{0%{animation-timing-function:ease-in-out;transform:scale(1)}25%,50%{transform:scale(1.28)}50%{animation-timing-function:ease-in-out}75%,to{transform:scale(1)}}@keyframes pp-breathe-gentle{0%,to{animation-timing-function:ease-in-out;transform:scale(1)}50%{animation-timing-function:ease-in-out;transform:scale(1.28)}}@keyframes pp-glow-full{0%{opacity:.1;animation-timing-function:ease-in-out}25%,50%{opacity:.9}50%{animation-timing-function:ease-in-out}75%,to{opacity:.1}}@keyframes pp-glow-gentle{0%,to{opacity:.1;animation-timing-function:ease-in-out}50%{opacity:.9;animation-timing-function:ease-in-out}}@media (prefers-reduced-motion:reduce){.pp-breath.started.full,.pp-breath.started.gentle{animation:none;transform:none}}@keyframes pp-full{0%{animation-timing-function:ease-in-out;transform:scale(.7)}25%{transform:scale(1)}50%{animation-timing-function:ease-in-out;transform:scale(1)}75%{transform:scale(.7)}to{transform:scale(.7)}}@keyframes pp-gentle{0%{animation-timing-function:ease-in-out;transform:scale(.7)}50%{animation-timing-function:ease-in-out;transform:scale(1)}to{transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.pp-box.started.full,.pp-box.started.gentle{animation:none;transform:scale(.85)}}.pp-controls{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.pp-phase{min-height:1.6em;font-size:1.25rem;font-weight:700}.pp-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.pp-toggle{align-items:center;gap:.4rem;font-size:.95rem;display:flex}.pp-toggle input{width:1.1rem;height:1.1rem}.pp-note{opacity:.8;font-size:.9rem}
