:root{--primary-color: #f4decb;--secondary-color: #324158;--accent-color: #f4decb;--text-primary: #333333;--text-secondary: #666666;--background-light: #f8f8ff;--background-dark: #f4decb;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1)}.page-container{padding:var(--spacing-lg);background-color:var(--background-light);min-height:100vh}.content-wrapper{max-width:1200px;margin:0 auto}.section-content{padding:var(--spacing-lg)}.section-banner{margin-bottom:var(--spacing-xl)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.audio-player-wrapper{background:#fff;padding:var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.section-complete-button{margin-top:var(--spacing-lg)}.journal-section{margin-bottom:var(--spacing-xl)}.journal-prompt{display:flex;gap:var(--spacing-md);align-items:flex-start}.prompt-number{font-weight:700;color:var(--primary-color)}.prompt-text{flex:1}.resource-section{margin-bottom:var(--spacing-xl)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.auth-card{width:100%;max-width:400px;padding:var(--spacing-lg);border-radius:var(--border-radius-lg)}.auth-title{text-align:center;margin-bottom:var(--spacing-lg)!important;color:var(--text-primary)}.auth-links{text-align:center;margin-top:var(--spacing-md)}.spotify-button{background:#1db954!important;border-color:#1db954!important;display:flex;align-items:center;gap:var(--spacing-sm)}.spotify-button:hover{background:#1ed760!important;border-color:#1ed760!important}.handbook-button{background:#fff;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.audio-player-container{display:flex;flex-direction:row;align-items:center;justify-content:start;background:#181818;padding:15px;border-radius:10px;color:#fff;width:100%}.track-info{display:flex;align-items:center;gap:15px;margin-right:10px}.track-image{width:50px;height:50px;border-radius:5px}.track-details h4{margin:0;font-size:1rem}.track-details p{margin:0;font-size:.875rem;color:#b3b3b3}.audio-controls{display:flex;gap:15px;margin-top:10px;justify-content:center}.control-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.progress-container{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px}.progress-bar{flex:1;-webkit-appearance:none;height:5px;background:#1db954;border-radius:5px;outline:none;cursor:pointer}.audio-list{display:flex!important}h1.ant-typography{color:#fff!important}.ant-btn-variant-link{color:#324158!important}.ant-menu-light .ant-menu-item-selected{background:var(--secondary-color)!important;color:#fff!important}@media (max-width: 768px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.section-content{padding:0}.section-complete-button{margin-top:var(--spacing-sm)}}body{margin:0;font-family:Avenir Light!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}