@font-face{font-family:Instrument;src:url(/fonts/instrument-sans-variable.woff2);font-weight:100 900;font-display:swap}:root{font-family:Instrument,Arial,sans-serif;color:#354132;background:#eeede8}*{box-sizing:border-box}body{margin:0}main{min-height:100svh;display:grid;place-items:center;padding:80px 24px 100px}.room-study{width:min(900px,100%,calc((100svh - 215px)*1.5));position:relative}.room{position:relative;width:100%;aspect-ratio:3 / 2;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:12px;overflow:hidden;box-shadow:0 20px 48px -24px #3a3d3659}.room[aria-disabled=true]{cursor:progress}.room img{position:absolute;width:100%;height:100%;inset:0;object-fit:fill;pointer-events:none}.room:focus-visible{outline:2px solid #637757;outline-offset:4px}.room-time{position:absolute;bottom:18px;left:50%;transform:translate(-50%);padding:7px 12px;background:#17201c85;color:#fff;border:1px solid #ffffff3b;border-radius:30px;font-size:11px;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.instruction{position:absolute;top:100%;width:100%;text-align:center;margin:20px 0 0;font-size:11px;line-height:1.5;color:#858a7d}.room-loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;font-size:11px;color:#fff;text-shadow:0 1px 5px #000;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:550px){main{padding:70px 20px 100px}.room-time{bottom:12px}}