.pub-hero-bg{position:relative;isolation:isolate}.pub-hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,color-mix(in srgb,var(--c-line) 55%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--c-line) 55%,transparent) 1px,transparent 1px);background-size:48px 48px;background-position:center top;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black 0%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black 0%,transparent 75%)}.pub-hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 50% 22%,color-mix(in srgb,var(--c-accent) 16%,transparent) 0%,transparent 70%)}:root[data-theme=light] .pub-hero-bg:after{background:radial-gradient(ellipse 55% 45% at 50% 22%,color-mix(in srgb,var(--c-accent) 10%,transparent) 0%,transparent 70%)}.pub-field{transition:border-color .15s ease,box-shadow .15s ease}.pub-field:focus-within{border-color:var(--c-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--c-accent) 18%,transparent)}.pub-progress{position:relative;overflow:hidden;height:2px;border-radius:2px;background:color-mix(in srgb,var(--c-accent) 18%,transparent)}.pub-progress:after{content:"";position:absolute;top:0;bottom:0;left:0;width:35%;background:var(--c-accent);border-radius:2px;animation:pub-progress 1.4s ease-in-out infinite}@keyframes pub-progress{0%{transform:translate(-100%)}to{transform:translate(300%)}}.pub-enter{animation:pub-enter .28s ease-out both}@keyframes pub-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pub-pop{animation:pub-enter .16s ease-out both}.pub-card{transition:border-color .2s ease,transform .2s ease}.pub-card:hover{border-color:var(--c-line-strong)}@media (prefers-reduced-motion: reduce){.pub-progress:after,.pub-enter,.pub-pop{animation:none}.pub-progress:after{width:100%;opacity:.5}.pub-field,.pub-card{transition:none}}:root[data-motion=off] .pub-progress:after,:root[data-motion=off] .pub-enter,:root[data-motion=off] .pub-pop,:root[data-motion=off] .nss-type,:root[data-motion=off] .nss-cursor{animation:none!important}:root[data-motion=off] .pub-progress:after{width:100%;opacity:.5}:root[data-motion=off] .nss-type{width:auto}:root[data-bg-anim=on] .pub-readable{background:color-mix(in srgb,var(--c-bg) 90%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:16px}:root[data-bg-anim=on] .pub-hero-bg:before,:root[data-bg-anim=on] .pub-hero-bg:after{display:none}.pub-hint{animation:pub-enter .24s ease-out both}@media (prefers-reduced-motion: reduce){.pub-hint{animation:none}}.pub-glass{--glass: 55%;background:color-mix(in srgb,var(--c-card) var(--glass),transparent);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);border:1px solid color-mix(in srgb,var(--c-line) 70%,transparent)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.pub-glass{background:color-mix(in srgb,var(--c-card) 85%,transparent)}}