.demo-page{min-height:100dvh;display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent}.demo-header{padding-top:max(12px,env(safe-area-inset-top))}.demo-header,.demo-main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.demo-main{flex:1;padding-bottom:max(24px,env(safe-area-inset-bottom))}.demo-main--with-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px))}.demo-sticky-footer{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px max(16px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-right));background:linear-gradient(180deg,hsla(40,53%,93%,0) 0,hsla(40,53%,93%,.92) 24%,var(--v2-bg,#f7f1e5) 100%);border-top:1px solid var(--v2-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.demo-progress{display:flex;align-items:center;gap:6px;margin-bottom:16px}.demo-progress__dot{flex:1;height:3px;border-radius:999px;background:var(--v2-cream-200);transition:background .2s ease}.demo-progress__dot--active{background:var(--v2-walnut-600)}.demo-progress__dot--done{background:var(--v2-walnut-400)}.demo-tap{touch-action:manipulation;min-height:48px}.demo-tap:active{transform:scale(.98)}.demo-card-tap{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.demo-card-tap:active{transform:scale(.99);border-color:var(--v2-walnut-400)}@media (hover:hover){.demo-card-tap:hover{border-color:var(--v2-edge);box-shadow:0 4px 12px rgba(91,63,38,.08)}}.demo-input{font-size:16px!important;line-height:1.5}.demo-voice-primary{min-height:52px;width:100%;font-size:15px}.demo-hero-compact .demo-hero-title{font-size:26px}@media (min-width:640px){.demo-main--with-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}.demo-sticky-footer{position:static;padding:0;background:none;border-top:none;backdrop-filter:none;-webkit-backdrop-filter:none;margin-top:0}}