:root{--ground:#e9e6e0;--ink:#39343d;--accent:#72516d;--font:"Noto Sans JP",sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--ground);color:var(--ink)}body{font:400 16px/1.8 var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.yfv-hero{height:100svh;min-height:540px;position:relative;isolation:isolate;overflow:hidden}.yfv-stage{position:absolute;inset:0;z-index:-1}.yfv-stage canvas{display:block;width:100%;height:100%}.yfv-header{position:absolute;top:32px;left:4.4%;right:4.4%;display:flex;align-items:center;justify-content:space-between;z-index:3}.yfv-identity{min-height:44px;display:flex;gap:13px;align-items:center}.yfv-mark{width:34px;height:40px;fill:none;stroke:currentColor;stroke-width:1}.yfv-brand{font-size:13px;letter-spacing:.18em;line-height:1.3;font-weight:400}.yfv-menu{border:0;background:none;font-size:12px;letter-spacing:.09em;padding:10px 0;min-width:54px;min-height:44px}.yfv-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.yfv-floor{position:absolute;bottom:28px;left:4.4%;right:4.4%;display:flex;justify-content:space-between;align-items:center;gap:24px;z-index:3}.yfv-floor-label{font-size:14px;margin:0;letter-spacing:.06em}.yfv-actions{display:flex;align-items:center;gap:32px}.yfv-entry{display:flex;align-items:center;gap:34px;border:0;border-bottom:1px solid var(--accent);background:none;padding:10px 0;color:var(--accent);font-size:13px;min-height:44px}.yfv-entry span{font-size:22px}.yfv-entry:hover,.yfv-menu:hover{opacity:.65}dialog{max-width:620px;width:calc(100% - 48px);padding:32px;border:1px solid #bdb6ba;background:#f4f1e9;color:var(--ink)}dialog::backdrop{background:#302c3560;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h2{font:300 28px/1.5 var(--dsp)}dialog button{padding:10px 20px;border:1px solid currentColor;background:none;min-height:44px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:700px){.yfv-hero{min-height:540px}.yfv-header{top:22px;left:24px;right:24px}.yfv-identity{gap:9px}.yfv-mark{width:28px;height:36px}.yfv-brand{font-size:12px;letter-spacing:.12em}.yfv-floor{left:24px;right:24px;bottom:22px;align-items:flex-end;gap:14px}.yfv-floor-label{max-width:none;font-size:12px;letter-spacing:.02em;line-height:1.7}.yfv-actions{gap:12px}.yfv-entry{font-size:12px;gap:14px}.yfv-entry span{font-size:20px}}