@layer components{.floating-nav{z-index:100;height:58px;color:var(--foreground,#f0f0ef);background:var(--nav-bg,#1e2025b8);border:1px solid var(--line,#ffffff21);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:99px;align-items:center;gap:13px;padding:7px 10px 7px 18px;transition:height .3s,top .3s,background-color .3s,box-shadow .3s;display:flex;position:fixed;top:28px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #00000012,inset 0 1px #ffffff06}.floating-nav.is-compact{height:54px;padding-top:4px;padding-bottom:4px;top:18px}.nav-mark{min-width:44px;min-height:44px;font-family:var(--font-display,sans-serif);letter-spacing:-.1em;justify-content:center;align-items:center;padding:0 3px;font-size:25px;font-weight:600;text-decoration:none;display:inline-flex}.nav-mark span{color:var(--accent,#a8c7fa)}.nav-divider{background:var(--line,#ffffff21);flex:0 0 1px;width:1px;height:18px}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{min-height:44px;color:var(--muted,#b2b3b9);letter-spacing:-.01em;border-radius:40px;justify-content:center;align-items:center;gap:5px;padding:0 14px;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex}.nav-links a:hover{color:var(--foreground,#fff);background:color-mix(in srgb, var(--foreground,#fff) 5%, transparent)}.nav-contact-arrow{opacity:.65;font-size:14px}.nav-theme,.nav-menu{width:44px;height:44px;color:var(--foreground,#f0f0ef);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;padding:0;transition:color .2s,background-color .2s;display:inline-flex}.nav-theme:hover,.nav-menu:hover{color:var(--accent,#a8c7fa);background:color-mix(in srgb, var(--foreground,#fff) 6%, transparent)}.floating-nav :is(a,button):focus-visible{outline:2px solid var(--accent,#a8c7fa);outline-offset:3px}.nav-menu,html:not([data-theme]) .nav-theme,html:not([data-theme]) .nav-menu,html:not([data-theme]) .nav-divider-end{display:none}@media (max-width:600px){.floating-nav{gap:12px;height:58px;padding:6px 8px 6px 17px;top:20px}.floating-nav.is-compact{height:54px;padding-top:4px;padding-bottom:4px;top:14px}.nav-divider-start{display:none}.nav-divider-end{order:2;margin-left:12px}.nav-mark{order:1}.nav-theme{order:3}.nav-menu{flex-direction:column;order:4;gap:5px;display:flex}.nav-menu span{transform-origin:50%;background:currentColor;width:16px;height:1px;transition:transform .2s}.is-open .nav-menu span:first-child{transform:translateY(3px)rotate(45deg)}.is-open .nav-menu span:last-child{transform:translateY(-3px)rotate(-45deg)}.nav-links{color:var(--foreground,#f0f0ef);background:var(--nav-bg,#1e2025f2);border:1px solid var(--line,#ffffff21);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:22px;flex-direction:column;align-items:stretch;gap:2px;padding:8px;display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 10px 30px #0000001f}.is-open .nav-links{display:flex}.nav-links a{border-radius:14px;justify-content:space-between;min-height:50px;padding:0 17px;font-size:16px}html:not([data-theme]) .floating-nav{gap:4px;padding:6px 10px}html:not([data-theme]) .nav-links{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-direction:row;order:2;gap:0;padding:0;display:flex;position:static}html:not([data-theme]) .nav-links a{min-height:44px;padding:0 10px;font-size:16px}}@media (prefers-reduced-motion:reduce){.floating-nav,.floating-nav *,.floating-nav :before,.floating-nav :after{transition:none!important}}}