html{scroll-padding-top:calc(var(--bar-h) + 64px);scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.subnav{top:var(--bar-h);z-index:50;background:var(--surface);box-shadow:inset 0 -1px 0 var(--line);position:sticky}.subnav-inner{justify-content:space-between;align-items:center;gap:20px;height:56px;display:flex}.subnav-links{font-size:var(--fs-s);letter-spacing:-.02em;scrollbar-width:none;align-items:center;gap:28px;display:flex;overflow-x:auto}.subnav-links::-webkit-scrollbar{display:none}.subnav-links a,.subnav-trigger,.subnav-cta{white-space:nowrap;font:inherit;font-size:var(--fs-s);letter-spacing:-.02em;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;display:inline-flex;position:relative}.subnav-trigger svg{transition:transform .3s ease-out}.subnav-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.subnav-links a:after,.subnav-trigger:after,.subnav-cta:after{content:"";background:var(--text);transform-origin:0;width:100%;height:1px;transition:transform .3s ease-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}.subnav-links a.is-current:after,.subnav-trigger.is-current:after,.subnav-trigger[aria-expanded=true]:after{transform:scaleX(1)}@media (hover:hover){.subnav-links a:hover:after,.subnav-trigger:hover:after,.subnav-cta:hover:after{transform:scaleX(1)}}.subnav-links a:active,.subnav-trigger:active,.subnav-cta:active{opacity:.6}.subnav-trigger:focus-visible,.subnav-links a:focus-visible,.menu-item:focus-visible,.menu-test-btn:focus-visible{outline:2px solid var(--text);outline-offset:3px}.subnav-links a.subnav-accent{background:var(--blue);color:#2c160a;border-radius:var(--r-sm);padding:7px 14px;transition:background-color .3s ease-out,color .3s ease-out}.subnav-links a.subnav-accent:after{display:none}@media (hover:hover){.subnav-links a.subnav-accent:hover{background:var(--text);color:var(--surface)}}.subnav-menu{padding-top:8px;position:absolute;top:100%;left:0;right:0}.subnav-menu[hidden]{display:none}.menu-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);grid-template-columns:1.4fr 1fr;gap:clamp(20px,3vw,40px);padding:clamp(16px,2vw,28px);animation:.3s ease-out menu-in;display:grid}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.menu-card{animation:none}}.menu-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.menu-item{border-radius:var(--r-sm);align-items:center;gap:16px;padding:10px;transition:background-color .3s ease-out;display:flex}a.menu-item:active{opacity:.7}@media (hover:hover){a.menu-item:hover{background:#2c160a0f}:root[data-theme=dark] a.menu-item:hover{background:#fffef41a}}button.menu-item{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.menu-item.is-soon .menu-thumb,.menu-item.is-soon .menu-text{opacity:.5}.menu-hint{border-radius:var(--r-sm);background:var(--text);color:var(--surface);font-size:var(--fs-s);opacity:0;flex:none;margin-left:auto;padding:8px 14px;transition:opacity .3s ease-out}@media (hover:hover){button.menu-item:hover{background:#2c160a0f}:root[data-theme=dark] button.menu-item:hover{background:#fffef41a}.menu-item.is-soon:hover .menu-hint,.menu-item.is-soon:focus-visible .menu-hint{opacity:1}}@media (hover:none){.menu-hint{opacity:1;color:var(--muted);background:0 0;padding:0}}button.menu-item:active{opacity:.7}.menu-thumb{border-radius:var(--r-sm);background:var(--blue) center / cover no-repeat;flex:none;width:56px;height:56px}.menu-text{flex-direction:column;gap:3px;min-width:0;display:flex}.menu-title{font-size:var(--fs-xl);letter-spacing:-.02em;line-height:1.15}.menu-note{font-size:var(--fs-s);color:var(--muted);line-height:1.3}.menu-text{align-items:flex-start}.menu-test{border-radius:var(--r-md);color:#fffef4;background:#2c160a;flex-direction:column;justify-content:space-between;gap:24px;min-height:220px;padding:22px;display:flex}.menu-test-label{font-size:var(--fs-s);opacity:.7;margin:0}.menu-test-title{letter-spacing:-.025em;margin:8px 0 0;font-size:clamp(22px,2.2vw,32px);line-height:1.1}.menu-test-actions{align-items:center;gap:10px;display:flex}.menu-test-btn{border-radius:var(--r-sm);color:#2c160a;font-size:var(--fs-m);background:#fffef4;padding:12px 20px;transition:background-color .3s ease-out,color .3s ease-out}@media (hover:hover){.menu-test-btn:hover{background:var(--blue)}}.menu-test-btn:active{transform:scale(.97)}.menu-test-time{border-radius:var(--r-sm);font-size:var(--fs-m);background:#fffef424;padding:12px 16px}@media (width<=760px){.subnav-cta{display:none}.subnav-inner{height:50px}.subnav-links{gap:22px}.subnav-menu{padding-top:6px}.menu-card{max-height:calc(100svh - var(--bar-h) - 70px);grid-template-columns:1fr;overflow-y:auto}.menu-test{min-height:0}}