.full-page{min-height:100dvh;display:flex;flex-direction:column}.entry-copy{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:48px 16px}
.entry-copy p{margin-top:8px;color:var(--gray)}.bottom-actions{padding:24px 24px max(20px,var(--safe-bottom))}
.artwork-page{background:var(--white)}.artwork-placeholder{min-height:400px;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px 24px;gap:8px}
.artwork-placeholder p{font-size:var(--p4)}.about-page{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}
.consent-layout{min-height:calc(100dvh - var(--topbar-height) - var(--safe-top));display:flex;flex-direction:column}.consent-layout .page-heading{margin-bottom:24px}
.consent-placeholder{flex:1;min-height:400px;border-radius:var(--radius);background:#fafafa;display:grid;place-items:center;text-align:center;padding:24px;font-size:var(--p4)}
.consent-layout .actions{margin:24px 8px 20px}.account-page .form-actions{margin-bottom:0}.account-page .field{margin-bottom:16px}
.install-page{padding:calc(80px + var(--safe-top)) 24px max(24px,var(--safe-bottom));text-align:center}.install-page .note{margin-top:24px}.install-section{margin-top:60px}.install-section h2{margin-bottom:24px}
.install-image-placeholder{height:400px;display:grid;place-items:center;color:var(--gray);background:var(--surface);border-radius:var(--radius);padding:24px;font-size:var(--p5)}
.install-steps{margin-top:24px;font-size:var(--p4)}.profile-note{margin-top:10px}


button.btn{

    font-family:var(--font);
    cursor:pointer;
  }
  
.form-actions button.btn{
width:100%;
}
.consent-copy{font-size:14px;line-height:1.65;padding:20px;background:var(--surface);border-radius:var(--radius);margin-bottom:24px}.consent-copy h2{font-size:16px;margin:20px 0 8px}.consent-copy h2:first-child{margin-top:0}.consent-copy ul{padding-left:20px}.consent-copy p+p{margin-top:8px}.privacy-more{margin-top:20px}

.about-section{margin-bottom:24px;padding:20px;background:var(--secondary);border-radius:var(--radius);font-size:14px;line-height:1.6}.about-section h2{font-size:20px;margin-bottom:12px}.about-section p+p{margin-top:8px}.about-section ol{padding-left:20px}.about-section li+li{margin-top:8px}
.intro-carousel{width:100%;min-height:0;display:flex;flex:1;flex-direction:column;justify-content:center;gap:14px}.intro-carousel-track{display:flex;align-items:center;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:10px;padding:10px;overscroll-behavior-x:contain;scrollbar-width:none}.intro-carousel-track::-webkit-scrollbar{display:none}.intro-slide{flex:0 0:calc(100% - 20px);aspect-ratio:4/5;margin:0;border-radius:3vw;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;background:var(--surface);display:flex;align-items:center;justify-content:center}.intro-slide img{width:100%;height:100%;object-fit:cover}.intro-carousel-dots{display:flex;align-items:center;justify-content:center;gap:7px;min-height:12px}.intro-carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:var(--border);cursor:pointer}.intro-carousel-dots button.is-active{background:var(--primary)}.initial-page .intro-carousel{min-height:0}.about-page #body-mobile{display:flex;min-height:calc(100dvh - var(--topbar-height) - var(--nav-height) - var(--safe-top) - var(--safe-bottom));padding-inline:0}.about-page .intro-carousel-track{padding-inline:max(10px,var(--gutter))}
