*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{background:#f5f5f5}body{background:0 0}a{color:inherit}.brutalist-page,.glass-page,.minimalist-page,.vintage-page{min-height:100dvh}.style-nav{z-index:9999;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.88rem;position:fixed;top:18px;right:18px}.style-nav__trigger{color:#111;font:inherit;cursor:pointer;background:#fff;border:1px solid #00000026;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-weight:600;display:flex;box-shadow:0 4px 14px #0000001f}.style-nav__trigger:focus-visible{outline-offset:3px;outline:2px solid}.style-nav__icon{font-size:1rem;line-height:1}.style-nav__chevron{opacity:.7;font-size:.75rem;transition:transform .16s}.style-nav__chevron.is-open{transform:rotate(180deg)}.style-nav__menu{background:#fff;border:1px solid #0000001f;border-radius:14px;min-width:180px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 34px #0000002e}.style-nav__item{color:#111;border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;text-decoration:none;display:flex}.style-nav__item:hover{background:#0000000f}.style-nav__item.is-active{background:#00000014;font-weight:800}.style-nav[data-page=neo-brutalism] .style-nav__trigger,.style-nav[data-page=neo-brutalism] .style-nav__menu{background:#fffdf5;border:3px solid #171717;border-radius:0;box-shadow:4px 4px #171717}.style-nav[data-page=neo-brutalism] .style-nav__trigger{text-transform:uppercase;font-weight:900}.style-nav[data-page=minimalist] .style-nav__trigger,.style-nav[data-page=minimalist] .style-nav__menu{color:#ededed;background:#16171a;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 26px #00000080}.style-nav[data-page=minimalist] .style-nav__trigger{letter-spacing:-.01em;font-weight:500}.style-nav[data-page=minimalist] .style-nav__item{color:#ededed;border-radius:6px}.style-nav[data-page=minimalist] .style-nav__item:hover{background:#ffffff12}.style-nav[data-page=minimalist] .style-nav__item.is-active{color:#fff;background:#5e6ad238;font-weight:700}.style-nav[data-page=glassmorphism] .style-nav__trigger,.style-nav[data-page=glassmorphism] .style-nav__menu{color:#fff;-webkit-backdrop-filter:blur(20px)saturate(1.6);background:#ffffff29;border:1px solid #ffffff59;box-shadow:0 8px 30px #00000038}.style-nav[data-page=glassmorphism] .style-nav__trigger,.style-nav[data-page=glassmorphism] .style-nav__item{color:#fff}.style-nav[data-page=glassmorphism] .style-nav__item:hover,.style-nav[data-page=glassmorphism] .style-nav__item.is-active{background:#ffffff2e}.style-nav[data-page=vintage] .style-nav__trigger,.style-nav[data-page=vintage] .style-nav__menu{color:#2c1f0e;background:#f5ede0;border:2px solid #5b4a36;border-radius:3px;font-family:Georgia,Times New Roman,serif;box-shadow:2px 3px 8px #503c1e40}.style-nav[data-page=vintage] .style-nav__item{color:#2c1f0e;font-family:Georgia,Times New Roman,serif}.style-nav[data-page=vintage] .style-nav__item:hover,.style-nav[data-page=vintage] .style-nav__item.is-active{background:#5b4a361f}@media (max-width:480px){.style-nav__label{display:none}}