:root{--app-max-width: 600px;--spacing-unit: 1rem;--touch-target-min: 44px;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--safe-area-right: env(safe-area-inset-right)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background:var(--sl-color-neutral-50);padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}sl-button::part(base),sl-icon-button::part(base){min-width:var(--touch-target-min);min-height:var(--touch-target-min)}@media(hover:hover){sl-button::part(base):hover,sl-icon-button::part(base):hover{transform:scale(1.05);transition:transform .15s ease}}sl-button::part(base):active,sl-icon-button::part(base):active{transform:scale(.95)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:640px){body{padding-left:max(.5rem,var(--safe-area-left));padding-right:max(.5rem,var(--safe-area-right))}}