/* Fixed-in-view navigation and the homepage's luminous glass button finish. */
html{scroll-padding-top:calc(90px + env(safe-area-inset-top,0px))}
.top{position:sticky;top:0;z-index:90;height:calc(78px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:rgba(5,14,17,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #86c8bf30;box-shadow:0 8px 28px #0002}
.top>.ust-panel,.beauty-start-button{
 --nf-glass:radial-gradient(ellipse at 50% 15%,#30746b 0%,#153a38 52%,#0a2123 100%);
 background-color:#102a2a;background-image:linear-gradient(110deg,transparent 40%,#d5fff92b 48%,#effffb55 50%,#d5fff921 53%,transparent 61%),var(--nf-glass);
 background-size:300% 100%,100% 100%;background-position:100% 0,0 0;background-repeat:no-repeat;
 border:1px solid #79cfc14d;color:#e0faf4;
 box-shadow:inset 0 1px 0 #c8fff438,inset 0 -2px 8px #00141655,0 3px 12px #0003;
 transition:background-position .75s cubic-bezier(.2,.65,.25,1),box-shadow .3s,border-color .3s,translate .2s;
}
.top>.ust-panel{border-radius:10px;min-height:42px;padding:11px 17px;font:700 13px/1.2 Manrope,Arial,sans-serif;justify-content:center}
.beauty-start-button{--nf-glass:radial-gradient(ellipse at 50% 5%,#c9fff0 0%,#88dfcc 46%,#459e96 100%);color:#062d29;border-color:#b6f9e980;box-shadow:inset 0 1px 1px #efffffb3,inset 0 -3px 10px #17675c38,0 5px 22px #59d8bc18}
.beauty-start-button span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#0b534c12;box-shadow:inset 0 1px 0 #f0fff870;line-height:1;font-size:17px}
@media(hover:hover){.top>.ust-panel:hover,.beauty-start-button:hover{background-color:#102a2a;background-image:linear-gradient(110deg,transparent 40%,#d5fff92b 48%,#effffb55 50%,#d5fff921 53%,transparent 61%),var(--nf-glass);background-position:0% 0,0 0;border-color:#b9ffea99;box-shadow:inset 0 1px 0 #e2fff980,inset 0 -2px 8px #00141633,0 5px 24px #63dfbf30}}
.top>.ust-panel:active,.beauty-start-button:active{translate:0 1px;background-position:0% 0,0 0;box-shadow:inset 0 2px 10px #001b2355,0 0 15px #6fffe026}
@media(max-width:700px){.top{height:calc(72px + env(safe-area-inset-top,0px))}.top>.ust-panel{min-height:40px;padding:9px 12px;font-size:11px}.beauty-start-button{min-height:44px}}
@media(min-width:1024px){.top{height:80px}.top>.ust-panel{min-height:44px;font-size:14px;padding:11px 20px}}
@media(prefers-reduced-motion:reduce){.top>.ust-panel,.beauty-start-button{transition:none;translate:none}}