:root{--fire-orange: #ff4500;--fire-yellow: #ff8c00;--soft-bg: linear-gradient(180deg, #fffcfc 0%, #fff5f5 100%)}body{font-family:Inter,sans-serif;background-color:#f8fafc;overscroll-behavior-y:contain;color:#0f172a}.app-container,.nav-bar{background:transparent}.nav-bar-bg{background:#ffffff59}@media(min-width:700px){.nav-bar-bg{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50px,rgba(255,255,255,.35) calc(100% - 50px),transparent 100%)}}.nav-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:700px;background:#ffffff40;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);z-index:-1}@media(min-width:700px){.nav-bar:before{-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 50px,black calc(100% - 50px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 50px,black calc(100% - 50px),transparent 100%);mask-size:100% 100%;-webkit-mask-size:100% 100%}}.fire-gradient{background:linear-gradient(140deg,#f24659,#ff6675 40%,#fd7e28)}.glass{background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.underline-transition{transition:left .4s cubic-bezier(.68,-.55,.27,1.55),width .3s ease}