:root{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC",sans-serif;color:#2a2c2b;background:#e6e5e2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #a76027;outline-offset:4px}#story{height:940vh}.desktop{position:fixed;inset:0;overflow:hidden;background:#e6e5e2;isolation:isolate;transition:background-color .8s,color .8s}.desktop.night{background:#222831;color:#e5e7e8}.menubar{height:32px;display:flex;align-items:center;padding:0 24px;gap:26px;background:#ffffff42;font-size:11px;position:absolute;top:0;left:0;right:0;z-index:2}.night .menubar{background:#ffffff08}.brand{font-weight:650;font-size:13px}.desktop-context{color:#747775;font-size:10px;letter-spacing:1px}.menu-right{margin-left:auto;display:flex;align-items:center;gap:20px}.clock{font-size:10px;color:#656966}.night .clock,.night .desktop-context{color:#a9aeb4}#menu-cat{width:34px;height:30px;display:grid;place-items:center;border-radius:5px}#menu-cat:hover{background:#0000000e}#menu-cat img{object-fit:contain}.night #menu-cat img{filter:invert(1)}.island{position:absolute;top:0;left:50%;width:640px;height:299px;transform:translateX(-50%) scale(var(--island-scale,1.3));transform-origin:top center;z-index:5;will-change:transform}.island>img{position:absolute;top:0;left:50%;transform:translateX(-50%);max-width:none;user-select:none;pointer-events:none}.hotspot{position:absolute;padding:0;background:transparent;z-index:3}.drag-origin{cursor:grab;touch-action:none;border-radius:5px}.drag-origin:active{cursor:grabbing}.approve{left:524px;top:84px;width:82px;height:31px;border-radius:9px}.approve:hover{background:#ffffff12}.pet{position:absolute;width:88px;height:72px;background-repeat:no-repeat;image-rendering:pixelated;transform-origin:center;z-index:6;opacity:0;touch-action:none;cursor:grab;will-change:transform}.pet:active{cursor:grabbing}.status{position:absolute;width:336px;height:432px;transform-origin:top left;z-index:7;will-change:transform}.status>img{position:absolute;inset:0;width:336px;height:432px;user-select:none;pointer-events:none}#status-next{opacity:0}.status-tabs{position:absolute;left:24px;top:24px;width:288px;height:36px;display:flex;z-index:3}.status-tabs button{width:50%;height:100%;border-radius:16px 16px 0 0}.scope-hotspots{position:absolute;top:72px;left:36px;width:208px;height:24px;display:flex;z-index:4}.scope-hotspots button{width:20%;border-radius:16px}.scope-hotspots button:hover,.status-tabs button:hover{background:#00000004}.lamp{left:155px;top:102px;width:26px;height:68px;cursor:ns-resize}.cursor{position:absolute;left:0;top:0;z-index:10;opacity:0;pointer-events:none;filter:drop-shadow(0 2px 1px #0003);will-change:transform}.narration{position:absolute;left:7vw;bottom:17vh;max-width:550px;z-index:1;pointer-events:none}#chapter{font-size:10px;color:#818581;letter-spacing:2px;margin:0 0 18px}#line{font-size:clamp(27px,2.5vw,39px);font-weight:500;letter-spacing:-1.5px;line-height:1.4;margin:0}#detail{font-size:13px;color:#797e79;line-height:1.8;margin:15px 0 0;max-width:340px}.night #detail,.night #chapter{color:#a3aab2}.scene-nav{position:absolute;right:30px;top:42%;display:flex;flex-direction:column;gap:16px;z-index:9}.scene-nav button{display:flex;align-items:center;gap:10px;padding:4px;color:#8a8e88;font-size:9px}.scene-nav span{opacity:0}.scene-nav button:hover span,.scene-nav [aria-current=step] span{opacity:1}.scene-nav i{display:block;width:4px;height:20px;border-radius:3px;background:#a4aaa13f;transition:background .3s}.scene-nav [aria-current=step] i{background:#777d71}.night .scene-nav [aria-current=step] i{background:#d5dce1}.story-controls{position:absolute;bottom:67px;left:7vw;display:flex;align-items:center;gap:12px;z-index:11}.story-controls>button{width:28px;height:28px;border-radius:50%;background:#ffffff52;font-size:15px;color:#6a7068}.night .story-controls>button{background:#ffffff13;color:#ccd3d8}.story-controls label{width:100px;display:block}input[type=range]{width:100%;height:2px;appearance:none;margin:0;display:block;background:#a8afa350;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:6px;height:6px;background:#727b69;border-radius:50%}#progress-label{font-size:10px;color:#8c9387;margin-left:5px}.footer-note{position:absolute;left:7vw;right:34px;bottom:22px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#92988d;letter-spacing:.4px}.night .footer-note,.night #progress-label{color:#98a2ad}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;left:12px;background:#fff;padding:12px;z-index:20}.skip:focus{top:12px}.no-js{position:fixed;bottom:0;background:#fff;padding:12px;width:100%;text-align:center}.desktop[data-chapter="3"] .narration{bottom:23vh}.desktop[data-chapter="4"] .narration{bottom:25vh;max-width:400px}
@media(max-width:800px){.island{top:32px}.menubar{padding:0 16px}.desktop-context{display:none}.menu-right{gap:12px}.scene-nav{right:10px;top:auto;bottom:85px;gap:5px;flex-direction:row}.scene-nav span{display:none}.scene-nav i{width:15px;height:3px}.narration{left:24px;right:24px;bottom:24vh;max-width:340px}#line{font-size:27px;letter-spacing:-1px}#chapter{font-size:9px;margin-bottom:14px}#detail{font-size:12px;max-width:280px}.story-controls{left:24px;bottom:77px;gap:8px}.story-controls label{width:70px}#progress-label{display:none}.footer-note{left:24px;right:24px;bottom:24px;flex-direction:column;gap:10px;font-size:8px}.desktop[data-chapter="3"] .narration{bottom:21vh}.desktop[data-chapter="4"] .narration{bottom:112px;max-width:330px} .desktop[data-chapter="4"] #line{font-size:23px}.desktop[data-chapter="4"] #detail{display:none}.desktop[data-chapter="4"] #chapter{margin-bottom:8px}.desktop[data-chapter="4"] .story-controls{bottom:65px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.cursor{display:none!important}}

[hidden]{display:none!important}
/* The product links share the native menu bar without becoming a separate fixed header. */
.menu-right{gap:16px}.site-nav{display:flex;align-items:center;gap:5px}.site-nav a{padding:5px 8px;border-radius:6px;color:#555a56;font-size:10px;white-space:nowrap}.site-nav a:hover{background:#0000000a;color:#202320}.night .site-nav a{color:#bec4c8}.night .site-nav a:hover{background:#ffffff10;color:#fff}
@media(max-width:800px){.menubar{padding-inline:10px;gap:8px}.desktop-context,.clock{display:none}.menu-right{gap:6px}.site-nav{gap:0}.site-nav a{padding:5px 6px;font-size:9px}}