@font-face{font-family:MowNotes;src:url(/assets/fonts/mow-notes-hand-current.woff2)format("woff2");font-display:swap}:root{color-scheme:light;--ink:#344332;--muted:#52634e;--paper:#f6f3e9;--green:#3b5b3a;--focus:#ffe6ab;font-family:Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:#8bb5d0;margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.42}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{color:#243325;background:#dae2ba}[hidden],astro-dev-toolbar{display:none!important}#cabin-page{height:100dvh;min-height:360px;position:relative}#cabin-stage{background:#7ab6e0;position:absolute;inset:0;overflow:hidden}.screen-reader-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scene-nav{z-index:5;background:0 0;align-items:center;gap:22px;display:flex;position:absolute;top:14px;left:24px}.brand{background:0 0;flex:none;align-items:center;width:138px;height:52px;display:flex}.brand-logo{object-fit:contain;filter:brightness(0)invert(93%)sepia(17%)saturate(386%)hue-rotate(337deg)drop-shadow(0 2px 3px #23180bc9);transform-origin:50%;width:100%;height:100%;transition:transform .18s}.brand:hover .brand-logo,.brand:focus-visible .brand-logo,.brand:active .brand-logo{transform:scale(1.06)}.return-home{color:#fff1d1;text-shadow:0 1px 3px #23180bd9;filter:drop-shadow(0 2px 3px #23180b8c);white-space:nowrap;background:0 0;border:1px solid #f5e6c97a;border-radius:24px;align-items:center;gap:7px;min-height:44px;padding:8px 15px;font-size:14px;text-decoration:none;display:inline-flex}.return-home:hover{border-color:#fff1d1}.return-home svg{flex:none;width:18px;height:18px}.period-toggle{z-index:5;color:#f3dfb5;background:#3a2d24a8;border:1px solid #f8e5bd66;border-radius:22px;width:104px;height:40px;padding:0;transition:background-color .24s;position:absolute;top:20px;right:24px;box-shadow:inset 0 1px 3px #38291f66}.period-toggle:hover{background:#4c3a29dc}.period-toggle svg{z-index:1;pointer-events:none;width:16px;height:16px;position:absolute;top:11px}.period-toggle .period-noon svg{left:11px}.period-toggle .period-dusk svg{left:43px}.period-toggle .period-night svg{left:75px}.period-thumb{pointer-events:none;background:#f3dfb5;border-radius:50%;width:32px;height:32px;transition:transform .3s cubic-bezier(.23,1,.32,1),background-color .3s;position:absolute;top:3px;left:3px;transform:translate(0);box-shadow:0 1px 4px #22180d4d}[data-period=dusk] .period-thumb{background:#ebbf8b;transform:translate(32px)}[data-period=night] .period-thumb{background:#d8c5a2;transform:translate(64px)}[data-period=noon] .period-noon,[data-period=dusk] .period-dusk,[data-period=night] .period-night{color:#4a3424}.static-scene{object-fit:contain;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}canvas{touch-action:none;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}#cabin-page[data-state=ready] canvas{opacity:1}#cabin-page[data-state=ready] .static-scene{visibility:hidden}canvas:focus-visible{outline-offset:-5px}.preparation{z-index:3;text-align:center;background:#f6f3e9eb;align-content:center;justify-items:center;gap:10px;padding:28px;display:grid;position:absolute;inset:0}.preparation p{margin:0}.loading-title{font:400 32px MowNotes,serif}.preparation #preparation-copy{color:var(--muted);margin-top:4px;font-size:14px}.loading-note{color:var(--muted);font-size:12px;line-height:1.8}progress{background:#d5dcc8;border:0;border-radius:4px;width:min(230px,80vw);height:4px;margin:5px 0;overflow:hidden}progress::-webkit-progress-bar{background:#d5dcc8}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}.recovery{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}.recovery button,.recovery a{color:var(--ink);background:var(--paper);border:1px solid #b6c1ac;border-radius:7px;min-height:42px;padding:11px 16px;font-size:13px;text-decoration:none}.recovery button:first-child{background:var(--green);color:#fff;border-color:var(--green)}.preparation.boot-static{background:0 0;padding:0;inset:auto 16px 28px}.preparation.boot-static>p,.recovery-tools:empty{display:none}.recovery-tools{z-index:2;position:absolute;bottom:20px;right:24px}.recovery-tools button{background:var(--green);color:#fff;border:1px solid #b6c1ac;border-radius:7px;min-height:42px;padding:11px 16px;font-size:13px}.viewer-message{background:var(--paper);z-index:4;pointer-events:none;border-radius:6px;width:max-content;max-width:calc(100% - 32px);margin:0;padding:10px 16px;font-size:12px;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.viewer-message:empty{display:none}.noscript-note{background:var(--paper);z-index:4;padding:14px;font-size:13px;position:absolute;top:90px;left:20px;right:20px}.life-tools{z-index:2;align-items:end;gap:8px;font-size:12px;display:flex;position:absolute;bottom:20px;right:24px}.life-tools button,.life-tools summary{color:#344332;cursor:pointer;background:#f6f3e9ed;border:1px solid #82987955;border-radius:7px;min-height:40px;padding:9px 12px}.life-tools details{position:relative}.life-tools details>div{background:#f6f3e9ed;border-radius:8px;gap:4px;width:150px;padding:6px;display:grid;position:absolute;bottom:48px;right:0}.life-tools details>div button{text-align:left;border:0}.life-tools summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#cabin-page:not([data-state=ready]) .life-tools{display:none}#cabin-page[data-period=noon] #cabin-stage{background:#91bee0}#cabin-page[data-period=dusk] #cabin-stage{background:#bb8998}#cabin-page[data-period=night] #cabin-stage{background:#152945}#cabin-page:fullscreen{height:100vh}@media (width<=600px){.scene-nav{gap:12px;top:12px;left:12px}.brand{width:92px;height:38px}.return-home{gap:5px;min-height:40px;padding:7px 10px;font-size:12px}.return-home svg{width:15px;height:15px}.period-toggle{top:12px;right:12px}.life-tools,.recovery-tools{bottom:12px;right:12px}}@media (width<=360px){.scene-nav{gap:8px;left:10px}.brand{width:74px}.return-home{padding:7px 8px}.period-toggle{right:10px}}@media (prefers-reduced-motion:reduce){.brand-logo,.period-toggle,.period-thumb{transition:none}}