.oxo-app-nav{box-sizing:border-box;position:fixed;inset:auto 10px 10px;margin:0 auto;width:calc(100% - 20px);max-width:560px;height:min(780px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #a2d8ff40;border-radius:30px;color:#eff7ff;background:radial-gradient(ellipse at top right,#194d6877,transparent 65%),linear-gradient(150deg,#14212bf7,#080f17fc);box-shadow:0 30px 90px #000a,inset 0 1px #ffffff25;backdrop-filter:blur(30px);overflow:hidden;font-family:Arial,sans-serif}.oxo-app-nav[open]{display:flex;flex-direction:column;animation:appNavIn .28s cubic-bezier(.2,.8,.2,1)}.oxo-app-nav::backdrop{background:#02070dbb;backdrop-filter:blur(10px)}.oxo-app-nav *{box-sizing:border-box}.app-nav-top{display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid #ffffff12;flex-shrink:0}.app-nav-brand{font-size:25px;font-weight:700;letter-spacing:.12em;flex:1;color:#36b7ff}.app-nav-brand small{display:block;color:#94aabb;font:9px monospace;letter-spacing:.22em;margin-top:5px}.app-nav-top button{border:1px solid #b3d9ff26;background:#ffffff08;border-radius:50%;width:44px;height:44px;color:#e5f2ff;font-size:28px;cursor:pointer}.app-nav-back[hidden]{display:none}.app-nav-body{padding:26px 22px;overflow-y:auto;overscroll-behavior:contain;flex:1}.app-nav-body h2{font-size:34px;font-weight:400;letter-spacing:-.05em;margin:0 0 8px;outline:none}.app-nav-intro{font-size:13px;color:#a3b5c4;line-height:1.5;margin:0 0 24px}.app-nav-body nav{display:grid;gap:10px}.app-nav-body nav>button,.app-nav-body nav>a{display:flex;align-items:center;gap:14px;width:100%;min-height:82px;padding:15px;border:1px solid #bfdfff20;border-radius:18px;background:linear-gradient(130deg,#ffffff0d,#ffffff03);color:#f0f7ff;text-align:left;text-decoration:none;cursor:pointer}.app-nav-label{flex:1;min-width:0}.app-nav-label strong{display:block;font-size:17px;font-weight:500;line-height:1.3}.app-nav-label small{display:block;font-size:11px;color:#a3b5c4;line-height:1.5;margin-top:5px}.app-nav-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#159fe51a;color:#63cfff;font-size:22px;flex-shrink:0}.app-nav-arrow{color:#82a8bf;font-size:24px}.app-nav-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.app-nav-quick a{padding:18px 5px;border:1px solid #ffffff18;border-radius:14px;text-align:center;font-size:12px;color:#dbeafa;text-decoration:none;background:#ffffff05}.app-nav-bottom{padding:16px 22px max(20px,env(safe-area-inset-bottom));border-top:1px solid #ffffff12;flex-shrink:0}.app-nav-bottom>a{display:flex;justify-content:space-between;align-items:center;min-height:54px;border-radius:16px;padding:16px 18px;background:linear-gradient(120deg,#119bfa,#0472c0);color:white;text-decoration:none;font-size:14px;font-weight:600;box-shadow:0 8px 28px #0088ff22}.app-nav-bottom small{display:block;text-align:center;margin-top:13px;font-size:10px;color:#94aabb}.oxo-app-nav a:active,.oxo-app-nav button:active{transform:scale(.98)}.oxo-app-nav :focus-visible{outline:2px solid #6dd8ff;outline-offset:3px}.oxo-app-nav [aria-current=page]{border-color:#54c5ff88!important;background:#159fe51a!important}@keyframes appNavIn{from{opacity:0;transform:translateY(35px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.oxo-app-nav[open]{animation:none}}
.oxo-app-nav .app-nav-body h2:focus,.oxo-app-nav .app-nav-body h2:focus-visible{outline:none!important;box-shadow:none!important}.app-nav-icon svg{display:block}