:root{color-scheme:light;--sky-ink: #0d3b7d;--ink: #1d3557;--muted: #546a88;--paper: #fbfdff;--crease: rgb(13 59 125 / .08);--leaf: #1f6f4a;--straw: #e2b44f;--font-hand: "Klee One", "Segoe Print", cursive;--font-body: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", system-ui, sans-serif;--toolbar-room: 0px;--boat-width: clamp(72px, 7vw, 120px);--boat-bottom: calc(var(--toolbar-room) + max(14px, 3vh))}@supports (height: 100svh){:root{--toolbar-room: calc(100vh - 100svh) }}*,*:before,*:after{box-sizing:border-box}html:has(.horizon){scrollbar-width:none;overscroll-behavior-x:none}html:has(.horizon)::-webkit-scrollbar{display:none}body{margin:0;overflow-x:hidden;background:#2f74c6;color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}.horizon-stage{position:relative;height:100vh;overflow:clip;background:#5a9ad8 url(/assets/painting-CBxRGHAY.jpg) no-repeat;background-size:cover;background-position:calc(var(--sky-x, 0px) * -1) 50%}.horizon-track{position:absolute;inset:0 auto 0 0;width:380vw;pointer-events:none;will-change:transform}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.horizon-nav{position:absolute;z-index:3;top:1rem;right:4vw;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.15rem 1rem;max-width:92vw;padding:.3rem 1rem;border-radius:2px;background:#fbfdffeb;box-shadow:0 12px 26px -18px #08245099,0 1px 3px #08245026;rotate:-.6deg;font-family:var(--font-hand);font-weight:600;font-size:1.02rem}.horizon-nav a{color:var(--sky-ink);text-decoration:none}.horizon-nav a:focus-visible{outline:2px solid var(--straw);outline-offset:3px;border-radius:2px}.horizon-nav a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.paper-boat,.paper-boat-reflection{position:absolute;z-index:2;left:calc(var(--boat-width) / -2);bottom:calc(var(--boat-bottom) - var(--boat-width) * .0875);width:var(--boat-width);aspect-ratio:160 / 100;transform-origin:50% 86%;visibility:hidden;will-change:transform;pointer-events:none}.paper-boat img,.paper-boat-reflection img{display:block;width:100%;height:100%;clip-path:inset(0 0 14% 0)}.is-flat .paper-boat,.is-flat .paper-boat-reflection{visibility:visible}.paper-boat-reflection{opacity:.32;filter:blur(.6px)}.horizon-hint{position:absolute;z-index:2;left:calc(max(56px,7vw) + var(--boat-width) * .75);bottom:calc(var(--boat-bottom) + var(--boat-width) * .12);margin:0;font-family:var(--font-hand);font-weight:600;font-size:1.15rem;color:#fff;text-shadow:0 1px 2px rgb(8 36 80 / .6),0 0 18px rgb(8 36 80 / .4);opacity:calc(1 - var(--progress, 0) * 30);pointer-events:none}@media (max-width: 640px){.horizon-nav{right:50%;translate:50% 0;padding:.25rem .75rem;font-size:.88rem}}
