:root{--header-width: clamp(60px, 3%, 80px);--app-width: 100vw;--color-poppy: #D64045;--color-mint-green: #E9FFF9;--color-non-photo-blue: #9ED8DB;--color-ucla-blue: #467599;--color-delft-blue: #1D3354;--color-status-pending: #b88a00;--color-status-done: #1b8d35;--color-status-in_progress: #00356d}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e9fff9;min-width:312px}html,body{scroll-behavior:smooth;height:100vh;margin:0;padding:0}:host{display:block;width:100%}h1 h2 p{color:var(--color-delft-blue)}.loading-container{display:flex;justify-content:center;align-items:center;height:200px}.spinner{border:6px solid var(--color-non-photo-blue);border-top:6px solid var(--color-ucla-blue);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}