:root{--vn-bg:#0b1018;--vn-blue-1:#7cc4fa;--vn-blue-2:#2b8de3;--vn-blue-3:#1a5aa8;--vn-blue-soft:#2b8de32e;--vn-silver-1:#fff;--vn-silver-2:#a7aeb9;--vn-text:#f5f7fa;--vn-muted:#9aa4b2;--vn-glass:#10141cb8;--vn-border:#ffffff17;--vn-hover:#7cc4fa1a;--vn-field:#ffffff12;--vn-grad:linear-gradient(135deg, #7cc4fa 0%, #2b8de3 50%, #1a5aa8 100%);--vn-ease:cubic-bezier(.32, .72, 0, 1);--vn-height:64px;--vn-sidebar-width:clamp(13rem, 15vw, 15rem);--vn-topbar-height:4rem}.viewer-navbar{z-index:60;isolation:isolate;width:100%;color:var(--vn-text);margin:0;padding:0;position:sticky;top:0;left:0;right:0}.viewer-navbar:before{content:"";z-index:-1;background:radial-gradient(55% 160% at 18% -60%, #2b8de338, transparent 70%),var(--vn-glass);border-bottom:1px solid var(--vn-border);-webkit-backdrop-filter:saturate(180%)blur(30px);backdrop-filter:saturate(180%)blur(30px);position:absolute;inset:0;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff14}.viewer-navbar:after{content:"";z-index:-1;opacity:.55;background:linear-gradient(90deg,#0000,#7cc4fa80,#2b8de399,#7cc4fa80,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.viewer-navbar--immersive:before{background:radial-gradient(55% 160% at 18% -60%,#2b8de324,#0000 70%),#0b101880}.viewer-navbar__inner{width:100%;height:var(--vn-height);box-sizing:border-box;align-items:center;gap:16px;padding:0 clamp(12px,1.6vw,24px);display:flex}.viewer-navbar__brand{color:var(--vn-text);white-space:nowrap;-webkit-tap-highlight-color:#0000;transition:transform .4s var(--vn-ease);flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.viewer-navbar__brand:hover{transform:scale(1.03)}.viewer-navbar__brand:active{transform:scale(.97)}.viewer-navbar__brand-logo{object-fit:contain;filter:drop-shadow(0 4px 14px #2b8de359);width:auto;max-width:90px;height:42px;transition:filter .4s ease,transform .45s var(--vn-ease);flex:none;display:block}.viewer-navbar__brand-logo--fallback{width:42px}.viewer-navbar__brand:hover .viewer-navbar__brand-logo{filter:drop-shadow(0 6px 20px #7cc4fa99);transform:rotate(-3deg)scale(1.06)}.viewer-navbar__brand-text{letter-spacing:.01em;background:linear-gradient(180deg, var(--vn-silver-1), var(--vn-silver-2));-webkit-text-fill-color:#0000;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.12rem;font-weight:800;line-height:1}.viewer-navbar__toggle{border:1px solid var(--vn-border);background:var(--vn-field);cursor:pointer;-webkit-tap-highlight-color:#0000;width:44px;height:44px;transition:background .3s ease,transform .35s var(--vn-ease),border-color .3s ease,box-shadow .3s ease;border-radius:14px;flex:none;padding:0;display:none;position:relative}.viewer-navbar__toggle:hover{background:var(--vn-hover)}.viewer-navbar__toggle:active{transform:scale(.9)}.viewer-navbar__toggle:focus-visible{outline:2px solid var(--vn-blue-2);outline-offset:2px}.viewer-navbar__toggle span{background:var(--vn-text);height:2px;transition:transform .45s var(--vn-ease),opacity .25s ease,top .45s var(--vn-ease);border-radius:2px;position:absolute;left:12px;right:12px}.viewer-navbar__toggle span:first-child{top:15px}.viewer-navbar__toggle span:nth-child(2){top:21px}.viewer-navbar__toggle span:nth-child(3){top:27px}.viewer-navbar.is-open .viewer-navbar__toggle{background:var(--vn-blue-soft);border-color:#7cc4fa80;box-shadow:0 0 0 4px #2b8de324}.viewer-navbar.is-open .viewer-navbar__toggle span:first-child{top:21px;transform:rotate(45deg)}.viewer-navbar.is-open .viewer-navbar__toggle span:nth-child(2){opacity:0;transform:scaleX(.2)}.viewer-navbar.is-open .viewer-navbar__toggle span:nth-child(3){top:21px;transform:rotate(-45deg)}.viewer-navbar__scrim{display:none}.viewer-navbar__panel{flex:auto;align-items:center;gap:14px;min-width:0;display:flex}.viewer-navbar__search{background:var(--vn-field);border:1px solid var(--vn-border);min-width:150px;height:40px;transition:flex-basis .5s var(--vn-ease),background .3s ease,border-color .3s ease,box-shadow .3s ease;border-radius:999px;flex:0 280px;align-items:center;display:flex;position:relative}.viewer-navbar__search:hover{background:#ffffff1a}.viewer-navbar__search:focus-within{box-shadow:0 0 0 4px var(--vn-blue-soft);background:#ffffff1c;border-color:#7cc4fab3;flex-basis:380px}.viewer-navbar__search input{min-width:0;height:100%;color:var(--vn-text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0 14px 0 40px;font-size:.9rem}.viewer-navbar__search input::placeholder{color:var(--vn-muted)}.viewer-navbar__search input::-webkit-search-cancel-button{display:none}.viewer-navbar__search-icon{color:var(--vn-muted);pointer-events:none;transition:color .3s ease,transform .4s var(--vn-ease);place-items:center;display:grid;position:absolute;left:13px}.viewer-navbar__search:focus-within .viewer-navbar__search-icon{color:var(--vn-blue-1);transform:scale(1.1)}.viewer-navbar__search-submit{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.viewer-navbar__links{flex:auto;justify-content:center;align-items:center;gap:2px;min-width:0;display:flex}.viewer-navbar__link{height:40px;color:var(--vn-muted);white-space:nowrap;-webkit-tap-highlight-color:#0000;transition:color .3s ease,background .3s ease,transform .35s var(--vn-ease);border-radius:999px;align-items:center;padding:0 11px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.viewer-navbar__link:after{content:"";z-index:0;border-radius:inherit;background:radial-gradient(110px circle at var(--mx,50%) var(--my,50%), #7cc4fa33, transparent 70%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.viewer-navbar__link:hover{color:var(--vn-text)}.viewer-navbar__link:hover:after{opacity:1}.viewer-navbar__link:active{transform:scale(.96)}.viewer-navbar__link:focus-visible{outline:2px solid var(--vn-blue-2);outline-offset:2px}.viewer-navbar__link.is-active{color:#fff}.viewer-navbar__pill{z-index:0;border-radius:inherit;background:linear-gradient(135deg,#7cc4fa61,#2b8de34d 55%,#1a5aa85c);border:1px solid #7cc4fa73;position:absolute;inset:0;box-shadow:0 6px 22px #2b8de34d,inset 0 1px #ffffff40}.viewer-navbar__icon{z-index:1;transition:transform .45s var(--vn-ease),color .3s ease;place-items:center;display:grid;position:relative}.viewer-navbar__link:hover .viewer-navbar__icon{color:var(--vn-blue-1);transform:translateY(-1.5px)scale(1.1)}.viewer-navbar__link.is-active:hover .viewer-navbar__icon{color:inherit}.viewer-navbar__label{z-index:1;opacity:0;letter-spacing:.01em;transition:grid-template-columns .45s var(--vn-ease),opacity .3s ease,margin .45s var(--vn-ease);grid-template-columns:0fr;font-size:.86rem;font-weight:600;display:grid;position:relative}.viewer-navbar__label>span{white-space:nowrap;overflow:hidden}.viewer-navbar__link:hover .viewer-navbar__label,.viewer-navbar__link.is-active .viewer-navbar__label,.viewer-navbar__link:focus-visible .viewer-navbar__label{opacity:1;grid-template-columns:1fr;margin-left:8px}.viewer-navbar__account{flex:none;align-items:center;gap:6px;display:flex}.viewer-navbar__action{height:40px;color:var(--vn-muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:#0000;transition:color .3s ease,background .3s ease,transform .35s var(--vn-ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:.86rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.viewer-navbar__action svg{transition:transform .45s var(--vn-ease),color .3s ease}.viewer-navbar__action:hover{color:var(--vn-text);background:var(--vn-hover)}.viewer-navbar__action:hover svg{color:var(--vn-blue-1);transform:scale(1.1)}.viewer-navbar__action:active{transform:scale(.95)}.viewer-navbar__action:focus-visible{outline:2px solid var(--vn-blue-2);outline-offset:2px}.viewer-navbar__action.is-active{color:var(--vn-text);background:var(--vn-blue-soft)}.viewer-navbar__sign-in{background:var(--vn-grad);color:#fff;white-space:nowrap;height:40px;transition:transform .35s var(--vn-ease),box-shadow .35s ease,filter .3s ease;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 8px 22px #2b8de366,inset 0 1px #ffffff4d}.viewer-navbar__sign-in:hover{filter:brightness(1.08);transform:translateY(-1px)scale(1.04);box-shadow:0 12px 30px #2b8de38c,inset 0 1px #ffffff59}.viewer-navbar__sign-in:active{transform:scale(.96)}.viewer-navbar__plan{position:relative}.viewer-navbar__plan summary{cursor:pointer;height:40px;color:var(--vn-text);-webkit-tap-highlight-color:#0000;transition:transform .35s var(--vn-ease),box-shadow .35s ease;background:linear-gradient(135deg,#7cc4fa33,#1a5aa838);border:1px solid #7cc4fa61;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:.84rem;font-weight:700;list-style:none;display:inline-flex}.viewer-navbar__plan summary::-webkit-details-marker{display:none}.viewer-navbar__plan summary:hover{transform:translateY(-1px);box-shadow:0 8px 22px #2b8de34d}.viewer-navbar__plan summary:active{transform:scale(.95)}.viewer-navbar__plan[open] summary{box-shadow:0 0 0 4px var(--vn-blue-soft)}.viewer-navbar__plan-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.viewer-navbar__plan-popover{z-index:5;border:1px solid var(--vn-border);-webkit-backdrop-filter:saturate(180%)blur(32px);backdrop-filter:saturate(180%)blur(32px);transform-origin:100% 0;width:270px;animation:viewer-navbar-pop .42s var(--vn-ease) both;background:radial-gradient(90% 80% at 85% 0,#2b8de338,#0000 70%),#14181feb;border-radius:22px;gap:10px;padding:16px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff1a}.viewer-navbar__plan-popover strong{text-transform:capitalize;font-size:.92rem}.viewer-navbar__plan-row{background:#ffffff0f;border-radius:12px;justify-content:space-between;gap:12px;padding:9px 12px;font-size:.8rem;display:flex}.viewer-navbar__plan-row span{color:var(--vn-muted)}.viewer-navbar__plan-row time{text-align:right;font-weight:600}.viewer-navbar__plan-manage{background:var(--vn-grad);color:#fff;height:38px;transition:transform .3s var(--vn-ease),filter .3s ease;border-radius:12px;place-items:center;font-size:.85rem;font-weight:700;text-decoration:none;display:grid;box-shadow:inset 0 1px #ffffff4d}.viewer-navbar__plan-manage:hover{filter:brightness(1.1);transform:translateY(-1px)}.viewer-navbar__plan-manage:active{transform:scale(.97)}@media (max-width:900px){.viewer-navbar{--vn-height:60px}.viewer-navbar__inner{gap:12px;padding-inline:12px}.viewer-navbar__brand{flex:auto;gap:8px;min-width:0;overflow:hidden}.viewer-navbar__brand-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.viewer-navbar__toggle{flex:0 0 44px;display:block}.viewer-navbar__scrim{inset:var(--vn-height) 0 0 0;z-index:-1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .4s var(--vn-ease),visibility .4s;background:#08090c80;border:0;padding:0;display:block;position:fixed}.viewer-navbar.is-open .viewer-navbar__scrim{opacity:1;visibility:visible}.viewer-navbar__panel{z-index:2;max-height:calc(100dvh - var(--vn-height) - 24px);overscroll-behavior:contain;border:1px solid var(--vn-border);-webkit-backdrop-filter:saturate(180%)blur(36px);backdrop-filter:saturate(180%)blur(36px);transform-origin:100% 0;opacity:0;visibility:hidden;pointer-events:none;transition:transform .5s var(--vn-ease),opacity .3s ease,visibility .5s;background:radial-gradient(80% 50% at 85% 0,#2b8de342,#0000 70%),radial-gradient(70% 45% at 0 100%,#7cc4fa1f,#0000 70%),#14181fdb;border-radius:28px;flex-direction:column;align-items:stretch;gap:14px;padding:14px;position:absolute;top:calc(100% + 8px);left:10px;right:10px;overflow-y:auto;transform:translateY(-10px)scale(.96);box-shadow:0 28px 70px #0009,inset 0 1px #ffffff1f}.viewer-navbar.is-open .viewer-navbar__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.viewer-navbar__search{flex:none;width:100%;min-width:0;height:46px}.viewer-navbar__search:focus-within{flex-basis:auto}.viewer-navbar__search input{font-size:1rem}.viewer-navbar__links{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px}.viewer-navbar__link{border-radius:16px;width:100%;height:48px;padding:0 14px}.viewer-navbar.is-open .viewer-navbar__link{animation:viewer-navbar-rise .55s var(--vn-ease) backwards;animation-delay:calc(var(--i,0)*28ms + 60ms)}.viewer-navbar__label,.viewer-navbar__link:hover .viewer-navbar__label{opacity:1;grid-template-columns:1fr;margin-left:12px;font-size:.95rem}.viewer-navbar__link:hover .viewer-navbar__icon{transform:none}.viewer-navbar__account{border-top:1px solid var(--vn-border);flex-wrap:wrap;gap:8px;padding-top:12px}.viewer-navbar__action{background:#ffffff12;border-radius:14px;flex:1 1 0;justify-content:center;height:46px}.viewer-navbar__sign-in{border-radius:14px;flex:1;height:46px}.viewer-navbar__plan{flex:100%}.viewer-navbar__plan summary{border-radius:14px;justify-content:center;width:100%;height:46px}.viewer-navbar__plan-popover{-webkit-backdrop-filter:none;width:100%;box-shadow:none;background:#ffffff0d;margin-top:10px;animation:none;position:static}}@media (max-width:380px){.viewer-navbar__inner{gap:8px;padding-inline:8px}.viewer-navbar__toggle{flex-basis:40px;width:40px;height:40px}.viewer-navbar__brand-text{font-size:.9rem}.viewer-navbar__brand-logo{height:36px}.viewer-navbar__brand-logo--fallback{width:36px}}@media (prefers-reduced-motion:reduce){.viewer-navbar *{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes viewer-navbar-pop{0%{opacity:0;filter:blur(6px);transform:translateY(-8px)scale(.92)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes viewer-navbar-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.viewer-layout__content{min-width:0;min-height:100dvh}@media (min-width:901px){.viewer-layout__content{margin-left:var(--vn-sidebar-width);padding-top:var(--vn-topbar-height)}.viewer-navbar{width:100%;height:var(--vn-topbar-height);position:fixed;inset:0 0 auto}.viewer-navbar:before{background:var(--vn-bg);-webkit-backdrop-filter:none;border:0;box-shadow:0 1px #ffffff12}.viewer-navbar:after{display:none}.viewer-navbar__inner{gap:1rem;height:100%;padding:0 1.25rem}.viewer-navbar__brand{width:calc(var(--vn-sidebar-width) - 1.5rem);gap:.7rem;min-width:0}.viewer-navbar__brand-logo{width:2.35rem;height:2.35rem}.viewer-navbar__panel{display:contents}.viewer-navbar__search{min-width:9rem;max-width:42rem;height:2.65rem;box-shadow:none;background:#111820;border-color:#303b48;flex:30rem;margin-left:.25rem}.viewer-navbar__search:focus-within{border-color:var(--vn-blue-1);background:#111820;flex-basis:30rem;box-shadow:0 0 0 3px #2b8de338}.viewer-navbar__search input{padding:0 3.25rem 0 1.1rem}.viewer-navbar__search-icon{display:none}.viewer-navbar__search-submit{clip:auto;color:#dce9fa;cursor:pointer;background:#17212d;border-left:1px solid #303b48;border-radius:0 999px 999px 0;place-items:center;width:3rem;height:100%;margin:0;font-size:0;transition:background .3s,color .3s;display:grid;position:absolute;top:0;right:0;overflow:visible}.viewer-navbar__search-submit svg{width:1.1rem;height:1.1rem}.viewer-navbar__search-submit:hover{background:var(--vn-blue-3);color:#fff}.viewer-navbar__links{z-index:1;top:calc(var(--vn-topbar-height) + .5rem);width:calc(var(--vn-sidebar-width) - 1.2rem);box-sizing:border-box;border:1px solid var(--vn-border);-webkit-backdrop-filter:saturate(180%)blur(24px);backdrop-filter:saturate(180%)blur(24px);background:radial-gradient(120% 40% at 0 0,#2b8de329,#0000 70%),radial-gradient(100% 40% at 100% 100%,#7cc4fa14,#0000 70%),#10151ed1;border-radius:1.4rem;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.25rem;min-width:0;padding:.6rem;position:fixed;bottom:.6rem;left:.6rem;overflow:hidden;box-shadow:0 18px 50px #00000073,inset 0 1px #ffffff14}.viewer-navbar__link{--vn-link-h:clamp(2.2rem, calc((100dvh - var(--vn-topbar-height) - 3rem) / 11), 3rem);width:100%;height:var(--vn-link-h);color:#b9c2cf;box-sizing:border-box;border-radius:.95rem;flex:none;align-items:center;min-height:0;padding:0 .7rem;display:flex}.viewer-navbar__link:before{content:"";z-index:2;background:var(--vn-grad);width:3px;height:0;transition:height .45s var(--vn-ease);border-radius:0 3px 3px 0;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 12px #7cc4facc}.viewer-navbar__link:hover{color:#fff;background:#ffffff0a}.viewer-navbar__link.is-active{color:#fff}.viewer-navbar__link.is-active:before{height:55%}.viewer-navbar__pill{border-radius:inherit;background:linear-gradient(135deg,#7cc4fa33,#2b8de329 60%,#1a5aa838);border:1px solid #7cc4fa47;box-shadow:0 6px 20px #2b8de333,inset 0 1px #ffffff24}.viewer-navbar__icon{width:1.9rem;height:1.9rem;transition:transform .45s var(--vn-ease),color .3s ease,background .3s ease,box-shadow .3s ease;border-radius:.6rem;flex:none}.viewer-navbar__icon svg{width:1.2rem;height:1.2rem}.viewer-navbar__link:hover .viewer-navbar__icon{color:var(--vn-blue-1);transform:translate(2px)scale(1.08)}.viewer-navbar__link.is-active .viewer-navbar__icon,.viewer-navbar__link.is-active:hover .viewer-navbar__icon{color:#fff;background:var(--vn-grad);transform:none;box-shadow:0 4px 14px #2b8de380,inset 0 1px #ffffff4d}.viewer-navbar__label,.viewer-navbar__link:hover .viewer-navbar__label,.viewer-navbar__link.is-active .viewer-navbar__label,.viewer-navbar__link:focus-visible .viewer-navbar__label{opacity:1;color:inherit;grid-template-columns:1fr;margin-left:.75rem;font-size:.9rem;font-weight:650}.viewer-navbar__account{flex:none;gap:.45rem;margin-left:auto;position:relative}.viewer-navbar__account>.viewer-navbar__action,.viewer-navbar__account>.viewer-navbar__sign-in,.viewer-navbar__plan>summary{color:#dce5f1;height:2.55rem;box-shadow:none;background:#111820;border:1px solid #303b48;border-radius:.8rem;padding:0 .85rem;font-size:.84rem;font-weight:650}.viewer-navbar__account>.viewer-navbar__sign-in{background:var(--vn-grad);color:#fff;border:0;box-shadow:0 6px 18px #2b8de366}.viewer-navbar__account>.viewer-navbar__action:hover,.viewer-navbar__plan>summary:hover{color:#fff;box-shadow:none;background:#18212b;border-color:#7cc4fa80;transform:none}.viewer-navbar__plan-name{max-width:7rem}.viewer-navbar__plan-popover{-webkit-backdrop-filter:none;background:#111820;border-radius:1rem;width:min(21rem,100vw - 1rem);top:calc(100% + .5rem)}.viewer-navbar__scrim{display:none}}@media (min-width:901px) and (max-height:640px){.viewer-navbar__links{gap:.15rem;padding:.4rem}.viewer-navbar__label{font-size:.84rem}}@media (max-width:900px){.viewer-layout__content{margin-left:0;padding-top:0}}@media (max-width:1100px) and (min-width:901px){.viewer-navbar__brand-text{font-size:.98rem}.viewer-navbar__plan-name,.viewer-navbar__account>.viewer-navbar__action span{display:none}.viewer-navbar__account>.viewer-navbar__action{justify-content:center;width:2.55rem;padding:0}}