@import url("/static/palette.css?v=d087293871ba");
/* UI-FIX-1: Home alone; the static layer also paints the account marker before JS. */
body.intake-screen{isolation:isolate;background:var(--site-panel)}
.home-aura{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.home-aura-colours{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease-out}
.home-aura-colours.is-visible,body[data-has-books="1"] .home-aura-colours{opacity:1}
.home-aura-shape{position:absolute;width:65vw;height:65vw;border-radius:50%;animation:home-aura-float 50s ease-in-out infinite alternate;animation-play-state:paused;background:radial-gradient(ellipse,color-mix(in srgb, var(--site-panel) 45%, transparent),color-mix(in srgb, var(--site-panel) 0%, transparent) 70%);left:-14vw;top:-12vh}
.home-aura-shape:nth-child(2){width:65vw;height:65vw;left:48vw;top:10vh;background:radial-gradient(ellipse,color-mix(in srgb, var(--site-panel) 45%, transparent),color-mix(in srgb, var(--site-panel) 0%, transparent) 70%);animation-duration:60s;animation-delay:-13s;animation-direction:alternate-reverse}
.home-aura-shape:nth-child(3){width:60vw;height:60vw;left:20vw;top:48vh;background:radial-gradient(ellipse,color-mix(in srgb, var(--site-panel) 45%, transparent),color-mix(in srgb, var(--site-panel) 0%, transparent) 70%);animation-duration:40s;animation-delay:-8s}
.is-visible .home-aura-shape,body[data-has-books="1"] .home-aura-shape{animation-play-state:running;will-change:transform}
.home-aura-ring{position:absolute;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb, var(--site-panel) 0%, transparent) calc(100% - 180px),color-mix(in srgb, var(--site-panel) 25%, transparent) calc(100% - 130px),color-mix(in srgb, var(--site-panel) 25%, transparent) calc(100% - 50px),color-mix(in srgb, var(--site-panel) 0%, transparent) 100%);will-change:transform,opacity}
html body.intake-screen .nav.nav-v1{background:color-mix(in srgb, var(--site-page) 85%, transparent);backdrop-filter:blur(8px)}
.intake-screen .home-page #lnkStart{transform:none!important;animation:none!important}
.intake-screen .home-page #lnkStart:disabled{background:var(--site-line);color:var(--site-muted);opacity:1}
.intake-screen .home-page #lnkStart.home-aura-ready{position:relative;isolation:isolate;overflow:hidden;background:transparent;color:var(--site-page)}
.intake-screen #lnkStart.home-aura-ready:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--site-button);animation:home-aura-breathe 2.4s ease-in-out infinite!important}
.intake-screen #lnkStart.home-aura-ready:hover:before{background:var(--site-hover)}
.intake-screen #lnkStart.home-aura-ready:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb, var(--site-panel) 45%, transparent) 50%,transparent 80%);animation:home-aura-sheen 3s ease-out infinite!important}
.intake-screen #lnkStart.home-aura-arriving:before{animation:home-start-grow 1.55s ease-out both,home-start-bounce .45s 1.55s ease-out forwards!important}
.intake-screen #lnkStart.home-aura-arriving:after{opacity:0;animation:none!important}
.home-start-pixels{position:fixed;z-index:90;pointer-events:none}
/* UPLOAD-GATE-2: the touch upload screen's Continue takes Start's ready fill and arrival (the same keyframes and timing),
   inside its own box; it plays once and ends - no breathe or sheen after it */
.intake-screen #gateContinue.home-aura-ready{position:relative;isolation:isolate;overflow:hidden;background:transparent;color:var(--site-page)}
.intake-screen #gateContinue.home-aura-ready:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--site-button)}
.intake-screen #gateContinue.home-aura-ready:hover:before{background:var(--site-hover)}
.intake-screen #gateContinue.home-aura-arriving:before{animation:home-start-grow 1.55s ease-out both,home-start-bounce .45s 1.55s ease-out forwards}
@keyframes home-aura-float{from{transform:translate3d(-4vw,-4vh,0)}to{transform:translate3d(4vw,4vh,0)}}
@keyframes home-start-grow{from{transform:scale(.025);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes home-start-bounce{0%,100%{transform:scale(1)}45%{transform:scale(1.08)}75%{transform:scale(.97)}}
@keyframes home-aura-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.015)}}
@keyframes home-aura-sheen{0%{transform:translateX(-120%);opacity:0}8%{opacity:1}40%{transform:translateX(120%);opacity:0}100%{transform:translateX(120%);opacity:0}}