*{box-sizing:border-box}html,body{margin:0;min-height:100dvh}body{font-family:Geist,Hiragino Sans,Yu Gothic UI,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;background:var(--bg);color:var(--fg);transition:background-color .5s cubic-bezier(.32,.72,0,1)}.theme-sun{--bg: #16100a;--fg: #f4ede1;--muted: #a89a83;--accent: #ff5a1f;--cta-text: #1a0d05}.theme-fuji{--bg: #0b1118;--fg: #e9eef3;--muted: #8fa0ae;--accent: #e8452c;--cta-text: #ffffff}.theme-sakura{--bg: #171114;--fg: #f7f0f1;--muted: #a7939a;--accent: #f27d9b;--cta-text: #2b0f18}.theme-ember{--bg: #0d0b09;--fg: #f1ede4;--muted: #a89f92;--accent: #ff5a1f;--cta-text: #1a0d05}#field{position:fixed;inset:0;z-index:0;width:100%;height:100%;display:block;touch-action:pan-y;transition:opacity .18s ease}#veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to right,color-mix(in srgb,var(--bg) 86%,transparent) 0%,color-mix(in srgb,var(--bg) 42%,transparent) 32%,transparent 56%)}#veil:after{content:"";position:absolute;inset:0;background:var(--bg);opacity:0;transition:opacity .18s ease}body.switching #veil:after{opacity:1}#app{position:relative;z-index:2;display:flex;min-height:100dvh;flex-direction:column;transition:opacity .18s ease}body.switching #app{opacity:0}.topbar{display:flex;align-items:baseline;padding:clamp(1.4rem,3vh,2.2rem) clamp(1.35rem,4vw,3.5rem)}.wordmark{color:var(--fg);font-size:clamp(1.7rem,2.2vw,2.1rem);font-weight:590;letter-spacing:-.05em;line-height:1}.topbar-link{display:inline-flex;align-items:center;gap:.45rem;margin-left:auto;color:var(--muted);font-size:.92rem;font-weight:520;letter-spacing:-.01em;text-decoration:none;transition:color .3s cubic-bezier(.32,.72,0,1)}.topbar-link:hover{color:var(--fg)}.topbar-link .arrow{transition:transform .3s cubic-bezier(.32,.72,0,1)}.topbar-link:hover .arrow{transform:translate(1px,-1px)}.arrow{width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.hero{display:flex;flex:1;align-items:center;padding:clamp(2rem,6vh,4rem) clamp(1.35rem,4vw,3.5rem)}.copy{max-width:40rem}.title{margin:0;font-size:clamp(3.4rem,8.4vw,7.2rem);font-weight:570;letter-spacing:-.055em;line-height:.98;text-wrap:balance}.title .accent{color:var(--accent)}.lede{max-width:27rem;margin:clamp(1.6rem,3.5vh,2.4rem) 0 0;color:var(--muted);font-size:clamp(1.02rem,1.35vw,1.22rem);font-weight:430;letter-spacing:-.015em;line-height:1.55;text-wrap:pretty}.actions{display:flex;align-items:center;margin-top:clamp(2.2rem,5vh,3.2rem)}.cta{display:inline-flex;align-items:center;gap:1.4rem;padding:.55rem .55rem .55rem 1.6rem;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--cta-text);font-size:1rem;font-weight:620;letter-spacing:-.015em;text-decoration:none;transition:filter .35s cubic-bezier(.32,.72,0,1),transform .35s cubic-bezier(.32,.72,0,1)}.cta:hover{filter:brightness(1.1);transform:translateY(-1px)}.cta:active{transform:scale(.98)}.cta-orb{display:flex;width:2.6rem;height:2.6rem;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--cta-text) 16%,transparent);transition:transform .35s cubic-bezier(.32,.72,0,1),background-color .35s cubic-bezier(.32,.72,0,1)}.cta:hover .cta-orb{background:color-mix(in srgb,var(--cta-text) 26%,transparent);transform:translate(2px,-2px)}.vertical{position:absolute;top:50%;right:clamp(1.4rem,3.4vw,3rem);margin:0;color:color-mix(in srgb,var(--fg) 34%,transparent);font-size:clamp(.9rem,1.2vw,1.1rem);letter-spacing:.34em;line-height:1;text-orientation:upright;transform:translateY(-50%);writing-mode:vertical-rl}#switcher{position:fixed;right:clamp(1.35rem,4vw,3.5rem);bottom:clamp(1.3rem,3vh,2rem);z-index:3;display:flex;align-items:center;gap:.35rem;padding:.3rem;border:1px solid color-mix(in srgb,var(--fg) 16%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}#switcher button{display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:color .25s cubic-bezier(.32,.72,0,1),background-color .25s cubic-bezier(.32,.72,0,1)}#switcher button:hover{color:var(--fg);background:color-mix(in srgb,var(--fg) 10%,transparent)}#switcher button svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}#switcher-label{min-width:7.5rem;color:var(--muted);font-family:Geist Mono,ui-monospace,monospace;font-size:.68rem;letter-spacing:.12em;text-align:center;text-transform:uppercase}.topbar-link:focus-visible,.cta:focus-visible,#switcher button:focus-visible{border-radius:4px;outline:2px solid var(--accent);outline-offset:4px}.cta:focus-visible,#switcher button:focus-visible{border-radius:999px}@media(max-width:900px){#veil{background:linear-gradient(to top,color-mix(in srgb,var(--bg) 88%,transparent),color-mix(in srgb,var(--bg) 50%,transparent) 45%,color-mix(in srgb,var(--bg) 26%,transparent))}.hero{align-items:flex-end;padding-bottom:clamp(4.5rem,12vh,6rem)}.vertical{display:none}}@media(max-width:700px){.title{font-size:clamp(3rem,13.5vw,4.6rem)}}@media(max-width:420px){.actions{align-items:stretch}.cta{justify-content:space-between;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}