﻿#menu{box-sizing:border-box;padding:calc(76px + env(safe-area-inset-top,0px)) 24px 24px;background:rgba(0,0,0,0.9);color:#f8fafc;border-left:1px solid #64748b;}#menu *,#menu *::before,#menu *::after{box-sizing:border-box;}#menu .sc-menu-content{margin:0;padding:0;color:#f8fafc;font-size:16px;line-height:1.6;}#menu .sc-menu-title{margin:0 0 16px;padding:0;color:#f8fafc;font-size:20px;font-weight:700;line-height:1.5;}#menu a,#menu a:visited{color:#bfdbfe;}#menu .sc-menu-content a{white-space:normal;overflow-wrap:anywhere;}#menu .sc-menu-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 20px;}#menu .sc-menu-quick a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 6px;color:#bfdbfe;background:#18212f;border:1px solid #94a3b8;border-radius:8px;font-size:14px;line-height:1.5;text-align:center;text-decoration:none;}#menu details{margin:0 0 12px;padding:0;color:#f8fafc;border:0;}#menu details>summary{display:flex;align-items:center;gap:12px;min-height:48px;margin:0;padding:12px;color:#f8fafc;background:#18212f;border:1px solid #64748b;border-radius:10px;font-size:16px;font-weight:700;line-height:1.5;list-style:none;cursor:pointer;overflow-wrap:anywhere;transition:background-color 160ms ease,border-color 160ms ease;}#menu details>summary::-webkit-details-marker{display:none;}#menu details>summary::marker{content:"";}#menu details>summary::before{content:"";display:block;flex:0 0 8px;width:8px;height:8px;border:0;border-right:2px solid #fde68a;border-bottom:2px solid #fde68a;background:none;transform:rotate(-45deg);transition:transform 180ms ease;}#menu details[open]>summary{color:#ffffff;background:#253247;border-color:#fde68a;}#menu details[open]>summary::before{transform:rotate(45deg);}#menu details>ul,#menu .sc-menu-content ul.sc-menu-list{list-style:none;margin:8px 0 0 14px;padding:0 0 0 12px;border-left:1px solid #64748b;}#menu details>ul>li,#menu .sc-menu-list>li{margin:4px 0;padding:0;border:0;}#menu details>ul>li>a,#menu .sc-menu-list>li>a,#menu a.sc-menu-about{display:block;min-height:44px;padding:10px 12px;color:#bfdbfe;background:transparent;border:0;border-radius:8px;font-size:16px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px;transition:background-color 160ms ease,color 160ms ease,transform 160ms ease;}#menu a.sc-menu-about{margin-top:12px;}#menu a[aria-current="page"]{color:#ffffff;background:#253247;box-shadow:inset 3px 0 0 #fde68a;font-weight:700;text-decoration:underline;text-underline-offset:4px;}#menu>a.close{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px;bottom:auto;left:auto;display:block;width:44px;height:44px;margin:0;padding:0;color:#ffffff;background:#18212f;border:1px solid #94a3b8;border-radius:50%;box-shadow:none;font-size:0;line-height:1;text-decoration:none;text-indent:0;transform:none;cursor:pointer;z-index:2;transition:background-color 160ms ease,border-color 160ms ease;}#menu>a.close::before,#menu>a.close::after{content:"";position:absolute;top:50%;left:50%;right:auto;bottom:auto;display:block;width:20px;height:2px;margin:0;padding:0;background:#ffffff;border:0;border-radius:1px;box-shadow:none;opacity:1;pointer-events:none;}#menu>a.close::before{transform:translate(-50%,-50%) rotate(45deg);}#menu>a.close::after{transform:translate(-50%,-50%) rotate(-45deg);}@media (hover:hover) and (pointer:fine){#menu details>summary:hover{color:#ffffff;background:#253247;border-color:#fde68a;}#menu details>ul>li>a:hover,#menu .sc-menu-list>li>a:hover,#menu a.sc-menu-about:hover{color:#ffffff;background:#253247;transform:translateX(3px);}#menu .sc-menu-quick a:hover{color:#ffffff;background:#253247;border-color:#fde68a;}#menu>a.close:hover{background:#253247;border-color:#fde68a;}}#menu a:focus-visible,#menu details>summary:focus-visible{color:#ffffff;background-color:#253247;outline:3px solid #fde047;outline-offset:-3px;}#menu>a.close:focus-visible{outline:3px solid #fde047;outline-offset:2px;}@media (prefers-reduced-motion:reduce){#menu,#menu *,#menu *::before,#menu *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important;}#menu details>ul>li>a:hover,#menu .sc-menu-list>li>a:hover,#menu a.sc-menu-about:hover{transform:none;}}