:root{--font-family-primary: "Roboto", sans-serif;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: 1rem;--font-size-md: 1.1rem;--font-size-lg: 1.25rem;--color-white: #ffffff;--color-primary: #9D1339;--color-green: #4caf50;--color-background: #ffffff;--color-text: #666;--color-text-light: #666666;--color-muted: #94a3b8;--color-border: #dddddd;--color-shadow: rgba(0, 0, 0, .06);--space-xs: .3rem;--space-sm: .5rem;--space-md: .8rem;--space-lg: 1rem;--radius-sm: 5px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 50%}html,body{margin:0;padding-top:0;overflow-x:hidden;position:relative;font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-text)}@media (max-width: 768px){html{padding-bottom:env(safe-area-inset-bottom,20px)}body{margin:0;padding-top:0;overflow-x:hidden;position:relative;font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-text)}.container{padding:1rem;margin:.5rem}.section{padding:var(--space-sm);margin-bottom:var(--space-sm)}.button-group{flex-direction:column;gap:.75rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-wrapper{min-width:60vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;justify-content:center;align-items:center}.spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}