.container{max-width:600px;padding:var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);text-align:center;transition:background-color var(--transition-normal),box-shadow var(--transition-normal);margin:50px auto;font-family:Merriweather,sans-serif}.header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.title{color:var(--color-text-primary);text-align:left;transition:color var(--transition-fast);flex:1;margin:0;font-size:20px;font-weight:700}.pagination{display:flex}.page-button{background:var(--color-bg-card);border:1px solid var(--color-border-medium);padding:var(--spacing-xs)var(--spacing-sm);margin-left:var(--spacing-xs);cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-primary);transition:all var(--transition-fast);font-size:16px}.page-button:hover{background:var(--color-bg-secondary);border-color:var(--color-border-dark)}.page-button.active{background:var(--color-button-primary);color:var(--color-text-inverse);border-color:var(--color-button-primary)}.post-card{background:var(--color-bg-secondary);padding:var(--spacing-md);margin:var(--spacing-sm)0;border-radius:var(--radius-md);box-shadow:var(--shadow-light);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.post-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-1px)}.goal-text{text-align:left;color:var(--color-text-primary);align-items:center;gap:var(--spacing-sm);transition:color var(--transition-fast);flex:1;font-size:18px;display:flex}.goal-text.completed{color:var(--color-text-muted);text-decoration:line-through}.checkmark{color:var(--color-success);font-size:20px}