.page{width:min(100% - var(--space-8), 440px);min-height:100svh;padding-top:var(--space-4);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.page .large-header{padding-bottom:0}.page__form{gap:var(--space-5);flex-direction:column;flex:1;display:flex}.page__aside{color:var(--taupe);text-align:center}.app-shell{flex-direction:column;width:min(100%,480px);min-height:100svh;margin:0 auto;display:flex}.app-shell__body{padding:0 var(--space-4) var(--space-6);flex:1}.app-shell .tab-bar{padding-bottom:max(var(--space-5), env(safe-area-inset-bottom));position:sticky;bottom:0}.sheet__body{gap:var(--space-6);display:grid}@media (width>=720px){.page{min-height:0;padding-block:var(--space-10)}.page__aside{text-align:left}}.app-shell__body{flex-direction:column;display:flex}.screen{gap:var(--space-6);flex-direction:column;flex:1;display:flex}@media (width<=719px){.screen>.action-dock{margin-top:auto}}.app-shell__body>.record-form{margin-bottom:var(--space-4)}.people-list{margin:0;padding:0;list-style:none}.people-controls{gap:var(--space-3);display:grid}.quick-actions form,.record-form__actions form{flex:1;display:flex}.person-involvement{max-width:32ch}.app-shell{--tab-bar-height:calc(var(--space-2) + 56px + max(var(--space-5), env(safe-area-inset-bottom)))}.app-shell .action-dock{bottom:var(--tab-bar-height);padding-bottom:var(--space-4)}@media (width<=719px){.app-shell__body>.record-form{box-shadow:none;background:0 0;border-radius:0;padding:0}.app-shell__body>.record-form .action-dock{background:var(--craie)}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:var(--motion-standard);animation-timing-function:var(--ease)}::view-transition-new(root){animation-duration:var(--motion-standard);animation-timing-function:var(--ease)}.app-shell .tab-bar{view-transition-name:tab-bar}::view-transition-old(tab-bar){animation-duration:var(--motion-feedback)}::view-transition-new(tab-bar){animation-duration:var(--motion-feedback)}::view-transition-old(.screen){animation:fade-out var(--motion-feedback) var(--ease) both}::view-transition-new(.screen){animation:settle-in var(--motion-standard) var(--ease) both}::view-transition-old(.form){animation:sink-out var(--motion-standard) var(--ease) both}::view-transition-new(.form){animation:rise-in var(--motion-large) var(--ease) both}@keyframes fade-out{to{opacity:0}}@keyframes settle-in{0%{opacity:0;transform:translateY(var(--space-2))}}@keyframes rise-in{0%{opacity:0;transform:translateY(var(--space-12))}}@keyframes sink-out{to{opacity:0;transform:translateY(var(--space-8))}}.app-shell__body .action-dock .button--secondary{view-transition-name:dock-secondary}::view-transition-group(.dock-morph){z-index:1}::view-transition-group(dock-secondary){z-index:1}::view-transition-group(.dock-morph){animation-duration:var(--motion-standard);animation-timing-function:var(--ease);border-radius:var(--radius-pill);overflow:clip}::view-transition-group(dock-primary.dock-morph){background:var(--encre)}::view-transition-old(.dock-morph){object-fit:none;height:100%}::view-transition-new(.dock-morph){object-fit:none;height:100%}::view-transition-old(.dock-morph){animation:fade-out calc(var(--motion-standard) * .4) var(--ease) both}::view-transition-new(.dock-morph){animation:label-in var(--motion-standard) var(--ease) both}::view-transition-old(dock-secondary):only-child{animation:fold-right var(--motion-standard) var(--ease) both}::view-transition-new(dock-secondary):only-child{animation:unfold-right var(--motion-standard) var(--ease) both}@keyframes label-in{0%,30%{opacity:0}}@keyframes fold-right{0%{clip-path:inset(0 round var(--radius-pill))}to{clip-path:inset(0 0 0 100% round var(--radius-pill));opacity:0}}@keyframes unfold-right{0%{clip-path:inset(0 0 0 100% round var(--radius-pill));opacity:0}to{clip-path:inset(0 round var(--radius-pill))}}