:root{--screen-padding-mobile: 12px;--screen-padding-tablet: 20px;--screen-padding-desktop: 24px;--card-padding-mobile: 12px;--card-padding-tablet: 16px;--card-padding-desktop: 20px;--gap-cards-mobile: 10px;--gap-cards-tablet: 12px;--gap-cards-desktop: 16px;--gap-heading-mobile: 6px;--gap-heading-tablet: 8px;--gap-heading-desktop: 12px;--input-padding-mobile: 10px;--input-padding-tablet: 12px;--input-padding-desktop: 14px;--button-padding-mobile: 10px 16px;--button-padding-tablet: 12px 20px;--button-padding-desktop: 14px 24px;--touch-target-min: 44px}.space-compact{--current-screen-padding: var(--screen-padding-mobile);--current-card-padding: var(--card-padding-mobile);--current-gap-cards: var(--gap-cards-mobile);--current-gap-heading: var(--gap-heading-mobile);--current-input-padding: var(--input-padding-mobile);--current-button-padding: var(--button-padding-mobile)}@media(min-width:640px){.space-compact{--current-screen-padding: var(--screen-padding-tablet);--current-card-padding: var(--card-padding-tablet);--current-gap-cards: var(--gap-cards-tablet);--current-gap-heading: var(--gap-heading-tablet);--current-input-padding: var(--input-padding-tablet);--current-button-padding: var(--button-padding-tablet)}}@media(min-width:1024px){.space-compact{--current-screen-padding: var(--screen-padding-desktop);--current-card-padding: var(--card-padding-desktop);--current-gap-cards: var(--gap-cards-desktop);--current-gap-heading: var(--gap-heading-desktop);--current-input-padding: var(--input-padding-desktop);--current-button-padding: var(--button-padding-desktop)}}.screen-padding{padding-left:var(--current-screen-padding, 12px);padding-right:var(--current-screen-padding, 12px)}.card-padding{padding:var(--current-card-padding, 12px)}.gap-cards>*+*{margin-top:var(--current-gap-cards, 10px)}.gap-heading{margin-bottom:var(--current-gap-heading, 6px)}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.text-compact{line-height:1.4}.btn-compact{padding:var(--current-button-padding, 10px 16px)}.input-compact{padding:var(--current-input-padding, 10px)}.shadow-compact{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}@media(min-width:640px){.shadow-compact{box-shadow:0 4px 6px #00000012,0 1px 3px #0000001a}}