.app-stage{min-height:100dvh;background:var(--color-paper)}.app-float{box-shadow:0 16px 34px -18px rgba(94,16,41,.45)}.app-intro{display:none}.app-screen{position:relative;display:flex;flex-direction:column;min-height:100dvh;background:var(--color-paper)}.app-content{flex:1;padding-bottom:1.5rem}@media (min-width:900px){.app-stage{display:flex;align-items:center;justify-content:center;gap:5rem;padding:2rem;background:radial-gradient(circle at 70% 30%,#fff 0,var(--color-paper) 55%,#f3e9ed 100%)}.app-intro{display:block;max-width:380px}.app-phone{width:400px;height:min(840px,calc(100dvh - 4rem));border-radius:54px;padding:12px;background:#1c1c22;box-shadow:0 40px 80px -20px rgba(60,10,20,.35),inset 0 0 0 2px #3a3a42}.app-screen{height:100%;min-height:0;overflow-y:auto;border-radius:42px;scrollbar-width:none}.app-screen::-webkit-scrollbar{display:none}}.app-rail{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 1rem .25rem;scrollbar-width:none}.app-rail::-webkit-scrollbar{display:none}.app-rail>*{scroll-snap-align:start;flex-shrink:0}.app-safe-top{padding-top:max(env(safe-area-inset-top),.75rem)}